From: Jeremy Thomas Date: Mon, 7 Aug 2017 19:09:59 +0000 (+0100) Subject: Archive version 0.5.1 X-Git-Tag: 0.5.2~75 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=1244b3f91f452ea750cde569f10350caca34a41f;p=thirdparty%2Fbulma.git Archive version 0.5.1 --- diff --git a/docs/versions/0.5.1/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html b/docs/versions/0.5.1/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html new file mode 100644 index 000000000..16b0fe5e0 --- /dev/null +++ b/docs/versions/0.5.1/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html @@ -0,0 +1,666 @@ + + + + + + + + + Blog launched, new responsive columns, new helpers | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+
+
+
+ + + + + + + + + Launch! + + + +
+

+ Back +

+

+ Blog launched, new responsive columns, new helpers +

+ +
+
+

First blog post on the newly launched blog! It even has its own RSS feed for those who still use that. This blog will be more frequently updated than the newsletter, so you can subscribe to either or both, as they will be used for different purposes.

+ +

Columns on mobile too

+ +

By default, columns are only activated on tablet and desktop. If you want to use columns on mobile too, add the is-mobile modifier on the columns container.

+ +
<div class="columns is-mobile">
+  <div class="column"></div>
+  <div class="column"></div>
+  <div class="column"></div>
+  <!-- etc. -->
+</div>
+ +

Responsive columns

+ +

You can now apply different column size for each breakpoint.

+ +

For example, let’s say you want a column to take half the width on mobile, a third on tablet, and a quarter on desktop:

+ +
+
+

+ is-half-mobile
+ is-one-third-tablet
+ is-one-quarter-desktop +

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+ +
<div class="columns is-mobile">
+  <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop"></div>
+  <!-- Other columns -->
+</div>
+ +
+
+ Info +
+
+ If you use mobile modifiers on single column elements, make sure to use the is-mobile modifier on the columns container. +
+
+ +

Multiline columns

+ +

By default, if you want to start a new row, you just need to close a columns container and open a new one.

+ +

But you can also add the is-multiline modifier on the columns container, and use column size modifiers (like is-half or is-3) to define size on multiple rows within the same container.

+ +
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+ +
<div class="columns is-multiline is-mobile">
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-half"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column"></div>
+</div>
+ +

Helpers section

+ +

While modifiers are specific to each Bulma element, helpers are general utility classes that can be applied on almost any element. Check out the new helpers documentation!

+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html b/docs/versions/0.5.1/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html new file mode 100644 index 000000000..85eaed65d --- /dev/null +++ b/docs/versions/0.5.1/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html @@ -0,0 +1,566 @@ + + + + + + + + + Metro UI CSS grid with Bulma tiles | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+
+
+
+ + + + + + + + + Metro UI + + + +
+

+ Back +

+

+ Metro UI CSS grid with Bulma tiles +

+ +
+
+

Have you ever wanted to build a Metro-UI-like grid in CSS? +Thanks to Flexbox and the new Bulma tiles, you now can! And it only requires 1 HTML element: the tile element.

+ +

Metro UI grid tiles in CSS

+ +

Check out the documentation!

+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/2017/03/10/new-field-element/index.html b/docs/versions/0.5.1/2017/03/10/new-field-element/index.html new file mode 100644 index 000000000..0105fdc4f --- /dev/null +++ b/docs/versions/0.5.1/2017/03/10/new-field-element/index.html @@ -0,0 +1,678 @@ + + + + + + + + + New field element (for better controls) | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+
+
+
+ + + + + + + + + Field element + + + +
+

+ Back +

+

+ New field element (for better controls) +

+ +
+
+

TL;DR: there’s a new .field container, and .control has been re-purposed.

+ +

Since the beginning, the .control has been a very versatile element that allowed:

+ +
    +
  • to space controls vertically
    • +
  • to include an icon alongside inputs, buttons, textareas…
    • +
  • to append a loading spinner
    • +
  • to create horizontal forms
    • +
  • to create control addons
    • +
  • to create control groups
    • +
+ +

The problem

+ +

The .control element acted as both a block container (for spacing, for other controls in a horizontal form), but also an inline container (for adding an icon, a loader, an addon, and grouping). +It led to issues where you couldn’t:

+ +
    +
  • add a help text horizontally
    • +
  • add multiple icons or loaders in a group of controls
    • +
  • add a different icon on addons
    • +
+ +

The solution

+ +

The new .field element becomes the block container for .control elements. As a result, it inherits the .has-addons, .is-grouped, and .is-horizontal modifiers.

+ +

Furthermore .control element can only contain a .button, .input, .select, or .textarea, and eventually a .icon. It can no longer contain a .help element or other .control.

+ +

But it allows more elaborate designs.

+ +
// Before
+.control
+  .has-addons
+  .has-icon
+  .is-grouped
+  .is-horizontal
+  .is-loading
+
+// After
+.control
+  .has-icon
+  .is-loading
+.field
+  .has-addons
+  .is-grouped
+  .is-horizontal
+.field-label
+.field-body
+ +
<!-- Before -->
+<label class="label">Username</label>
+<p class="control has-icon has-icon-right">
+  <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+  <span class="icon is-small">
+    <i class="fa fa-check"></i>
+  </span>
+  <span class="help is-success">This username is available</span>
+</p>
+
+<!-- After -->
+<div class="field">
+  <label class="label">Username</label>
+  <p class="control has-icon has-icon-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+  <p class="help is-success">This username is available</p>
+</div>
+ +

Examples

+ +

Addons with multiple icons or states.

+ +
+

+ + + + +

+

+ + + + +

+

+ +

+
+ +

Horizontal form with help text

+ +
+
+ +
+
+
+

+ +

+
+
+

+ + + + +

+

This email is correct

+
+
+
+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/2017/07/24/access-previous-bulma-versions/index.html b/docs/versions/0.5.1/2017/07/24/access-previous-bulma-versions/index.html new file mode 100644 index 000000000..92f7d1428 --- /dev/null +++ b/docs/versions/0.5.1/2017/07/24/access-previous-bulma-versions/index.html @@ -0,0 +1,563 @@ + + + + + + + + + Access previous Bulma versions | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+
+
+
+ + + + + + + + + Versions + + + +
+

+ Back +

+

+ Access previous Bulma versions +

+ +
+
+

It is now possible to access previous versions of Bulma. Just head towards: http://bulma.io/versions/

+ +

While only version 0.4.4 is accessible now, each new release will remain available forever.

+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/2017/08/01/bulma-bootstrap-comparison/index.html b/docs/versions/0.5.1/2017/08/01/bulma-bootstrap-comparison/index.html new file mode 100644 index 000000000..e73407e4d --- /dev/null +++ b/docs/versions/0.5.1/2017/08/01/bulma-bootstrap-comparison/index.html @@ -0,0 +1,565 @@ + + + + + + + + + Bulma / Bootstrap comparison | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+
+
+
+ + + + + + + + + Bulma over Bootstrap? + + + +
+

+ Back +

+

+ Bulma / Bootstrap comparison +

+ +
+
+

Bulma has always been a Bootstrap fan, inspired by its goal and purpose.

+ +

Some users ask why they should use Bulma over Bootstrap, and there is no definite answer, because while both CSS frameworks share similarities, they also differ in many ways.

+ +

The new page "Alternative to Bootstrap" draws a feature comparison to help undecided users choose the right tool for their web design needs, which can be either Bulma or Bootstrap.

+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/2017/08/03/list-of-tags/index.html b/docs/versions/0.5.1/2017/08/03/list-of-tags/index.html new file mode 100644 index 000000000..c61a1dbb8 --- /dev/null +++ b/docs/versions/0.5.1/2017/08/03/list-of-tags/index.html @@ -0,0 +1,571 @@ + + + + + + + + + New feature: list of tags | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+
+
+
+ + + + + + + + + List of tags + + + +
+

+ Back +

+

+ New feature: list of tags +

+ +
+
+

The tag is a small but useful element that can be used in many contexts, to enhance the meaning of the text it’s attached to.

+ +

A tag rarely comes on its own though, so Bulma now supports list of tags. The same way you can group controls, you can now group tags together to form a list that can span multiple lines.

+ +
+ + List of tags in CSS + +
+ +

As a bonus, there is also a delete tag available!

+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/LICENSE b/docs/versions/0.5.1/LICENSE new file mode 100644 index 000000000..e51b32b7a --- /dev/null +++ b/docs/versions/0.5.1/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2017 Jeremy Thomas + +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. diff --git a/docs/versions/0.5.1/README.md b/docs/versions/0.5.1/README.md new file mode 100644 index 000000000..5fe0de24d --- /dev/null +++ b/docs/versions/0.5.1/README.md @@ -0,0 +1,19 @@ +## Building the documentation + +The documentation HTML is produced with the Ruby-based `jekyll` tool. + +1. Make sure Ruby 2.x is installed. +2. `gem install jekyll` + +## Viewing the documentation locally + +Then to view the documentation in your local checkout: + +1. Before you begin, cd into `docs/` directory, and `cp _config.yml _config.local.yml`. Then edit `_config.local.yml` and change the `url:` value to `http://localhost:4000`. This local config file will be ignored by git. +1. In a separate shell session, `cd` to the `docs/` directory, and do: +``` +jekyll serve --incremental --config _config.local.yml +``` +This will start an HTTP server at `http://localhost:4000/` that serves the docs built in the `_site` directory; and anytime the docs are rebuilt by you, it will serve the docs site on the fly. +2. In your main shell session where you develop, if you change anything in `docs/` the jekyll server will rebuild those on the fly. But if you change anything about the Bulma SASS or CSS, you need to do `npm run start-docs` to build the docs' CSS before you will see it in the browser. The process running `jekyll serve` will pick up the new CSS automatically. + diff --git a/docs/versions/0.5.1/alternative-to-bootstrap/index.html b/docs/versions/0.5.1/alternative-to-bootstrap/index.html new file mode 100644 index 000000000..32838e7c7 --- /dev/null +++ b/docs/versions/0.5.1/alternative-to-bootstrap/index.html @@ -0,0 +1,1405 @@ + + + + + + + + + Bulma: an alternative to Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+
+
+
+
+
+

+ Bulma: an alternative to Bootstrap +

+

+ Learn how Bulma can become a replacement for Bootstrap +

+
+
+
+ + + + +
+ +
+
+
+
+
+
+ +
+

+
+ Both Bulma and Bootstrap are CSS frameworks that allow developers to quickly build web interfaces with ease. While they have fairly similar features, they still differ in some ways, and you might wonder why you should choose one framework over the other. This page is here to help answer that. +
+

+
+ +
+
+ +
+
+

+ Why choose Bulma +

+
+ + + + + + + +
+
+ +
+ +
+

+ Modern features +

+
+

By using the latest CSS3 features such as Flexbox, and planning on using CSS Variables and CSS Grid, Bulma aims to stay on the bleeding edge of browser technology.

+ +
+
+
+ +
+ +
+

+ Simple grid system +

+
+

To build a Bulma grid, you only need a single .columns container to wrap as many .column items as you want.

+ +
+
+
+ +
+ +
+

+ Easy-to-learn syntax +

+
+

With simple readable class names like .button or .title, and a straightforward modifiers system like .is-primary or .is-large, it’s easy to pick up Bulma in minutes.
More about modifiers

+ +
+
+
+ +
+ +
+

+ Font Awesome support +

+
+

Bulma is compatible with Font Awesome thanks to the .icon element.

+ +
+
+
+ + + +
+ +
+

+ No JavaScript +

+
+

By focusing only on CSS, Bulma provides a lightweight solution that can easily be implemented in any development context.

+ + +
+
+
+ +
+
+ +
+

+ Why choose Bootstrap +

+
+ + + + + + + + + +
+
+ +
+ +
+

+ jQuery plugins +

+
+

Bootstrap includes useful jQuery plugins to add interaction to your website.

+ +
+
+
+ +
+ +
+

+ Big community +

+
+

Considering how long it has been around, Bootstrap has a larger community than Bulma. As a result, more tools (like theming and plugins) are available, and more questions are answered around the internet.

+ +
+
+
+ +
+ +
+

+ Internet Explorer compatibility +

+
+

While 90% of Bulma works in IE11, Bootstrap has better compatibility with this browser.

+ +
+
+
+ +
+ +
+

+ Additional elements +

+
+

Bootstrap has some elements like list group, wells, or page header that Bulma doesn’t have.

+ +
+
+
+ +
+
+
+ +
+
+ +
+ +
+
+
+
+

+ Comparison table +

+

+ See which elements of the framework exist (or not) in the other +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + +Bulma + + + + + + + +Bootstrap
+ + + + + +Bulma + + + + + + + +Bootstrap
+ Grid system +
+ + columns + + + + row + +
+ + column + + + + col + +
+ + tile + + + – +
+ Form +
+ + field + + + – +
+ + field is-grouped + + + + button groups + +
+ + field is-grouped + + + + input groups + +
+ + control + + + + form-group + +
+ + label + + + + label + +
+ + input + + + + form-control + +
+ + textarea + + + + form-control + +
+ + select + + + – +
+ + checkbox + + + + checkbox + +
+ + radio + + + + radio + +
+ + file + + + – +
+ + button is-static + + + + form-control-static + +
+ Elements +
+ + box + + + – +
+ + button + + + + button + +
+ + content + + + – +
+ + delete + + + + close + +
+ + icon + + + + glyphicon + +
+ + image + + + + thumbnails + +
+ + image is-16by9 + + + + responsive embed + +
+ + notification + + + + alerts + +
+ + progress + + + + progress bars + +
+ + table + + + + table + +
+ + tag + + + + labels + +
+ + tag is-rounded + + + + badges + +
+ + title + + + + h1 .. h6 + +
+ + subtitle + + + + h1 .. h6 + +
+ – + + + lists + +
+ – + + + caret + +
+ Components +
+ + breadcrumb + + + + breadcrumbs + +
+ + card + + + – +
+ + dropdown + + + + dropdowns + +
+ + level + + + – +
+ – + + + list group + +
+ + media object + + + + media object + +
+ + menu + + + – +
+ + message + + + + panels + +
+ + modal + + + + modal + +
+ + navbar + + + + navbar + +
+ – + + + page header + +
+ + pagination + + + + pagination + +
+ + panel + + + – +
+ + tabs + + + + navs + +
+ – + + + wells + +
+ Layout +
+ + container + + + + container + +
+ + hero + + + + jumbotron + +
+ + section + + + – +
+ + footer + + + – +
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/blog/index.html b/docs/versions/0.5.1/blog/index.html new file mode 100644 index 000000000..94382623e --- /dev/null +++ b/docs/versions/0.5.1/blog/index.html @@ -0,0 +1,646 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+
+ + + + + + + + + + + + + +
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/css/bulma-docs.css b/docs/versions/0.5.1/css/bulma-docs.css new file mode 100644 index 000000000..c809eaed6 --- /dev/null +++ b/docs/versions/0.5.1/css/bulma-docs.css @@ -0,0 +1,11468 @@ +@charset "UTF-8"; +/*! bulma.io v0.5.1 | MIT License | github.com/jgthms/bulma */ +@-webkit-keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + +ul { + list-style: none; +} + +button, +input, +select, +textarea { + margin: 0; +} + +html { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +* { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +*:before, *:after { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +img, +embed, +object, +audio, +video { + max-width: 100%; +} + +iframe { + border: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; + text-align: left; +} + +html { + background-color: #fff; + font-size: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + min-width: 300px; + overflow-x: hidden; + overflow-y: scroll; + text-rendering: optimizeLegibility; +} + +article, +aside, +figure, +footer, +header, +hgroup, +section { + display: block; +} + +body, +button, +input, +select, +textarea { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; +} + +code, +pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: monospace; +} + +body { + color: #4a4a4a; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; +} + +a { + color: #00d1b2; + cursor: pointer; + text-decoration: none; +} + +a strong { + color: currentColor; +} + +a:hover { + color: #363636; +} + +code { + background-color: whitesmoke; + color: #ff3860; + font-size: 0.875em; + font-weight: normal; + padding: 0.25em 0.5em 0.25em; +} + +hr { + background-color: #dbdbdb; + border: none; + display: block; + height: 1px; + margin: 1.5rem 0; +} + +img { + height: auto; + max-width: 100%; +} + +input[type="checkbox"], +input[type="radio"] { + vertical-align: baseline; +} + +small { + font-size: 0.875em; +} + +span { + font-style: inherit; + font-weight: inherit; +} + +strong { + color: #363636; + font-weight: 700; +} + +pre { + background-color: whitesmoke; + color: #4a4a4a; + font-size: 0.875em; + white-space: pre; + word-wrap: normal; +} + +pre code { + -webkit-overflow-scrolling: touch; + background: none; + color: inherit; + display: block; + font-size: 1em; + overflow-x: auto; + padding: 1.25rem 1.5rem; +} + +table td, +table th { + text-align: left; + vertical-align: top; +} + +table th { + color: #363636; +} + +.is-clearfix:after { + clear: both; + content: " "; + display: table; +} + +.is-pulled-left { + float: left !important; +} + +.is-pulled-right { + float: right !important; +} + +.is-clipped { + overflow: hidden !important; +} + +.is-overlay { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.is-size-1 { + font-size: 3rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-1-mobile { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-1-tablet { + font-size: 3rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-1-touch { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-1-desktop { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-1-widescreen { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-1-fullhd { + font-size: 3rem !important; + } +} + +.is-size-2 { + font-size: 2.5rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-2-mobile { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-2-tablet { + font-size: 2.5rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-2-touch { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-2-desktop { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-2-widescreen { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-2-fullhd { + font-size: 2.5rem !important; + } +} + +.is-size-3 { + font-size: 2rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-3-mobile { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-3-tablet { + font-size: 2rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-3-touch { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-3-desktop { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-3-widescreen { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-3-fullhd { + font-size: 2rem !important; + } +} + +.is-size-4 { + font-size: 1.5rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-4-mobile { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-4-tablet { + font-size: 1.5rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-4-touch { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-4-desktop { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-4-widescreen { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-4-fullhd { + font-size: 1.5rem !important; + } +} + +.is-size-5 { + font-size: 1.25rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-5-mobile { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-5-tablet { + font-size: 1.25rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-5-touch { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-5-desktop { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-5-widescreen { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-5-fullhd { + font-size: 1.25rem !important; + } +} + +.is-size-6 { + font-size: 1rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-6-mobile { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-6-tablet { + font-size: 1rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-6-touch { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-6-desktop { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-6-widescreen { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-6-fullhd { + font-size: 1rem !important; + } +} + +.is-size-7 { + font-size: 0.75rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-7-mobile { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-7-tablet { + font-size: 0.75rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-7-touch { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-7-desktop { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-7-widescreen { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-7-fullhd { + font-size: 0.75rem !important; + } +} + +.has-text-centered { + text-align: center !important; +} + +@media screen and (max-width: 768px) { + .has-text-centered-mobile { + text-align: center !important; + } +} + +@media screen and (min-width: 769px), print { + .has-text-centered-tablet { + text-align: center !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .has-text-centered-tablet-only { + text-align: center !important; + } +} + +@media screen and (max-width: 1007px) { + .has-text-centered-touch { + text-align: center !important; + } +} + +@media screen and (min-width: 1008px) { + .has-text-centered-desktop { + text-align: center !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .has-text-centered-desktop-only { + text-align: center !important; + } +} + +@media screen and (min-width: 1200px) { + .has-text-centered-widescreen { + text-align: center !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .has-text-centered-widescreen-only { + text-align: center !important; + } +} + +@media screen and (min-width: 1392px) { + .has-text-centered-fullhd { + text-align: center !important; + } +} + +.has-text-left { + text-align: left !important; +} + +@media screen and (max-width: 768px) { + .has-text-left-mobile { + text-align: left !important; + } +} + +@media screen and (min-width: 769px), print { + .has-text-left-tablet { + text-align: left !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .has-text-left-tablet-only { + text-align: left !important; + } +} + +@media screen and (max-width: 1007px) { + .has-text-left-touch { + text-align: left !important; + } +} + +@media screen and (min-width: 1008px) { + .has-text-left-desktop { + text-align: left !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .has-text-left-desktop-only { + text-align: left !important; + } +} + +@media screen and (min-width: 1200px) { + .has-text-left-widescreen { + text-align: left !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .has-text-left-widescreen-only { + text-align: left !important; + } +} + +@media screen and (min-width: 1392px) { + .has-text-left-fullhd { + text-align: left !important; + } +} + +.has-text-right { + text-align: right !important; +} + +@media screen and (max-width: 768px) { + .has-text-right-mobile { + text-align: right !important; + } +} + +@media screen and (min-width: 769px), print { + .has-text-right-tablet { + text-align: right !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .has-text-right-tablet-only { + text-align: right !important; + } +} + +@media screen and (max-width: 1007px) { + .has-text-right-touch { + text-align: right !important; + } +} + +@media screen and (min-width: 1008px) { + .has-text-right-desktop { + text-align: right !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .has-text-right-desktop-only { + text-align: right !important; + } +} + +@media screen and (min-width: 1200px) { + .has-text-right-widescreen { + text-align: right !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .has-text-right-widescreen-only { + text-align: right !important; + } +} + +@media screen and (min-width: 1392px) { + .has-text-right-fullhd { + text-align: right !important; + } +} + +.is-capitalized { + text-transform: capitalize !important; +} + +.is-lowercase { + text-transform: lowercase !important; +} + +.is-uppercase { + text-transform: uppercase !important; +} + +.has-text-white { + color: white !important; +} + +a.has-text-white:hover, a.has-text-white:focus { + color: #e6e6e6 !important; +} + +.has-text-black { + color: #0a0a0a !important; +} + +a.has-text-black:hover, a.has-text-black:focus { + color: black !important; +} + +.has-text-light { + color: whitesmoke !important; +} + +a.has-text-light:hover, a.has-text-light:focus { + color: #dbdbdb !important; +} + +.has-text-dark { + color: #363636 !important; +} + +a.has-text-dark:hover, a.has-text-dark:focus { + color: #1c1c1c !important; +} + +.has-text-primary { + color: #00d1b2 !important; +} + +a.has-text-primary:hover, a.has-text-primary:focus { + color: #009e86 !important; +} + +.has-text-info { + color: #3273dc !important; +} + +a.has-text-info:hover, a.has-text-info:focus { + color: #205bbc !important; +} + +.has-text-success { + color: #23d160 !important; +} + +a.has-text-success:hover, a.has-text-success:focus { + color: #1ca64c !important; +} + +.has-text-warning { + color: #ffdd57 !important; +} + +a.has-text-warning:hover, a.has-text-warning:focus { + color: #ffd324 !important; +} + +.has-text-danger { + color: #ff3860 !important; +} + +a.has-text-danger:hover, a.has-text-danger:focus { + color: #ff0537 !important; +} + +.has-text-black-bis { + color: #121212 !important; +} + +.has-text-black-ter { + color: #242424 !important; +} + +.has-text-grey-darker { + color: #363636 !important; +} + +.has-text-grey-dark { + color: #4a4a4a !important; +} + +.has-text-grey { + color: #7a7a7a !important; +} + +.has-text-grey-light { + color: #b5b5b5 !important; +} + +.has-text-grey-lighter { + color: #dbdbdb !important; +} + +.has-text-white-ter { + color: whitesmoke !important; +} + +.has-text-white-bis { + color: #fafafa !important; +} + +.is-block { + display: block !important; +} + +@media screen and (max-width: 768px) { + .is-block-mobile { + display: block !important; + } +} + +@media screen and (min-width: 769px), print { + .is-block-tablet { + display: block !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-block-tablet-only { + display: block !important; + } +} + +@media screen and (max-width: 1007px) { + .is-block-touch { + display: block !important; + } +} + +@media screen and (min-width: 1008px) { + .is-block-desktop { + display: block !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-block-desktop-only { + display: block !important; + } +} + +@media screen and (min-width: 1200px) { + .is-block-widescreen { + display: block !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-block-widescreen-only { + display: block !important; + } +} + +@media screen and (min-width: 1392px) { + .is-block-fullhd { + display: block !important; + } +} + +.is-flex { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; +} + +@media screen and (max-width: 768px) { + .is-flex-mobile { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 769px), print { + .is-flex-tablet { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-flex-tablet-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (max-width: 1007px) { + .is-flex-touch { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1008px) { + .is-flex-desktop { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-flex-desktop-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1200px) { + .is-flex-widescreen { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-flex-widescreen-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1392px) { + .is-flex-fullhd { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +.is-inline { + display: inline !important; +} + +@media screen and (max-width: 768px) { + .is-inline-mobile { + display: inline !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-tablet { + display: inline !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-tablet-only { + display: inline !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-touch { + display: inline !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-desktop { + display: inline !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-desktop-only { + display: inline !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-widescreen { + display: inline !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-inline-widescreen-only { + display: inline !important; + } +} + +@media screen and (min-width: 1392px) { + .is-inline-fullhd { + display: inline !important; + } +} + +.is-inline-block { + display: inline-block !important; +} + +@media screen and (max-width: 768px) { + .is-inline-block-mobile { + display: inline-block !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-block-tablet { + display: inline-block !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-block-tablet-only { + display: inline-block !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-block-touch { + display: inline-block !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-block-desktop { + display: inline-block !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-block-desktop-only { + display: inline-block !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-block-widescreen { + display: inline-block !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-inline-block-widescreen-only { + display: inline-block !important; + } +} + +@media screen and (min-width: 1392px) { + .is-inline-block-fullhd { + display: inline-block !important; + } +} + +.is-inline-flex { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; +} + +@media screen and (max-width: 768px) { + .is-inline-flex-mobile { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-flex-tablet { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-flex-tablet-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-flex-touch { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-flex-desktop { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-flex-desktop-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-flex-widescreen { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-inline-flex-widescreen-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1392px) { + .is-inline-flex-fullhd { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +.is-hidden { + display: none !important; +} + +@media screen and (max-width: 768px) { + .is-hidden-mobile { + display: none !important; + } +} + +@media screen and (min-width: 769px), print { + .is-hidden-tablet { + display: none !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-hidden-tablet-only { + display: none !important; + } +} + +@media screen and (max-width: 1007px) { + .is-hidden-touch { + display: none !important; + } +} + +@media screen and (min-width: 1008px) { + .is-hidden-desktop { + display: none !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-hidden-desktop-only { + display: none !important; + } +} + +@media screen and (min-width: 1200px) { + .is-hidden-widescreen { + display: none !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-hidden-widescreen-only { + display: none !important; + } +} + +@media screen and (min-width: 1392px) { + .is-hidden-fullhd { + display: none !important; + } +} + +.is-marginless { + margin: 0 !important; +} + +.is-paddingless { + padding: 0 !important; +} + +.is-radiusless { + border-radius: 0 !important; +} + +.is-shadowless { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +.is-unselectable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.box { + background-color: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + display: block; + padding: 1.25rem; +} + +.box:not(:last-child) { + margin-bottom: 1.5rem; +} + +a.box:hover, a.box:focus { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +a.box:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; +} + +.button { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: white; + border-color: #dbdbdb; + color: #363636; + cursor: pointer; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; + text-align: center; + white-space: nowrap; +} + +.button:focus, .button.is-focused, .button:active, .button.is-active { + outline: none; +} + +.button[disabled] { + cursor: not-allowed; +} + +.button strong { + color: inherit; +} + +.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { + height: 1.5em; + width: 1.5em; +} + +.button .icon:first-child:not(:last-child) { + margin-left: calc(-0.375em - 1px); + margin-right: 0.1875em; +} + +.button .icon:last-child:not(:first-child) { + margin-left: 0.1875em; + margin-right: calc(-0.375em - 1px); +} + +.button .icon:first-child:last-child { + margin-left: calc(-0.375em - 1px); + margin-right: calc(-0.375em - 1px); +} + +.button:hover, .button.is-hovered { + border-color: #b5b5b5; + color: #363636; +} + +.button:focus, .button.is-focused { + border-color: #00d1b2; + color: #363636; +} + +.button:active, .button.is-active { + border-color: #4a4a4a; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #363636; +} + +.button.is-link { + background-color: transparent; + border-color: transparent; + color: #4a4a4a; + text-decoration: underline; +} + +.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active { + background-color: whitesmoke; + color: #363636; +} + +.button.is-link[disabled] { + background-color: transparent; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-white { + background-color: white; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:hover, .button.is-white.is-hovered { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:focus, .button.is-white.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: #0a0a0a; +} + +.button.is-white:active, .button.is-white.is-active { + background-color: #f2f2f2; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #0a0a0a; +} + +.button.is-white[disabled] { + background-color: white; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-white.is-inverted { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted:hover { + background-color: black; +} + +.button.is-white.is-inverted[disabled] { + background-color: #0a0a0a; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-white.is-loading:after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-white.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.button.is-white.is-outlined.is-loading:after { + border-color: transparent transparent white white !important; +} + +.button.is-white.is-outlined[disabled] { + background-color: transparent; + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black { + background-color: #0a0a0a; + border-color: transparent; + color: white; +} + +.button.is-black:hover, .button.is-black.is-hovered { + background-color: #040404; + border-color: transparent; + color: white; +} + +.button.is-black:focus, .button.is-black.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: white; +} + +.button.is-black:active, .button.is-black.is-active { + background-color: black; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: white; +} + +.button.is-black[disabled] { + background-color: #0a0a0a; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-black.is-inverted { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-black.is-inverted[disabled] { + background-color: white; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-loading:after { + border-color: transparent transparent white white !important; +} + +.button.is-black.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.button.is-black.is-outlined.is-loading:after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-black.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-light { + background-color: whitesmoke; + border-color: transparent; + color: #363636; +} + +.button.is-light:hover, .button.is-light.is-hovered { + background-color: #eeeeee; + border-color: transparent; + color: #363636; +} + +.button.is-light:focus, .button.is-light.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + color: #363636; +} + +.button.is-light:active, .button.is-light.is-active { + background-color: #e8e8e8; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #363636; +} + +.button.is-light[disabled] { + background-color: whitesmoke; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-light.is-inverted { + background-color: #363636; + color: whitesmoke; +} + +.button.is-light.is-inverted:hover { + background-color: #292929; +} + +.button.is-light.is-inverted[disabled] { + background-color: #363636; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-light.is-loading:after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-light.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; +} + +.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.button.is-light.is-outlined.is-loading:after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-light.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { + background-color: #363636; + color: whitesmoke; +} + +.button.is-light.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark { + background-color: #363636; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:hover, .button.is-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:focus, .button.is-dark.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + color: whitesmoke; +} + +.button.is-dark:active, .button.is-dark.is-active { + background-color: #292929; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: whitesmoke; +} + +.button.is-dark[disabled] { + background-color: #363636; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-dark.is-inverted { + background-color: whitesmoke; + color: #363636; +} + +.button.is-dark.is-inverted:hover { + background-color: #e8e8e8; +} + +.button.is-dark.is-inverted[disabled] { + background-color: whitesmoke; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark.is-loading:after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.button.is-dark.is-outlined.is-loading:after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-dark.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; +} + +.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { + background-color: whitesmoke; + color: #363636; +} + +.button.is-dark.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-primary { + background-color: #00d1b2; + border-color: transparent; + color: #fff; +} + +.button.is-primary:hover, .button.is-primary.is-hovered { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} + +.button.is-primary:focus, .button.is-primary.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #fff; +} + +.button.is-primary:active, .button.is-primary.is-active { + background-color: #00b89c; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-primary[disabled] { + background-color: #00d1b2; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-primary.is-inverted { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-primary.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-primary.is-outlined { + background-color: transparent; + border-color: #00d1b2; + color: #00d1b2; +} + +.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.button.is-primary.is-outlined.is-loading:after { + border-color: transparent transparent #00d1b2 #00d1b2 !important; +} + +.button.is-primary.is-outlined[disabled] { + background-color: transparent; + border-color: #00d1b2; + -webkit-box-shadow: none; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-info { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} + +.button.is-info:hover, .button.is-info.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} + +.button.is-info:focus, .button.is-info.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + color: #fff; +} + +.button.is-info:active, .button.is-info.is-active { + background-color: #2366d1; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-info[disabled] { + background-color: #3273dc; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-info.is-inverted { + background-color: #fff; + color: #3273dc; +} + +.button.is-info.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-info.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #3273dc; +} + +.button.is-info.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-info.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc; +} + +.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} + +.button.is-info.is-outlined.is-loading:after { + border-color: transparent transparent #3273dc #3273dc !important; +} + +.button.is-info.is-outlined[disabled] { + background-color: transparent; + border-color: #3273dc; + -webkit-box-shadow: none; + box-shadow: none; + color: #3273dc; +} + +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { + background-color: #fff; + color: #3273dc; +} + +.button.is-info.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-success { + background-color: #23d160; + border-color: transparent; + color: #fff; +} + +.button.is-success:hover, .button.is-success.is-hovered { + background-color: #22c65b; + border-color: transparent; + color: #fff; +} + +.button.is-success:focus, .button.is-success.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + color: #fff; +} + +.button.is-success:active, .button.is-success.is-active { + background-color: #20bc56; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-success[disabled] { + background-color: #23d160; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-success.is-inverted { + background-color: #fff; + color: #23d160; +} + +.button.is-success.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-success.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #23d160; +} + +.button.is-success.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-success.is-outlined { + background-color: transparent; + border-color: #23d160; + color: #23d160; +} + +.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { + background-color: #23d160; + border-color: #23d160; + color: #fff; +} + +.button.is-success.is-outlined.is-loading:after { + border-color: transparent transparent #23d160 #23d160 !important; +} + +.button.is-success.is-outlined[disabled] { + background-color: transparent; + border-color: #23d160; + -webkit-box-shadow: none; + box-shadow: none; + color: #23d160; +} + +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { + background-color: #fff; + color: #23d160; +} + +.button.is-success.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-warning { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:hover, .button.is-warning.is-hovered { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:focus, .button.is-warning.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:active, .button.is-warning.is-active { + background-color: #ffd83d; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning[disabled] { + background-color: #ffdd57; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted:hover { + background-color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted[disabled] { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-loading:after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} + +.button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + color: #ffdd57; +} + +.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-outlined.is-loading:after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; +} + +.button.is-warning.is-outlined[disabled] { + background-color: transparent; + border-color: #ffdd57; + -webkit-box-shadow: none; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + -webkit-box-shadow: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-danger { + background-color: #ff3860; + border-color: transparent; + color: #fff; +} + +.button.is-danger:hover, .button.is-danger.is-hovered { + background-color: #ff2b56; + border-color: transparent; + color: #fff; +} + +.button.is-danger:focus, .button.is-danger.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + color: #fff; +} + +.button.is-danger:active, .button.is-danger.is-active { + background-color: #ff1f4b; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-danger[disabled] { + background-color: #ff3860; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-danger.is-inverted { + background-color: #fff; + color: #ff3860; +} + +.button.is-danger.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-danger.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #ff3860; +} + +.button.is-danger.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-danger.is-outlined { + background-color: transparent; + border-color: #ff3860; + color: #ff3860; +} + +.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { + background-color: #ff3860; + border-color: #ff3860; + color: #fff; +} + +.button.is-danger.is-outlined.is-loading:after { + border-color: transparent transparent #ff3860 #ff3860 !important; +} + +.button.is-danger.is-outlined[disabled] { + background-color: transparent; + border-color: #ff3860; + -webkit-box-shadow: none; + box-shadow: none; + color: #ff3860; +} + +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { + background-color: #fff; + color: #ff3860; +} + +.button.is-danger.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.button.is-medium { + font-size: 1.25rem; +} + +.button.is-large { + font-size: 1.5rem; +} + +.button[disabled] { + background-color: white; + border-color: #dbdbdb; + -webkit-box-shadow: none; + box-shadow: none; + opacity: 0.5; +} + +.button.is-fullwidth { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; +} + +.button.is-loading { + color: transparent !important; + pointer-events: none; +} + +.button.is-loading:after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + position: absolute; + left: calc(50% - (1em / 2)); + top: calc(50% - (1em / 2)); + position: absolute !important; +} + +.button.is-static { + background-color: whitesmoke; + border-color: #dbdbdb; + color: #7a7a7a; + -webkit-box-shadow: none; + box-shadow: none; + pointer-events: none; +} + +.container { + margin: 0 auto; + position: relative; +} + +@media screen and (min-width: 1068px) { + .container { + max-width: 960px; + width: 960px; + } + .container.is-fluid { + margin-left: 24px; + margin-right: 24px; + max-width: none; + width: auto; + } +} + +@media screen and (max-width: 1259px) { + .container.is-widescreen { + max-width: 1152px; + width: auto; + } +} + +@media screen and (max-width: 1451px) { + .container.is-fullhd { + max-width: 1344px; + width: auto; + } +} + +@media screen and (min-width: 1260px) { + .container { + max-width: 1152px; + width: 1152px; + } +} + +@media screen and (min-width: 1452px) { + .container { + max-width: 1344px; + width: 1344px; + } +} + +.content:not(:last-child) { + margin-bottom: 1.5rem; +} + +.content li + li { + margin-top: 0.25em; +} + +.content p:not(:last-child), +.content dl:not(:last-child), +.content ol:not(:last-child), +.content ul:not(:last-child), +.content blockquote:not(:last-child), +.content pre:not(:last-child), +.content table:not(:last-child) { + margin-bottom: 1em; +} + +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + color: #363636; + font-weight: 400; + line-height: 1.125; +} + +.content h1 { + font-size: 2em; + margin-bottom: 0.5em; +} + +.content h1:not(:first-child) { + margin-top: 1em; +} + +.content h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; +} + +.content h2:not(:first-child) { + margin-top: 1.1428em; +} + +.content h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; +} + +.content h3:not(:first-child) { + margin-top: 1.3333em; +} + +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; +} + +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; +} + +.content h6 { + font-size: 1em; + margin-bottom: 1em; +} + +.content blockquote { + background-color: whitesmoke; + border-left: 5px solid #dbdbdb; + padding: 1.25em 1.5em; +} + +.content ol { + list-style: decimal outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ul ul { + list-style-type: circle; + margin-top: 0.5em; +} + +.content ul ul ul { + list-style-type: square; +} + +.content dd { + margin-left: 2em; +} + +.content figure { + margin: 2em; + text-align: center; +} + +.content figure img { + display: inline-block; +} + +.content figure figcaption { + font-style: italic; +} + +.content pre { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; +} + +.content sup, +.content sub { + font-size: 75%; +} + +.content table { + width: 100%; +} + +.content table td, +.content table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.content table th { + color: #363636; + text-align: left; +} + +.content table tr:hover { + background-color: whitesmoke; +} + +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0; +} + +.content.is-small { + font-size: 0.75rem; +} + +.content.is-medium { + font-size: 1.25rem; +} + +.content.is-large { + font-size: 1.5rem; +} + +.input, +.textarea { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + background-color: white; + border-color: #dbdbdb; + color: #363636; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + max-width: 100%; + width: 100%; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + outline: none; +} + +.input[disabled], +.textarea[disabled] { + cursor: not-allowed; +} + +.input:hover, .input.is-hovered, +.textarea:hover, +.textarea.is-hovered { + border-color: #b5b5b5; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + border-color: #00d1b2; +} + +.input[disabled], +.textarea[disabled] { + background-color: whitesmoke; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; +} + +.input[disabled]::-moz-placeholder, +.textarea[disabled]::-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]::-webkit-input-placeholder, +.textarea[disabled]::-webkit-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]:-moz-placeholder, +.textarea[disabled]:-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]:-ms-input-placeholder, +.textarea[disabled]:-ms-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[type="search"], +.textarea[type="search"] { + border-radius: 290486px; +} + +.input.is-white, +.textarea.is-white { + border-color: white; +} + +.input.is-black, +.textarea.is-black { + border-color: #0a0a0a; +} + +.input.is-light, +.textarea.is-light { + border-color: whitesmoke; +} + +.input.is-dark, +.textarea.is-dark { + border-color: #363636; +} + +.input.is-primary, +.textarea.is-primary { + border-color: #00d1b2; +} + +.input.is-info, +.textarea.is-info { + border-color: #3273dc; +} + +.input.is-success, +.textarea.is-success { + border-color: #23d160; +} + +.input.is-warning, +.textarea.is-warning { + border-color: #ffdd57; +} + +.input.is-danger, +.textarea.is-danger { + border-color: #ff3860; +} + +.input.is-small, +.textarea.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.input.is-medium, +.textarea.is-medium { + font-size: 1.25rem; +} + +.input.is-large, +.textarea.is-large { + font-size: 1.5rem; +} + +.input.is-fullwidth, +.textarea.is-fullwidth { + display: block; + width: 100%; +} + +.input.is-inline, +.textarea.is-inline { + display: inline; + width: auto; +} + +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: 0.625em; + resize: vertical; +} + +.textarea:not([rows]) { + max-height: 600px; + min-height: 120px; +} + +.textarea[rows] { + height: unset; +} + +.checkbox, +.radio { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative; +} + +.checkbox input, +.radio input { + cursor: pointer; +} + +.checkbox:hover, +.radio:hover { + color: #363636; +} + +.checkbox[disabled], +.radio[disabled] { + color: #7a7a7a; + cursor: not-allowed; +} + +.radio + .radio { + margin-left: 0.5em; +} + +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top; +} + +.select:not(.is-multiple) { + height: 2.25em; +} + +.select:not(.is-multiple)::after { + border: 1px solid #00d1b2; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + z-index: 4; +} + +.select select { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + background-color: white; + border-color: #dbdbdb; + color: #363636; + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + outline: none; +} + +.select select[disabled] { + cursor: not-allowed; +} + +.select select:hover, .select select.is-hovered { + border-color: #b5b5b5; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + border-color: #00d1b2; +} + +.select select[disabled] { + background-color: whitesmoke; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; +} + +.select select[disabled]::-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select[disabled]::-webkit-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select[disabled]:-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select[disabled]:-ms-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select:hover { + border-color: #b5b5b5; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + border-color: #00d1b2; +} + +.select select::-ms-expand { + display: none; +} + +.select select[disabled]:hover { + border-color: whitesmoke; +} + +.select select:not([multiple]) { + padding-right: 2.5em; +} + +.select select[multiple] { + height: unset; + padding: 0; +} + +.select select[multiple] option { + padding: 0.5em 1em; +} + +.select:hover::after { + border-color: #363636; +} + +.select.is-white select { + border-color: white; +} + +.select.is-black select { + border-color: #0a0a0a; +} + +.select.is-light select { + border-color: whitesmoke; +} + +.select.is-dark select { + border-color: #363636; +} + +.select.is-primary select { + border-color: #00d1b2; +} + +.select.is-info select { + border-color: #3273dc; +} + +.select.is-success select { + border-color: #23d160; +} + +.select.is-warning select { + border-color: #ffdd57; +} + +.select.is-danger select { + border-color: #ff3860; +} + +.select.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.select.is-medium { + font-size: 1.25rem; +} + +.select.is-large { + font-size: 1.5rem; +} + +.select.is-disabled::after { + border-color: #7a7a7a; +} + +.select.is-fullwidth { + width: 100%; +} + +.select.is-fullwidth select { + width: 100%; +} + +.select.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + margin-top: 0; + position: absolute; + right: 0.625em; + top: 0.625em; + -webkit-transform: none; + transform: none; +} + +.select.is-loading.is-small:after { + font-size: 0.75rem; +} + +.select.is-loading.is-medium:after { + font-size: 1.25rem; +} + +.select.is-loading.is-large:after { + font-size: 1.5rem; +} + +.file { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + position: relative; +} + +.file.is-white .file-cta { + background-color: white; + border-color: transparent; + color: #0a0a0a; +} + +.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; +} + +.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: #0a0a0a; +} + +.file.is-white:active .file-cta, .file.is-white.is-active .file-cta { + background-color: #f2f2f2; + border-color: transparent; + color: #0a0a0a; +} + +.file.is-black .file-cta { + background-color: #0a0a0a; + border-color: transparent; + color: white; +} + +.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { + background-color: #040404; + border-color: transparent; + color: white; +} + +.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: white; +} + +.file.is-black:active .file-cta, .file.is-black.is-active .file-cta { + background-color: black; + border-color: transparent; + color: white; +} + +.file.is-light .file-cta { + background-color: whitesmoke; + border-color: transparent; + color: #363636; +} + +.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { + background-color: #eeeeee; + border-color: transparent; + color: #363636; +} + +.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + color: #363636; +} + +.file.is-light:active .file-cta, .file.is-light.is-active .file-cta { + background-color: #e8e8e8; + border-color: transparent; + color: #363636; +} + +.file.is-dark .file-cta { + background-color: #363636; + border-color: transparent; + color: whitesmoke; +} + +.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { + background-color: #2f2f2f; + border-color: transparent; + color: whitesmoke; +} + +.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + color: whitesmoke; +} + +.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { + background-color: #292929; + border-color: transparent; + color: whitesmoke; +} + +.file.is-primary .file-cta { + background-color: #00d1b2; + border-color: transparent; + color: #fff; +} + +.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} + +.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #fff; +} + +.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { + background-color: #00b89c; + border-color: transparent; + color: #fff; +} + +.file.is-info .file-cta { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} + +.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { + background-color: #276cda; + border-color: transparent; + color: #fff; +} + +.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + color: #fff; +} + +.file.is-info:active .file-cta, .file.is-info.is-active .file-cta { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} + +.file.is-success .file-cta { + background-color: #23d160; + border-color: transparent; + color: #fff; +} + +.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { + background-color: #22c65b; + border-color: transparent; + color: #fff; +} + +.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + color: #fff; +} + +.file.is-success:active .file-cta, .file.is-success.is-active .file-cta { + background-color: #20bc56; + border-color: transparent; + color: #fff; +} + +.file.is-warning .file-cta { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + color: rgba(0, 0, 0, 0.7); +} + +.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.file.is-danger .file-cta { + background-color: #ff3860; + border-color: transparent; + color: #fff; +} + +.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { + background-color: #ff2b56; + border-color: transparent; + color: #fff; +} + +.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + color: #fff; +} + +.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { + background-color: #ff1f4b; + border-color: transparent; + color: #fff; +} + +.file.is-small { + font-size: 0.75rem; +} + +.file.is-medium { + font-size: 1.25rem; +} + +.file.is-medium .file-icon .fa { + font-size: 21px; +} + +.file.is-large { + font-size: 1.5rem; +} + +.file.is-large .file-icon .fa { + font-size: 28px; +} + +.file.has-name .file-cta { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.file.has-name .file-name { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.file.is-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.file.is-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.file.is-boxed .file-label { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.file.is-boxed .file-cta { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: auto; + padding: 1em 3em; +} + +.file.is-boxed .file-name { + border-width: 0 1px 1px; +} + +.file.is-boxed .file-icon { + height: 1.5em; + width: 1.5em; +} + +.file.is-boxed .file-icon .fa { + font-size: 21px; +} + +.file.is-boxed.is-small .file-icon .fa { + font-size: 14px; +} + +.file.is-boxed.is-medium .file-icon .fa { + font-size: 28px; +} + +.file.is-boxed.is-large .file-icon .fa { + font-size: 35px; +} + +.file.is-boxed.has-name .file-cta { + border-radius: 3px 3px 0 0; +} + +.file.is-boxed.has-name .file-name { + border-radius: 0 0 3px 3px; + border-width: 0 1px 1px; +} + +.file.is-right .file-cta { + border-radius: 0 3px 3px 0; +} + +.file.is-right .file-name { + border-radius: 3px 0 0 3px; + border-width: 1px 0 1px 1px; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; +} + +.file.is-fullwidth .file-label { + width: 100%; +} + +.file.is-fullwidth .file-name { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: none; +} + +.file-label { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + cursor: pointer; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + overflow: hidden; + position: relative; +} + +.file-label:hover .file-cta { + background-color: #eeeeee; + color: #363636; +} + +.file-label:hover .file-name { + border-color: #d5d5d5; +} + +.file-label:active .file-cta { + background-color: #e8e8e8; + color: #363636; +} + +.file-label:active .file-name { + border-color: #cfcfcf; +} + +.file-input { + height: 0.01em; + left: 0; + outline: none; + position: absolute; + top: 0; + width: 0.01em; +} + +.file-cta, +.file-name { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + border-color: #dbdbdb; + border-radius: 3px; + font-size: 1em; + padding-left: 1em; + padding-right: 1em; + white-space: nowrap; +} + +.file-cta:focus, .file-cta.is-focused, .file-cta:active, .file-cta.is-active, +.file-name:focus, +.file-name.is-focused, +.file-name:active, +.file-name.is-active { + outline: none; +} + +.file-cta[disabled], +.file-name[disabled] { + cursor: not-allowed; +} + +.file-cta { + background-color: whitesmoke; + color: #4a4a4a; +} + +.file-name { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px 1px 1px 0; + display: block; + max-width: 16em; + overflow: hidden; + text-align: left; + text-overflow: ellipsis; +} + +.file-icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 1em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 0.5em; + width: 1em; +} + +.file-icon .fa { + font-size: 14px; +} + +.label { + color: #363636; + display: block; + font-size: 1rem; + font-weight: 700; +} + +.label:not(:last-child) { + margin-bottom: 0.5em; +} + +.label.is-small { + font-size: 0.75rem; +} + +.label.is-medium { + font-size: 1.25rem; +} + +.label.is-large { + font-size: 1.5rem; +} + +.help { + display: block; + font-size: 0.75rem; + margin-top: 0.25rem; +} + +.help.is-white { + color: white; +} + +.help.is-black { + color: #0a0a0a; +} + +.help.is-light { + color: whitesmoke; +} + +.help.is-dark { + color: #363636; +} + +.help.is-primary { + color: #00d1b2; +} + +.help.is-info { + color: #3273dc; +} + +.help.is-success { + color: #23d160; +} + +.help.is-warning { + color: #ffdd57; +} + +.help.is-danger { + color: #ff3860; +} + +.field:not(:last-child) { + margin-bottom: 0.75rem; +} + +.field.has-addons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.field.has-addons .control:not(:last-child) { + margin-right: -1px; +} + +.field.has-addons .control:first-child .button, +.field.has-addons .control:first-child .input, +.field.has-addons .control:first-child .select select { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.field.has-addons .control:last-child .button, +.field.has-addons .control:last-child .input, +.field.has-addons .control:last-child .select select { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} + +.field.has-addons .control .button, +.field.has-addons .control .input, +.field.has-addons .control .select select { + border-radius: 0; +} + +.field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered, +.field.has-addons .control .input:hover, +.field.has-addons .control .input.is-hovered, +.field.has-addons .control .select select:hover, +.field.has-addons .control .select select.is-hovered { + z-index: 2; +} + +.field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active, +.field.has-addons .control .input:focus, +.field.has-addons .control .input.is-focused, +.field.has-addons .control .input:active, +.field.has-addons .control .input.is-active, +.field.has-addons .control .select select:focus, +.field.has-addons .control .select select.is-focused, +.field.has-addons .control .select select:active, +.field.has-addons .control .select select.is-active { + z-index: 3; +} + +.field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover, +.field.has-addons .control .input:focus:hover, +.field.has-addons .control .input.is-focused:hover, +.field.has-addons .control .input:active:hover, +.field.has-addons .control .input.is-active:hover, +.field.has-addons .control .select select:focus:hover, +.field.has-addons .control .select select.is-focused:hover, +.field.has-addons .control .select select:active:hover, +.field.has-addons .control .select select.is-active:hover { + z-index: 4; +} + +.field.has-addons .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.field.has-addons.has-addons-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.field.has-addons.has-addons-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.field.has-addons.has-addons-fullwidth .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.field.is-grouped { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.field.is-grouped > .control { + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.field.is-grouped > .control:not(:last-child) { + margin-bottom: 0; + margin-right: 0.75rem; +} + +.field.is-grouped > .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.field.is-grouped.is-grouped-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.field.is-grouped.is-grouped-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.field.is-grouped.is-grouped-multiline { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { + margin-bottom: 0.75rem; +} + +.field.is-grouped.is-grouped-multiline:last-child { + margin-bottom: -0.75rem; +} + +.field.is-grouped.is-grouped-multiline:not(:last-child) { + margin-bottom: 0; +} + +@media screen and (min-width: 769px), print { + .field.is-horizontal { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.field-label .label { + font-size: inherit; +} + +@media screen and (max-width: 768px) { + .field-label { + margin-bottom: 0.5rem; + } +} + +@media screen and (min-width: 769px), print { + .field-label { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-right: 1.5rem; + text-align: right; + } + .field-label.is-small { + font-size: 0.75rem; + padding-top: 0.375em; + } + .field-label.is-normal { + padding-top: 0.375em; + } + .field-label.is-medium { + font-size: 1.25rem; + padding-top: 0.375em; + } + .field-label.is-large { + font-size: 1.5rem; + padding-top: 0.375em; + } +} + +.field-body .field .field { + margin-bottom: 0; +} + +@media screen and (min-width: 769px), print { + .field-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + -ms-flex-negative: 1; + flex-shrink: 1; + } + .field-body .field { + margin-bottom: 0; + } + .field-body > .field { + -ms-flex-negative: 1; + flex-shrink: 1; + } + .field-body > .field:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .field-body > .field:not(:last-child) { + margin-right: 0.75rem; + } +} + +.control { + font-size: 1rem; + position: relative; + text-align: left; +} + +.control.has-icon .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} + +.control.has-icon .input:focus + .icon { + color: #7a7a7a; +} + +.control.has-icon .input.is-small + .icon { + font-size: 0.75rem; +} + +.control.has-icon .input.is-medium + .icon { + font-size: 1.25rem; +} + +.control.has-icon .input.is-large + .icon { + font-size: 1.5rem; +} + +.control.has-icon:not(.has-icon-right) .icon { + left: 0; +} + +.control.has-icon:not(.has-icon-right) .input { + padding-left: 2.25em; +} + +.control.has-icon.has-icon-right .icon { + right: 0; +} + +.control.has-icon.has-icon-right .input { + padding-right: 2.25em; +} + +.control.has-icons-left .input:focus ~ .icon, +.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, +.control.has-icons-right .select:focus ~ .icon { + color: #7a7a7a; +} + +.control.has-icons-left .input.is-small ~ .icon, +.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, +.control.has-icons-right .select.is-small ~ .icon { + font-size: 0.75rem; +} + +.control.has-icons-left .input.is-medium ~ .icon, +.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, +.control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem; +} + +.control.has-icons-left .input.is-large ~ .icon, +.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, +.control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem; +} + +.control.has-icons-left .icon, .control.has-icons-right .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} + +.control.has-icons-left .input, +.control.has-icons-left .select select { + padding-left: 2.25em; +} + +.control.has-icons-left .icon.is-left { + left: 0; +} + +.control.has-icons-right .input, +.control.has-icons-right .select select { + padding-right: 2.25em; +} + +.control.has-icons-right .icon.is-right { + right: 0; +} + +.control.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + position: absolute !important; + right: 0.625em; + top: 0.625em; +} + +.control.is-loading.is-small:after { + font-size: 0.75rem; +} + +.control.is-loading.is-medium:after { + font-size: 1.25rem; +} + +.control.is-loading.is-large:after { + font-size: 1.5rem; +} + +.icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 1.5rem; + width: 1.5rem; +} + +.icon .fa { + font-size: 21px; +} + +.icon.is-small { + height: 1rem; + width: 1rem; +} + +.icon.is-small .fa { + font-size: 14px; +} + +.icon.is-medium { + height: 2rem; + width: 2rem; +} + +.icon.is-medium .fa { + font-size: 28px; +} + +.icon.is-large { + height: 3rem; + width: 3rem; +} + +.icon.is-large .fa { + font-size: 42px; +} + +.image { + display: block; + position: relative; +} + +.image img { + display: block; + height: auto; + width: 100%; +} + +.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} + +.image.is-square, .image.is-1by1 { + padding-top: 100%; +} + +.image.is-4by3 { + padding-top: 75%; +} + +.image.is-3by2 { + padding-top: 66.6666%; +} + +.image.is-16by9 { + padding-top: 56.25%; +} + +.image.is-2by1 { + padding-top: 50%; +} + +.image.is-16x16 { + height: 16px; + width: 16px; +} + +.image.is-24x24 { + height: 24px; + width: 24px; +} + +.image.is-32x32 { + height: 32px; + width: 32px; +} + +.image.is-48x48 { + height: 48px; + width: 48px; +} + +.image.is-64x64 { + height: 64px; + width: 64px; +} + +.image.is-96x96 { + height: 96px; + width: 96px; +} + +.image.is-128x128 { + height: 128px; + width: 128px; +} + +.notification { + background-color: whitesmoke; + border-radius: 3px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative; +} + +.notification:not(:last-child) { + margin-bottom: 1.5rem; +} + +.notification a:not(.button) { + color: currentColor; + text-decoration: underline; +} + +.notification strong { + color: currentColor; +} + +.notification code, +.notification pre { + background: white; +} + +.notification pre code { + background: transparent; +} + +.notification > .delete { + position: absolute; + right: 0.5em; + top: 0.5em; +} + +.notification .title, +.notification .subtitle, +.notification .content { + color: currentColor; +} + +.notification.is-white { + background-color: white; + color: #0a0a0a; +} + +.notification.is-black { + background-color: #0a0a0a; + color: white; +} + +.notification.is-light { + background-color: whitesmoke; + color: #363636; +} + +.notification.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.notification.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.notification.is-info { + background-color: #3273dc; + color: #fff; +} + +.notification.is-success { + background-color: #23d160; + color: #fff; +} + +.notification.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.notification.is-danger { + background-color: #ff3860; + color: #fff; +} + +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 290486px; + display: block; + height: 1rem; + overflow: hidden; + padding: 0; + width: 100%; +} + +.progress:not(:last-child) { + margin-bottom: 1.5rem; +} + +.progress::-webkit-progress-bar { + background-color: #dbdbdb; +} + +.progress::-webkit-progress-value { + background-color: #4a4a4a; +} + +.progress::-moz-progress-bar { + background-color: #4a4a4a; +} + +.progress.is-white::-webkit-progress-value { + background-color: white; +} + +.progress.is-white::-moz-progress-bar { + background-color: white; +} + +.progress.is-black::-webkit-progress-value { + background-color: #0a0a0a; +} + +.progress.is-black::-moz-progress-bar { + background-color: #0a0a0a; +} + +.progress.is-light::-webkit-progress-value { + background-color: whitesmoke; +} + +.progress.is-light::-moz-progress-bar { + background-color: whitesmoke; +} + +.progress.is-dark::-webkit-progress-value { + background-color: #363636; +} + +.progress.is-dark::-moz-progress-bar { + background-color: #363636; +} + +.progress.is-primary::-webkit-progress-value { + background-color: #00d1b2; +} + +.progress.is-primary::-moz-progress-bar { + background-color: #00d1b2; +} + +.progress.is-info::-webkit-progress-value { + background-color: #3273dc; +} + +.progress.is-info::-moz-progress-bar { + background-color: #3273dc; +} + +.progress.is-success::-webkit-progress-value { + background-color: #23d160; +} + +.progress.is-success::-moz-progress-bar { + background-color: #23d160; +} + +.progress.is-warning::-webkit-progress-value { + background-color: #ffdd57; +} + +.progress.is-warning::-moz-progress-bar { + background-color: #ffdd57; +} + +.progress.is-danger::-webkit-progress-value { + background-color: #ff3860; +} + +.progress.is-danger::-moz-progress-bar { + background-color: #ff3860; +} + +.progress.is-small { + height: 0.75rem; +} + +.progress.is-medium { + height: 1.25rem; +} + +.progress.is-large { + height: 1.5rem; +} + +.table { + background-color: white; + color: #363636; + margin-bottom: 1.5rem; +} + +.table td, +.table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.table td.is-white, +.table th.is-white { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.table td.is-black, +.table th.is-black { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.table td.is-light, +.table th.is-light { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.table td.is-dark, +.table th.is-dark { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.table td.is-primary, +.table th.is-primary { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.table td.is-info, +.table th.is-info { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} + +.table td.is-success, +.table th.is-success { + background-color: #23d160; + border-color: #23d160; + color: #fff; +} + +.table td.is-warning, +.table th.is-warning { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.table td.is-danger, +.table th.is-danger { + background-color: #ff3860; + border-color: #ff3860; + color: #fff; +} + +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1%; +} + +.table th { + color: #363636; + text-align: left; +} + +.table tr:hover { + background-color: #fafafa; +} + +.table tr.is-selected { + background-color: #00d1b2; + color: #fff; +} + +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor; +} + +.table tr.is-selected td, +.table tr.is-selected th { + border-color: #fff; + color: currentColor; +} + +.table thead td, +.table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.table tfoot td, +.table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; +} + +.table.is-bordered td, +.table.is-bordered th { + border-width: 1px; +} + +.table.is-bordered tr:last-child td, +.table.is-bordered tr:last-child th { + border-bottom-width: 1px; +} + +.table.is-fullwidth { + width: 100%; +} + +.table.is-narrow td, +.table.is-narrow th { + padding: 0.25em 0.5em; +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even) { + background-color: #fafafa; +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even):hover { + background-color: whitesmoke; +} + +.tags { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.tags .tag { + margin-bottom: 0.5rem; +} + +.tags .tag:not(:last-child) { + margin-right: 0.5rem; +} + +.tags:last-child { + margin-bottom: -0.5rem; +} + +.tags:not(:last-child) { + margin-bottom: 1rem; +} + +.tags.has-addons .tag { + margin-right: 0; +} + +.tags.has-addons .tag:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.tags.has-addons .tag:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.tag { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 3px; + color: #4a4a4a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 0.75rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} + +.tag .delete { + margin-left: 0.25em; + margin-right: -0.375em; +} + +.tag.is-white { + background-color: white; + color: #0a0a0a; +} + +.tag.is-black { + background-color: #0a0a0a; + color: white; +} + +.tag.is-light { + background-color: whitesmoke; + color: #363636; +} + +.tag.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.tag.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.tag.is-info { + background-color: #3273dc; + color: #fff; +} + +.tag.is-success { + background-color: #23d160; + color: #fff; +} + +.tag.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.tag.is-danger { + background-color: #ff3860; + color: #fff; +} + +.tag.is-medium { + font-size: 1rem; +} + +.tag.is-large { + font-size: 1.25rem; +} + +.tag.is-delete { + margin-left: 1px; + padding: 0; + position: relative; + width: 2em; +} + +.tag.is-delete:before, .tag.is-delete:after { + background-color: currentColor; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.tag.is-delete:before { + height: 1px; + width: 50%; +} + +.tag.is-delete:after { + height: 50%; + width: 1px; +} + +.tag.is-delete:hover, .tag.is-delete:focus { + background-color: #e8e8e8; +} + +.tag.is-delete:active { + background-color: #dbdbdb; +} + +.tag.is-rounded { + border-radius: 290486px; +} + +a.tag:hover { + text-decoration: underline; +} + +.title, +.subtitle { + word-break: break-word; +} + +.title:not(:last-child), +.subtitle:not(:last-child) { + margin-bottom: 1.5rem; +} + +.title em, +.title span, +.subtitle em, +.subtitle span { + font-weight: inherit; +} + +.title .tag, +.subtitle .tag { + vertical-align: middle; +} + +.title { + color: #363636; + font-size: 2rem; + font-weight: 600; + line-height: 1.125; +} + +.title strong { + color: inherit; + font-weight: inherit; +} + +.title + .highlight { + margin-top: -0.75rem; +} + +.title:not(.is-spaced) + .subtitle { + margin-top: -1.5rem; +} + +.title.is-1 { + font-size: 3rem; +} + +.title.is-2 { + font-size: 2.5rem; +} + +.title.is-3 { + font-size: 2rem; +} + +.title.is-4 { + font-size: 1.5rem; +} + +.title.is-5 { + font-size: 1.25rem; +} + +.title.is-6 { + font-size: 1rem; +} + +.title.is-7 { + font-size: 0.75rem; +} + +.subtitle { + color: #4a4a4a; + font-size: 1.25rem; + font-weight: 400; + line-height: 1.25; +} + +.subtitle strong { + color: #363636; + font-weight: 600; +} + +.subtitle:not(.is-spaced) + .title { + margin-top: -1.5rem; +} + +.subtitle.is-1 { + font-size: 3rem; +} + +.subtitle.is-2 { + font-size: 2.5rem; +} + +.subtitle.is-3 { + font-size: 2rem; +} + +.subtitle.is-4 { + font-size: 1.5rem; +} + +.subtitle.is-5 { + font-size: 1.25rem; +} + +.subtitle.is-6 { + font-size: 1rem; +} + +.subtitle.is-7 { + font-size: 0.75rem; +} + +.block:not(:last-child) { + margin-bottom: 1.5rem; +} + +.delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; +} + +.delete:before, .delete:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.delete:before { + height: 2px; + width: 50%; +} + +.delete:after { + height: 50%; + width: 2px; +} + +.delete:hover, .delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.delete:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.delete.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} + +.delete.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} + +.delete.is-large { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-weight: 400; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight:not(:last-child) { + margin-bottom: 1.5rem; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; +} + +.number { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; +} + +.breadcrumb { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 1rem; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} + +.breadcrumb:not(:last-child) { + margin-bottom: 1.5rem; +} + +.breadcrumb a { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #7a7a7a; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.5em 0.75em; +} + +.breadcrumb a:hover { + color: #363636; +} + +.breadcrumb li { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.breadcrumb li.is-active a { + color: #363636; + cursor: default; + pointer-events: none; +} + +.breadcrumb li + li::before { + color: #4a4a4a; + content: "\0002f"; +} + +.breadcrumb ul, .breadcrumb ol { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.breadcrumb .icon:first-child { + margin-right: 0.5em; +} + +.breadcrumb .icon:last-child { + margin-left: 0.5em; +} + +.breadcrumb.is-centered ol, .breadcrumb.is-centered ul { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.breadcrumb.is-right ol, .breadcrumb.is-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.breadcrumb.is-small { + font-size: 0.75rem; +} + +.breadcrumb.is-medium { + font-size: 1.25rem; +} + +.breadcrumb.is-large { + font-size: 1.5rem; +} + +.breadcrumb.has-arrow-separator li + li::before { + content: "\02192"; +} + +.breadcrumb.has-bullet-separator li + li::before { + content: "\02022"; +} + +.breadcrumb.has-dot-separator li + li::before { + content: "\000b7"; +} + +.breadcrumb.has-succeeds-separator li + li::before { + content: "\0227B"; +} + +.card { + background-color: white; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + max-width: 100%; + position: relative; +} + +.card-header { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.card-header-title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 700; + padding: 0.75rem; +} + +.card-header-icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.75rem; +} + +.card-image { + display: block; + position: relative; +} + +.card-content { + padding: 1.5rem; +} + +.card-footer { + border-top: 1px solid #dbdbdb; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.card-footer-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.75rem; +} + +.card-footer-item:not(:last-child) { + border-right: 1px solid #dbdbdb; +} + +.card .media:not(:last-child) { + margin-bottom: 0.75rem; +} + +.dropdown { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + vertical-align: top; +} + +.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { + display: block; +} + +.dropdown.is-right .dropdown-menu { + left: auto; + right: 0; +} + +.dropdown-menu { + display: none; + left: 0; + min-width: 12rem; + padding-top: 4px; + position: absolute; + top: 100%; + z-index: 20; +} + +.dropdown-content { + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.dropdown-item { + color: #4a4a4a; + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; + position: relative; +} + +a.dropdown-item { + padding-right: 3rem; + white-space: nowrap; +} + +a.dropdown-item:hover { + background-color: whitesmoke; + color: #0a0a0a; +} + +a.dropdown-item.is-active { + background-color: #00d1b2; + color: #fff; +} + +.dropdown-divider { + background-color: #dbdbdb; + border: none; + display: block; + height: 1px; + margin: 0.5rem 0; +} + +.level { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.level:not(:last-child) { + margin-bottom: 1.5rem; +} + +.level code { + border-radius: 3px; +} + +.level img { + display: inline-block; + vertical-align: top; +} + +.level.is-mobile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.level.is-mobile .level-left, +.level.is-mobile .level-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.level.is-mobile .level-left + .level-right { + margin-top: 0; +} + +.level.is-mobile .level-item:not(:last-child) { + margin-bottom: 0; +} + +.level.is-mobile .level-item:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +@media screen and (min-width: 769px), print { + .level { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .level > .level-item:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +} + +.level-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.level-item .title, +.level-item .subtitle { + margin-bottom: 0; +} + +@media screen and (max-width: 768px) { + .level-item:not(:last-child) { + margin-bottom: 0.75rem; + } +} + +.level-left, +.level-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.level-left .level-item:not(:last-child), +.level-right .level-item:not(:last-child) { + margin-right: 0.75rem; +} + +.level-left .level-item.is-flexible, +.level-right .level-item.is-flexible { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.level-left { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +@media screen and (max-width: 768px) { + .level-left + .level-right { + margin-top: 1.5rem; + } +} + +@media screen and (min-width: 769px), print { + .level-left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.level-right { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +@media screen and (min-width: 769px), print { + .level-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.media { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + text-align: left; +} + +.media .content:not(:last-child) { + margin-bottom: 0.75rem; +} + +.media .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-top: 0.75rem; +} + +.media .media .content:not(:last-child), +.media .media .control:not(:last-child) { + margin-bottom: 0.5rem; +} + +.media .media .media { + padding-top: 0.5rem; +} + +.media .media .media + .media { + margin-top: 0.5rem; +} + +.media + .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + margin-top: 1rem; + padding-top: 1rem; +} + +.media.is-large + .media { + margin-top: 1.5rem; + padding-top: 1.5rem; +} + +.media-left, +.media-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.media-left { + margin-right: 1rem; +} + +.media-right { + margin-left: 1rem; +} + +.media-content { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + text-align: left; +} + +.menu { + font-size: 1rem; +} + +.menu.is-small { + font-size: 0.75rem; +} + +.menu.is-medium { + font-size: 1.25rem; +} + +.menu.is-large { + font-size: 1.5rem; +} + +.menu-list { + line-height: 1.25; +} + +.menu-list a { + border-radius: 2px; + color: #4a4a4a; + display: block; + padding: 0.5em 0.75em; +} + +.menu-list a:hover { + background-color: whitesmoke; + color: #363636; +} + +.menu-list a.is-active { + background-color: #00d1b2; + color: #fff; +} + +.menu-list li ul { + border-left: 1px solid #dbdbdb; + margin: 0.75em; + padding-left: 0.75em; +} + +.menu-label { + color: #7a7a7a; + font-size: 0.75em; + letter-spacing: 0.1em; + text-transform: uppercase; +} + +.menu-label:not(:first-child) { + margin-top: 1em; +} + +.menu-label:not(:last-child) { + margin-bottom: 1em; +} + +.message { + background-color: whitesmoke; + border-radius: 3px; + font-size: 1rem; +} + +.message:not(:last-child) { + margin-bottom: 1.5rem; +} + +.message.is-small { + font-size: 0.75rem; +} + +.message.is-medium { + font-size: 1.25rem; +} + +.message.is-large { + font-size: 1.5rem; +} + +.message.is-white { + background-color: white; +} + +.message.is-white .message-header { + background-color: white; + color: #0a0a0a; +} + +.message.is-white .message-body { + border-color: white; + color: #4d4d4d; +} + +.message.is-black { + background-color: #fafafa; +} + +.message.is-black .message-header { + background-color: #0a0a0a; + color: white; +} + +.message.is-black .message-body { + border-color: #0a0a0a; + color: #090909; +} + +.message.is-light { + background-color: #fafafa; +} + +.message.is-light .message-header { + background-color: whitesmoke; + color: #363636; +} + +.message.is-light .message-body { + border-color: whitesmoke; + color: #505050; +} + +.message.is-dark { + background-color: #fafafa; +} + +.message.is-dark .message-header { + background-color: #363636; + color: whitesmoke; +} + +.message.is-dark .message-body { + border-color: #363636; + color: #2a2a2a; +} + +.message.is-primary { + background-color: #f5fffd; +} + +.message.is-primary .message-header { + background-color: #00d1b2; + color: #fff; +} + +.message.is-primary .message-body { + border-color: #00d1b2; + color: #021310; +} + +.message.is-info { + background-color: #f6f9fe; +} + +.message.is-info .message-header { + background-color: #3273dc; + color: #fff; +} + +.message.is-info .message-body { + border-color: #3273dc; + color: #22509a; +} + +.message.is-success { + background-color: #f6fef9; +} + +.message.is-success .message-header { + background-color: #23d160; + color: #fff; +} + +.message.is-success .message-body { + border-color: #23d160; + color: #0e301a; +} + +.message.is-warning { + background-color: #fffdf5; +} + +.message.is-warning .message-header { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.message.is-warning .message-body { + border-color: #ffdd57; + color: #3b3108; +} + +.message.is-danger { + background-color: #fff5f7; +} + +.message.is-danger .message-header { + background-color: #ff3860; + color: #fff; +} + +.message.is-danger .message-body { + border-color: #ff3860; + color: #cd0930; +} + +.message-header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #4a4a4a; + border-radius: 3px 3px 0 0; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + line-height: 1.25; + padding: 0.5em 0.75em; + position: relative; +} + +.message-header a:not(.button), +.message-header strong { + color: currentColor; +} + +.message-header a:not(.button) { + text-decoration: underline; +} + +.message-header .delete { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-left: 0.75em; +} + +.message-header + .message-body { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-top: none; +} + +.message-body { + border: 1px solid #dbdbdb; + border-radius: 3px; + color: #4a4a4a; + padding: 1em 1.25em; +} + +.message-body a:not(.button), +.message-body strong { + color: currentColor; +} + +.message-body a:not(.button) { + text-decoration: underline; +} + +.message-body code, +.message-body pre { + background-color: white; +} + +.message-body pre code { + background-color: transparent; +} + +.modal { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + position: fixed; + z-index: 20; +} + +.modal.is-active { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.modal-background { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + background-color: rgba(10, 10, 10, 0.86); +} + +.modal-content, +.modal-card { + margin: 0 20px; + max-height: calc(100vh - 160px); + overflow: auto; + position: relative; + width: 100%; +} + +@media screen and (min-width: 769px), print { + .modal-content, + .modal-card { + margin: 0 auto; + max-height: calc(100vh - 40px); + width: 640px; + } +} + +.modal-close { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; + background: none; + height: 40px; + position: fixed; + right: 20px; + top: 20px; + width: 40px; +} + +.modal-close:before, .modal-close:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.modal-close:before { + height: 2px; + width: 50%; +} + +.modal-close:after { + height: 50%; + width: 2px; +} + +.modal-close:hover, .modal-close:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.modal-close:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.modal-close.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} + +.modal-close.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} + +.modal-close.is-large { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.modal-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-height: calc(100vh - 40px); + overflow: hidden; +} + +.modal-card-head, +.modal-card-foot { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 20px; + position: relative; +} + +.modal-card-head { + border-bottom: 1px solid #dbdbdb; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.modal-card-title { + color: #363636; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1.5rem; + line-height: 1; +} + +.modal-card-foot { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top: 1px solid #dbdbdb; +} + +.modal-card-foot .button:not(:last-child) { + margin-right: 10px; +} + +.modal-card-body { + -webkit-overflow-scrolling: touch; + background-color: white; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px; +} + +.nav-toggle { + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; +} + +.nav-toggle span { + background-color: #4a4a4a; + display: block; + height: 1px; + left: 50%; + margin-left: -7px; + position: absolute; + top: 50%; + -webkit-transition: none 86ms ease-out; + transition: none 86ms ease-out; + -webkit-transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, transform; + transition-property: background, left, opacity, transform, -webkit-transform; + width: 15px; +} + +.nav-toggle span:nth-child(1) { + margin-top: -6px; +} + +.nav-toggle span:nth-child(2) { + margin-top: -1px; +} + +.nav-toggle span:nth-child(3) { + margin-top: 4px; +} + +.nav-toggle:hover { + background-color: whitesmoke; +} + +.nav-toggle.is-active span { + background-color: #00d1b2; +} + +.nav-toggle.is-active span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.nav-toggle.is-active span:nth-child(2) { + opacity: 0; +} + +.nav-toggle.is-active span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +@media screen and (min-width: 769px), print { + .nav-toggle { + display: none; + } +} + +.nav-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1.5; + padding: 0.5rem 0.75rem; +} + +.nav-item a { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.nav-item img { + max-height: 1.75rem; +} + +.nav-item .tag:first-child:not(:last-child) { + margin-right: 0.5rem; +} + +.nav-item .tag:last-child:not(:first-child) { + margin-left: 0.5rem; +} + +@media screen and (max-width: 768px) { + .nav-item { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} + +.nav-item a:not(.button), +a.nav-item:not(.button) { + color: #7a7a7a; +} + +.nav-item a:not(.button):hover, +a.nav-item:not(.button):hover { + color: #363636; +} + +.nav-item a:not(.button).is-active, +a.nav-item:not(.button).is-active { + color: #363636; +} + +.nav-item a:not(.button).is-tab, +a.nav-item:not(.button).is-tab { + border-bottom: 1px solid transparent; + border-top: 1px solid transparent; + padding-bottom: calc(0.75rem - 1px); + padding-left: 1rem; + padding-right: 1rem; + padding-top: calc(0.75rem - 1px); +} + +.nav-item a:not(.button).is-tab:hover, +a.nav-item:not(.button).is-tab:hover { + border-bottom-color: #00d1b2; + border-top-color: transparent; +} + +.nav-item a:not(.button).is-tab.is-active, +a.nav-item:not(.button).is-tab.is-active { + border-bottom: 3px solid #00d1b2; + color: #00d1b2; + padding-bottom: calc(0.75rem - 3px); +} + +@media screen and (min-width: 1008px) { + .nav-item a:not(.button).is-brand, + a.nav-item:not(.button).is-brand { + padding-left: 0; + } +} + +.nav-left, +.nav-right { + -webkit-overflow-scrolling: touch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + max-width: 100%; + overflow: auto; +} + +@media screen and (min-width: 1200px) { + .nav-left, + .nav-right { + -ms-flex-preferred-size: 0; + flex-basis: 0; + } +} + +.nav-left { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + white-space: nowrap; +} + +.nav-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.nav-center { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: auto; + margin-right: auto; +} + +@media screen and (max-width: 768px) { + .nav-menu.nav-right { + background-color: white; + -webkit-box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); + box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); + left: 0; + display: none; + right: 0; + top: 100%; + position: absolute; + } + .nav-menu.nav-right .nav-item { + border-top: 1px solid rgba(219, 219, 219, 0.5); + padding: 0.75rem; + } + .nav-menu.nav-right.is-active { + display: block; + } +} + +.nav { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + background-color: white; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 3.25rem; + position: relative; + text-align: center; + z-index: 10; +} + +.nav > .container { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + width: 100%; +} + +.nav.has-shadow { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); +} + +.navbar { + background-color: white; + min-height: 3.25rem; + position: relative; +} + +.navbar > .container { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + width: 100%; +} + +.navbar.has-shadow { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); +} + +.navbar-brand { + -webkit-overflow-scrolling: touch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + max-width: 100vw; + min-height: 3.25rem; + overflow-x: auto; + overflow-y: hidden; +} + +.navbar-burger { + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; + margin-left: auto; +} + +.navbar-burger span { + background-color: #4a4a4a; + display: block; + height: 1px; + left: 50%; + margin-left: -7px; + position: absolute; + top: 50%; + -webkit-transition: none 86ms ease-out; + transition: none 86ms ease-out; + -webkit-transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, transform; + transition-property: background, left, opacity, transform, -webkit-transform; + width: 15px; +} + +.navbar-burger span:nth-child(1) { + margin-top: -6px; +} + +.navbar-burger span:nth-child(2) { + margin-top: -1px; +} + +.navbar-burger span:nth-child(3) { + margin-top: 4px; +} + +.navbar-burger:hover { + background-color: whitesmoke; +} + +.navbar-burger.is-active span { + background-color: #00d1b2; +} + +.navbar-burger.is-active span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.navbar-burger.is-active span:nth-child(2) { + opacity: 0; +} + +.navbar-burger.is-active span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +.navbar-menu { + display: none; +} + +.navbar-item, +.navbar-link { + color: #4a4a4a; + display: block; + line-height: 1.5; + padding: 0.5rem 1rem; + position: relative; +} + +a.navbar-item:hover, a.navbar-item.is-active, +.navbar-link:hover, +.navbar-link.is-active { + background-color: whitesmoke; + color: #0a0a0a; +} + +.navbar-item { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.navbar-item img { + max-height: 1.75rem; +} + +.navbar-item.has-dropdown { + padding: 0; +} + +.navbar-item.is-tab { + border-bottom: 1px solid transparent; + min-height: 3.25rem; + padding-bottom: calc(0.5rem - 1px); +} + +.navbar-item.is-tab:hover { + background-color: transparent; + border-bottom-color: #00d1b2; +} + +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: #00d1b2; + border-bottom-style: solid; + border-bottom-width: 3px; + color: #00d1b2; + padding-bottom: calc(0.5rem - 3px); +} + +.navbar-content { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.navbar-link { + padding-right: 2.5em; +} + +.navbar-dropdown { + font-size: 0.875rem; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.navbar-divider { + background-color: #dbdbdb; + border: none; + display: none; + height: 1px; + margin: 0.5rem 0; +} + +@media screen and (max-width: 1007px) { + .navbar > .container { + display: block; + } + .navbar-brand .navbar-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar-menu { + -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + padding: 0.5rem 0; + } + .navbar-menu.is-active { + display: block; + } +} + +@media screen and (min-width: 1008px) { + .navbar, + .navbar-menu, + .navbar-start, + .navbar-end { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar { + min-height: 3.25rem; + } + .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, + .navbar.is-transparent .navbar-link:hover, + .navbar.is-transparent .navbar-link.is-active { + background-color: transparent; + } + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { + background-color: transparent; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + background-color: whitesmoke; + color: #0a0a0a; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #00d1b2; + } + .navbar-burger { + display: none; + } + .navbar-item, + .navbar-link { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar-item.has-dropdown { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { + display: block; + } + .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { + opacity: 1; + pointer-events: auto; + -webkit-transform: translateY(0); + transform: translateY(0); + } + .navbar-link::after { + border: 1px solid #00d1b2; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + } + .navbar-menu { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + } + .navbar-start { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + margin-right: auto; + } + .navbar-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-left: auto; + } + .navbar-dropdown { + background-color: white; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top: 1px solid #dbdbdb; + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + display: none; + font-size: 0.875rem; + left: 0; + min-width: 100%; + position: absolute; + top: 100%; + z-index: 20; + } + .navbar-dropdown .navbar-item { + padding: 0.375rem 1rem; + white-space: nowrap; + } + .navbar-dropdown a.navbar-item { + padding-right: 3rem; + } + .navbar-dropdown a.navbar-item:hover { + background-color: whitesmoke; + color: #0a0a0a; + } + .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #00d1b2; + } + .navbar-dropdown.is-boxed { + border-radius: 5px; + border-top: none; + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + (-4px)); + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; + } + .navbar-dropdown.is-right { + left: auto; + right: 0; + } + .navbar-divider { + display: block; + } + .container > .navbar { + margin-left: -1rem; + margin-right: -1rem; + } + a.navbar-item.is-active, + .navbar-link.is-active { + color: #0a0a0a; + } + a.navbar-item.is-active:not(:hover), + .navbar-link.is-active:not(:hover) { + background-color: transparent; + } + .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { + background-color: whitesmoke; + } +} + +.pagination { + font-size: 1rem; + margin: -0.25rem; +} + +.pagination.is-small { + font-size: 0.75rem; +} + +.pagination.is-medium { + font-size: 1.25rem; +} + +.pagination.is-large { + font-size: 1.5rem; +} + +.pagination, +.pagination-list { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1em; + padding-left: 0.5em; + padding-right: 0.5em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0.25rem; + text-align: center; +} + +.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active, +.pagination-next:focus, +.pagination-next.is-focused, +.pagination-next:active, +.pagination-next.is-active, +.pagination-link:focus, +.pagination-link.is-focused, +.pagination-link:active, +.pagination-link.is-active, +.pagination-ellipsis:focus, +.pagination-ellipsis.is-focused, +.pagination-ellipsis:active, +.pagination-ellipsis.is-active { + outline: none; +} + +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled], +.pagination-ellipsis[disabled] { + cursor: not-allowed; +} + +.pagination-previous, +.pagination-next, +.pagination-link { + border-color: #dbdbdb; + min-width: 2.25em; +} + +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + border-color: #b5b5b5; + color: #363636; +} + +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus { + border-color: #00d1b2; +} + +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); +} + +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled] { + background-color: #dbdbdb; + border-color: #dbdbdb; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; + opacity: 0.5; +} + +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} + +.pagination-link.is-current { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.pagination-ellipsis { + color: #b5b5b5; + pointer-events: none; +} + +.pagination-list { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +@media screen and (max-width: 768px) { + .pagination { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .pagination-previous, + .pagination-next { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + } + .pagination-list li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + } +} + +@media screen and (min-width: 769px), print { + .pagination-list { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination-previous { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .pagination.is-centered .pagination-previous { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-centered .pagination-list { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-centered .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination.is-right .pagination-previous { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-right .pagination-next { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-right .pagination-list { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } +} + +.panel { + font-size: 1rem; +} + +.panel:not(:last-child) { + margin-bottom: 1.5rem; +} + +.panel-heading, +.panel-tabs, +.panel-block { + border-bottom: 1px solid #dbdbdb; + border-left: 1px solid #dbdbdb; + border-right: 1px solid #dbdbdb; +} + +.panel-heading:first-child, +.panel-tabs:first-child, +.panel-block:first-child { + border-top: 1px solid #dbdbdb; +} + +.panel-heading { + background-color: whitesmoke; + border-radius: 3px 3px 0 0; + color: #363636; + font-size: 1.25em; + font-weight: 300; + line-height: 1.25; + padding: 0.5em 0.75em; +} + +.panel-tabs { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 0.875em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: 0.5em; +} + +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636; +} + +.panel-list a { + color: #4a4a4a; +} + +.panel-list a:hover { + color: #00d1b2; +} + +.panel-block { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0.5em 0.75em; +} + +.panel-block input[type="checkbox"] { + margin-right: 0.75em; +} + +.panel-block > .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; +} + +.panel-block.is-wrapped { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.panel-block.is-active { + border-left-color: #00d1b2; + color: #363636; +} + +.panel-block.is-active .panel-icon { + color: #00d1b2; +} + +a.panel-block, +label.panel-block { + cursor: pointer; +} + +a.panel-block:hover, +label.panel-block:hover { + background-color: whitesmoke; +} + +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #7a7a7a; + margin-right: 0.75em; +} + +.panel-icon .fa { + font-size: inherit; + line-height: inherit; +} + +.tabs { + -webkit-overflow-scrolling: touch; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 1rem; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} + +.tabs:not(:last-child) { + margin-bottom: 1.5rem; +} + +.tabs a { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + color: #4a4a4a; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: -1px; + padding: 0.5em 1em; + vertical-align: top; +} + +.tabs a:hover { + border-bottom-color: #363636; + color: #363636; +} + +.tabs li { + display: block; +} + +.tabs li.is-active a { + border-bottom-color: #00d1b2; + color: #00d1b2; +} + +.tabs ul { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.tabs ul.is-left { + padding-right: 0.75em; +} + +.tabs ul.is-center { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; +} + +.tabs ul.is-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + padding-left: 0.75em; +} + +.tabs .icon:first-child { + margin-right: 0.5em; +} + +.tabs .icon:last-child { + margin-left: 0.5em; +} + +.tabs.is-centered ul { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.tabs.is-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.tabs.is-boxed a { + border: 1px solid transparent; + border-radius: 3px 3px 0 0; +} + +.tabs.is-boxed a:hover { + background-color: whitesmoke; + border-bottom-color: #dbdbdb; +} + +.tabs.is-boxed li.is-active a { + background-color: white; + border-color: #dbdbdb; + border-bottom-color: transparent !important; +} + +.tabs.is-fullwidth li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.tabs.is-toggle a { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px; + margin-bottom: 0; + position: relative; +} + +.tabs.is-toggle a:hover { + background-color: whitesmoke; + border-color: #b5b5b5; + z-index: 2; +} + +.tabs.is-toggle li + li { + margin-left: -1px; +} + +.tabs.is-toggle li:first-child a { + border-radius: 3px 0 0 3px; +} + +.tabs.is-toggle li:last-child a { + border-radius: 0 3px 3px 0; +} + +.tabs.is-toggle li.is-active a { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; + z-index: 1; +} + +.tabs.is-toggle ul { + border-bottom: none; +} + +.tabs.is-small { + font-size: 0.75rem; +} + +.tabs.is-medium { + font-size: 1.25rem; +} + +.tabs.is-large { + font-size: 1.5rem; +} + +.column { + display: block; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + padding: 0.75rem; +} + +.columns.is-mobile > .column.is-narrow { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; +} + +.columns.is-mobile > .column.is-full { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; +} + +.columns.is-mobile > .column.is-three-quarters { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; +} + +.columns.is-mobile > .column.is-two-thirds { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; +} + +.columns.is-mobile > .column.is-half { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; +} + +.columns.is-mobile > .column.is-one-third { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; +} + +.columns.is-mobile > .column.is-one-quarter { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; +} + +.columns.is-mobile > .column.is-offset-three-quarters { + margin-left: 75%; +} + +.columns.is-mobile > .column.is-offset-two-thirds { + margin-left: 66.6666%; +} + +.columns.is-mobile > .column.is-offset-half { + margin-left: 50%; +} + +.columns.is-mobile > .column.is-offset-one-third { + margin-left: 33.3333%; +} + +.columns.is-mobile > .column.is-offset-one-quarter { + margin-left: 25%; +} + +.columns.is-mobile > .column.is-1 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; +} + +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333%; +} + +.columns.is-mobile > .column.is-2 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; +} + +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66667%; +} + +.columns.is-mobile > .column.is-3 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; +} + +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25%; +} + +.columns.is-mobile > .column.is-4 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; +} + +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.33333%; +} + +.columns.is-mobile > .column.is-5 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; +} + +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.66667%; +} + +.columns.is-mobile > .column.is-6 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; +} + +.columns.is-mobile > .column.is-offset-6 { + margin-left: 50%; +} + +.columns.is-mobile > .column.is-7 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; +} + +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.33333%; +} + +.columns.is-mobile > .column.is-8 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; +} + +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.66667%; +} + +.columns.is-mobile > .column.is-9 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; +} + +.columns.is-mobile > .column.is-offset-9 { + margin-left: 75%; +} + +.columns.is-mobile > .column.is-10 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; +} + +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.33333%; +} + +.columns.is-mobile > .column.is-11 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; +} + +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.66667%; +} + +.columns.is-mobile > .column.is-12 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; +} + +.columns.is-mobile > .column.is-offset-12 { + margin-left: 100%; +} + +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-mobile { + margin-left: 75%; + } + .column.is-offset-two-thirds-mobile { + margin-left: 66.6666%; + } + .column.is-offset-half-mobile { + margin-left: 50%; + } + .column.is-offset-one-third-mobile { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-mobile { + margin-left: 25%; + } + .column.is-1-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-mobile { + margin-left: 8.33333%; + } + .column.is-2-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-mobile { + margin-left: 16.66667%; + } + .column.is-3-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-left: 25%; + } + .column.is-4-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-mobile { + margin-left: 33.33333%; + } + .column.is-5-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-mobile { + margin-left: 41.66667%; + } + .column.is-6-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-left: 50%; + } + .column.is-7-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-mobile { + margin-left: 58.33333%; + } + .column.is-8-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-mobile { + margin-left: 66.66667%; + } + .column.is-9-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-left: 75%; + } + .column.is-10-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-mobile { + margin-left: 83.33333%; + } + .column.is-11-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-mobile { + margin-left: 91.66667%; + } + .column.is-12-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-mobile { + margin-left: 100%; + } +} + +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full, .column.is-full-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters, .column.is-three-quarters-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds, .column.is-two-thirds-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half, .column.is-half-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third, .column.is-one-third-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter, .column.is-one-quarter-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { + margin-left: 75%; + } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { + margin-left: 66.6666%; + } + .column.is-offset-half, .column.is-offset-half-tablet { + margin-left: 50%; + } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { + margin-left: 25%; + } + .column.is-1, .column.is-1-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.33333%; + } + .column.is-2, .column.is-2-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.66667%; + } + .column.is-3, .column.is-3-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3, .column.is-offset-3-tablet { + margin-left: 25%; + } + .column.is-4, .column.is-4-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.33333%; + } + .column.is-5, .column.is-5-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.66667%; + } + .column.is-6, .column.is-6-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6, .column.is-offset-6-tablet { + margin-left: 50%; + } + .column.is-7, .column.is-7-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.33333%; + } + .column.is-8, .column.is-8-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.66667%; + } + .column.is-9, .column.is-9-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9, .column.is-offset-9-tablet { + margin-left: 75%; + } + .column.is-10, .column.is-10-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.33333%; + } + .column.is-11, .column.is-11-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.66667%; + } + .column.is-12, .column.is-12-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12, .column.is-offset-12-tablet { + margin-left: 100%; + } +} + +@media screen and (max-width: 1007px) { + .column.is-narrow-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-touch { + margin-left: 75%; + } + .column.is-offset-two-thirds-touch { + margin-left: 66.6666%; + } + .column.is-offset-half-touch { + margin-left: 50%; + } + .column.is-offset-one-third-touch { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-touch { + margin-left: 25%; + } + .column.is-1-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-touch { + margin-left: 8.33333%; + } + .column.is-2-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-touch { + margin-left: 16.66667%; + } + .column.is-3-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-left: 25%; + } + .column.is-4-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-touch { + margin-left: 33.33333%; + } + .column.is-5-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-touch { + margin-left: 41.66667%; + } + .column.is-6-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-left: 50%; + } + .column.is-7-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-touch { + margin-left: 58.33333%; + } + .column.is-8-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-touch { + margin-left: 66.66667%; + } + .column.is-9-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-left: 75%; + } + .column.is-10-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-touch { + margin-left: 83.33333%; + } + .column.is-11-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-touch { + margin-left: 91.66667%; + } + .column.is-12-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-touch { + margin-left: 100%; + } +} + +@media screen and (min-width: 1008px) { + .column.is-narrow-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-desktop { + margin-left: 75%; + } + .column.is-offset-two-thirds-desktop { + margin-left: 66.6666%; + } + .column.is-offset-half-desktop { + margin-left: 50%; + } + .column.is-offset-one-third-desktop { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-desktop { + margin-left: 25%; + } + .column.is-1-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-desktop { + margin-left: 8.33333%; + } + .column.is-2-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-desktop { + margin-left: 16.66667%; + } + .column.is-3-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-left: 25%; + } + .column.is-4-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-desktop { + margin-left: 33.33333%; + } + .column.is-5-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-desktop { + margin-left: 41.66667%; + } + .column.is-6-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-left: 50%; + } + .column.is-7-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-desktop { + margin-left: 58.33333%; + } + .column.is-8-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-desktop { + margin-left: 66.66667%; + } + .column.is-9-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-left: 75%; + } + .column.is-10-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-desktop { + margin-left: 83.33333%; + } + .column.is-11-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-desktop { + margin-left: 91.66667%; + } + .column.is-12-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-desktop { + margin-left: 100%; + } +} + +@media screen and (min-width: 1200px) { + .column.is-narrow-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-widescreen { + margin-left: 75%; + } + .column.is-offset-two-thirds-widescreen { + margin-left: 66.6666%; + } + .column.is-offset-half-widescreen { + margin-left: 50%; + } + .column.is-offset-one-third-widescreen { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-widescreen { + margin-left: 25%; + } + .column.is-1-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-widescreen { + margin-left: 8.33333%; + } + .column.is-2-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-widescreen { + margin-left: 16.66667%; + } + .column.is-3-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-left: 25%; + } + .column.is-4-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-widescreen { + margin-left: 33.33333%; + } + .column.is-5-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-widescreen { + margin-left: 41.66667%; + } + .column.is-6-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-left: 50%; + } + .column.is-7-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-widescreen { + margin-left: 58.33333%; + } + .column.is-8-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-widescreen { + margin-left: 66.66667%; + } + .column.is-9-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-left: 75%; + } + .column.is-10-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-widescreen { + margin-left: 83.33333%; + } + .column.is-11-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-widescreen { + margin-left: 91.66667%; + } + .column.is-12-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-widescreen { + margin-left: 100%; + } +} + +@media screen and (min-width: 1392px) { + .column.is-narrow-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-fullhd { + margin-left: 75%; + } + .column.is-offset-two-thirds-fullhd { + margin-left: 66.6666%; + } + .column.is-offset-half-fullhd { + margin-left: 50%; + } + .column.is-offset-one-third-fullhd { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-fullhd { + margin-left: 25%; + } + .column.is-1-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-fullhd { + margin-left: 8.33333%; + } + .column.is-2-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-fullhd { + margin-left: 16.66667%; + } + .column.is-3-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-left: 25%; + } + .column.is-4-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-fullhd { + margin-left: 33.33333%; + } + .column.is-5-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-fullhd { + margin-left: 41.66667%; + } + .column.is-6-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-left: 50%; + } + .column.is-7-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-fullhd { + margin-left: 58.33333%; + } + .column.is-8-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-fullhd { + margin-left: 66.66667%; + } + .column.is-9-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-left: 75%; + } + .column.is-10-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-fullhd { + margin-left: 83.33333%; + } + .column.is-11-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-fullhd { + margin-left: 91.66667%; + } + .column.is-12-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-fullhd { + margin-left: 100%; + } +} + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} + +.columns:last-child { + margin-bottom: -0.75rem; +} + +.columns:not(:last-child) { + margin-bottom: 0.75rem; +} + +.columns.is-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0; +} + +.columns.is-gapless:last-child { + margin-bottom: 0; +} + +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem; +} + +.columns.is-gapless > .column { + margin: 0; + padding: 0; +} + +@media screen and (min-width: 769px), print { + .columns.is-grid { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .columns.is-grid > .column { + max-width: 33.3333%; + padding: 0.75rem; + width: 33.3333%; + } + .columns.is-grid > .column + .column { + margin-left: 0; + } +} + +.columns.is-mobile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.columns.is-multiline { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.columns.is-vcentered { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +@media screen and (min-width: 1008px) { + .columns.is-desktop { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.tile { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: block; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-height: -webkit-min-content; + min-height: -moz-min-content; + min-height: min-content; +} + +.tile.is-ancestor { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} + +.tile.is-ancestor:last-child { + margin-bottom: -0.75rem; +} + +.tile.is-ancestor:not(:last-child) { + margin-bottom: 0.75rem; +} + +.tile.is-child { + margin: 0 !important; +} + +.tile.is-parent { + padding: 0.75rem; +} + +.tile.is-vertical { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.tile.is-vertical > .tile.is-child:not(:last-child) { + margin-bottom: 1.5rem !important; +} + +@media screen and (min-width: 769px), print { + .tile:not(.is-child) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .tile.is-1 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .tile.is-2 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .tile.is-3 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .tile.is-4 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .tile.is-5 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .tile.is-6 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .tile.is-7 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .tile.is-8 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .tile.is-9 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .tile.is-10 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .tile.is-11 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .tile.is-12 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } +} + +.hero { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.hero .nav { + background: none; + -webkit-box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3); + box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3); +} + +.hero .tabs ul { + border-bottom: none; +} + +.hero.is-white { + background-color: white; + color: #0a0a0a; +} + +.hero.is-white a:not(.button), +.hero.is-white strong { + color: inherit; +} + +.hero.is-white .title { + color: #0a0a0a; +} + +.hero.is-white .subtitle { + color: rgba(10, 10, 10, 0.9); +} + +.hero.is-white .subtitle a:not(.button), +.hero.is-white .subtitle strong { + color: #0a0a0a; +} + +.hero.is-white .nav { + -webkit-box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2); + box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-white .nav-menu { + background-color: white; + } +} + +.hero.is-white a.nav-item, +.hero.is-white .nav-item a:not(.button) { + color: rgba(10, 10, 10, 0.7); +} + +.hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active, +.hero.is-white .nav-item a:not(.button):hover, +.hero.is-white .nav-item a:not(.button).is-active { + color: #0a0a0a; +} + +.hero.is-white .tabs a { + color: #0a0a0a; + opacity: 0.9; +} + +.hero.is-white .tabs a:hover { + opacity: 1; +} + +.hero.is-white .tabs li.is-active a { + opacity: 1; +} + +.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { + color: #0a0a0a; +} + +.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .nav-menu { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-white .nav-toggle span { + background-color: #0a0a0a; + } + .hero.is-white .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-white .nav-toggle.is-active span { + background-color: #0a0a0a; + } + .hero.is-white .nav-menu .nav-item { + border-top-color: rgba(10, 10, 10, 0.2); + } +} + +.hero.is-black { + background-color: #0a0a0a; + color: white; +} + +.hero.is-black a:not(.button), +.hero.is-black strong { + color: inherit; +} + +.hero.is-black .title { + color: white; +} + +.hero.is-black .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: white; +} + +.hero.is-black .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-black .nav-menu { + background-color: #0a0a0a; + } +} + +.hero.is-black a.nav-item, +.hero.is-black .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active, +.hero.is-black .nav-item a:not(.button):hover, +.hero.is-black .nav-item a:not(.button).is-active { + color: white; +} + +.hero.is-black .tabs a { + color: white; + opacity: 0.9; +} + +.hero.is-black .tabs a:hover { + opacity: 1; +} + +.hero.is-black .tabs li.is-active a { + opacity: 1; +} + +.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { + color: white; +} + +.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .nav-menu { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-black .nav-toggle span { + background-color: white; + } + .hero.is-black .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-black .nav-toggle.is-active span { + background-color: white; + } + .hero.is-black .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-light { + background-color: whitesmoke; + color: #363636; +} + +.hero.is-light a:not(.button), +.hero.is-light strong { + color: inherit; +} + +.hero.is-light .title { + color: #363636; +} + +.hero.is-light .subtitle { + color: rgba(54, 54, 54, 0.9); +} + +.hero.is-light .subtitle a:not(.button), +.hero.is-light .subtitle strong { + color: #363636; +} + +.hero.is-light .nav { + -webkit-box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2); + box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-light .nav-menu { + background-color: whitesmoke; + } +} + +.hero.is-light a.nav-item, +.hero.is-light .nav-item a:not(.button) { + color: rgba(54, 54, 54, 0.7); +} + +.hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active, +.hero.is-light .nav-item a:not(.button):hover, +.hero.is-light .nav-item a:not(.button).is-active { + color: #363636; +} + +.hero.is-light .tabs a { + color: #363636; + opacity: 0.9; +} + +.hero.is-light .tabs a:hover { + opacity: 1; +} + +.hero.is-light .tabs li.is-active a { + opacity: 1; +} + +.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { + color: #363636; +} + +.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .nav-menu { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-light .nav-toggle span { + background-color: #363636; + } + .hero.is-light .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-light .nav-toggle.is-active span { + background-color: #363636; + } + .hero.is-light .nav-menu .nav-item { + border-top-color: rgba(54, 54, 54, 0.2); + } +} + +.hero.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.hero.is-dark a:not(.button), +.hero.is-dark strong { + color: inherit; +} + +.hero.is-dark .title { + color: whitesmoke; +} + +.hero.is-dark .subtitle { + color: rgba(245, 245, 245, 0.9); +} + +.hero.is-dark .subtitle a:not(.button), +.hero.is-dark .subtitle strong { + color: whitesmoke; +} + +.hero.is-dark .nav { + -webkit-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2); + box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-dark .nav-menu { + background-color: #363636; + } +} + +.hero.is-dark a.nav-item, +.hero.is-dark .nav-item a:not(.button) { + color: rgba(245, 245, 245, 0.7); +} + +.hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active, +.hero.is-dark .nav-item a:not(.button):hover, +.hero.is-dark .nav-item a:not(.button).is-active { + color: whitesmoke; +} + +.hero.is-dark .tabs a { + color: whitesmoke; + opacity: 0.9; +} + +.hero.is-dark .tabs a:hover { + opacity: 1; +} + +.hero.is-dark .tabs li.is-active a { + opacity: 1; +} + +.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { + color: whitesmoke; +} + +.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .nav-menu { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-dark .nav-toggle span { + background-color: whitesmoke; + } + .hero.is-dark .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-dark .nav-toggle.is-active span { + background-color: whitesmoke; + } + .hero.is-dark .nav-menu .nav-item { + border-top-color: rgba(245, 245, 245, 0.2); + } +} + +.hero.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.hero.is-primary a:not(.button), +.hero.is-primary strong { + color: inherit; +} + +.hero.is-primary .title { + color: #fff; +} + +.hero.is-primary .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-primary .subtitle a:not(.button), +.hero.is-primary .subtitle strong { + color: #fff; +} + +.hero.is-primary .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-primary .nav-menu { + background-color: #00d1b2; + } +} + +.hero.is-primary a.nav-item, +.hero.is-primary .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active, +.hero.is-primary .nav-item a:not(.button):hover, +.hero.is-primary .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-primary .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-primary .tabs a:hover { + opacity: 1; +} + +.hero.is-primary .tabs li.is-active a { + opacity: 1; +} + +.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { + color: #fff; +} + +.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #00d1b2; +} + +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .nav-menu { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-primary .nav-toggle span { + background-color: #fff; + } + .hero.is-primary .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-primary .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-primary .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-info { + background-color: #3273dc; + color: #fff; +} + +.hero.is-info a:not(.button), +.hero.is-info strong { + color: inherit; +} + +.hero.is-info .title { + color: #fff; +} + +.hero.is-info .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-info .subtitle a:not(.button), +.hero.is-info .subtitle strong { + color: #fff; +} + +.hero.is-info .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-info .nav-menu { + background-color: #3273dc; + } +} + +.hero.is-info a.nav-item, +.hero.is-info .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active, +.hero.is-info .nav-item a:not(.button):hover, +.hero.is-info .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-info .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-info .tabs a:hover { + opacity: 1; +} + +.hero.is-info .tabs li.is-active a { + opacity: 1; +} + +.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { + color: #fff; +} + +.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #3273dc; +} + +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .nav-menu { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-info .nav-toggle span { + background-color: #fff; + } + .hero.is-info .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-info .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-info .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-success { + background-color: #23d160; + color: #fff; +} + +.hero.is-success a:not(.button), +.hero.is-success strong { + color: inherit; +} + +.hero.is-success .title { + color: #fff; +} + +.hero.is-success .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-success .subtitle a:not(.button), +.hero.is-success .subtitle strong { + color: #fff; +} + +.hero.is-success .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-success .nav-menu { + background-color: #23d160; + } +} + +.hero.is-success a.nav-item, +.hero.is-success .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active, +.hero.is-success .nav-item a:not(.button):hover, +.hero.is-success .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-success .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-success .tabs a:hover { + opacity: 1; +} + +.hero.is-success .tabs li.is-active a { + opacity: 1; +} + +.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { + color: #fff; +} + +.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #23d160; +} + +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .nav-menu { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-success .nav-toggle span { + background-color: #fff; + } + .hero.is-success .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-success .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-success .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning a:not(.button), +.hero.is-warning strong { + color: inherit; +} + +.hero.is-warning .title { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .subtitle { + color: rgba(0, 0, 0, 0.9); +} + +.hero.is-warning .subtitle a:not(.button), +.hero.is-warning .subtitle strong { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .nav { + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-warning .nav-menu { + background-color: #ffdd57; + } +} + +.hero.is-warning a.nav-item, +.hero.is-warning .nav-item a:not(.button) { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active, +.hero.is-warning .nav-item a:not(.button):hover, +.hero.is-warning .nav-item a:not(.button).is-active { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .tabs a { + color: rgba(0, 0, 0, 0.7); + opacity: 0.9; +} + +.hero.is-warning .tabs a:hover { + opacity: 1; +} + +.hero.is-warning .tabs li.is-active a { + opacity: 1; +} + +.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.hero.is-warning.is-bold { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .nav-menu { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-warning .nav-toggle span { + background-color: rgba(0, 0, 0, 0.7); + } + .hero.is-warning .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-warning .nav-toggle.is-active span { + background-color: rgba(0, 0, 0, 0.7); + } + .hero.is-warning .nav-menu .nav-item { + border-top-color: rgba(0, 0, 0, 0.2); + } +} + +.hero.is-danger { + background-color: #ff3860; + color: #fff; +} + +.hero.is-danger a:not(.button), +.hero.is-danger strong { + color: inherit; +} + +.hero.is-danger .title { + color: #fff; +} + +.hero.is-danger .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-danger .subtitle a:not(.button), +.hero.is-danger .subtitle strong { + color: #fff; +} + +.hero.is-danger .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-danger .nav-menu { + background-color: #ff3860; + } +} + +.hero.is-danger a.nav-item, +.hero.is-danger .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active, +.hero.is-danger .nav-item a:not(.button):hover, +.hero.is-danger .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-danger .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-danger .tabs a:hover { + opacity: 1; +} + +.hero.is-danger .tabs li.is-active a { + opacity: 1; +} + +.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { + color: #fff; +} + +.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #ff3860; +} + +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .nav-menu { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-danger .nav-toggle span { + background-color: #fff; + } + .hero.is-danger .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-danger .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-danger .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +@media screen and (min-width: 769px), print { + .hero.is-medium .hero-body { + padding-bottom: 9rem; + padding-top: 9rem; + } +} + +@media screen and (min-width: 769px), print { + .hero.is-large .hero-body { + padding-bottom: 18rem; + padding-top: 18rem; + } +} + +.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.hero.is-halfheight { + min-height: 50vh; +} + +.hero.is-fullheight { + min-height: 100vh; +} + +.hero-video { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + overflow: hidden; +} + +.hero-video video { + left: 50%; + min-height: 100%; + min-width: 100%; + position: absolute; + top: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} + +.hero-video.is-transparent { + opacity: 0.3; +} + +@media screen and (max-width: 768px) { + .hero-video { + display: none; + } +} + +.hero-buttons { + margin-top: 1.5rem; +} + +@media screen and (max-width: 768px) { + .hero-buttons .button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .hero-buttons .button:not(:last-child) { + margin-bottom: 0.75rem; + } +} + +@media screen and (min-width: 769px), print { + .hero-buttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + .hero-buttons .button:not(:last-child) { + margin-right: 1.5rem; + } +} + +.hero-head, +.hero-foot { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.hero-body { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + padding: 3rem 1.5rem; +} + +.section { + padding: 3rem 1.5rem; +} + +@media screen and (min-width: 1008px) { + .section.is-medium { + padding: 9rem 1.5rem; + } + .section.is-large { + padding: 18rem 1.5rem; + } +} + +.footer { + background-color: whitesmoke; + padding: 3rem 1.5rem 6rem; +} + +.highlight { + background-color: #f5f5f5; + color: #586e75; +} + +.highlight .c { + color: #93a1a1; +} + +.highlight .err, +.highlight .g { + color: #586e75; +} + +.highlight .k { + color: #859900; +} + +.highlight .l, +.highlight .n { + color: #586e75; +} + +.highlight .o { + color: #859900; +} + +.highlight .x { + color: #cb4b16; +} + +.highlight .p { + color: #586e75; +} + +.highlight .cm { + color: #93a1a1; +} + +.highlight .cp { + color: #859900; +} + +.highlight .c1 { + color: #93a1a1; +} + +.highlight .cs { + color: #859900; +} + +.highlight .gd { + color: #2aa198; +} + +.highlight .ge { + color: #586e75; + font-style: italic; +} + +.highlight .gr { + color: #dc322f; +} + +.highlight .gh { + color: #cb4b16; +} + +.highlight .gi { + color: #859900; +} + +.highlight .go, +.highlight .gp { + color: #586e75; +} + +.highlight .gs { + color: #586e75; + font-weight: bold; +} + +.highlight .gu { + color: #cb4b16; +} + +.highlight .gt { + color: #586e75; +} + +.highlight .kc { + color: #cb4b16; +} + +.highlight .kd { + color: #268bd2; +} + +.highlight .kn, +.highlight .kp { + color: #859900; +} + +.highlight .kr { + color: #268bd2; +} + +.highlight .kt { + color: #dc322f; +} + +.highlight .ld { + color: #586e75; +} + +.highlight .m, +.highlight .s { + color: #2aa198; +} + +.highlight .na { + color: #B58900; +} + +.highlight .nb { + color: #586e75; +} + +.highlight .nc { + color: #268bd2; +} + +.highlight .no { + color: #cb4b16; +} + +.highlight .nd { + color: #268bd2; +} + +.highlight .ni, +.highlight .ne { + color: #cb4b16; +} + +.highlight .nf { + color: #268bd2; +} + +.highlight .nl, +.highlight .nn, +.highlight .nx, +.highlight .py { + color: #586e75; +} + +.highlight .nt, +.highlight .nv { + color: #268bd2; +} + +.highlight .ow { + color: #859900; +} + +.highlight .w { + color: #586e75; +} + +.highlight .mf, +.highlight .mh, +.highlight .mi, +.highlight .mo { + color: #2aa198; +} + +.highlight .sb { + color: #93a1a1; +} + +.highlight .sc { + color: #2aa198; +} + +.highlight .sd { + color: #586e75; +} + +.highlight .s2 { + color: #2aa198; +} + +.highlight .se { + color: #cb4b16; +} + +.highlight .sh { + color: #586e75; +} + +.highlight .si, +.highlight .sx { + color: #2aa198; +} + +.highlight .sr { + color: #dc322f; +} + +.highlight .s1, +.highlight .ss { + color: #2aa198; +} + +.highlight .bp, +.highlight .vc, +.highlight .vg, +.highlight .vi { + color: #268bd2; +} + +.highlight .il { + color: #2aa198; +} + +.content .highlight { + text-align: left; +} + +@media screen and (min-width: 769px), print { + .button small { + color: #4a4a4a; + left: 0; + margin-top: 10px; + position: absolute; + top: 100%; + width: 100%; + } +} + +body.page-grid .column > .notification { + padding-left: 0; + padding-right: 0; + text-align: center; +} + +@media screen and (min-width: 769px), print { + .header-item .button + .button { + margin-left: 0.75rem; + } +} + +svg { + max-height: 100%; + max-width: 100%; +} + +#carbon { + margin-left: auto; + margin-right: auto; + max-width: 340px; + min-height: 150px; + padding: 0; + position: relative; +} + +#carbon:hover { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +@media screen and (min-width: 769px), print { + #carbon { + width: 340px; + } +} + +#carbonads { + font-size: 14px; + text-align: left; +} + +#carbonads a, +#carbonads span { + display: block; +} + +#carbonads .carbon-wrap { + position: relative; +} + +#carbonads .carbon-img { + background: whitesmoke; + float: left; + height: 100px; + margin: 15px 0 15px 15px; + width: 130px; +} + +#carbonads .carbon-img img { + display: block; + height: 100px; + width: 130px; +} + +#carbonads .carbon-text { + display: block; + color: #363636; + line-height: 20px; + padding: 15px 15px 35px 160px; +} + +#carbonads .carbon-poweredby { + bottom: 0; + color: #7a7a7a; + font-size: 0.75rem; + left: 160px; + line-height: 20px; + padding: 0 15px 10px 0; + position: absolute; + right: 0; +} + +@-webkit-keyframes floatUp { + 0% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes floatUp { + 0% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes strokePath { + from { + stroke-dashoffset: 880; + } + to { + stroke-dashoffset: 0; + } +} + +@keyframes strokePath { + from { + stroke-dashoffset: 880; + } + to { + stroke-dashoffset: 0; + } +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes fadeIn { + from { + opacity: 0; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 100% { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 100% { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes slideDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@-webkit-keyframes slideUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +#b { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: floatUp; + animation-name: floatUp; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + border-radius: 24px; + display: inline-block; + height: 240px; + margin-bottom: 40px; + position: relative; + vertical-align: top; + width: 240px; +} + +#b svg { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + display: block; + height: 240px; + width: 240px; +} + +#b svg:first-child { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeOut; + animation-name: fadeOut; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); +} + +#b svg:first-child g { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: strokePath; + animation-name: strokePath; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + fill: none; + stroke: #00d1b2; + stroke-dasharray: 880; + stroke-width: 2px; +} + +#b svg:last-child { + -webkit-animation-delay: 1s; + animation-delay: 1s; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); +} + +#b svg:last-child g { + fill: #00d1b2; +} + +@media screen and (max-width: 768px) { + #b { + border-radius: 16px; + height: 160px; + width: 160px; + } +} + +#bulma { + -webkit-animation: slideDown 500ms both; + animation: slideDown 500ms both; +} + +#modern-framework { + -webkit-animation: slideUp 500ms both; + animation: slideUp 500ms both; + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; +} + +#npm { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-animation: fadeIn 500ms both; + animation: fadeIn 500ms both; + -webkit-animation-delay: 0.4s; + animation-delay: 0.4s; + background: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: -10px 0 20px; +} + +#npm code { + background: whitesmoke; + border-radius: 3px; + color: #00d1b2; + display: inline-block; + font-size: 16px; + padding: 16px 32px; +} + +#ghbtns { + -webkit-animation: slideDown 500ms both; + animation: slideDown 500ms both; + -webkit-animation-delay: 0.6s; + animation-delay: 0.6s; +} + +html.route-index #carbon { + -webkit-animation: slideUp 500ms both; + animation: slideUp 500ms both; + -webkit-animation-delay: 0.8s; + animation-delay: 0.8s; +} + +#download { + -webkit-animation: fadeIn 500ms both; + animation: fadeIn 500ms both; + -webkit-animation-delay: 1s; + animation-delay: 1s; +} + +#grid .notification { + padding-left: 0; + padding-right: 0; +} + +#message { + display: none; +} + +#tweet { + background: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding: 1.5rem; +} + +#github { + color: #333333; + border-color: #333333; +} + +#github:hover { + background: #333333; + border-color: #333333; + color: white; +} + +.tw-button { + background-color: #55acee; + color: white; + border-color: transparent !important; +} + +.tw-button:hover { + background-color: #49a6ed; + color: white; +} + +.tw-button:active, .tw-button:focus { + background-color: #3ea1ec; + color: white; +} + +@media screen and (min-width: 1008px) { + #blogDropdown { + width: 16rem; + } + #blogDropdown .navbar-item { + white-space: normal; + } + #moreDropdown { + width: 16rem; + } + #moreDropdown .navbar-item { + padding-right: 1rem; + } + #moreDropdown .navbar-item .level { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +} + +#about .twitter-container { + display: block; + height: 30px; + line-height: 30px; + margin-top: 5px; +} + +#about small { + display: block; + margin-top: 5px; +} + +#mc_embed_signup .field { + margin-bottom: 0; +} + +#mc_embed_signup .notification { + margin-top: 0.75rem; +} + +#share form { + height: 30px; + margin-top: 10px; +} + +#social { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +#social > iframe, +#social > a, +#social > form, +#social > div { + display: inline-block; + font-size: 11px; + height: 30px; + line-height: 30px; + margin-top: 5px; +} + +#social .github-btn { + width: 160px; +} + +#social .twitter-share-button { + margin-right: 10px; + min-width: 76px; +} + +#social .paypal-form { + min-width: 148px; +} + +#social .fb-like { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 130px; +} + +#newsletter .input { + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; +} + +#sister ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +#sister li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 30px; + margin: 5px 1rem 0 0; +} + +#sister img { + height: 30px; +} + +#tsp small { + display: block; +} + +#alternative { + font-size: 0.875rem; +} + +#alternative a { + color: #7a7a7a; +} + +#alternative a:hover { + text-decoration: underline; +} + +#images tr td:nth-child(2) { + width: 320px; +} + +.color { + border-radius: 2px; + -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + display: inline-block; + float: left; + height: 24px; + margin-right: 8px; + width: 24px; +} + +.button.is-rss { + background-color: #f26522; + border-color: transparent; + color: #fff; +} + +.button.is-rss:hover { + background-color: #ed560e; +} + +.button.is-rss:active { + background-color: #d54d0d; +} + +.view-all-versions { + color: #7a7a7a; +} + +.view-all-versions:hover { + text-decoration: underline; +} + +.feature-title { + color: #7a7a7a; +} + +.feature-title a { + border-bottom: 1px solid transparent; + color: #363636; +} + +.feature-title a:hover { + border-bottom-color: #00d1b2; +} + +.anchor-title { + padding-top: 1.5rem; + position: relative; +} + +@media screen and (max-width: 1199px) { + .anchor-title { + padding-left: 2rem; + } +} + +.anchor-link { + position: absolute; + right: calc(100% + 1rem); +} + +@media screen and (max-width: 1199px) { + .anchor-link { + left: 0; + right: auto; + } +} + +.article-image { + background-color: #00d1b2; + display: block; + height: 240px; + margin-left: auto; + margin-right: auto; + position: relative; + text-align: center; +} + +.article-image.is-white { + background-color: white; +} + +.article-image.is-black { + background-color: #0a0a0a; +} + +.article-image.is-light { + background-color: whitesmoke; +} + +.article-image.is-dark { + background-color: #363636; +} + +.article-image.is-primary { + background-color: #00d1b2; +} + +.article-image.is-info { + background-color: #3273dc; +} + +.article-image.is-success { + background-color: #23d160; +} + +.article-image.is-warning { + background-color: #ffdd57; +} + +.article-image.is-danger { + background-color: #ff3860; +} + +.article-image.is-bootstrap { + background-color: #6f5499; +} + +.article-image.is-orange { + background-color: #ff470f; +} + +.article-image:hover .article-overlay { + opacity: 0.25; +} + +.article-image:hover .article-icon { + -webkit-transform: scale(1.4); + transform: scale(1.4); +} + +.article-image:hover .article-date { + -webkit-transform: scale(0.9); + transform: scale(0.9); +} + +.article-image:hover .article-title { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +.article-image.is-single { + margin-bottom: 2rem; + width: 100%; +} + +.article-overlay { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + background-color: #0a0a0a; + opacity: 0; + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: opacity; + transition-property: opacity; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} + +.article-icon, +.article-info { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.article-icon, +.article-date, +.article-title { + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} + +.article-icon { + color: #0a0a0a; + opacity: 0.25; +} + +.article-icon > span { + display: block; +} + +.article-icon .fa { + font-size: 56px; +} + +.article-info { + padding: 20px; +} + +.article-date { + color: rgba(0, 0, 0, 0.5); + display: block; +} + +.article-title { + color: white; + display: block; + font-size: 2.5rem; + font-weight: 700; + line-height: 1.25; + padding: 0 20px; +} + +.emoji { + margin-right: 0.5em; + margin-top: 2px; +} + +.example, +.structure { + border: 1px solid #ffdd57; + border-top-right-radius: 3px; + color: rgba(0, 0, 0, 0.7); + padding: 1.5rem; + position: relative; +} + +.example:not(:first-child), +.structure:not(:first-child) { + margin-top: 2rem; +} + +.example:not(:last-child), +.structure:not(:last-child) { + margin-bottom: 1.5rem; +} + +.example:before, +.structure:before { + background: #ffdd57; + border-radius: 3px 3px 0 0; + bottom: 100%; + content: "Example"; + display: inline-block; + font-size: 7px; + font-weight: bold; + left: -1px; + letter-spacing: 1px; + padding: 3px 5px; + position: absolute; + text-transform: uppercase; + vertical-align: top; +} + +@media screen and (min-width: 769px), print { + .example.is-fullwidth, + .structure.is-fullwidth { + border-left: none; + border-right: none; + padding: 0; + } +} + +.example + .highlight { + border: 1px solid #ffdd57; + border-radius: 0 0 3px 3px; + border-top: none; + margin-top: -1.5rem; +} + +.example + .highlight:not(:last-child) { + margin-bottom: 1.5rem; +} + +.highlight pre { + max-height: 480px; + margin-bottom: 0 !important; + padding: 0; +} + +.highlight pre code { + padding: 1.25em 1.5em; +} + +.highlight-full .highlight pre, +#navbarJsExample .highlight pre { + max-height: none; +} + +.structure { + border-color: #ff3860; + border-radius: 3px; + padding: 1.5rem; +} + +.structure:before { + background: #ff3860; + color: #fff; + content: "Structure"; +} + +.structure-item { + position: relative; +} + +.structure-item:before { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + background: rgba(10, 10, 10, 0.7); + background: whitesmoke; + border: 1px solid #dbdbdb; + content: ""; + display: block; + z-index: 1; +} + +.structure-item:after { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + content: attr(title); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-family: monospace; + font-size: 11px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 3px 5px; + z-index: 2; +} + +.structure-item.is-structure-container { + padding: 1.5rem 0.75rem 0.75rem; +} + +.structure-item.is-structure-container:after { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0.5rem 0.75rem; +} + +.highlight { + position: relative; +} + +.highlight .copy, +.highlight .expand { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background: white; + border: solid #dbdbdb; + border-width: 0 0 1px 1px; + color: #7a7a7a; + cursor: pointer; + outline: none; + position: absolute; + right: 0; + top: 0; +} + +.highlight .copy:hover, +.highlight .expand:hover { + border-color: #ff3860; + color: #ff3860; +} + +.highlight .expand { + border-right-width: 1px; + right: 50px; +} + +@media screen and (min-width: 769px), print { + .highlight pre { + white-space: pre-wrap; + } +} + +@media screen and (min-width: 769px), print { + .section:not(.is-fullwidth) > .example:not(.is-fullwidth) { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .section:not(.is-fullwidth) > .example:not(.is-fullwidth) + .highlight { + margin-left: 1.5rem; + margin-right: 1.5rem; + } +} + +.section.is-fullwidth { + padding: 0 !important; +} + +.section.is-fullwidth .example { + border-left: none; + border-radius: 0; + border-right: none; + padding: 0; +} + +.section.is-fullwidth .example + .highlight { + border-left: none; + border-radius: 0; + border-right: none; +} + +.callout { + background-color: whitesmoke; + border-radius: 3px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative; +} + +.callout:not(:last-child) { + margin-bottom: 1.5rem; +} + +.callout.is-white { + background-color: white; + color: #0a0a0a; +} + +.callout.is-black { + background-color: #0a0a0a; + color: white; +} + +.callout.is-light { + background-color: whitesmoke; + color: #363636; +} + +.callout.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.callout.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.callout.is-info { + background-color: #3273dc; + color: #fff; +} + +.callout.is-success { + background-color: #23d160; + color: #fff; +} + +.callout.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.callout.is-danger { + background-color: #ff3860; + color: #fff; +} + +.bsa { + padding: 2rem; +} + +.bsa-cpc { + min-height: 1px; +} + +#_default_ .default-ad { + background-color: rgba(0, 0, 0, 0.3); + border-radius: 2px; + color: white; + display: inline-block; + font-size: 10px; + font-weight: bold; + padding: 0 4px; + text-transform: uppercase; + vertical-align: top; +} + +#_default_ > a { + background-color: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + display: block; + line-height: 1.375; + margin-top: 15px; + min-height: 70px; + padding: 15px; + padding-left: 70px; + position: relative; +} + +#_default_ > a:hover, #_default_ > a:focus { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +#_default_ > a:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; +} + +#_default_ > a span { + display: block; +} + +#_default_ > a .default-image { + display: block; + left: 15px; + height: 40px; + position: absolute; + top: 15px; + width: 40px; +} + +#_default_ > a .default-image img { + display: block; + height: 40px; + width: 40px; +} + +#_default_ > a .default-title { + color: #363636; + display: inline; + font-weight: 700; +} + +#_default_ > a .default-title:after { + content: " — "; +} + +#_default_ > a .default-description { + display: inline; +} + +@media screen and (min-width: 769px), print { + .bsa .columns { + min-height: 120px; + } + #_default_ { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + } + #_default_ .default-ad { + left: 100%; + margin-left: 2rem; + position: absolute; + top: 0; + } + #_default_ > a { + margin: 0; + width: calc(50% - 1rem); + } + #_default_ > a:not(:nth-child(2)) { + margin-left: 2rem; + } +} + +html.route-index .title.is-2 { + position: relative; +} + +html.route-index .title.is-2 a { + color: #242424; + position: relative; +} + +html.route-index .title.is-2 a:hover { + color: #00d1b2; +} + +html.route-index .title.is-2 .icon.is-medium { + left: -80px; + opacity: 0.1; + position: absolute; + top: 10px; +} + +html.route-index .title.is-2 .icon.is-medium .fa { + font-size: 56px; +} + +html.route-index .hero .title.is-2 a { + color: white; +} + +html.route-index .hero .title.is-2 a:hover { + color: white; +} + +html.route-index .hero.is-primary a.column, +html.route-index .hero.is-primary a.column:hover { + color: white; +} + +html.route-index .hero.is-primary a.column:hover .title strong { + border-bottom: 1px solid; +} + +@media screen and (max-width: 979px) { + html.route-index .title.is-2 a { + padding-left: 0; + } + html.route-index .title.is-2 .icon.is-medium { + display: none; + } +} + +.tws { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + overflow: auto; + padding: 20px; +} + +.tw { + color: #697882; + -ms-flex-negative: 0; + flex-shrink: 0; + font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif; + font-size: 16px; + line-height: 1.4; + padding: 10px; + width: 520px; +} + +.tw a { + color: currentColor; +} + +.tw p { + color: #1c2022; + font-size: 16px; + margin-bottom: 3.2px; +} + +.tw p a { + color: #2b7bb9; +} + +.twitter-tweet:not(.twitter-tweet-rendered) { + background-color: white; + border: 1px solid #e1e8ed; + border-radius: 5px; + color: #697882; + font-size: 14px; + padding: 20px 20px 11.6px; +} + +.twitter-tweet:not(.twitter-tweet-rendered) a { + color: currentColor; +} + +.twitter-tweet:not(.twitter-tweet-rendered) a:hover { + text-decoration: underline; +} + +.twitter-tweet:not(.twitter-tweet-rendered) p { + color: #1c2022; + font-size: 16px; + margin-bottom: 3.2px; +} + +.twitter-tweet:not(.twitter-tweet-rendered) p a { + color: #2b7bb9; +} + +.twitter-tweet-rendered { + border: none; + border-radius: 0; + margin: 0 !important; + padding: 0 !important; +} + +.expo { + background-color: whitesmoke; + background-color: white; + padding: 1.5rem; +} + +.website { + display: block; + position: relative; + text-align: center; +} + +.website:last-child { + margin-bottom: 0; +} + +.website-image { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: 1.5rem; + position: relative; +} + +.website-image:hover .website-overlay { + opacity: 0.25; +} + +.website-overlay { + background-color: #0a0a0a; + opacity: 0; + -webkit-transition: opacity 200ms ease-out; + transition: opacity 200ms ease-out; +} + +@media screen and (max-width: 768px) { + .website:not(:last-child) { + margin-bottom: 1.5rem; + } +} + +@media screen and (min-width: 769px), print { + .expo { + padding-bottom: 3rem; + padding-top: 3rem; + } + .websites { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .website { + margin-top: 3rem; + width: calc(50% - 3rem); + } + .website:nth-child(1), .website:nth-child(2) { + margin-top: 0; + } + .website.is-highlighted { + width: 100%; + } + .website-image { + margin-bottom: 3rem; + } +} + +.testimonials { + background-color: whitesmoke; +} + +.testimonial { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.more-loves { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 1.5rem; + text-align: center; +} + +.more-loves .button { + height: auto; + padding: 0.75em 1.5em; +} + +.more-loves .button span { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transition: -webkit-transform 86ms ease-out; + transition: -webkit-transform 86ms ease-out; + transition: transform 86ms ease-out; + transition: transform 86ms ease-out, -webkit-transform 86ms ease-out; +} + +.more-loves .button:hover span { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +@media screen and (max-width: 768px) { + .testimonials { + padding: 1.5rem; + } + .testimonial { + margin-bottom: 1.5rem; + } +} + +@media screen and (min-width: 769px), print { + .testimonials { + padding: 3rem; + } + .testimonial + .testimonial { + margin-top: 1.5rem; + } +} + +@media screen and (min-width: 1008px) { + .testimonials { + min-height: 595px; + } +} + +@media screen and (min-width: 1200px) { + .testimonials { + min-height: 653px; + } +} + +@media screen and (min-width: 1392px) { + .testimonials { + min-height: 632px; + } +} + +.rainbow { + -webkit-animation: rainbow 8s ease infinite; + animation: rainbow 8s ease infinite; + background-image: linear-gradient(124deg, #ff470f, #ff3860, #b86bff, #3273dc); + background-size: 800% 800%; +} + +.hero.is-love .title, +.hero.is-love .subtitle { + color: white; +} + +@-webkit-keyframes rainbow { + 0% { + background-position: 0% 80%; + } + 50% { + background-position: 100% 20%; + } + 100% { + background-position: 0% 80%; + } +} + +@keyframes rainbow { + 0% { + background-position: 0% 80%; + } + 50% { + background-position: 100% 20%; + } + 100% { + background-position: 0% 80%; + } +} + +.hug { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.embrace { + background-color: whitesmoke; + border-radius: 3px; + padding: 1.5rem; +} + +@media screen and (max-width: 768px) { + .love { + padding: 1.5rem; + } + .hug { + margin: 1.5rem; + } + .embrace { + text-align: center; + } + .embrace:not(:first-child) { + margin-top: 1.5rem; + } + .embrace:not(:last-child) { + margin-bottom: 1.5rem; + } + .embrace-button { + margin-top: 0.75rem; + } +} + +@media screen and (min-width: 769px), print { + .love { + padding-bottom: 3rem; + padding-top: 3rem; + } + .embrace { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + .embrace:not(:first-child) { + margin-top: 3rem; + } + .embrace:not(:last-child) { + margin-bottom: 3rem; + } + .embrace-button { + margin-left: 1.5rem; + } + .hugs { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-bottom: 3rem; + } + .hug { + margin-top: 1.5rem; + width: calc(33.3333% - 1rem); + } + .hug:nth-child(1), .hug:nth-child(2), .hug:nth-child(3) { + margin-top: 0; + } + .hug:nth-child(3n-1), .hug:nth-child(3n) { + margin-left: 1.5rem; + } +} + +.bootstrap .hero { + background-color: #6f5499; + color: #fff; +} + +.bootstrap .hero .title, +.bootstrap .hero .subtitle { + color: currentColor; +} + +.bootstrap .hero .subtitle { + color: rgba(255, 255, 255, 0.5); +} + +.bootstrap .hero .subtitle a { + border-bottom: 1px solid currentColor; + color: currentColor; +} + +.bootstrap .hero .subtitle a:hover { + color: #fff; +} + +.pros-heading { + padding: 0 2rem; + text-align: center; +} + +.pros-icon { + margin-bottom: 3rem; + text-align: center; +} + +.pros-icon svg { + height: 3rem; + width: auto; +} + +.pros-list { + margin: 0 auto; + max-width: 540px; +} + +.pro .icon { + position: relative; + top: -1px; +} + +.pro .title { + margin-bottom: 0.5rem; +} + +.pro + .pro { + margin-top: 2rem; + padding-top: 2rem; +} + +.pro-content p:not(:last-child) { + margin-bottom: 0.5rem; +} + +.pro.is-bulma .icon { + color: #00d1b2; +} + +.pro.is-bootstrap .icon { + color: #6f5499; +} + +.separator { + color: #dbdbdb; + margin: 0 0.25em; +} + +.comparison { + margin: 0 auto; + max-width: 42rem; +} + +.comparison .table { + color: #ff3860; +} + +.comparison .table thead th, +.comparison .table tfoot th { + font-size: 1.5rem; + text-align: center; +} + +.comparison .table thead svg, +.comparison .table tfoot svg { + height: 1.5rem; + margin-right: 1rem; + position: relative; + top: 0.25rem; + width: auto; +} + +.comparison .table tbody th { + font-size: 1.25rem; + text-align: center; +} + +.comparison .table tbody td { + font-family: monospace; + width: 50%; +} + +.comparison .table tbody a { + color: currentColor; +} + +.comparison .table tbody a:hover { + text-decoration: underline; +} + +.comparison .table .is-empty { + background-color: whitesmoke; + color: #7a7a7a; +} + +.comparison .table .is-unique { + background-color: rgba(35, 209, 96, 0.25); + color: #363636; + font-weight: 700; +} + +.comparison-header { + margin-bottom: 3rem; +} + +:root { + --primary: #00d1b2; + --gap: 0.75rem; +} + +html ::-moz-selection { + background: #00d1b2; + color: #fff; +} + +html ::selection { + background: #00d1b2; + color: #fff; +} + +/*# sourceMappingURL=bulma-docs.css.map */ \ No newline at end of file diff --git a/docs/versions/0.5.1/css/bulma-docs.css.map b/docs/versions/0.5.1/css/bulma-docs.css.map new file mode 100644 index 000000000..6ab040011 --- /dev/null +++ b/docs/versions/0.5.1/css/bulma-docs.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["bulma-docs.css"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,8DAA8D;AAC9D;EACE;IACE,gCAAwB;YAAxB,wBAAwB;GACzB;EACD;IACE,kCAA0B;YAA1B,0BAA0B;GAC3B;CACF;AAPD;EACE;IACE,gCAAwB;YAAxB,wBAAwB;GACzB;EACD;IACE,kCAA0B;YAA1B,0BAA0B;GAC3B;CACF;;AAED,2EAA2E;AAC3E;;;;;;;;;;;;;;;;;;;;;;;EAuBE,UAAU;EACV,WAAW;CACZ;;AAED;;;;;;EAME,gBAAgB;EAChB,oBAAoB;CACrB;;AAED;EACE,iBAAiB;CAClB;;AAED;;;;EAIE,UAAU;CACX;;AAED;EACE,+BAAuB;UAAvB,uBAAuB;CACxB;;AAED;EACE,4BAAoB;UAApB,oBAAoB;CACrB;;AAED;EACE,4BAAoB;UAApB,oBAAoB;CACrB;;AAED;;;;;EAKE,gBAAgB;CACjB;;AAED;EACE,UAAU;CACX;;AAED;EACE,0BAA0B;EAC1B,kBAAkB;CACnB;;AAED;;EAEE,WAAW;EACX,iBAAiB;CAClB;;AAED;EACE,uBAAuB;EACvB,gBAAgB;EAChB,mCAAmC;EACnC,oCAAoC;EACpC,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB;EACnB,mCAAmC;CACpC;;AAED;;;;;;;EAOE,eAAe;CAChB;;AAED;;;;;EAKE,qLAAqL;CACtL;;AAED;;EAEE,8BAA8B;EAC9B,6BAA6B;EAC7B,uBAAuB;CACxB;;AAED;EACE,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,iBAAiB;CAClB;;AAED;EACE,eAAe;EACf,gBAAgB;EAChB,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,6BAA6B;EAC7B,eAAe;EACf,mBAAmB;EACnB,oBAAoB;EACpB,6BAA6B;CAC9B;;AAED;EACE,0BAA0B;EAC1B,aAAa;EACb,eAAe;EACf,YAAY;EACZ,iBAAiB;CAClB;;AAED;EACE,aAAa;EACb,gBAAgB;CACjB;;AAED;;EAEE,yBAAyB;CAC1B;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,oBAAoB;EACpB,qBAAqB;CACtB;;AAED;EACE,eAAe;EACf,iBAAiB;CAClB;;AAED;EACE,6BAA6B;EAC7B,eAAe;EACf,mBAAmB;EACnB,iBAAiB;EACjB,kBAAkB;CACnB;;AAED;EACE,kCAAkC;EAClC,iBAAiB;EACjB,eAAe;EACf,eAAe;EACf,eAAe;EACf,iBAAiB;EACjB,wBAAwB;CACzB;;AAED;;EAEE,iBAAiB;EACjB,oBAAoB;CACrB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,YAAY;EACZ,aAAa;EACb,eAAe;CAChB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,4BAA4B;CAC7B;;AAED;EACE,UAAU;EACV,QAAQ;EACR,mBAAmB;EACnB,SAAS;EACT,OAAO;CACR;;AAED;EACE,2BAA2B;CAC5B;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE,6BAA6B;CAC9B;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE,2BAA2B;CAC5B;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE,6BAA6B;CAC9B;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE,8BAA8B;CAC/B;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE,2BAA2B;CAC5B;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE,8BAA8B;CAC/B;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE,8BAA8B;CAC/B;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE;IACE,8BAA8B;GAC/B;CACF;;AAED;EACE,4BAA4B;CAC7B;;AAED;EACE;IACE,4BAA4B;GAC7B;CACF;;AAED;EACE;IACE,4BAA4B;GAC7B;CACF;;AAED;EACE;IACE,4BAA4B;GAC7B;CACF;;AAED;EACE;IACE,4BAA4B;GAC7B;CACF;;AAED;EACE;IACE,4BAA4B;GAC7B;CACF;;AAED;EACE;IACE,4BAA4B;GAC7B;CACF;;AAED;EACE;IACE,4BAA4B;GAC7B;CACF;;AAED;EACE;IACE,4BAA4B;GAC7B;CACF;;AAED;EACE;IACE,4BAA4B;GAC7B;CACF;;AAED;EACE,6BAA6B;CAC9B;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;EACE,sCAAsC;CACvC;;AAED;EACE,qCAAqC;CACtC;;AAED;EACE,qCAAqC;CACtC;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,6BAA6B;CAC9B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,6BAA6B;CAC9B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;EACE,gCAAyB;EAAzB,gCAAyB;EAAzB,yBAAyB;CAC1B;;AAED;EACE;IACE,gCAAyB;IAAzB,gCAAyB;IAAzB,yBAAyB;GAC1B;CACF;;AAED;EACE;IACE,gCAAyB;IAAzB,gCAAyB;IAAzB,yBAAyB;GAC1B;CACF;;AAED;EACE;IACE,gCAAyB;IAAzB,gCAAyB;IAAzB,yBAAyB;GAC1B;CACF;;AAED;EACE;IACE,gCAAyB;IAAzB,gCAAyB;IAAzB,yBAAyB;GAC1B;CACF;;AAED;EACE;IACE,gCAAyB;IAAzB,gCAAyB;IAAzB,yBAAyB;GAC1B;CACF;;AAED;EACE;IACE,gCAAyB;IAAzB,gCAAyB;IAAzB,yBAAyB;GAC1B;CACF;;AAED;EACE;IACE,gCAAyB;IAAzB,gCAAyB;IAAzB,yBAAyB;GAC1B;CACF;;AAED;EACE;IACE,gCAAyB;IAAzB,gCAAyB;IAAzB,yBAAyB;GAC1B;CACF;;AAED;EACE;IACE,gCAAyB;IAAzB,gCAAyB;IAAzB,yBAAyB;GAC1B;CACF;;AAED;EACE,2BAA2B;CAC5B;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE;IACE,2BAA2B;GAC5B;CACF;;AAED;EACE,iCAAiC;CAClC;;AAED;EACE;IACE,iCAAiC;GAClC;CACF;;AAED;EACE;IACE,iCAAiC;GAClC;CACF;;AAED;EACE;IACE,iCAAiC;GAClC;CACF;;AAED;EACE;IACE,iCAAiC;GAClC;CACF;;AAED;EACE;IACE,iCAAiC;GAClC;CACF;;AAED;EACE;IACE,iCAAiC;GAClC;CACF;;AAED;EACE;IACE,iCAAiC;GAClC;CACF;;AAED;EACE;IACE,iCAAiC;GAClC;CACF;;AAED;EACE;IACE,iCAAiC;GAClC;CACF;;AAED;EACE,uCAAgC;EAAhC,uCAAgC;EAAhC,gCAAgC;CACjC;;AAED;EACE;IACE,uCAAgC;IAAhC,uCAAgC;IAAhC,gCAAgC;GACjC;CACF;;AAED;EACE;IACE,uCAAgC;IAAhC,uCAAgC;IAAhC,gCAAgC;GACjC;CACF;;AAED;EACE;IACE,uCAAgC;IAAhC,uCAAgC;IAAhC,gCAAgC;GACjC;CACF;;AAED;EACE;IACE,uCAAgC;IAAhC,uCAAgC;IAAhC,gCAAgC;GACjC;CACF;;AAED;EACE;IACE,uCAAgC;IAAhC,uCAAgC;IAAhC,gCAAgC;GACjC;CACF;;AAED;EACE;IACE,uCAAgC;IAAhC,uCAAgC;IAAhC,gCAAgC;GACjC;CACF;;AAED;EACE;IACE,uCAAgC;IAAhC,uCAAgC;IAAhC,gCAAgC;GACjC;CACF;;AAED;EACE;IACE,uCAAgC;IAAhC,uCAAgC;IAAhC,gCAAgC;GACjC;CACF;;AAED;EACE;IACE,uCAAgC;IAAhC,uCAAgC;IAAhC,gCAAgC;GACjC;CACF;;AAED;EACE,yBAAyB;CAC1B;;AAED;EACE;IACE,yBAAyB;GAC1B;CACF;;AAED;EACE;IAC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,kBAAkB;IAClB,YAAY;GACb;CACF;;AAED;EACE;IACE,kBAAkB;IAClB,cAAc;GACf;CACF;;AAED;EACE;IACE,kBAAkB;IAClB,cAAc;GACf;CACF;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,mBAAmB;CACpB;;AAED;;;;;;;EAOE,mBAAmB;CACpB;;AAED;;;;;;EAME,eAAe;EACf,iBAAiB;EACjB,mBAAmB;CACpB;;AAED;EACE,eAAe;EACf,qBAAqB;CACtB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,kBAAkB;EAClB,wBAAwB;CACzB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,iBAAiB;EACjB,wBAAwB;CACzB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,kBAAkB;EAClB,qBAAqB;CACtB;;AAED;EACE,mBAAmB;EACnB,wBAAwB;CACzB;;AAED;EACE,eAAe;EACf,mBAAmB;CACpB;;AAED;EACE,6BAA6B;EAC7B,+BAA+B;EAC/B,sBAAsB;CACvB;;AAED;EACE,4BAA4B;EAC5B,iBAAiB;EACjB,gBAAgB;CACjB;;AAED;EACE,yBAAyB;EACzB,iBAAiB;EACjB,gBAAgB;CACjB;;AAED;EACE,wBAAwB;EACxB,kBAAkB;CACnB;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,YAAY;EACZ,mBAAmB;CACpB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,kCAAkC;EAClC,iBAAiB;EACjB,sBAAsB;EACtB,iBAAiB;EACjB,kBAAkB;CACnB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,YAAY;CACb;;AAED;;EAEE,0BAA0B;EAC1B,sBAAsB;EACtB,sBAAsB;EACtB,oBAAoB;CACrB;;AAED;EACE,eAAe;EACf,iBAAiB;CAClB;;AAED;EACE,6BAA6B;CAC9B;;AAED;;EAEE,sBAAsB;EACtB,eAAe;CAChB;;AAED;;EAEE,sBAAsB;EACtB,eAAe;CAChB;;AAED;;EAEE,uBAAuB;CACxB;;AAED;EAC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wB;UAAxB,wBAAwB;CACzB;;AAED;EACE,sBAA0B;MAA1B,mBAA0B;UAA1B,0BAA0B;CAC3B;;AAED;EACE,oBAAgB;MAAhB,gBAAgB;CACjB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;GACf;CACF;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE;IACE,sBAAsB;GACvB;CACF;;AAED;EACE;IACE,2BAAc;QAAd,cAAc;IACd,oBAAa;QAAb,qBAAa;YAAb,aAAa;IACb,qBAAe;QAAf,eAAe;IACf,qBAAqB;IACrB,kBAAkB;GACnB;EACD;IACE,mBAAmB;IACnB,qBAAqB;GACtB;EACD;IACE,qBAAqB;GACtB;EACD;IACE,mBAAmB;IACnB,qBAAqB;GACtB;EACD;IACE,kBAAkB;IAClB,qBAAqB;GACtB;CACF;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,2BAAc;QAAd,cAAc;IACd,oBAAa;QAAb,qBAAa;YAAb,aAAa;IACb,qBAAe;QAAf,eAAe;GAChB;EACD;IACE,iBAAiB;GAClB;EACD;IACE,qBAAe;QAAf,eAAe;GAChB;EACD;IACE,oBAAa;QAAb,qBAAa;YAAb,aAAa;GACd;EACD;IACE,sBAAsB;GACvB;CACF;;AAED;EACE,gBAAgB;EAChB,mBAAmB;EACnB,iBAAiB;CAClB;;AAED;EACE,eAAe;EACf,eAAe;EACf,qBAAqB;EACrB,mBAAmB;EACnB,OAAO;EACP,cAAc;EACd,WAAW;CACZ;;AAED;EACE,eAAe;CAChB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,QAAQ;CACT;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,SAAS;CACV;;AAED;EACE,sBAAsB;CACvB;;AAED;;;EAGE,eAAe;CAChB;;AAED;;;EAGE,mBAAmB;CACpB;;AAED;;;EAGE,mBAAmB;CACpB;;AAED;;;EAGE,kBAAkB;CACnB;;AAED;EACE,eAAe;EACf,eAAe;EACf,qBAAqB;EACrB,mBAAmB;EACnB,OAAO;EACP,cAAc;EACd,WAAW;CACZ;;AAED;;EAEE,qBAAqB;CACtB;;AAED;EACE,QAAQ;CACT;;AAED;;EAEE,sBAAsB;CACvB;;AAED;EACE,SAAS;CACV;;AAED;EACE,oDAA4C;UAA5C,4CAA4C;EAC5C,0BAA0B;EAC1B,wBAAwB;EACxB,gCAAgC;EAChC,8BAA8B;EAC9B,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,mBAAmB;EACnB,WAAW;EACX,8BAA8B;EAC9B,eAAe;EACf,aAAa;CACd;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,4BAAqB;EAArB,4BAAqB;EAArB,qBAAqB;EACrB,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,eAAe;EACf,cAAc;CACf;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,aAAa;EACb,YAAY;CACb;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,aAAa;EACb,YAAY;CACb;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,aAAa;EACb,YAAY;CACb;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,eAAe;EACf,mBAAmB;CACpB;;AAED;EACE,eAAe;EACf,aAAa;EACb,YAAY;CACb;;AAED;EACE,UAAU;EACV,QAAQ;EACR,mBAAmB;EACnB,SAAS;EACT,OAAO;EACP,aAAa;EACb,YAAY;CACb;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,aAAa;EACb,YAAY;CACb;;AAED;EACE,aAAa;EACb,YAAY;CACb;;AAED;EACE,aAAa;EACb,YAAY;CACb;;AAED;EACE,aAAa;EACb,YAAY;CACb;;AAED;EACE,aAAa;EACb,YAAY;CACb;;AAED;EACE,aAAa;EACb,YAAY;CACb;;AAED;EACE,cAAc;EACd,aAAa;CACd;;AAED;EACE,6BAA6B;EAC7B,mBAAmB;EACnB,uCAAuC;EACvC,mBAAmB;CACpB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;EACpB,2BAA2B;CAC5B;;AAED;EACE,oBAAoB;CACrB;;AAED;;EAEE,kBAAkB;CACnB;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,mBAAmB;EACnB,aAAa;EACb,WAAW;CACZ;;AAED;;;EAGE,oBAAoB;CACrB;;AAED;EACE,wBAAwB;EACxB,eAAe;CAChB;;AAED;EACE,0BAA0B;EAC1B,aAAa;CACd;;AAED;EACE,6BAA6B;EAC7B,eAAe;CAChB;;AAED;EACE,0BAA0B;EAC1B,kBAAkB;CACnB;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;EACE,0BAA0B;EAC1B,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;EACE,sBAAsB;EACtB,yBAAyB;EACzB,aAAa;EACb,wBAAwB;EACxB,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,WAAW;EACX,YAAY;CACb;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,6BAA6B;CAC9B;;AAED;EACE,6BAA6B;CAC9B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;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AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,2BAA2B;CAC5B;;AAED;;EAEE,uBAAuB;CACxB;;AAED;;EAEE,sBAAsB;CACvB;;AAED;;;;EAIE,qBAAqB;CACtB;;AAED;;EAEE,uBAAuB;CACxB;;AAED;EACE,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;CACpB;;AAED;EACE,eAAe;EACf,qBAAqB;CACtB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,eAAe;EACf,mBAAmB;EACnB,iBAAiB;EACjB,kBAAkB;CACnB;;AAED;EACE,eAAe;EACf,iBAAiB;CAClB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,4BAA4B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB;EAClB,sBAAsB;EACtB,yBAAyB;EACzB,wCAAwC;EACxC,aAAa;EACb,wBAAwB;EACxB,gBAAgB;EAChB,sBAAsB;EACtB,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,gBAAgB;EAChB,aAAa;EACb,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB;EAChB,cAAc;EACd,mBAAmB;EACnB,oBAAoB;EACpB,YAAY;CACb;;AAED;EACE,wBAAwB;EACxB,YAAY;EACZ,eAAe;EACf,UAAU;EACV,mBAAmB;EACnB,SAAS;EACT,mEAA2D;UAA3D,2DAA2D;EAC3D,wCAAgC;UAAhC,gCAAgC;CACjC;;AAED;EACE,YAAY;EACZ,WAAW;CACZ;;AAED;EACE,YAAY;EACZ,WAAW;CACZ;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,aAAa;EACb,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB;EAChB,YAAY;CACb;;AAED;EACE,aAAa;EACb,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB;EAChB,YAAY;CACb;;AAED;EACE,aAAa;EACb,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB;EAChB,YAAY;CACb;;AAED;EACE,gBAAgB;EAChB,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;EACE,eAAe;EACf,gBAAgB;EAChB,oBAAoB;EACpB,mBAAmB;EACnB,0BAA0B;CAC3B;;AAED;EACE,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;EACjB,WAAW;CACZ;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,eAAe;EACf,gBAAgB;CACjB;;AAED;EACE,oDAA4C;UAA5C,4CAA4C;EAC5C,0BAA0B;EAC1B,wBAAwB;EACxB,gCAAgC;EAChC,8BAA8B;EAC9B,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,mBAAmB;EACnB,WAAW;CACZ;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,6BAA6B;EAC7B,wBAAwB;EACxB,4BAAqB;EAArB,4BAAqB;EAArB,qBAAqB;EACrB,mBAAmB;EACnB,YAAY;EACZ,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,qBAAqB;EACrB,iBAAiB;EACjB,wBAAwB;EACxB,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;EACE,4BAA4B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB;EAClB,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,gBAAgB;EAChB,iBAAiB;EACjB,iBAAiB;EACjB,oBAAoB;CACrB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,eAAe;EACf,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,sBAAsB;CACvB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;CACf;;AAED;EACE,eAAe;EACf,gBAAgB;EAChB,qBAAqB;CACtB;;AAED;EACE,eAAe;EACf,kBAAkB;CACnB;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,wBAA4B;MAA5B,qBAA4B;UAA5B,4BAA4B;CAC7B;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CACzB;;AAED;EACE,sBAA0B;MAA1B,mBAA0B;UAA1B,0BAA0B;CAC3B;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,wBAAwB;EACxB,qFAA6E;UAA7E,6EAA6E;EAC7E,eAAe;EACf,gBAAgB;EAChB,mBAAmB;CACpB;;AAED;EACE,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,oDAA4C;UAA5C,4CAA4C;EAC5C,qBAAc;EAAd,qBAAc;EAAd,cAAc;CACf;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,eAAe;EACf,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,iBAAiB;EACjB,iBAAiB;CAClB;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,gBAAgB;EAChB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,iBAAiB;CAClB;;AAED;EACE,eAAe;EACf,mBAAmB;CACpB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,8BAA8B;EAC9B,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,qBAAc;EAAd,qBAAc;EAAd,cAAc;CACf;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,2BAAc;MAAd,cAAc;EACd,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,iBAAiB;CAClB;;AAED;EACE,gCAAgC;CACjC;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,4BAAqB;EAArB,4BAAqB;EAArB,qBAAqB;EACrB,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,WAAW;EACX,SAAS;CACV;;AAED;EACE,cAAc;EACd,QAAQ;EACR,iBAAiB;EACjB,iBAAiB;EACjB,mBAAmB;EACnB,UAAU;EACV,YAAY;CACb;;AAED;EACE,wBAAwB;EACxB,mBAAmB;EACnB,qFAA6E;UAA7E,6EAA6E;EAC7E,uBAAuB;EACvB,oBAAoB;CACrB;;AAED;EACE,eAAe;EACf,eAAe;EACf,oBAAoB;EACpB,iBAAiB;EACjB,uBAAuB;EACvB,mBAAmB;CACpB;;AAED;EACE,oBAAoB;EACpB,oBAAoB;CACrB;;AAED;EACE,6BAA6B;EAC7B,eAAe;CAChB;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;EACE,0BAA0B;EAC1B,aAAa;EACb,eAAe;EACf,YAAY;EACZ,iBAAiB;CAClB;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,0BAA+B;MAA/B,uBAA+B;UAA/B,+BAA+B;CAChC;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,sBAAsB;EACtB,oBAAoB;CACrB;;AAED;EACE,qBAAc;EAAd,qBAAc;EAAd,cAAc;CACf;;AAED;;EAEE,qBAAc;EAAd,qBAAc;EAAd,cAAc;CACf;;AAED;EACE,cAAc;CACf;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,oBAAa;MAAb,qBAAa;UAAb,aAAa;CACd;;AAED;EACE;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;GACf;EACD;IACE,oBAAa;QAAb,qBAAa;YAAb,aAAa;GACd;CACF;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,8BAAiB;MAAjB,iBAAiB;EACjB,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CACzB;;AAED;;EAEE,iBAAiB;CAClB;;AAED;EACE;IACE,uBAAuB;GACxB;CACF;;AAED;;EAEE,8BAAiB;MAAjB,iBAAiB;EACjB,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;CAChB;;AAED;;EAEE,sBAAsB;CACvB;;AAED;;EAEE,oBAAa;MAAb,qBAAa;UAAb,aAAa;CACd;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,wBAA4B;MAA5B,qBAA4B;UAA5B,4BAA4B;CAC7B;;AAED;EACE;IACE,mBAAmB;GACpB;CACF;;AAED;EACE;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;GACf;CACF;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,sBAA0B;MAA1B,mBAA0B;UAA1B,0BAA0B;CAC3B;;AAED;EACE;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;GACf;CACF;;AAED;EACE,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,iBAAiB;CAClB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,+CAA+C;EAC/C,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,qBAAqB;CACtB;;AAED;;EAEE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,+CAA+C;EAC/C,iBAAiB;EACjB,kBAAkB;CACnB;;AAED;EACE,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;;EAEE,8BAAiB;MAAjB,iBAAiB;EACjB,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;CAChB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,8BAAiB;MAAjB,iBAAiB;EACjB,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,iBAAiB;CAClB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,mBAAmB;EACnB,eAAe;EACf,eAAe;EACf,sBAAsB;CACvB;;AAED;EACE,6BAA6B;EAC7B,eAAe;CAChB;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;EACE,+BAA+B;EAC/B,eAAe;EACf,qBAAqB;CACtB;;AAED;EACE,eAAe;EACf,kBAAkB;EAClB,sBAAsB;EACtB,0BAA0B;CAC3B;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,6BAA6B;EAC7B,mBAAmB;EACnB,gBAAgB;CACjB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,wBAAwB;EACxB,eAAe;CAChB;;AAED;EACE,oBAAoB;EACpB,eAAe;CAChB;;AAED;EACE,0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AW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAiB;GAClB;EACD;IACE,uBAAuB;GACxB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAiB;GAClB;EACD;IACE,uBAAuB;GACxB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GACZ;EACD;IACE,iBAAiB;GAClB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAiB;GAClB;EACD;IACE,uBAAuB;GACxB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAiB;GAClB;EACD;IACE,uBAAuB;GACxB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,YAAY;GACb;EACD;IACE,kBAAkB;GACnB;CACF;;AAED;EACE,sBAAsB;EACtB,uBAAuB;EACvB,qBAAqB;CACtB;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CACzB;;AAED;EACE,eAAe;EACf,gBAAgB;EAChB,cAAc;CACf;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,UAAU;EACV,WAAW;CACZ;;AAED;EACE;IACE,oBAAgB;QAAhB,gBAAgB;GACjB;EACD;IACE,oBAAoB;IACpB,iBAAiB;IACjB,gBAAgB;GACjB;EACD;IACE,eAAe;GAChB;CACF;;AAED;EACE,qBAAc;EAAd,qBAAc;EAAd,cAAc;CACf;;AAED;EACE,oBAAgB;MAAhB,gBAAgB;CACjB;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;CACrB;;AAED;EACE;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;GACf;CACF;;AAED;EACE;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;GACf;CACF;;AAED;EACE,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,eAAe;EACf,2BAAc;MAAd,cAAc;EACd,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,gCAAwB;EAAxB,6BAAwB;EAAxB,wBAAwB;CACzB;;AAED;EACE,sBAAsB;EACtB,uBAAuB;EACvB,qBAAqB;CACtB;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,6BAAuB;EAAvB,8BAAuB;MAAvB,2BAAuB;UAAvB,uBAAuB;CACxB;;AAED;EACE,iCAAiC;CAClC;;AAED;EACE;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;GACf;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAgB;GACjB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAiB;GAClB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GACZ;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAiB;GAClB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAiB;GAClB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GACZ;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAiB;GAClB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAiB;GAClB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GACZ;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAiB;GAClB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAiB;GAClB;EACD;IACE,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,YAAY;GACb;CACF;;AAED;EACE,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,6BAAuB;EAAvB,8BAAuB;MAAvB,2BAAuB;UAAvB,uBAAuB;EACvB,0BAA+B;MAA/B,uBAA+B;UAA/B,+BAA+B;CAChC;;AAED;EACE,iBAAiB;EACjB,qDAA6C;UAA7C,6CAA6C;CAC9C;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,wBAAwB;EACxB,eAAe;CAChB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,6BAA6B;CAC9B;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,kDAA0C;UAA1C,0CAA0C;CAC3C;;AAED;EACE;IACE,wBAAwB;GACzB;CACF;;AAED;;EAEE,6BAA6B;CAC9B;;AAED;;;EAGE,eAAe;CAChB;;AAED;EACE,eAAe;EACf,aAAa;CACd;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,eAAe;CAChB;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,0BAA0B;EAC1B,sBAAsB;EACtB,aAAa;CACd;;AAED;EACE,6EAA6E;CAC9E;;AAED;EACE;IACE,6EAA6E;GAC9E;CACF;;AAED;EACE;IACE,0BAA0B;GAC3B;EACD;IACE,wCAAwC;GACzC;EACD;IACE,0BAA0B;GAC3B;EACD;IACE,wCAAwC;GACzC;CACF;;AAED;EACE,0BAA0B;EAC1B,aAAa;CACd;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,aAAa;CACd;;AAED;EACE,gCAAgC;CACjC;;AAED;;EAEE,aAAa;CACd;;AAED;EACE,qDAA6C;UAA7C,6CAA6C;CAC9C;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;;EAEE,gCAAgC;CACjC;;AAED;;;EAGE,aAAa;CACd;;AAED;EACE,aAAa;EACb,aAAa;CACd;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,aAAa;CACd;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,wBAAwB;EACxB,oBAAoB;EACpB,eAAe;CAChB;;AAED;EACE,+EAA+E;CAChF;;AAED;EACE;IACE,+EAA+E;GAChF;CACF;;AAED;EACE;IACE,wBAAwB;GACzB;EACD;IACE,wCAAwC;GACzC;EACD;IACE,wBAAwB;GACzB;EACD;IACE,2CAA2C;GAC5C;CACF;;AAED;EACE,6BAA6B;EAC7B,eAAe;CAChB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,6BAA6B;CAC9B;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,kDAA0C;UAA1C,0CAA0C;CAC3C;;AAED;EACE;IACE,6BAA6B;GAC9B;CACF;;AAED;;EAEE,6BAA6B;CAC9B;;AAED;;;EAGE,eAAe;CAChB;;AAED;EACE,eAAe;EACf,aAAa;CACd;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,eAAe;CAChB;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,0BAA0B;EAC1B,sBAAsB;EACtB,kBAAkB;CACnB;;AAED;EACE,kFAAkF;CACnF;;AAED;EACE;IACE,kFAAkF;GACnF;CACF;;AAED;EACE;IACE,0BAA0B;GAC3B;EACD;IACE,wCAAwC;GACzC;EACD;IACE,0BAA0B;GAC3B;EACD;IACE,wCAAwC;GACzC;CACF;;AAED;EACE,0BAA0B;EAC1B,kBAAkB;CACnB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,gCAAgC;CACjC;;AAED;;EAEE,kBAAkB;CACnB;;AAED;EACE,qDAA6C;UAA7C,6CAA6C;CAC9C;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;;EAEE,gCAAgC;CACjC;;AAED;;;EAGE,kBAAkB;CACnB;;AAED;EACE,kBAAkB;EAClB,aAAa;CACd;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,6BAA6B;EAC7B,yBAAyB;EACzB,eAAe;CAChB;;AAED;EACE,iFAAiF;CAClF;;AAED;EACE;IACE,iFAAiF;GAClF;CACF;;AAED;EACE;IACE,6BAA6B;GAC9B;EACD;IACE,wCAAwC;GACzC;EACD;IACE,6BAA6B;GAC9B;EACD;IACE,2CAA2C;GAC5C;CACF;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,YAAY;CACb;;AAED;EACE,gCAAgC;CACjC;;AAED;;EAEE,YAAY;CACb;;AAED;EACE,qDAA6C;UAA7C,6CAA6C;CAC9C;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;;EAEE,gCAAgC;CACjC;;AAED;;;EAGE,YAAY;CACb;;AAED;EACE,YAAY;EACZ,aAAa;CACd;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,YAAY;CACb;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;CAChB;;AAED;EACE,iFAAiF;CAClF;;AAED;EACE;IACE,iFAAiF;GAClF;CACF;;AAED;EACE;IACE,uBAAuB;GACxB;EACD;IACE,wCAAwC;GACzC;EACD;IACE,uBAAuB;GACxB;EACD;IACE,2CAA2C;GAC5C;CACF;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,YAAY;CACb;;AAED;EACE,gCAAgC;CACjC;;AAED;;EAEE,YAAY;CACb;;AAED;EACE,qDAA6C;UAA7C,6CAA6C;CAC9C;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;;EAEE,gCAAgC;CACjC;;AAED;;;EAGE,YAAY;CACb;;AAED;EACE,YAAY;EACZ,aAAa;CACd;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,YAAY;CACb;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;CAChB;;AAED;EACE,iFAAiF;CAClF;;AAED;EACE;IACE,iFAAiF;GAClF;CACF;;AAED;EACE;IACE,uBAAuB;GACxB;EACD;IACE,wCAAwC;GACzC;EACD;IACE,uBAAuB;GACxB;EACD;IACE,2CAA2C;GAC5C;CACF;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,YAAY;CACb;;AAED;EACE,gCAAgC;CACjC;;AAED;;EAEE,YAAY;CACb;;AAED;EACE,qDAA6C;UAA7C,6CAA6C;CAC9C;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;;EAEE,gCAAgC;CACjC;;AAED;;;EAGE,YAAY;CACb;;AAED;EACE,YAAY;EACZ,aAAa;CACd;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,YAAY;CACb;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;CAChB;;AAED;EACE,iFAAiF;CAClF;;AAED;EACE;IACE,iFAAiF;GAClF;CACF;;AAED;EACE;IACE,uBAAuB;GACxB;EACD;IACE,wCAAwC;GACzC;EACD;IACE,uBAAuB;GACxB;EACD;IACE,2CAA2C;GAC5C;CACF;;AAED;EACE,0BAA0B;EAC1B,0BAA0B;CAC3B;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;;EAEE,0BAA0B;CAC3B;;AAED;EACE,+CAAuC;UAAvC,uCAAuC;CACxC;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;;EAEE,0BAA0B;CAC3B;;AAED;;;EAGE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;EAC1B,aAAa;CACd;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,qCAAqC;EACrC,iCAAiC;EACjC,eAAe;CAChB;;AAED;EACE,iFAAiF;CAClF;;AAED;EACE;IACE,iFAAiF;GAClF;CACF;;AAED;EACE;IACE,qCAAqC;GACtC;EACD;IACE,wCAAwC;GACzC;EACD;IACE,qCAAqC;GACtC;EACD;IACE,qCAAqC;GACtC;CACF;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,YAAY;CACb;;AAED;EACE,gCAAgC;CACjC;;AAED;;EAEE,YAAY;CACb;;AAED;EACE,qDAA6C;UAA7C,6CAA6C;CAC9C;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;;EAEE,gCAAgC;CACjC;;AAED;;;EAGE,YAAY;CACb;;AAED;EACE,YAAY;EACZ,aAAa;CACd;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,YAAY;CACb;;AAED;EACE,wCAAwC;CACzC;;AAED;EACE,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;CAChB;;AAED;EACE,iFAAiF;CAClF;;AAED;EACE;IACE,iFAAiF;GAClF;CACF;;AAED;EACE;IACE,uBAAuB;GACxB;EACD;IACE,wCAAwC;GACzC;EACD;IACE,uBAAuB;GACxB;EACD;IACE,2CAA2C;GAC5C;CACF;;AAED;EACE;IACE,qBAAqB;IACrB,kBAAkB;GACnB;CACF;;AAED;EACE;IACE,sBAAsB;IACtB,mBAAmB;GACpB;CACF;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;CACf;;AAED;EACE,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;CAChB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,UAAU;EACV,QAAQ;EACR,mBAAmB;EACnB,SAAS;EACT,OAAO;EACP,iBAAiB;CAClB;;AAED;EACE,UAAU;EACV,iBAAiB;EACjB,gBAAgB;EAChB,mBAAmB;EACnB,SAAS;EACT,8CAAsC;UAAtC,sCAAsC;CACvC;;AAED;EACE,aAAa;CACd;;AAED;EACE;IACE,cAAc;GACf;CACF;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;GACf;EACD;IACE,uBAAuB;GACxB;CACF;;AAED;EACE;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,yBAAwB;QAAxB,sBAAwB;YAAxB,wBAAwB;GACzB;EACD;IACE,qBAAqB;GACtB;CACF;;AAED;;EAEE,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;CAChB;;AAED;EACE,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,qBAAqB;CACtB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE;IACE,qBAAqB;GACtB;EACD;IACE,sBAAsB;GACvB;CACF;;AAED;EACE,6BAA6B;EAC7B,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;EAC1B,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;EACf,mBAAmB;CACpB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,eAAe;EACf,kBAAkB;CACnB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;;;;EAIE,eAAe;CAChB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;;;;EAIE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;;EAEE,eAAe;CAChB;;AAED;;;;EAIE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE;IACE,eAAe;IACf,QAAQ;IACR,iBAAiB;IACjB,mBAAmB;IACnB,UAAU;IACV,YAAY;GACb;CACF;;AAED;EACE,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;CACpB;;AAED;EACE;IACE,qBAAqB;GACtB;CACF;;AAED;EACE,iBAAiB;EACjB,gBAAgB;CACjB;;AAED;EACE,kBAAkB;EAClB,mBAAmB;EACnB,iBAAiB;EACjB,kBAAkB;EAClB,WAAW;EACX,mBAAmB;CACpB;;AAED;EACE,uEAA+D;UAA/D,+DAA+D;CAChE;;AAED;EACE;IACE,aAAa;GACd;CACF;;AAED;EACE,gBAAgB;EAChB,iBAAiB;CAClB;;AAED;;EAEE,eAAe;CAChB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,uBAAuB;EACvB,YAAY;EACZ,cAAc;EACd,yBAAyB;EACzB,aAAa;CACd;;AAED;EACE,eAAe;EACf,cAAc;EACd,aAAa;CACd;;AAED;EACE,eAAe;EACf,eAAe;EACf,kBAAkB;EAClB,8BAA8B;CAC/B;;AAED;EACE,UAAU;EACV,eAAe;EACf,mBAAmB;EACnB,YAAY;EACZ,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;CACV;;AAED;EACE;IACE,oGAA4F;YAA5F,4FAA4F;IAC5F,+BAAuB;YAAvB,uBAAuB;GACxB;EACD;IACE,iHAAyG;YAAzG,yGAAyG;IACzG,4BAAoB;YAApB,oBAAoB;GACrB;EACD;IACE,0HAAkH;YAAlH,kHAAkH;IAClH,4BAAoB;YAApB,oBAAoB;GACrB;CACF;;AAbD;EACE;IACE,oGAA4F;YAA5F,4FAA4F;IAC5F,+BAAuB;YAAvB,uBAAuB;GACxB;EACD;IACE,iHAAyG;YAAzG,yGAAyG;IACzG,4BA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EAAd,cAAc;EACd,oBAAgB;MAAhB,gBAAgB;CACjB;;AAED;EACE,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,aAAa;EACb,qBAAqB;CACtB;;AAED;EACE,aAAa;CACd;;AAED;EACE,eAAe;CAChB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,2BAA2B;CAC5B;;AAED;EACE,aAAa;CACd;;AAED;EACE,mBAAmB;EACnB,uFAA+E;UAA/E,+EAA+E;EAC/E,sBAAsB;EACtB,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,YAAY;CACb;;AAED;EACE,0BAA0B;EAC1B,0BAA0B;EAC1B,YAAY;CACb;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,eAAe;CAChB;;AAED;EACE,2BAA2B;CAC5B;;AAED;EACE,eAAe;CAChB;;AAED;EACE,qCAAqC;EACrC,eAAe;CAChB;;AAED;EACE,6BAA6B;CAC9B;;AAED;EACE,oBAAoB;EACpB,mBAAmB;CACpB;;AAED;EACE;IACE,mBAAmB;GACpB;CACF;;AAED;EACE,mBAAmB;EACnB,yBAAyB;CAC1B;;AAED;EACE;IACE,QAAQ;IACR,YAAY;GACb;CACF;;AAED;EACE,0BAA0B;EAC1B,eAAe;EACf,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;CACpB;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,6BAA6B;CAC9B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,cAAc;CACf;;AAED;EACE,8BAAsB;UAAtB,sBAAsB;CACvB;;AAED;EACE,8BAAsB;UAAtB,sBAAsB;CACvB;;AAED;EACE,8BAAsB;UAAtB,sBAAsB;CACvB;;AAED;EACE,oBAAoB;EACpB,YAAY;CACb;;AAED;EACE,UAAU;EACV,QAAQ;EACR,mBAAmB;EACnB,SAAS;EACT,OAAO;EACP,0BAA0B;EAC1B,WAAW;EACX,kCAA0B;UAA1B,0BAA0B;EAC1B,qCAA6B;EAA7B,6BAA6B;EAC7B,6CAAqC;UAArC,qCAAqC;CACtC;;AAED;;EAEE,UAAU;EACV,QAAQ;EACR,mBAAmB;EACnB,SAAS;EACT,OAAO;EACP,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CACzB;;AAED;;;EAGE,kCAA0B;UAA1B,0BAA0B;EAC1B,+CAA+B;EAA/B,uCAA+B;EAA/B,+BAA+B;EAA/B,kDAA+B;EAC/B,6CAAqC;UAArC,qCAAqC;CACtC;;AAED;EACE,eAAe;EACf,cAAc;CACf;;AAED;EACE,eAAe;CAChB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,cAAc;CACf;;AAED;EACE,0BAA0B;EAC1B,eAAe;CAChB;;AAED;EACE,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;CACjB;;AAED;EACE,oBAAoB;EACpB,gBAAgB;CACjB;;AAED;;EAEE,0BAA0B;EAC1B,6BAA6B;EAC7B,0BAA0B;EAC1B,gBAAgB;EAChB,mBAAmB;CACpB;;AAED;;EAEE,iBAAiB;CAClB;;AAED;;EAEE,sBAAsB;CACvB;;AAED;;EAEE,oBAAoB;EACpB,2BAA2B;EAC3B,aAAa;EACb,mBAAmB;EACnB,sBAAsB;EACtB,eAAe;EACf,kBAAkB;EAClB,WAAW;EACX,oBAAoB;EACpB,iBAAiB;EACjB,mBAAmB;EACnB,0BAA0B;EAC1B,oBAAoB;CACrB;;AAED;EACE;;IAEE,kBAAkB;IAClB,mBAAmB;IACnB,WAAW;GACZ;CACF;;AAED;EACE,0BAA0B;EAC1B,2BAA2B;EAC3B,iBAAiB;EACjB,oBAAoB;CACrB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,kBAAkB;EAClB,4BAA4B;EAC5B,WAAW;CACZ;;AAED;EACE,sBAAsB;CACvB;;AAED;;EAEE,iBAAiB;CAClB;;AAED;EACE,sBAAsB;EACtB,mBAAmB;EACnB,gBAAgB;CACjB;;AAED;EACE,oBAAoB;EACpB,YAAY;EACZ,qBAAqB;CACtB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,UAAU;EACV,QAAQ;EACR,mBAAmB;EACnB,SAAS;EACT,OAAO;EACP,kCAAkC;EAClC,uBAAuB;EACvB,0BAA0B;EAC1B,YAAY;EACZ,eAAe;EACf,WAAW;CACZ;;AAED;EACE,UAAU;EACV,QAAQ;EACR,mBAAmB;EACnB,SAAS;EACT,OAAO;EACP,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAqB;EACrB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,uBAAuB;EACvB,gBAAgB;EAChB,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,iBAAiB;EACjB,WAAW;CACZ;;AAED;EACE,gCAAgC;CACjC;;AAED;EACE,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,wBAA4B;MAA5B,qBAA4B;UAA5B,4BAA4B;EAC5B,wBAAwB;CACzB;;AAED;EACE,mBAAmB;CACpB;;AAED;;EAEE,4BAA4B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB;EAClB,kBAAkB;EAClB,sBAAsB;EACtB,0BAA0B;EAC1B,eAAe;EACf,gBAAgB;EAChB,cAAc;EACd,mBAAmB;EACnB,SAAS;EACT,OAAO;CACR;;AAED;;EAEE,sBAAsB;EACtB,eAAe;CAChB;;AAED;EACE,wBAAwB;EACxB,YAAY;CACb;;AAED;EACE;IACE,sBAAsB;GACvB;CACF;;AAED;EACE;IACE,oBAAoB;IACpB,qBAAqB;GACtB;EACD;IACE,oBAAoB;IACpB,qBAAqB;GACtB;CACF;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB;EACnB,WAAW;CACZ;;AAED;EACE,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB;CACpB;;AAED;EACE,6BAA6B;EAC7B,mBAAmB;EACnB,uCAAuC;EACvC,mBAAmB;CACpB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,wBAAwB;EACxB,eAAe;CAChB;;AAED;EACE,0BAA0B;EAC1B,aAAa;CACd;;AAED;EACE,6BAA6B;EAC7B,eAAe;CAChB;;AAED;EACE,0BAA0B;EAC1B,kBAAkB;CACnB;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;EACE,0BAA0B;EAC1B,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;EACE,cAAc;CACf;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,qCAAqC;EACrC,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,0BAA0B;EAC1B,oBAAoB;CACrB;;AAED;EACE,wBAAwB;EACxB,mBAAmB;EACnB,qFAA6E;UAA7E,6EAA6E;EAC7E,eAAe;EACf,eAAe;EACf,mBAAmB;EACnB,iBAAiB;EACjB,iBAAiB;EACjB,cAAc;EACd,mBAAmB;EACnB,mBAAmB;CACpB;;AAED;EACE,uEAA+D;UAA/D,+DAA+D;CAChE;;AAED;EACE,6EAAqE;UAArE,qEAAqE;CACtE;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;EACf,WAAW;EACX,aAAa;EACb,mBAAmB;EACnB,UAAU;EACV,YAAY;CACb;;AAED;EACE,eAAe;EACf,aAAa;EACb,YAAY;CACb;;AAED;EACE,eAAe;EACf,gBAAgB;EAChB,iBAAiB;CAClB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE;IACE,kBAAkB;GACnB;EACD;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,yBAAwB;QAAxB,sBAAwB;YAAxB,wBAAwB;IACxB,mBAAmB;GACpB;EACD;IACE,WAAW;IACX,kBAAkB;IAClB,mBAAmB;IACnB,OAAO;GACR;EACD;IACE,UAAU;IACV,wBAAwB;GACzB;EACD;IACE,kBAAkB;GACnB;CACF;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,eAAe;EACf,mBAAmB;CACpB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,UAAU;CACX;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,aAAa;CACd;;AAED;EACE,aAAa;CACd;;AAED;;EAEE,aAAa;CACd;;AAED;EACE,yBAAyB;CAC1B;;AAED;EACE;IACE,gBAAgB;GACjB;EACD;IACE,cAAc;GACf;CACF;;AAED;EACE,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,oBAAgB;MAAhB,gBAAgB;EAChB,eAAe;EACf,cAAc;CACf;;AAED;EACE,eAAe;EACf,qBAAe;MAAf,eAAe;EACf,gEAAgE;EAChE,gBAAgB;EAChB,iBAAiB;EACjB,cAAc;EACd,aAAa;CACd;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,eAAe;EACf,gBAAgB;EAChB,qBAAqB;CACtB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,wBAAwB;EACxB,0BAA0B;EAC1B,mBAAmB;EACnB,eAAe;EACf,gBAAgB;EAChB,0BAA0B;CAC3B;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,2BAA2B;CAC5B;;AAED;EACE,eAAe;EACf,gBAAgB;EAChB,qBAAqB;CACtB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,aAAa;EACb,iBAAiB;EACjB,qBAAqB;EACrB,sBAAsB;CACvB;;AAED;EACE,6BAA6B;EAC7B,wBAAwB;EACxB,gBAAgB;CACjB;;AAED;EACE,eAAe;EACf,mBAAmB;EACnB,mBAAmB;CACpB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,sBAAsB;EACtB,mBAAmB;CACpB;;AAED;EACE,cAAc;CACf;;AAED;EACE,0BAA0B;EAC1B,WAAW;EACX,2CAAmC;EAAnC,mCAAmC;CACpC;;AAED;EACE;IACE,sBAAsB;GACvB;CACF;;AAED;EACE;IACE,qBAAqB;IACrB,kBAAkB;GACnB;EACD;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,oBAAgB;QAAhB,gBAAgB;IAChB,0BAA+B;QAA/B,uBAA+B;YAA/B,+BAA+B;GAChC;EACD;IACE,iBAAiB;IACjB,wBAAwB;GACzB;EACD;IACE,cAAc;GACf;EACD;IACE,YAAY;GACb;EACD;IACE,oBAAoB;GACrB;CACF;;AAED;EACE,6BAA6B;CAC9B;;AAED;EACE,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CACzB;;AAED;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,mBAAmB;EACnB,mBAAmB;CACpB;;AAED;EACE,aAAa;EACb,sBAAsB;CACvB;;AAED;EACE,wCAAgC;UAAhC,gCAAgC;EAChC,oDAAoC;EAApC,4CAAoC;EAApC,oCAAoC;EAApC,qEAAoC;CACrC;;AAED;EACE,+BAAuB;UAAvB,uBAAuB;CACxB;;AAED;EACE;IACE,gBAAgB;GACjB;EACD;IACE,sBAAsB;GACvB;CACF;;AAED;EACE;IACE,cAAc;GACf;EACD;IACE,mBAAmB;GACpB;CACF;;AAED;EACE;IACE,kBAAkB;GACnB;CACF;;AAED;EACE;IACE,kBAAkB;GACnB;CACF;;AAED;EACE;IACE,kBAAkB;GACnB;CACF;;AAED;EACE,4CAAoC;UAApC,oCAAoC;EACpC,8EAA8E;EAC9E,2BAA2B;CAC5B;;AAED;;EAEE,aAAa;CACd;;AAED;EACE;IACE,4BAA4B;GAC7B;EACD;IACE,8BAA8B;GAC/B;EACD;IACE,4BAA4B;GAC7B;CACF;;AAVD;EACE;IACE,4BAA4B;GAC7B;EACD;IACE,8BAA8B;GAC/B;EACD;IACE,4BAA4B;GAC7B;CACF;;AAED;EACE,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CACzB;;AAED;EACE,6BAA6B;EAC7B,mBAAmB;EACnB,gBAAgB;CACjB;;AAED;EACE;IACE,gBAAgB;GACjB;EACD;IACE,eAAe;GAChB;EACD;IACE,mBAAmB;GACpB;EACD;IACE,mBAAmB;GACpB;EACD;IACE,sBAAsB;GACvB;EACD;IACE,oBAAoB;GACrB;CACF;;AAED;EACE;IACE,qBAAqB;IACrB,kBAAkB;GACnB;EACD;IACE,0BAAoB;QAApB,uBAAoB;YAApB,oBAAoB;IACpB,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,yBAAwB;QAAxB,sBAAwB;YAAxB,wBAAwB;GACzB;EACD;IACE,iBAAiB;GAClB;EACD;IACE,oBAAoB;GACrB;EACD;IACE,oBAAoB;GACrB;EACD;IACE,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,oBAAgB;QAAhB,gBAAgB;IAChB,qBAAqB;GACtB;EACD;IACE,mBAAmB;IACnB,6BAA6B;GAC9B;EACD;IACE,cAAc;GACf;EACD;IACE,oBAAoB;GACrB;CACF;;AAED;EACE,0BAA0B;EAC1B,YAAY;CACb;;AAED;;EAEE,oBAAoB;CACrB;;AAED;EACE,gCAAgC;CACjC;;AAED;EACE,sCAAsC;EACtC,oBAAoB;CACrB;;AAED;EACE,YAAY;CACb;;AAED;EACE,gBAAgB;EAChB,mBAAmB;CACpB;;AAED;EACE,oBAAoB;EACpB,mBAAmB;CACpB;;AAED;EACE,aAAa;EACb,YAAY;CACb;;AAED;EACE,eAAe;EACf,iBAAiB;CAClB;;AAED;EACE,mBAAmB;EACnB,UAAU;CACX;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,iBAAiB;EACjB,kBAAkB;CACnB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,eAAe;EACf,iBAAiB;CAClB;;AAED;EACE,eAAe;EACf,iBAAiB;CAClB;;AAED;EACE,eAAe;CAChB;;AAED;;EAEE,kBAAkB;EAClB,mBAAmB;CACpB;;AAED;;EAEE,eAAe;EACf,mBAAmB;EACnB,mBAAmB;EACnB,aAAa;EACb,YAAY;CACb;;AAED;EACE,mBAAmB;EACnB,mBAAmB;CACpB;;AAED;EACE,uBAAuB;EACvB,WAAW;CACZ;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,2BAA2B;CAC5B;;AAED;EACE,6BAA6B;EAC7B,eAAe;CAChB;;AAED;EACE,0CAA0C;EAC1C,eAAe;EACf,iBAAiB;CAClB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,mBAAmB;EACnB,eAAe;CAChB;;AAED;EACE,oBAAoB;EACpB,YAAY;CACb;;AAED;EACE,oBAAoB;EACpB,YAAY;CACb","file":"bulma-docs.css","sourcesContent":["@charset \"UTF-8\";\n/*! bulma.io v0.5.1 | MIT License | github.com/jgthms/bulma */\n@keyframes spinAround {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n\n/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */\nhtml,\nbody,\np,\nol,\nul,\nli,\ndl,\ndt,\ndd,\nblockquote,\nfigure,\nfieldset,\nlegend,\ntextarea,\npre,\niframe,\nhr,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n padding: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: 100%;\n font-weight: normal;\n}\n\nul {\n list-style: none;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\n* {\n box-sizing: inherit;\n}\n\n*:before, *:after {\n box-sizing: inherit;\n}\n\nimg,\nembed,\nobject,\naudio,\nvideo {\n max-width: 100%;\n}\n\niframe {\n border: 0;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n padding: 0;\n text-align: left;\n}\n\nhtml {\n background-color: #fff;\n font-size: 16px;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n min-width: 300px;\n overflow-x: hidden;\n overflow-y: scroll;\n text-rendering: optimizeLegibility;\n}\n\narticle,\naside,\nfigure,\nfooter,\nheader,\nhgroup,\nsection {\n display: block;\n}\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n font-family: BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif;\n}\n\ncode,\npre {\n -moz-osx-font-smoothing: auto;\n -webkit-font-smoothing: auto;\n font-family: monospace;\n}\n\nbody {\n color: #4a4a4a;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n}\n\na {\n color: #00d1b2;\n cursor: pointer;\n text-decoration: none;\n}\n\na strong {\n color: currentColor;\n}\n\na:hover {\n color: #363636;\n}\n\ncode {\n background-color: whitesmoke;\n color: #ff3860;\n font-size: 0.875em;\n font-weight: normal;\n padding: 0.25em 0.5em 0.25em;\n}\n\nhr {\n background-color: #dbdbdb;\n border: none;\n display: block;\n height: 1px;\n margin: 1.5rem 0;\n}\n\nimg {\n height: auto;\n max-width: 100%;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n vertical-align: baseline;\n}\n\nsmall {\n font-size: 0.875em;\n}\n\nspan {\n font-style: inherit;\n font-weight: inherit;\n}\n\nstrong {\n color: #363636;\n font-weight: 700;\n}\n\npre {\n background-color: whitesmoke;\n color: #4a4a4a;\n font-size: 0.875em;\n white-space: pre;\n word-wrap: normal;\n}\n\npre code {\n -webkit-overflow-scrolling: touch;\n background: none;\n color: inherit;\n display: block;\n font-size: 1em;\n overflow-x: auto;\n padding: 1.25rem 1.5rem;\n}\n\ntable td,\ntable th {\n text-align: left;\n vertical-align: top;\n}\n\ntable th {\n color: #363636;\n}\n\n.is-clearfix:after {\n clear: both;\n content: \" \";\n display: table;\n}\n\n.is-pulled-left {\n float: left !important;\n}\n\n.is-pulled-right {\n float: right !important;\n}\n\n.is-clipped {\n overflow: hidden !important;\n}\n\n.is-overlay {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.is-size-1 {\n font-size: 3rem !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-size-1-mobile {\n font-size: 3rem !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-size-1-tablet {\n font-size: 3rem !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-size-1-touch {\n font-size: 3rem !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-size-1-desktop {\n font-size: 3rem !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-size-1-widescreen {\n font-size: 3rem !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-size-1-fullhd {\n font-size: 3rem !important;\n }\n}\n\n.is-size-2 {\n font-size: 2.5rem !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-size-2-mobile {\n font-size: 2.5rem !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-size-2-tablet {\n font-size: 2.5rem !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-size-2-touch {\n font-size: 2.5rem !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-size-2-desktop {\n font-size: 2.5rem !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-size-2-widescreen {\n font-size: 2.5rem !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-size-2-fullhd {\n font-size: 2.5rem !important;\n }\n}\n\n.is-size-3 {\n font-size: 2rem !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-size-3-mobile {\n font-size: 2rem !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-size-3-tablet {\n font-size: 2rem !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-size-3-touch {\n font-size: 2rem !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-size-3-desktop {\n font-size: 2rem !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-size-3-widescreen {\n font-size: 2rem !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-size-3-fullhd {\n font-size: 2rem !important;\n }\n}\n\n.is-size-4 {\n font-size: 1.5rem !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-size-4-mobile {\n font-size: 1.5rem !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-size-4-tablet {\n font-size: 1.5rem !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-size-4-touch {\n font-size: 1.5rem !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-size-4-desktop {\n font-size: 1.5rem !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-size-4-widescreen {\n font-size: 1.5rem !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-size-4-fullhd {\n font-size: 1.5rem !important;\n }\n}\n\n.is-size-5 {\n font-size: 1.25rem !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-size-5-mobile {\n font-size: 1.25rem !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-size-5-tablet {\n font-size: 1.25rem !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-size-5-touch {\n font-size: 1.25rem !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-size-5-desktop {\n font-size: 1.25rem !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-size-5-widescreen {\n font-size: 1.25rem !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-size-5-fullhd {\n font-size: 1.25rem !important;\n }\n}\n\n.is-size-6 {\n font-size: 1rem !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-size-6-mobile {\n font-size: 1rem !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-size-6-tablet {\n font-size: 1rem !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-size-6-touch {\n font-size: 1rem !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-size-6-desktop {\n font-size: 1rem !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-size-6-widescreen {\n font-size: 1rem !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-size-6-fullhd {\n font-size: 1rem !important;\n }\n}\n\n.is-size-7 {\n font-size: 0.75rem !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-size-7-mobile {\n font-size: 0.75rem !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-size-7-tablet {\n font-size: 0.75rem !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-size-7-touch {\n font-size: 0.75rem !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-size-7-desktop {\n font-size: 0.75rem !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-size-7-widescreen {\n font-size: 0.75rem !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-size-7-fullhd {\n font-size: 0.75rem !important;\n }\n}\n\n.has-text-centered {\n text-align: center !important;\n}\n\n@media screen and (max-width: 768px) {\n .has-text-centered-mobile {\n text-align: center !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .has-text-centered-tablet {\n text-align: center !important;\n }\n}\n\n@media screen and (min-width: 769px) and (max-width: 1007px) {\n .has-text-centered-tablet-only {\n text-align: center !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .has-text-centered-touch {\n text-align: center !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .has-text-centered-desktop {\n text-align: center !important;\n }\n}\n\n@media screen and (min-width: 1008px) and (max-width: 1199px) {\n .has-text-centered-desktop-only {\n text-align: center !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .has-text-centered-widescreen {\n text-align: center !important;\n }\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1391px) {\n .has-text-centered-widescreen-only {\n text-align: center !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .has-text-centered-fullhd {\n text-align: center !important;\n }\n}\n\n.has-text-left {\n text-align: left !important;\n}\n\n@media screen and (max-width: 768px) {\n .has-text-left-mobile {\n text-align: left !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .has-text-left-tablet {\n text-align: left !important;\n }\n}\n\n@media screen and (min-width: 769px) and (max-width: 1007px) {\n .has-text-left-tablet-only {\n text-align: left !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .has-text-left-touch {\n text-align: left !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .has-text-left-desktop {\n text-align: left !important;\n }\n}\n\n@media screen and (min-width: 1008px) and (max-width: 1199px) {\n .has-text-left-desktop-only {\n text-align: left !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .has-text-left-widescreen {\n text-align: left !important;\n }\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1391px) {\n .has-text-left-widescreen-only {\n text-align: left !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .has-text-left-fullhd {\n text-align: left !important;\n }\n}\n\n.has-text-right {\n text-align: right !important;\n}\n\n@media screen and (max-width: 768px) {\n .has-text-right-mobile {\n text-align: right !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .has-text-right-tablet {\n text-align: right !important;\n }\n}\n\n@media screen and (min-width: 769px) and (max-width: 1007px) {\n .has-text-right-tablet-only {\n text-align: right !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .has-text-right-touch {\n text-align: right !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .has-text-right-desktop {\n text-align: right !important;\n }\n}\n\n@media screen and (min-width: 1008px) and (max-width: 1199px) {\n .has-text-right-desktop-only {\n text-align: right !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .has-text-right-widescreen {\n text-align: right !important;\n }\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1391px) {\n .has-text-right-widescreen-only {\n text-align: right !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .has-text-right-fullhd {\n text-align: right !important;\n }\n}\n\n.is-capitalized {\n text-transform: capitalize !important;\n}\n\n.is-lowercase {\n text-transform: lowercase !important;\n}\n\n.is-uppercase {\n text-transform: uppercase !important;\n}\n\n.has-text-white {\n color: white !important;\n}\n\na.has-text-white:hover, a.has-text-white:focus {\n color: #e6e6e6 !important;\n}\n\n.has-text-black {\n color: #0a0a0a !important;\n}\n\na.has-text-black:hover, a.has-text-black:focus {\n color: black !important;\n}\n\n.has-text-light {\n color: whitesmoke !important;\n}\n\na.has-text-light:hover, a.has-text-light:focus {\n color: #dbdbdb !important;\n}\n\n.has-text-dark {\n color: #363636 !important;\n}\n\na.has-text-dark:hover, a.has-text-dark:focus {\n color: #1c1c1c !important;\n}\n\n.has-text-primary {\n color: #00d1b2 !important;\n}\n\na.has-text-primary:hover, a.has-text-primary:focus {\n color: #009e86 !important;\n}\n\n.has-text-info {\n color: #3273dc !important;\n}\n\na.has-text-info:hover, a.has-text-info:focus {\n color: #205bbc !important;\n}\n\n.has-text-success {\n color: #23d160 !important;\n}\n\na.has-text-success:hover, a.has-text-success:focus {\n color: #1ca64c !important;\n}\n\n.has-text-warning {\n color: #ffdd57 !important;\n}\n\na.has-text-warning:hover, a.has-text-warning:focus {\n color: #ffd324 !important;\n}\n\n.has-text-danger {\n color: #ff3860 !important;\n}\n\na.has-text-danger:hover, a.has-text-danger:focus {\n color: #ff0537 !important;\n}\n\n.has-text-black-bis {\n color: #121212 !important;\n}\n\n.has-text-black-ter {\n color: #242424 !important;\n}\n\n.has-text-grey-darker {\n color: #363636 !important;\n}\n\n.has-text-grey-dark {\n color: #4a4a4a !important;\n}\n\n.has-text-grey {\n color: #7a7a7a !important;\n}\n\n.has-text-grey-light {\n color: #b5b5b5 !important;\n}\n\n.has-text-grey-lighter {\n color: #dbdbdb !important;\n}\n\n.has-text-white-ter {\n color: whitesmoke !important;\n}\n\n.has-text-white-bis {\n color: #fafafa !important;\n}\n\n.is-block {\n display: block !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-block-mobile {\n display: block !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-block-tablet {\n display: block !important;\n }\n}\n\n@media screen and (min-width: 769px) and (max-width: 1007px) {\n .is-block-tablet-only {\n display: block !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-block-touch {\n display: block !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-block-desktop {\n display: block !important;\n }\n}\n\n@media screen and (min-width: 1008px) and (max-width: 1199px) {\n .is-block-desktop-only {\n display: block !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-block-widescreen {\n display: block !important;\n }\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1391px) {\n .is-block-widescreen-only {\n display: block !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-block-fullhd {\n display: block !important;\n }\n}\n\n.is-flex {\n display: flex !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-flex-mobile {\n display: flex !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-flex-tablet {\n display: flex !important;\n }\n}\n\n@media screen and (min-width: 769px) and (max-width: 1007px) {\n .is-flex-tablet-only {\n display: flex !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-flex-touch {\n display: flex !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-flex-desktop {\n display: flex !important;\n }\n}\n\n@media screen and (min-width: 1008px) and (max-width: 1199px) {\n .is-flex-desktop-only {\n display: flex !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-flex-widescreen {\n display: flex !important;\n }\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1391px) {\n .is-flex-widescreen-only {\n display: flex !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-flex-fullhd {\n display: flex !important;\n }\n}\n\n.is-inline {\n display: inline !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-inline-mobile {\n display: inline !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-inline-tablet {\n display: inline !important;\n }\n}\n\n@media screen and (min-width: 769px) and (max-width: 1007px) {\n .is-inline-tablet-only {\n display: inline !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-inline-touch {\n display: inline !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-inline-desktop {\n display: inline !important;\n }\n}\n\n@media screen and (min-width: 1008px) and (max-width: 1199px) {\n .is-inline-desktop-only {\n display: inline !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-inline-widescreen {\n display: inline !important;\n }\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1391px) {\n .is-inline-widescreen-only {\n display: inline !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-inline-fullhd {\n display: inline !important;\n }\n}\n\n.is-inline-block {\n display: inline-block !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-inline-block-mobile {\n display: inline-block !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-inline-block-tablet {\n display: inline-block !important;\n }\n}\n\n@media screen and (min-width: 769px) and (max-width: 1007px) {\n .is-inline-block-tablet-only {\n display: inline-block !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-inline-block-touch {\n display: inline-block !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-inline-block-desktop {\n display: inline-block !important;\n }\n}\n\n@media screen and (min-width: 1008px) and (max-width: 1199px) {\n .is-inline-block-desktop-only {\n display: inline-block !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-inline-block-widescreen {\n display: inline-block !important;\n }\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1391px) {\n .is-inline-block-widescreen-only {\n display: inline-block !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-inline-block-fullhd {\n display: inline-block !important;\n }\n}\n\n.is-inline-flex {\n display: inline-flex !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-inline-flex-mobile {\n display: inline-flex !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-inline-flex-tablet {\n display: inline-flex !important;\n }\n}\n\n@media screen and (min-width: 769px) and (max-width: 1007px) {\n .is-inline-flex-tablet-only {\n display: inline-flex !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-inline-flex-touch {\n display: inline-flex !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-inline-flex-desktop {\n display: inline-flex !important;\n }\n}\n\n@media screen and (min-width: 1008px) and (max-width: 1199px) {\n .is-inline-flex-desktop-only {\n display: inline-flex !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-inline-flex-widescreen {\n display: inline-flex !important;\n }\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1391px) {\n .is-inline-flex-widescreen-only {\n display: inline-flex !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-inline-flex-fullhd {\n display: inline-flex !important;\n }\n}\n\n.is-hidden {\n display: none !important;\n}\n\n@media screen and (max-width: 768px) {\n .is-hidden-mobile {\n display: none !important;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .is-hidden-tablet {\n display: none !important;\n }\n}\n\n@media screen and (min-width: 769px) and (max-width: 1007px) {\n .is-hidden-tablet-only {\n display: none !important;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .is-hidden-touch {\n display: none !important;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .is-hidden-desktop {\n display: none !important;\n }\n}\n\n@media screen and (min-width: 1008px) and (max-width: 1199px) {\n .is-hidden-desktop-only {\n display: none !important;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .is-hidden-widescreen {\n display: none !important;\n }\n}\n\n@media screen and (min-width: 1200px) and (max-width: 1391px) {\n .is-hidden-widescreen-only {\n display: none !important;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .is-hidden-fullhd {\n display: none !important;\n }\n}\n\n.is-marginless {\n margin: 0 !important;\n}\n\n.is-paddingless {\n padding: 0 !important;\n}\n\n.is-radiusless {\n border-radius: 0 !important;\n}\n\n.is-shadowless {\n box-shadow: none !important;\n}\n\n.is-unselectable {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.box {\n background-color: white;\n border-radius: 5px;\n box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);\n color: #4a4a4a;\n display: block;\n padding: 1.25rem;\n}\n\n.box:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\na.box:hover, a.box:focus {\n box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;\n}\n\na.box:active {\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;\n}\n\n.button {\n -moz-appearance: none;\n -webkit-appearance: none;\n align-items: center;\n border: 1px solid transparent;\n border-radius: 3px;\n box-shadow: none;\n display: inline-flex;\n font-size: 1rem;\n height: 2.25em;\n justify-content: flex-start;\n line-height: 1.5;\n padding-bottom: calc(0.375em - 1px);\n padding-left: calc(0.625em - 1px);\n padding-right: calc(0.625em - 1px);\n padding-top: calc(0.375em - 1px);\n position: relative;\n vertical-align: top;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: white;\n border-color: #dbdbdb;\n color: #363636;\n cursor: pointer;\n justify-content: center;\n padding-left: 0.75em;\n padding-right: 0.75em;\n text-align: center;\n white-space: nowrap;\n}\n\n.button:focus, .button.is-focused, .button:active, .button.is-active {\n outline: none;\n}\n\n.button[disabled] {\n cursor: not-allowed;\n}\n\n.button strong {\n color: inherit;\n}\n\n.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {\n height: 1.5em;\n width: 1.5em;\n}\n\n.button .icon:first-child:not(:last-child) {\n margin-left: calc(-0.375em - 1px);\n margin-right: 0.1875em;\n}\n\n.button .icon:last-child:not(:first-child) {\n margin-left: 0.1875em;\n margin-right: calc(-0.375em - 1px);\n}\n\n.button .icon:first-child:last-child {\n margin-left: calc(-0.375em - 1px);\n margin-right: calc(-0.375em - 1px);\n}\n\n.button:hover, .button.is-hovered {\n border-color: #b5b5b5;\n color: #363636;\n}\n\n.button:focus, .button.is-focused {\n border-color: #00d1b2;\n color: #363636;\n}\n\n.button:active, .button.is-active {\n border-color: #4a4a4a;\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);\n color: #363636;\n}\n\n.button.is-link {\n background-color: transparent;\n border-color: transparent;\n color: #4a4a4a;\n text-decoration: underline;\n}\n\n.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active {\n background-color: whitesmoke;\n color: #363636;\n}\n\n.button.is-link[disabled] {\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n}\n\n.button.is-white {\n background-color: white;\n border-color: transparent;\n color: #0a0a0a;\n}\n\n.button.is-white:hover, .button.is-white.is-hovered {\n background-color: #f9f9f9;\n border-color: transparent;\n color: #0a0a0a;\n}\n\n.button.is-white:focus, .button.is-white.is-focused {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);\n color: #0a0a0a;\n}\n\n.button.is-white:active, .button.is-white.is-active {\n background-color: #f2f2f2;\n border-color: transparent;\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);\n color: #0a0a0a;\n}\n\n.button.is-white[disabled] {\n background-color: white;\n border-color: transparent;\n box-shadow: none;\n}\n\n.button.is-white.is-inverted {\n background-color: #0a0a0a;\n color: white;\n}\n\n.button.is-white.is-inverted:hover {\n background-color: black;\n}\n\n.button.is-white.is-inverted[disabled] {\n background-color: #0a0a0a;\n border-color: transparent;\n box-shadow: none;\n color: white;\n}\n\n.button.is-white.is-loading:after {\n border-color: transparent transparent #0a0a0a #0a0a0a !important;\n}\n\n.button.is-white.is-outlined {\n background-color: transparent;\n border-color: white;\n color: white;\n}\n\n.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {\n background-color: white;\n border-color: white;\n color: #0a0a0a;\n}\n\n.button.is-white.is-outlined.is-loading:after {\n border-color: transparent transparent white white !important;\n}\n\n.button.is-white.is-outlined[disabled] {\n background-color: transparent;\n border-color: white;\n box-shadow: none;\n color: white;\n}\n\n.button.is-white.is-inverted.is-outlined {\n background-color: transparent;\n border-color: #0a0a0a;\n color: #0a0a0a;\n}\n\n.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus {\n background-color: #0a0a0a;\n color: white;\n}\n\n.button.is-white.is-inverted.is-outlined[disabled] {\n background-color: transparent;\n border-color: #0a0a0a;\n box-shadow: none;\n color: #0a0a0a;\n}\n\n.button.is-black {\n background-color: #0a0a0a;\n border-color: transparent;\n color: white;\n}\n\n.button.is-black:hover, .button.is-black.is-hovered {\n background-color: #040404;\n border-color: transparent;\n color: white;\n}\n\n.button.is-black:focus, .button.is-black.is-focused {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);\n color: white;\n}\n\n.button.is-black:active, .button.is-black.is-active {\n background-color: black;\n border-color: transparent;\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);\n color: white;\n}\n\n.button.is-black[disabled] {\n background-color: #0a0a0a;\n border-color: transparent;\n box-shadow: none;\n}\n\n.button.is-black.is-inverted {\n background-color: white;\n color: #0a0a0a;\n}\n\n.button.is-black.is-inverted:hover {\n background-color: #f2f2f2;\n}\n\n.button.is-black.is-inverted[disabled] {\n background-color: white;\n border-color: transparent;\n box-shadow: none;\n color: #0a0a0a;\n}\n\n.button.is-black.is-loading:after {\n border-color: transparent transparent white white !important;\n}\n\n.button.is-black.is-outlined {\n background-color: transparent;\n border-color: #0a0a0a;\n color: #0a0a0a;\n}\n\n.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {\n background-color: #0a0a0a;\n border-color: #0a0a0a;\n color: white;\n}\n\n.button.is-black.is-outlined.is-loading:after {\n border-color: transparent transparent #0a0a0a #0a0a0a !important;\n}\n\n.button.is-black.is-outlined[disabled] {\n background-color: transparent;\n border-color: #0a0a0a;\n box-shadow: none;\n color: #0a0a0a;\n}\n\n.button.is-black.is-inverted.is-outlined {\n background-color: transparent;\n border-color: white;\n color: white;\n}\n\n.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus {\n background-color: white;\n color: #0a0a0a;\n}\n\n.button.is-black.is-inverted.is-outlined[disabled] {\n background-color: transparent;\n border-color: white;\n box-shadow: none;\n color: white;\n}\n\n.button.is-light {\n background-color: whitesmoke;\n border-color: transparent;\n color: #363636;\n}\n\n.button.is-light:hover, .button.is-light.is-hovered {\n background-color: #eeeeee;\n border-color: transparent;\n color: #363636;\n}\n\n.button.is-light:focus, .button.is-light.is-focused {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);\n color: #363636;\n}\n\n.button.is-light:active, .button.is-light.is-active {\n background-color: #e8e8e8;\n border-color: transparent;\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);\n color: #363636;\n}\n\n.button.is-light[disabled] {\n background-color: whitesmoke;\n border-color: transparent;\n box-shadow: none;\n}\n\n.button.is-light.is-inverted {\n background-color: #363636;\n color: whitesmoke;\n}\n\n.button.is-light.is-inverted:hover {\n background-color: #292929;\n}\n\n.button.is-light.is-inverted[disabled] {\n background-color: #363636;\n border-color: transparent;\n box-shadow: none;\n color: whitesmoke;\n}\n\n.button.is-light.is-loading:after {\n border-color: transparent transparent #363636 #363636 !important;\n}\n\n.button.is-light.is-outlined {\n background-color: transparent;\n border-color: whitesmoke;\n color: whitesmoke;\n}\n\n.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {\n background-color: whitesmoke;\n border-color: whitesmoke;\n color: #363636;\n}\n\n.button.is-light.is-outlined.is-loading:after {\n border-color: transparent transparent whitesmoke whitesmoke !important;\n}\n\n.button.is-light.is-outlined[disabled] {\n background-color: transparent;\n border-color: whitesmoke;\n box-shadow: none;\n color: whitesmoke;\n}\n\n.button.is-light.is-inverted.is-outlined {\n background-color: transparent;\n border-color: #363636;\n color: #363636;\n}\n\n.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus {\n background-color: #363636;\n color: whitesmoke;\n}\n\n.button.is-light.is-inverted.is-outlined[disabled] {\n background-color: transparent;\n border-color: #363636;\n box-shadow: none;\n color: #363636;\n}\n\n.button.is-dark {\n background-color: #363636;\n border-color: transparent;\n color: whitesmoke;\n}\n\n.button.is-dark:hover, .button.is-dark.is-hovered {\n background-color: #2f2f2f;\n border-color: transparent;\n color: whitesmoke;\n}\n\n.button.is-dark:focus, .button.is-dark.is-focused {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);\n color: whitesmoke;\n}\n\n.button.is-dark:active, .button.is-dark.is-active {\n background-color: #292929;\n border-color: transparent;\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);\n color: whitesmoke;\n}\n\n.button.is-dark[disabled] {\n background-color: #363636;\n border-color: transparent;\n box-shadow: none;\n}\n\n.button.is-dark.is-inverted {\n background-color: whitesmoke;\n color: #363636;\n}\n\n.button.is-dark.is-inverted:hover {\n background-color: #e8e8e8;\n}\n\n.button.is-dark.is-inverted[disabled] {\n background-color: whitesmoke;\n border-color: transparent;\n box-shadow: none;\n color: #363636;\n}\n\n.button.is-dark.is-loading:after {\n border-color: transparent transparent whitesmoke whitesmoke !important;\n}\n\n.button.is-dark.is-outlined {\n background-color: transparent;\n border-color: #363636;\n color: #363636;\n}\n\n.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {\n background-color: #363636;\n border-color: #363636;\n color: whitesmoke;\n}\n\n.button.is-dark.is-outlined.is-loading:after {\n border-color: transparent transparent #363636 #363636 !important;\n}\n\n.button.is-dark.is-outlined[disabled] {\n background-color: transparent;\n border-color: #363636;\n box-shadow: none;\n color: #363636;\n}\n\n.button.is-dark.is-inverted.is-outlined {\n background-color: transparent;\n border-color: whitesmoke;\n color: whitesmoke;\n}\n\n.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus {\n background-color: whitesmoke;\n color: #363636;\n}\n\n.button.is-dark.is-inverted.is-outlined[disabled] {\n background-color: transparent;\n border-color: whitesmoke;\n box-shadow: none;\n color: whitesmoke;\n}\n\n.button.is-primary {\n background-color: #00d1b2;\n border-color: transparent;\n color: #fff;\n}\n\n.button.is-primary:hover, .button.is-primary.is-hovered {\n background-color: #00c4a7;\n border-color: transparent;\n color: #fff;\n}\n\n.button.is-primary:focus, .button.is-primary.is-focused {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);\n color: #fff;\n}\n\n.button.is-primary:active, .button.is-primary.is-active {\n background-color: #00b89c;\n border-color: transparent;\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);\n color: #fff;\n}\n\n.button.is-primary[disabled] {\n background-color: #00d1b2;\n border-color: transparent;\n box-shadow: none;\n}\n\n.button.is-primary.is-inverted {\n background-color: #fff;\n color: #00d1b2;\n}\n\n.button.is-primary.is-inverted:hover {\n background-color: #f2f2f2;\n}\n\n.button.is-primary.is-inverted[disabled] {\n background-color: #fff;\n border-color: transparent;\n box-shadow: none;\n color: #00d1b2;\n}\n\n.button.is-primary.is-loading:after {\n border-color: transparent transparent #fff #fff !important;\n}\n\n.button.is-primary.is-outlined {\n background-color: transparent;\n border-color: #00d1b2;\n color: #00d1b2;\n}\n\n.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {\n background-color: #00d1b2;\n border-color: #00d1b2;\n color: #fff;\n}\n\n.button.is-primary.is-outlined.is-loading:after {\n border-color: transparent transparent #00d1b2 #00d1b2 !important;\n}\n\n.button.is-primary.is-outlined[disabled] {\n background-color: transparent;\n border-color: #00d1b2;\n box-shadow: none;\n color: #00d1b2;\n}\n\n.button.is-primary.is-inverted.is-outlined {\n background-color: transparent;\n border-color: #fff;\n color: #fff;\n}\n\n.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus {\n background-color: #fff;\n color: #00d1b2;\n}\n\n.button.is-primary.is-inverted.is-outlined[disabled] {\n background-color: transparent;\n border-color: #fff;\n box-shadow: none;\n color: #fff;\n}\n\n.button.is-info {\n background-color: #3273dc;\n border-color: transparent;\n color: #fff;\n}\n\n.button.is-info:hover, .button.is-info.is-hovered {\n background-color: #276cda;\n border-color: transparent;\n color: #fff;\n}\n\n.button.is-info:focus, .button.is-info.is-focused {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);\n color: #fff;\n}\n\n.button.is-info:active, .button.is-info.is-active {\n background-color: #2366d1;\n border-color: transparent;\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);\n color: #fff;\n}\n\n.button.is-info[disabled] {\n background-color: #3273dc;\n border-color: transparent;\n box-shadow: none;\n}\n\n.button.is-info.is-inverted {\n background-color: #fff;\n color: #3273dc;\n}\n\n.button.is-info.is-inverted:hover {\n background-color: #f2f2f2;\n}\n\n.button.is-info.is-inverted[disabled] {\n background-color: #fff;\n border-color: transparent;\n box-shadow: none;\n color: #3273dc;\n}\n\n.button.is-info.is-loading:after {\n border-color: transparent transparent #fff #fff !important;\n}\n\n.button.is-info.is-outlined {\n background-color: transparent;\n border-color: #3273dc;\n color: #3273dc;\n}\n\n.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {\n background-color: #3273dc;\n border-color: #3273dc;\n color: #fff;\n}\n\n.button.is-info.is-outlined.is-loading:after {\n border-color: transparent transparent #3273dc #3273dc !important;\n}\n\n.button.is-info.is-outlined[disabled] {\n background-color: transparent;\n border-color: #3273dc;\n box-shadow: none;\n color: #3273dc;\n}\n\n.button.is-info.is-inverted.is-outlined {\n background-color: transparent;\n border-color: #fff;\n color: #fff;\n}\n\n.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus {\n background-color: #fff;\n color: #3273dc;\n}\n\n.button.is-info.is-inverted.is-outlined[disabled] {\n background-color: transparent;\n border-color: #fff;\n box-shadow: none;\n color: #fff;\n}\n\n.button.is-success {\n background-color: #23d160;\n border-color: transparent;\n color: #fff;\n}\n\n.button.is-success:hover, .button.is-success.is-hovered {\n background-color: #22c65b;\n border-color: transparent;\n color: #fff;\n}\n\n.button.is-success:focus, .button.is-success.is-focused {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);\n color: #fff;\n}\n\n.button.is-success:active, .button.is-success.is-active {\n background-color: #20bc56;\n border-color: transparent;\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);\n color: #fff;\n}\n\n.button.is-success[disabled] {\n background-color: #23d160;\n border-color: transparent;\n box-shadow: none;\n}\n\n.button.is-success.is-inverted {\n background-color: #fff;\n color: #23d160;\n}\n\n.button.is-success.is-inverted:hover {\n background-color: #f2f2f2;\n}\n\n.button.is-success.is-inverted[disabled] {\n background-color: #fff;\n border-color: transparent;\n box-shadow: none;\n color: #23d160;\n}\n\n.button.is-success.is-loading:after {\n border-color: transparent transparent #fff #fff !important;\n}\n\n.button.is-success.is-outlined {\n background-color: transparent;\n border-color: #23d160;\n color: #23d160;\n}\n\n.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {\n background-color: #23d160;\n border-color: #23d160;\n color: #fff;\n}\n\n.button.is-success.is-outlined.is-loading:after {\n border-color: transparent transparent #23d160 #23d160 !important;\n}\n\n.button.is-success.is-outlined[disabled] {\n background-color: transparent;\n border-color: #23d160;\n box-shadow: none;\n color: #23d160;\n}\n\n.button.is-success.is-inverted.is-outlined {\n background-color: transparent;\n border-color: #fff;\n color: #fff;\n}\n\n.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus {\n background-color: #fff;\n color: #23d160;\n}\n\n.button.is-success.is-inverted.is-outlined[disabled] {\n background-color: transparent;\n border-color: #fff;\n box-shadow: none;\n color: #fff;\n}\n\n.button.is-warning {\n background-color: #ffdd57;\n border-color: transparent;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.button.is-warning:hover, .button.is-warning.is-hovered {\n background-color: #ffdb4a;\n border-color: transparent;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.button.is-warning:focus, .button.is-warning.is-focused {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);\n color: rgba(0, 0, 0, 0.7);\n}\n\n.button.is-warning:active, .button.is-warning.is-active {\n background-color: #ffd83d;\n border-color: transparent;\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);\n color: rgba(0, 0, 0, 0.7);\n}\n\n.button.is-warning[disabled] {\n background-color: #ffdd57;\n border-color: transparent;\n box-shadow: none;\n}\n\n.button.is-warning.is-inverted {\n background-color: rgba(0, 0, 0, 0.7);\n color: #ffdd57;\n}\n\n.button.is-warning.is-inverted:hover {\n background-color: rgba(0, 0, 0, 0.7);\n}\n\n.button.is-warning.is-inverted[disabled] {\n background-color: rgba(0, 0, 0, 0.7);\n border-color: transparent;\n box-shadow: none;\n color: #ffdd57;\n}\n\n.button.is-warning.is-loading:after {\n border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;\n}\n\n.button.is-warning.is-outlined {\n background-color: transparent;\n border-color: #ffdd57;\n color: #ffdd57;\n}\n\n.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {\n background-color: #ffdd57;\n border-color: #ffdd57;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.button.is-warning.is-outlined.is-loading:after {\n border-color: transparent transparent #ffdd57 #ffdd57 !important;\n}\n\n.button.is-warning.is-outlined[disabled] {\n background-color: transparent;\n border-color: #ffdd57;\n box-shadow: none;\n color: #ffdd57;\n}\n\n.button.is-warning.is-inverted.is-outlined {\n background-color: transparent;\n border-color: rgba(0, 0, 0, 0.7);\n color: rgba(0, 0, 0, 0.7);\n}\n\n.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus {\n background-color: rgba(0, 0, 0, 0.7);\n color: #ffdd57;\n}\n\n.button.is-warning.is-inverted.is-outlined[disabled] {\n background-color: transparent;\n border-color: rgba(0, 0, 0, 0.7);\n box-shadow: none;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.button.is-danger {\n background-color: #ff3860;\n border-color: transparent;\n color: #fff;\n}\n\n.button.is-danger:hover, .button.is-danger.is-hovered {\n background-color: #ff2b56;\n border-color: transparent;\n color: #fff;\n}\n\n.button.is-danger:focus, .button.is-danger.is-focused {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);\n color: #fff;\n}\n\n.button.is-danger:active, .button.is-danger.is-active {\n background-color: #ff1f4b;\n border-color: transparent;\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);\n color: #fff;\n}\n\n.button.is-danger[disabled] {\n background-color: #ff3860;\n border-color: transparent;\n box-shadow: none;\n}\n\n.button.is-danger.is-inverted {\n background-color: #fff;\n color: #ff3860;\n}\n\n.button.is-danger.is-inverted:hover {\n background-color: #f2f2f2;\n}\n\n.button.is-danger.is-inverted[disabled] {\n background-color: #fff;\n border-color: transparent;\n box-shadow: none;\n color: #ff3860;\n}\n\n.button.is-danger.is-loading:after {\n border-color: transparent transparent #fff #fff !important;\n}\n\n.button.is-danger.is-outlined {\n background-color: transparent;\n border-color: #ff3860;\n color: #ff3860;\n}\n\n.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {\n background-color: #ff3860;\n border-color: #ff3860;\n color: #fff;\n}\n\n.button.is-danger.is-outlined.is-loading:after {\n border-color: transparent transparent #ff3860 #ff3860 !important;\n}\n\n.button.is-danger.is-outlined[disabled] {\n background-color: transparent;\n border-color: #ff3860;\n box-shadow: none;\n color: #ff3860;\n}\n\n.button.is-danger.is-inverted.is-outlined {\n background-color: transparent;\n border-color: #fff;\n color: #fff;\n}\n\n.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus {\n background-color: #fff;\n color: #ff3860;\n}\n\n.button.is-danger.is-inverted.is-outlined[disabled] {\n background-color: transparent;\n border-color: #fff;\n box-shadow: none;\n color: #fff;\n}\n\n.button.is-small {\n border-radius: 2px;\n font-size: 0.75rem;\n}\n\n.button.is-medium {\n font-size: 1.25rem;\n}\n\n.button.is-large {\n font-size: 1.5rem;\n}\n\n.button[disabled] {\n background-color: white;\n border-color: #dbdbdb;\n box-shadow: none;\n opacity: 0.5;\n}\n\n.button.is-fullwidth {\n display: flex;\n width: 100%;\n}\n\n.button.is-loading {\n color: transparent !important;\n pointer-events: none;\n}\n\n.button.is-loading:after {\n animation: spinAround 500ms infinite linear;\n border: 2px solid #dbdbdb;\n border-radius: 290486px;\n border-right-color: transparent;\n border-top-color: transparent;\n content: \"\";\n display: block;\n height: 1em;\n position: relative;\n width: 1em;\n position: absolute;\n left: calc(50% - (1em / 2));\n top: calc(50% - (1em / 2));\n position: absolute !important;\n}\n\n.button.is-static {\n background-color: whitesmoke;\n border-color: #dbdbdb;\n color: #7a7a7a;\n box-shadow: none;\n pointer-events: none;\n}\n\n.container {\n margin: 0 auto;\n position: relative;\n}\n\n@media screen and (min-width: 1068px) {\n .container {\n max-width: 960px;\n width: 960px;\n }\n .container.is-fluid {\n margin-left: 24px;\n margin-right: 24px;\n max-width: none;\n width: auto;\n }\n}\n\n@media screen and (max-width: 1259px) {\n .container.is-widescreen {\n max-width: 1152px;\n width: auto;\n }\n}\n\n@media screen and (max-width: 1451px) {\n .container.is-fullhd {\n max-width: 1344px;\n width: auto;\n }\n}\n\n@media screen and (min-width: 1260px) {\n .container {\n max-width: 1152px;\n width: 1152px;\n }\n}\n\n@media screen and (min-width: 1452px) {\n .container {\n max-width: 1344px;\n width: 1344px;\n }\n}\n\n.content:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.content li + li {\n margin-top: 0.25em;\n}\n\n.content p:not(:last-child),\n.content dl:not(:last-child),\n.content ol:not(:last-child),\n.content ul:not(:last-child),\n.content blockquote:not(:last-child),\n.content pre:not(:last-child),\n.content table:not(:last-child) {\n margin-bottom: 1em;\n}\n\n.content h1,\n.content h2,\n.content h3,\n.content h4,\n.content h5,\n.content h6 {\n color: #363636;\n font-weight: 400;\n line-height: 1.125;\n}\n\n.content h1 {\n font-size: 2em;\n margin-bottom: 0.5em;\n}\n\n.content h1:not(:first-child) {\n margin-top: 1em;\n}\n\n.content h2 {\n font-size: 1.75em;\n margin-bottom: 0.5714em;\n}\n\n.content h2:not(:first-child) {\n margin-top: 1.1428em;\n}\n\n.content h3 {\n font-size: 1.5em;\n margin-bottom: 0.6666em;\n}\n\n.content h3:not(:first-child) {\n margin-top: 1.3333em;\n}\n\n.content h4 {\n font-size: 1.25em;\n margin-bottom: 0.8em;\n}\n\n.content h5 {\n font-size: 1.125em;\n margin-bottom: 0.8888em;\n}\n\n.content h6 {\n font-size: 1em;\n margin-bottom: 1em;\n}\n\n.content blockquote {\n background-color: whitesmoke;\n border-left: 5px solid #dbdbdb;\n padding: 1.25em 1.5em;\n}\n\n.content ol {\n list-style: decimal outside;\n margin-left: 2em;\n margin-top: 1em;\n}\n\n.content ul {\n list-style: disc outside;\n margin-left: 2em;\n margin-top: 1em;\n}\n\n.content ul ul {\n list-style-type: circle;\n margin-top: 0.5em;\n}\n\n.content ul ul ul {\n list-style-type: square;\n}\n\n.content dd {\n margin-left: 2em;\n}\n\n.content figure {\n margin: 2em;\n text-align: center;\n}\n\n.content figure img {\n display: inline-block;\n}\n\n.content figure figcaption {\n font-style: italic;\n}\n\n.content pre {\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n padding: 1.25em 1.5em;\n white-space: pre;\n word-wrap: normal;\n}\n\n.content sup,\n.content sub {\n font-size: 75%;\n}\n\n.content table {\n width: 100%;\n}\n\n.content table td,\n.content table th {\n border: 1px solid #dbdbdb;\n border-width: 0 0 1px;\n padding: 0.5em 0.75em;\n vertical-align: top;\n}\n\n.content table th {\n color: #363636;\n text-align: left;\n}\n\n.content table tr:hover {\n background-color: whitesmoke;\n}\n\n.content table thead td,\n.content table thead th {\n border-width: 0 0 2px;\n color: #363636;\n}\n\n.content table tfoot td,\n.content table tfoot th {\n border-width: 2px 0 0;\n color: #363636;\n}\n\n.content table tbody tr:last-child td,\n.content table tbody tr:last-child th {\n border-bottom-width: 0;\n}\n\n.content.is-small {\n font-size: 0.75rem;\n}\n\n.content.is-medium {\n font-size: 1.25rem;\n}\n\n.content.is-large {\n font-size: 1.5rem;\n}\n\n.input,\n.textarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n align-items: center;\n border: 1px solid transparent;\n border-radius: 3px;\n box-shadow: none;\n display: inline-flex;\n font-size: 1rem;\n height: 2.25em;\n justify-content: flex-start;\n line-height: 1.5;\n padding-bottom: calc(0.375em - 1px);\n padding-left: calc(0.625em - 1px);\n padding-right: calc(0.625em - 1px);\n padding-top: calc(0.375em - 1px);\n position: relative;\n vertical-align: top;\n background-color: white;\n border-color: #dbdbdb;\n color: #363636;\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);\n max-width: 100%;\n width: 100%;\n}\n\n.input:focus, .input.is-focused, .input:active, .input.is-active,\n.textarea:focus,\n.textarea.is-focused,\n.textarea:active,\n.textarea.is-active {\n outline: none;\n}\n\n.input[disabled],\n.textarea[disabled] {\n cursor: not-allowed;\n}\n\n.input:hover, .input.is-hovered,\n.textarea:hover,\n.textarea.is-hovered {\n border-color: #b5b5b5;\n}\n\n.input:focus, .input.is-focused, .input:active, .input.is-active,\n.textarea:focus,\n.textarea.is-focused,\n.textarea:active,\n.textarea.is-active {\n border-color: #00d1b2;\n}\n\n.input[disabled],\n.textarea[disabled] {\n background-color: whitesmoke;\n border-color: whitesmoke;\n box-shadow: none;\n color: #7a7a7a;\n}\n\n.input[disabled]::-moz-placeholder,\n.textarea[disabled]::-moz-placeholder {\n color: rgba(122, 122, 122, 0.3);\n}\n\n.input[disabled]::-webkit-input-placeholder,\n.textarea[disabled]::-webkit-input-placeholder {\n color: rgba(122, 122, 122, 0.3);\n}\n\n.input[disabled]:-moz-placeholder,\n.textarea[disabled]:-moz-placeholder {\n color: rgba(122, 122, 122, 0.3);\n}\n\n.input[disabled]:-ms-input-placeholder,\n.textarea[disabled]:-ms-input-placeholder {\n color: rgba(122, 122, 122, 0.3);\n}\n\n.input[type=\"search\"],\n.textarea[type=\"search\"] {\n border-radius: 290486px;\n}\n\n.input.is-white,\n.textarea.is-white {\n border-color: white;\n}\n\n.input.is-black,\n.textarea.is-black {\n border-color: #0a0a0a;\n}\n\n.input.is-light,\n.textarea.is-light {\n border-color: whitesmoke;\n}\n\n.input.is-dark,\n.textarea.is-dark {\n border-color: #363636;\n}\n\n.input.is-primary,\n.textarea.is-primary {\n border-color: #00d1b2;\n}\n\n.input.is-info,\n.textarea.is-info {\n border-color: #3273dc;\n}\n\n.input.is-success,\n.textarea.is-success {\n border-color: #23d160;\n}\n\n.input.is-warning,\n.textarea.is-warning {\n border-color: #ffdd57;\n}\n\n.input.is-danger,\n.textarea.is-danger {\n border-color: #ff3860;\n}\n\n.input.is-small,\n.textarea.is-small {\n border-radius: 2px;\n font-size: 0.75rem;\n}\n\n.input.is-medium,\n.textarea.is-medium {\n font-size: 1.25rem;\n}\n\n.input.is-large,\n.textarea.is-large {\n font-size: 1.5rem;\n}\n\n.input.is-fullwidth,\n.textarea.is-fullwidth {\n display: block;\n width: 100%;\n}\n\n.input.is-inline,\n.textarea.is-inline {\n display: inline;\n width: auto;\n}\n\n.textarea {\n display: block;\n max-width: 100%;\n min-width: 100%;\n padding: 0.625em;\n resize: vertical;\n}\n\n.textarea:not([rows]) {\n max-height: 600px;\n min-height: 120px;\n}\n\n.textarea[rows] {\n height: unset;\n}\n\n.checkbox,\n.radio {\n cursor: pointer;\n display: inline-block;\n line-height: 1.25;\n position: relative;\n}\n\n.checkbox input,\n.radio input {\n cursor: pointer;\n}\n\n.checkbox:hover,\n.radio:hover {\n color: #363636;\n}\n\n.checkbox[disabled],\n.radio[disabled] {\n color: #7a7a7a;\n cursor: not-allowed;\n}\n\n.radio + .radio {\n margin-left: 0.5em;\n}\n\n.select {\n display: inline-block;\n max-width: 100%;\n position: relative;\n vertical-align: top;\n}\n\n.select:not(.is-multiple) {\n height: 2.25em;\n}\n\n.select:not(.is-multiple)::after {\n border: 1px solid #00d1b2;\n border-right: 0;\n border-top: 0;\n content: \" \";\n display: block;\n height: 0.5em;\n pointer-events: none;\n position: absolute;\n transform: rotate(-45deg);\n width: 0.5em;\n margin-top: -0.375em;\n right: 1.125em;\n top: 50%;\n z-index: 4;\n}\n\n.select select {\n -moz-appearance: none;\n -webkit-appearance: none;\n align-items: center;\n border: 1px solid transparent;\n border-radius: 3px;\n box-shadow: none;\n display: inline-flex;\n font-size: 1rem;\n height: 2.25em;\n justify-content: flex-start;\n line-height: 1.5;\n padding-bottom: calc(0.375em - 1px);\n padding-left: calc(0.625em - 1px);\n padding-right: calc(0.625em - 1px);\n padding-top: calc(0.375em - 1px);\n position: relative;\n vertical-align: top;\n background-color: white;\n border-color: #dbdbdb;\n color: #363636;\n cursor: pointer;\n display: block;\n font-size: 1em;\n max-width: 100%;\n outline: none;\n}\n\n.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {\n outline: none;\n}\n\n.select select[disabled] {\n cursor: not-allowed;\n}\n\n.select select:hover, .select select.is-hovered {\n border-color: #b5b5b5;\n}\n\n.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {\n border-color: #00d1b2;\n}\n\n.select select[disabled] {\n background-color: whitesmoke;\n border-color: whitesmoke;\n box-shadow: none;\n color: #7a7a7a;\n}\n\n.select select[disabled]::-moz-placeholder {\n color: rgba(122, 122, 122, 0.3);\n}\n\n.select select[disabled]::-webkit-input-placeholder {\n color: rgba(122, 122, 122, 0.3);\n}\n\n.select select[disabled]:-moz-placeholder {\n color: rgba(122, 122, 122, 0.3);\n}\n\n.select select[disabled]:-ms-input-placeholder {\n color: rgba(122, 122, 122, 0.3);\n}\n\n.select select:hover {\n border-color: #b5b5b5;\n}\n\n.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {\n border-color: #00d1b2;\n}\n\n.select select::-ms-expand {\n display: none;\n}\n\n.select select[disabled]:hover {\n border-color: whitesmoke;\n}\n\n.select select:not([multiple]) {\n padding-right: 2.5em;\n}\n\n.select select[multiple] {\n height: unset;\n padding: 0;\n}\n\n.select select[multiple] option {\n padding: 0.5em 1em;\n}\n\n.select:hover::after {\n border-color: #363636;\n}\n\n.select.is-white select {\n border-color: white;\n}\n\n.select.is-black select {\n border-color: #0a0a0a;\n}\n\n.select.is-light select {\n border-color: whitesmoke;\n}\n\n.select.is-dark select {\n border-color: #363636;\n}\n\n.select.is-primary select {\n border-color: #00d1b2;\n}\n\n.select.is-info select {\n border-color: #3273dc;\n}\n\n.select.is-success select {\n border-color: #23d160;\n}\n\n.select.is-warning select {\n border-color: #ffdd57;\n}\n\n.select.is-danger select {\n border-color: #ff3860;\n}\n\n.select.is-small {\n border-radius: 2px;\n font-size: 0.75rem;\n}\n\n.select.is-medium {\n font-size: 1.25rem;\n}\n\n.select.is-large {\n font-size: 1.5rem;\n}\n\n.select.is-disabled::after {\n border-color: #7a7a7a;\n}\n\n.select.is-fullwidth {\n width: 100%;\n}\n\n.select.is-fullwidth select {\n width: 100%;\n}\n\n.select.is-loading::after {\n animation: spinAround 500ms infinite linear;\n border: 2px solid #dbdbdb;\n border-radius: 290486px;\n border-right-color: transparent;\n border-top-color: transparent;\n content: \"\";\n display: block;\n height: 1em;\n position: relative;\n width: 1em;\n margin-top: 0;\n position: absolute;\n right: 0.625em;\n top: 0.625em;\n transform: none;\n}\n\n.select.is-loading.is-small:after {\n font-size: 0.75rem;\n}\n\n.select.is-loading.is-medium:after {\n font-size: 1.25rem;\n}\n\n.select.is-loading.is-large:after {\n font-size: 1.5rem;\n}\n\n.file {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n align-items: stretch;\n display: flex;\n justify-content: flex-start;\n position: relative;\n}\n\n.file.is-white .file-cta {\n background-color: white;\n border-color: transparent;\n color: #0a0a0a;\n}\n\n.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {\n background-color: #f9f9f9;\n border-color: transparent;\n color: #0a0a0a;\n}\n\n.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);\n color: #0a0a0a;\n}\n\n.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {\n background-color: #f2f2f2;\n border-color: transparent;\n color: #0a0a0a;\n}\n\n.file.is-black .file-cta {\n background-color: #0a0a0a;\n border-color: transparent;\n color: white;\n}\n\n.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {\n background-color: #040404;\n border-color: transparent;\n color: white;\n}\n\n.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);\n color: white;\n}\n\n.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {\n background-color: black;\n border-color: transparent;\n color: white;\n}\n\n.file.is-light .file-cta {\n background-color: whitesmoke;\n border-color: transparent;\n color: #363636;\n}\n\n.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {\n background-color: #eeeeee;\n border-color: transparent;\n color: #363636;\n}\n\n.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);\n color: #363636;\n}\n\n.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {\n background-color: #e8e8e8;\n border-color: transparent;\n color: #363636;\n}\n\n.file.is-dark .file-cta {\n background-color: #363636;\n border-color: transparent;\n color: whitesmoke;\n}\n\n.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {\n background-color: #2f2f2f;\n border-color: transparent;\n color: whitesmoke;\n}\n\n.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);\n color: whitesmoke;\n}\n\n.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {\n background-color: #292929;\n border-color: transparent;\n color: whitesmoke;\n}\n\n.file.is-primary .file-cta {\n background-color: #00d1b2;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {\n background-color: #00c4a7;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);\n color: #fff;\n}\n\n.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {\n background-color: #00b89c;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-info .file-cta {\n background-color: #3273dc;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {\n background-color: #276cda;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);\n color: #fff;\n}\n\n.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {\n background-color: #2366d1;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-success .file-cta {\n background-color: #23d160;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {\n background-color: #22c65b;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);\n color: #fff;\n}\n\n.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {\n background-color: #20bc56;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-warning .file-cta {\n background-color: #ffdd57;\n border-color: transparent;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {\n background-color: #ffdb4a;\n border-color: transparent;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);\n color: rgba(0, 0, 0, 0.7);\n}\n\n.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {\n background-color: #ffd83d;\n border-color: transparent;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.file.is-danger .file-cta {\n background-color: #ff3860;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {\n background-color: #ff2b56;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {\n border-color: transparent;\n box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);\n color: #fff;\n}\n\n.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {\n background-color: #ff1f4b;\n border-color: transparent;\n color: #fff;\n}\n\n.file.is-small {\n font-size: 0.75rem;\n}\n\n.file.is-medium {\n font-size: 1.25rem;\n}\n\n.file.is-medium .file-icon .fa {\n font-size: 21px;\n}\n\n.file.is-large {\n font-size: 1.5rem;\n}\n\n.file.is-large .file-icon .fa {\n font-size: 28px;\n}\n\n.file.has-name .file-cta {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n\n.file.has-name .file-name {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n\n.file.is-centered {\n justify-content: center;\n}\n\n.file.is-right {\n justify-content: flex-end;\n}\n\n.file.is-boxed .file-label {\n flex-direction: column;\n}\n\n.file.is-boxed .file-cta {\n flex-direction: column;\n height: auto;\n padding: 1em 3em;\n}\n\n.file.is-boxed .file-name {\n border-width: 0 1px 1px;\n}\n\n.file.is-boxed .file-icon {\n height: 1.5em;\n width: 1.5em;\n}\n\n.file.is-boxed .file-icon .fa {\n font-size: 21px;\n}\n\n.file.is-boxed.is-small .file-icon .fa {\n font-size: 14px;\n}\n\n.file.is-boxed.is-medium .file-icon .fa {\n font-size: 28px;\n}\n\n.file.is-boxed.is-large .file-icon .fa {\n font-size: 35px;\n}\n\n.file.is-boxed.has-name .file-cta {\n border-radius: 3px 3px 0 0;\n}\n\n.file.is-boxed.has-name .file-name {\n border-radius: 0 0 3px 3px;\n border-width: 0 1px 1px;\n}\n\n.file.is-right .file-cta {\n border-radius: 0 3px 3px 0;\n}\n\n.file.is-right .file-name {\n border-radius: 3px 0 0 3px;\n border-width: 1px 0 1px 1px;\n order: -1;\n}\n\n.file.is-fullwidth .file-label {\n width: 100%;\n}\n\n.file.is-fullwidth .file-name {\n flex-grow: 1;\n max-width: none;\n}\n\n.file-label {\n align-items: stretch;\n display: flex;\n cursor: pointer;\n justify-content: flex-start;\n overflow: hidden;\n position: relative;\n}\n\n.file-label:hover .file-cta {\n background-color: #eeeeee;\n color: #363636;\n}\n\n.file-label:hover .file-name {\n border-color: #d5d5d5;\n}\n\n.file-label:active .file-cta {\n background-color: #e8e8e8;\n color: #363636;\n}\n\n.file-label:active .file-name {\n border-color: #cfcfcf;\n}\n\n.file-input {\n height: 0.01em;\n left: 0;\n outline: none;\n position: absolute;\n top: 0;\n width: 0.01em;\n}\n\n.file-cta,\n.file-name {\n -moz-appearance: none;\n -webkit-appearance: none;\n align-items: center;\n border: 1px solid transparent;\n border-radius: 3px;\n box-shadow: none;\n display: inline-flex;\n font-size: 1rem;\n height: 2.25em;\n justify-content: flex-start;\n line-height: 1.5;\n padding-bottom: calc(0.375em - 1px);\n padding-left: calc(0.625em - 1px);\n padding-right: calc(0.625em - 1px);\n padding-top: calc(0.375em - 1px);\n position: relative;\n vertical-align: top;\n border-color: #dbdbdb;\n border-radius: 3px;\n font-size: 1em;\n padding-left: 1em;\n padding-right: 1em;\n white-space: nowrap;\n}\n\n.file-cta:focus, .file-cta.is-focused, .file-cta:active, .file-cta.is-active,\n.file-name:focus,\n.file-name.is-focused,\n.file-name:active,\n.file-name.is-active {\n outline: none;\n}\n\n.file-cta[disabled],\n.file-name[disabled] {\n cursor: not-allowed;\n}\n\n.file-cta {\n background-color: whitesmoke;\n color: #4a4a4a;\n}\n\n.file-name {\n border-color: #dbdbdb;\n border-style: solid;\n border-width: 1px 1px 1px 0;\n display: block;\n max-width: 16em;\n overflow: hidden;\n text-align: left;\n text-overflow: ellipsis;\n}\n\n.file-icon {\n align-items: center;\n display: flex;\n height: 1em;\n justify-content: center;\n margin-right: 0.5em;\n width: 1em;\n}\n\n.file-icon .fa {\n font-size: 14px;\n}\n\n.label {\n color: #363636;\n display: block;\n font-size: 1rem;\n font-weight: 700;\n}\n\n.label:not(:last-child) {\n margin-bottom: 0.5em;\n}\n\n.label.is-small {\n font-size: 0.75rem;\n}\n\n.label.is-medium {\n font-size: 1.25rem;\n}\n\n.label.is-large {\n font-size: 1.5rem;\n}\n\n.help {\n display: block;\n font-size: 0.75rem;\n margin-top: 0.25rem;\n}\n\n.help.is-white {\n color: white;\n}\n\n.help.is-black {\n color: #0a0a0a;\n}\n\n.help.is-light {\n color: whitesmoke;\n}\n\n.help.is-dark {\n color: #363636;\n}\n\n.help.is-primary {\n color: #00d1b2;\n}\n\n.help.is-info {\n color: #3273dc;\n}\n\n.help.is-success {\n color: #23d160;\n}\n\n.help.is-warning {\n color: #ffdd57;\n}\n\n.help.is-danger {\n color: #ff3860;\n}\n\n.field:not(:last-child) {\n margin-bottom: 0.75rem;\n}\n\n.field.has-addons {\n display: flex;\n justify-content: flex-start;\n}\n\n.field.has-addons .control:not(:last-child) {\n margin-right: -1px;\n}\n\n.field.has-addons .control:first-child .button,\n.field.has-addons .control:first-child .input,\n.field.has-addons .control:first-child .select select {\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n}\n\n.field.has-addons .control:last-child .button,\n.field.has-addons .control:last-child .input,\n.field.has-addons .control:last-child .select select {\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.field.has-addons .control .button,\n.field.has-addons .control .input,\n.field.has-addons .control .select select {\n border-radius: 0;\n}\n\n.field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered,\n.field.has-addons .control .input:hover,\n.field.has-addons .control .input.is-hovered,\n.field.has-addons .control .select select:hover,\n.field.has-addons .control .select select.is-hovered {\n z-index: 2;\n}\n\n.field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active,\n.field.has-addons .control .input:focus,\n.field.has-addons .control .input.is-focused,\n.field.has-addons .control .input:active,\n.field.has-addons .control .input.is-active,\n.field.has-addons .control .select select:focus,\n.field.has-addons .control .select select.is-focused,\n.field.has-addons .control .select select:active,\n.field.has-addons .control .select select.is-active {\n z-index: 3;\n}\n\n.field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover,\n.field.has-addons .control .input:focus:hover,\n.field.has-addons .control .input.is-focused:hover,\n.field.has-addons .control .input:active:hover,\n.field.has-addons .control .input.is-active:hover,\n.field.has-addons .control .select select:focus:hover,\n.field.has-addons .control .select select.is-focused:hover,\n.field.has-addons .control .select select:active:hover,\n.field.has-addons .control .select select.is-active:hover {\n z-index: 4;\n}\n\n.field.has-addons .control.is-expanded {\n flex-grow: 1;\n}\n\n.field.has-addons.has-addons-centered {\n justify-content: center;\n}\n\n.field.has-addons.has-addons-right {\n justify-content: flex-end;\n}\n\n.field.has-addons.has-addons-fullwidth .control {\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n.field.is-grouped {\n display: flex;\n justify-content: flex-start;\n}\n\n.field.is-grouped > .control {\n flex-shrink: 0;\n}\n\n.field.is-grouped > .control:not(:last-child) {\n margin-bottom: 0;\n margin-right: 0.75rem;\n}\n\n.field.is-grouped > .control.is-expanded {\n flex-grow: 1;\n flex-shrink: 1;\n}\n\n.field.is-grouped.is-grouped-centered {\n justify-content: center;\n}\n\n.field.is-grouped.is-grouped-right {\n justify-content: flex-end;\n}\n\n.field.is-grouped.is-grouped-multiline {\n flex-wrap: wrap;\n}\n\n.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {\n margin-bottom: 0.75rem;\n}\n\n.field.is-grouped.is-grouped-multiline:last-child {\n margin-bottom: -0.75rem;\n}\n\n.field.is-grouped.is-grouped-multiline:not(:last-child) {\n margin-bottom: 0;\n}\n\n@media screen and (min-width: 769px), print {\n .field.is-horizontal {\n display: flex;\n }\n}\n\n.field-label .label {\n font-size: inherit;\n}\n\n@media screen and (max-width: 768px) {\n .field-label {\n margin-bottom: 0.5rem;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .field-label {\n flex-basis: 0;\n flex-grow: 1;\n flex-shrink: 0;\n margin-right: 1.5rem;\n text-align: right;\n }\n .field-label.is-small {\n font-size: 0.75rem;\n padding-top: 0.375em;\n }\n .field-label.is-normal {\n padding-top: 0.375em;\n }\n .field-label.is-medium {\n font-size: 1.25rem;\n padding-top: 0.375em;\n }\n .field-label.is-large {\n font-size: 1.5rem;\n padding-top: 0.375em;\n }\n}\n\n.field-body .field .field {\n margin-bottom: 0;\n}\n\n@media screen and (min-width: 769px), print {\n .field-body {\n display: flex;\n flex-basis: 0;\n flex-grow: 5;\n flex-shrink: 1;\n }\n .field-body .field {\n margin-bottom: 0;\n }\n .field-body > .field {\n flex-shrink: 1;\n }\n .field-body > .field:not(.is-narrow) {\n flex-grow: 1;\n }\n .field-body > .field:not(:last-child) {\n margin-right: 0.75rem;\n }\n}\n\n.control {\n font-size: 1rem;\n position: relative;\n text-align: left;\n}\n\n.control.has-icon .icon {\n color: #dbdbdb;\n height: 2.25em;\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 2.25em;\n z-index: 4;\n}\n\n.control.has-icon .input:focus + .icon {\n color: #7a7a7a;\n}\n\n.control.has-icon .input.is-small + .icon {\n font-size: 0.75rem;\n}\n\n.control.has-icon .input.is-medium + .icon {\n font-size: 1.25rem;\n}\n\n.control.has-icon .input.is-large + .icon {\n font-size: 1.5rem;\n}\n\n.control.has-icon:not(.has-icon-right) .icon {\n left: 0;\n}\n\n.control.has-icon:not(.has-icon-right) .input {\n padding-left: 2.25em;\n}\n\n.control.has-icon.has-icon-right .icon {\n right: 0;\n}\n\n.control.has-icon.has-icon-right .input {\n padding-right: 2.25em;\n}\n\n.control.has-icons-left .input:focus ~ .icon,\n.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,\n.control.has-icons-right .select:focus ~ .icon {\n color: #7a7a7a;\n}\n\n.control.has-icons-left .input.is-small ~ .icon,\n.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,\n.control.has-icons-right .select.is-small ~ .icon {\n font-size: 0.75rem;\n}\n\n.control.has-icons-left .input.is-medium ~ .icon,\n.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,\n.control.has-icons-right .select.is-medium ~ .icon {\n font-size: 1.25rem;\n}\n\n.control.has-icons-left .input.is-large ~ .icon,\n.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,\n.control.has-icons-right .select.is-large ~ .icon {\n font-size: 1.5rem;\n}\n\n.control.has-icons-left .icon, .control.has-icons-right .icon {\n color: #dbdbdb;\n height: 2.25em;\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 2.25em;\n z-index: 4;\n}\n\n.control.has-icons-left .input,\n.control.has-icons-left .select select {\n padding-left: 2.25em;\n}\n\n.control.has-icons-left .icon.is-left {\n left: 0;\n}\n\n.control.has-icons-right .input,\n.control.has-icons-right .select select {\n padding-right: 2.25em;\n}\n\n.control.has-icons-right .icon.is-right {\n right: 0;\n}\n\n.control.is-loading::after {\n animation: spinAround 500ms infinite linear;\n border: 2px solid #dbdbdb;\n border-radius: 290486px;\n border-right-color: transparent;\n border-top-color: transparent;\n content: \"\";\n display: block;\n height: 1em;\n position: relative;\n width: 1em;\n position: absolute !important;\n right: 0.625em;\n top: 0.625em;\n}\n\n.control.is-loading.is-small:after {\n font-size: 0.75rem;\n}\n\n.control.is-loading.is-medium:after {\n font-size: 1.25rem;\n}\n\n.control.is-loading.is-large:after {\n font-size: 1.5rem;\n}\n\n.icon {\n align-items: center;\n display: inline-flex;\n justify-content: center;\n height: 1.5rem;\n width: 1.5rem;\n}\n\n.icon .fa {\n font-size: 21px;\n}\n\n.icon.is-small {\n height: 1rem;\n width: 1rem;\n}\n\n.icon.is-small .fa {\n font-size: 14px;\n}\n\n.icon.is-medium {\n height: 2rem;\n width: 2rem;\n}\n\n.icon.is-medium .fa {\n font-size: 28px;\n}\n\n.icon.is-large {\n height: 3rem;\n width: 3rem;\n}\n\n.icon.is-large .fa {\n font-size: 42px;\n}\n\n.image {\n display: block;\n position: relative;\n}\n\n.image img {\n display: block;\n height: auto;\n width: 100%;\n}\n\n.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n height: 100%;\n width: 100%;\n}\n\n.image.is-square, .image.is-1by1 {\n padding-top: 100%;\n}\n\n.image.is-4by3 {\n padding-top: 75%;\n}\n\n.image.is-3by2 {\n padding-top: 66.6666%;\n}\n\n.image.is-16by9 {\n padding-top: 56.25%;\n}\n\n.image.is-2by1 {\n padding-top: 50%;\n}\n\n.image.is-16x16 {\n height: 16px;\n width: 16px;\n}\n\n.image.is-24x24 {\n height: 24px;\n width: 24px;\n}\n\n.image.is-32x32 {\n height: 32px;\n width: 32px;\n}\n\n.image.is-48x48 {\n height: 48px;\n width: 48px;\n}\n\n.image.is-64x64 {\n height: 64px;\n width: 64px;\n}\n\n.image.is-96x96 {\n height: 96px;\n width: 96px;\n}\n\n.image.is-128x128 {\n height: 128px;\n width: 128px;\n}\n\n.notification {\n background-color: whitesmoke;\n border-radius: 3px;\n padding: 1.25rem 2.5rem 1.25rem 1.5rem;\n position: relative;\n}\n\n.notification:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.notification a:not(.button) {\n color: currentColor;\n text-decoration: underline;\n}\n\n.notification strong {\n color: currentColor;\n}\n\n.notification code,\n.notification pre {\n background: white;\n}\n\n.notification pre code {\n background: transparent;\n}\n\n.notification > .delete {\n position: absolute;\n right: 0.5em;\n top: 0.5em;\n}\n\n.notification .title,\n.notification .subtitle,\n.notification .content {\n color: currentColor;\n}\n\n.notification.is-white {\n background-color: white;\n color: #0a0a0a;\n}\n\n.notification.is-black {\n background-color: #0a0a0a;\n color: white;\n}\n\n.notification.is-light {\n background-color: whitesmoke;\n color: #363636;\n}\n\n.notification.is-dark {\n background-color: #363636;\n color: whitesmoke;\n}\n\n.notification.is-primary {\n background-color: #00d1b2;\n color: #fff;\n}\n\n.notification.is-info {\n background-color: #3273dc;\n color: #fff;\n}\n\n.notification.is-success {\n background-color: #23d160;\n color: #fff;\n}\n\n.notification.is-warning {\n background-color: #ffdd57;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.notification.is-danger {\n background-color: #ff3860;\n color: #fff;\n}\n\n.progress {\n -moz-appearance: none;\n -webkit-appearance: none;\n border: none;\n border-radius: 290486px;\n display: block;\n height: 1rem;\n overflow: hidden;\n padding: 0;\n width: 100%;\n}\n\n.progress:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.progress::-webkit-progress-bar {\n background-color: #dbdbdb;\n}\n\n.progress::-webkit-progress-value {\n background-color: #4a4a4a;\n}\n\n.progress::-moz-progress-bar {\n background-color: #4a4a4a;\n}\n\n.progress.is-white::-webkit-progress-value {\n background-color: white;\n}\n\n.progress.is-white::-moz-progress-bar {\n background-color: white;\n}\n\n.progress.is-black::-webkit-progress-value {\n background-color: #0a0a0a;\n}\n\n.progress.is-black::-moz-progress-bar {\n background-color: #0a0a0a;\n}\n\n.progress.is-light::-webkit-progress-value {\n background-color: whitesmoke;\n}\n\n.progress.is-light::-moz-progress-bar {\n background-color: whitesmoke;\n}\n\n.progress.is-dark::-webkit-progress-value {\n background-color: #363636;\n}\n\n.progress.is-dark::-moz-progress-bar {\n background-color: #363636;\n}\n\n.progress.is-primary::-webkit-progress-value {\n background-color: #00d1b2;\n}\n\n.progress.is-primary::-moz-progress-bar {\n background-color: #00d1b2;\n}\n\n.progress.is-info::-webkit-progress-value {\n background-color: #3273dc;\n}\n\n.progress.is-info::-moz-progress-bar {\n background-color: #3273dc;\n}\n\n.progress.is-success::-webkit-progress-value {\n background-color: #23d160;\n}\n\n.progress.is-success::-moz-progress-bar {\n background-color: #23d160;\n}\n\n.progress.is-warning::-webkit-progress-value {\n background-color: #ffdd57;\n}\n\n.progress.is-warning::-moz-progress-bar {\n background-color: #ffdd57;\n}\n\n.progress.is-danger::-webkit-progress-value {\n background-color: #ff3860;\n}\n\n.progress.is-danger::-moz-progress-bar {\n background-color: #ff3860;\n}\n\n.progress.is-small {\n height: 0.75rem;\n}\n\n.progress.is-medium {\n height: 1.25rem;\n}\n\n.progress.is-large {\n height: 1.5rem;\n}\n\n.table {\n background-color: white;\n color: #363636;\n margin-bottom: 1.5rem;\n}\n\n.table td,\n.table th {\n border: 1px solid #dbdbdb;\n border-width: 0 0 1px;\n padding: 0.5em 0.75em;\n vertical-align: top;\n}\n\n.table td.is-white,\n.table th.is-white {\n background-color: white;\n border-color: white;\n color: #0a0a0a;\n}\n\n.table td.is-black,\n.table th.is-black {\n background-color: #0a0a0a;\n border-color: #0a0a0a;\n color: white;\n}\n\n.table td.is-light,\n.table th.is-light {\n background-color: whitesmoke;\n border-color: whitesmoke;\n color: #363636;\n}\n\n.table td.is-dark,\n.table th.is-dark {\n background-color: #363636;\n border-color: #363636;\n color: whitesmoke;\n}\n\n.table td.is-primary,\n.table th.is-primary {\n background-color: #00d1b2;\n border-color: #00d1b2;\n color: #fff;\n}\n\n.table td.is-info,\n.table th.is-info {\n background-color: #3273dc;\n border-color: #3273dc;\n color: #fff;\n}\n\n.table td.is-success,\n.table th.is-success {\n background-color: #23d160;\n border-color: #23d160;\n color: #fff;\n}\n\n.table td.is-warning,\n.table th.is-warning {\n background-color: #ffdd57;\n border-color: #ffdd57;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.table td.is-danger,\n.table th.is-danger {\n background-color: #ff3860;\n border-color: #ff3860;\n color: #fff;\n}\n\n.table td.is-narrow,\n.table th.is-narrow {\n white-space: nowrap;\n width: 1%;\n}\n\n.table th {\n color: #363636;\n text-align: left;\n}\n\n.table tr:hover {\n background-color: #fafafa;\n}\n\n.table tr.is-selected {\n background-color: #00d1b2;\n color: #fff;\n}\n\n.table tr.is-selected a,\n.table tr.is-selected strong {\n color: currentColor;\n}\n\n.table tr.is-selected td,\n.table tr.is-selected th {\n border-color: #fff;\n color: currentColor;\n}\n\n.table thead td,\n.table thead th {\n border-width: 0 0 2px;\n color: #363636;\n}\n\n.table tfoot td,\n.table tfoot th {\n border-width: 2px 0 0;\n color: #363636;\n}\n\n.table tbody tr:last-child td,\n.table tbody tr:last-child th {\n border-bottom-width: 0;\n}\n\n.table.is-bordered td,\n.table.is-bordered th {\n border-width: 1px;\n}\n\n.table.is-bordered tr:last-child td,\n.table.is-bordered tr:last-child th {\n border-bottom-width: 1px;\n}\n\n.table.is-fullwidth {\n width: 100%;\n}\n\n.table.is-narrow td,\n.table.is-narrow th {\n padding: 0.25em 0.5em;\n}\n\n.table.is-striped tbody tr:not(.is-selected):nth-child(even) {\n background-color: #fafafa;\n}\n\n.table.is-striped tbody tr:not(.is-selected):nth-child(even):hover {\n background-color: whitesmoke;\n}\n\n.tags {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n}\n\n.tags .tag {\n margin-bottom: 0.5rem;\n}\n\n.tags .tag:not(:last-child) {\n margin-right: 0.5rem;\n}\n\n.tags:last-child {\n margin-bottom: -0.5rem;\n}\n\n.tags:not(:last-child) {\n margin-bottom: 1rem;\n}\n\n.tags.has-addons .tag {\n margin-right: 0;\n}\n\n.tags.has-addons .tag:not(:first-child) {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n\n.tags.has-addons .tag:not(:last-child) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n\n.tag {\n align-items: center;\n background-color: whitesmoke;\n border-radius: 3px;\n color: #4a4a4a;\n display: inline-flex;\n font-size: 0.75rem;\n height: 2em;\n justify-content: center;\n line-height: 1.5;\n padding-left: 0.75em;\n padding-right: 0.75em;\n white-space: nowrap;\n}\n\n.tag .delete {\n margin-left: 0.25em;\n margin-right: -0.375em;\n}\n\n.tag.is-white {\n background-color: white;\n color: #0a0a0a;\n}\n\n.tag.is-black {\n background-color: #0a0a0a;\n color: white;\n}\n\n.tag.is-light {\n background-color: whitesmoke;\n color: #363636;\n}\n\n.tag.is-dark {\n background-color: #363636;\n color: whitesmoke;\n}\n\n.tag.is-primary {\n background-color: #00d1b2;\n color: #fff;\n}\n\n.tag.is-info {\n background-color: #3273dc;\n color: #fff;\n}\n\n.tag.is-success {\n background-color: #23d160;\n color: #fff;\n}\n\n.tag.is-warning {\n background-color: #ffdd57;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.tag.is-danger {\n background-color: #ff3860;\n color: #fff;\n}\n\n.tag.is-medium {\n font-size: 1rem;\n}\n\n.tag.is-large {\n font-size: 1.25rem;\n}\n\n.tag.is-delete {\n margin-left: 1px;\n padding: 0;\n position: relative;\n width: 2em;\n}\n\n.tag.is-delete:before, .tag.is-delete:after {\n background-color: currentColor;\n content: \"\";\n display: block;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\n transform-origin: center center;\n}\n\n.tag.is-delete:before {\n height: 1px;\n width: 50%;\n}\n\n.tag.is-delete:after {\n height: 50%;\n width: 1px;\n}\n\n.tag.is-delete:hover, .tag.is-delete:focus {\n background-color: #e8e8e8;\n}\n\n.tag.is-delete:active {\n background-color: #dbdbdb;\n}\n\n.tag.is-rounded {\n border-radius: 290486px;\n}\n\na.tag:hover {\n text-decoration: underline;\n}\n\n.title,\n.subtitle {\n word-break: break-word;\n}\n\n.title:not(:last-child),\n.subtitle:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.title em,\n.title span,\n.subtitle em,\n.subtitle span {\n font-weight: inherit;\n}\n\n.title .tag,\n.subtitle .tag {\n vertical-align: middle;\n}\n\n.title {\n color: #363636;\n font-size: 2rem;\n font-weight: 600;\n line-height: 1.125;\n}\n\n.title strong {\n color: inherit;\n font-weight: inherit;\n}\n\n.title + .highlight {\n margin-top: -0.75rem;\n}\n\n.title:not(.is-spaced) + .subtitle {\n margin-top: -1.5rem;\n}\n\n.title.is-1 {\n font-size: 3rem;\n}\n\n.title.is-2 {\n font-size: 2.5rem;\n}\n\n.title.is-3 {\n font-size: 2rem;\n}\n\n.title.is-4 {\n font-size: 1.5rem;\n}\n\n.title.is-5 {\n font-size: 1.25rem;\n}\n\n.title.is-6 {\n font-size: 1rem;\n}\n\n.title.is-7 {\n font-size: 0.75rem;\n}\n\n.subtitle {\n color: #4a4a4a;\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.25;\n}\n\n.subtitle strong {\n color: #363636;\n font-weight: 600;\n}\n\n.subtitle:not(.is-spaced) + .title {\n margin-top: -1.5rem;\n}\n\n.subtitle.is-1 {\n font-size: 3rem;\n}\n\n.subtitle.is-2 {\n font-size: 2.5rem;\n}\n\n.subtitle.is-3 {\n font-size: 2rem;\n}\n\n.subtitle.is-4 {\n font-size: 1.5rem;\n}\n\n.subtitle.is-5 {\n font-size: 1.25rem;\n}\n\n.subtitle.is-6 {\n font-size: 1rem;\n}\n\n.subtitle.is-7 {\n font-size: 0.75rem;\n}\n\n.block:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.delete {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n background-color: rgba(10, 10, 10, 0.2);\n border: none;\n border-radius: 290486px;\n cursor: pointer;\n display: inline-block;\n flex-grow: 0;\n flex-shrink: 0;\n font-size: 1rem;\n height: 20px;\n max-height: 20px;\n max-width: 20px;\n min-height: 20px;\n min-width: 20px;\n outline: none;\n position: relative;\n vertical-align: top;\n width: 20px;\n}\n\n.delete:before, .delete:after {\n background-color: white;\n content: \"\";\n display: block;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\n transform-origin: center center;\n}\n\n.delete:before {\n height: 2px;\n width: 50%;\n}\n\n.delete:after {\n height: 50%;\n width: 2px;\n}\n\n.delete:hover, .delete:focus {\n background-color: rgba(10, 10, 10, 0.3);\n}\n\n.delete:active {\n background-color: rgba(10, 10, 10, 0.4);\n}\n\n.delete.is-small {\n height: 16px;\n max-height: 16px;\n max-width: 16px;\n min-height: 16px;\n min-width: 16px;\n width: 16px;\n}\n\n.delete.is-medium {\n height: 24px;\n max-height: 24px;\n max-width: 24px;\n min-height: 24px;\n min-width: 24px;\n width: 24px;\n}\n\n.delete.is-large {\n height: 32px;\n max-height: 32px;\n max-width: 32px;\n min-height: 32px;\n min-width: 32px;\n width: 32px;\n}\n\n.fa {\n font-size: 21px;\n text-align: center;\n vertical-align: top;\n}\n\n.heading {\n display: block;\n font-size: 11px;\n letter-spacing: 1px;\n margin-bottom: 5px;\n text-transform: uppercase;\n}\n\n.highlight {\n font-weight: 400;\n max-width: 100%;\n overflow: hidden;\n padding: 0;\n}\n\n.highlight:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.highlight pre {\n overflow: auto;\n max-width: 100%;\n}\n\n.loader {\n animation: spinAround 500ms infinite linear;\n border: 2px solid #dbdbdb;\n border-radius: 290486px;\n border-right-color: transparent;\n border-top-color: transparent;\n content: \"\";\n display: block;\n height: 1em;\n position: relative;\n width: 1em;\n}\n\n.number {\n align-items: center;\n background-color: whitesmoke;\n border-radius: 290486px;\n display: inline-flex;\n font-size: 1.25rem;\n height: 2em;\n justify-content: center;\n margin-right: 1.5rem;\n min-width: 2.5em;\n padding: 0.25rem 0.5rem;\n text-align: center;\n vertical-align: top;\n}\n\n.breadcrumb {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n align-items: stretch;\n display: flex;\n font-size: 1rem;\n overflow: hidden;\n overflow-x: auto;\n white-space: nowrap;\n}\n\n.breadcrumb:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.breadcrumb a {\n align-items: center;\n color: #7a7a7a;\n display: flex;\n justify-content: center;\n padding: 0.5em 0.75em;\n}\n\n.breadcrumb a:hover {\n color: #363636;\n}\n\n.breadcrumb li {\n align-items: center;\n display: flex;\n}\n\n.breadcrumb li.is-active a {\n color: #363636;\n cursor: default;\n pointer-events: none;\n}\n\n.breadcrumb li + li::before {\n color: #4a4a4a;\n content: \"\\0002f\";\n}\n\n.breadcrumb ul, .breadcrumb ol {\n align-items: center;\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n justify-content: flex-start;\n}\n\n.breadcrumb .icon:first-child {\n margin-right: 0.5em;\n}\n\n.breadcrumb .icon:last-child {\n margin-left: 0.5em;\n}\n\n.breadcrumb.is-centered ol, .breadcrumb.is-centered ul {\n justify-content: center;\n}\n\n.breadcrumb.is-right ol, .breadcrumb.is-right ul {\n justify-content: flex-end;\n}\n\n.breadcrumb.is-small {\n font-size: 0.75rem;\n}\n\n.breadcrumb.is-medium {\n font-size: 1.25rem;\n}\n\n.breadcrumb.is-large {\n font-size: 1.5rem;\n}\n\n.breadcrumb.has-arrow-separator li + li::before {\n content: \"\\02192\";\n}\n\n.breadcrumb.has-bullet-separator li + li::before {\n content: \"\\02022\";\n}\n\n.breadcrumb.has-dot-separator li + li::before {\n content: \"\\000b7\";\n}\n\n.breadcrumb.has-succeeds-separator li + li::before {\n content: \"\\0227B\";\n}\n\n.card {\n background-color: white;\n box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);\n color: #4a4a4a;\n max-width: 100%;\n position: relative;\n}\n\n.card-header {\n align-items: stretch;\n box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);\n display: flex;\n}\n\n.card-header-title {\n align-items: center;\n color: #363636;\n display: flex;\n flex-grow: 1;\n font-weight: 700;\n padding: 0.75rem;\n}\n\n.card-header-icon {\n align-items: center;\n cursor: pointer;\n display: flex;\n justify-content: center;\n padding: 0.75rem;\n}\n\n.card-image {\n display: block;\n position: relative;\n}\n\n.card-content {\n padding: 1.5rem;\n}\n\n.card-footer {\n border-top: 1px solid #dbdbdb;\n align-items: stretch;\n display: flex;\n}\n\n.card-footer-item {\n align-items: center;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-shrink: 0;\n justify-content: center;\n padding: 0.75rem;\n}\n\n.card-footer-item:not(:last-child) {\n border-right: 1px solid #dbdbdb;\n}\n\n.card .media:not(:last-child) {\n margin-bottom: 0.75rem;\n}\n\n.dropdown {\n display: inline-flex;\n position: relative;\n vertical-align: top;\n}\n\n.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {\n display: block;\n}\n\n.dropdown.is-right .dropdown-menu {\n left: auto;\n right: 0;\n}\n\n.dropdown-menu {\n display: none;\n left: 0;\n min-width: 12rem;\n padding-top: 4px;\n position: absolute;\n top: 100%;\n z-index: 20;\n}\n\n.dropdown-content {\n background-color: white;\n border-radius: 3px;\n box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);\n padding-bottom: 0.5rem;\n padding-top: 0.5rem;\n}\n\n.dropdown-item {\n color: #4a4a4a;\n display: block;\n font-size: 0.875rem;\n line-height: 1.5;\n padding: 0.375rem 1rem;\n position: relative;\n}\n\na.dropdown-item {\n padding-right: 3rem;\n white-space: nowrap;\n}\n\na.dropdown-item:hover {\n background-color: whitesmoke;\n color: #0a0a0a;\n}\n\na.dropdown-item.is-active {\n background-color: #00d1b2;\n color: #fff;\n}\n\n.dropdown-divider {\n background-color: #dbdbdb;\n border: none;\n display: block;\n height: 1px;\n margin: 0.5rem 0;\n}\n\n.level {\n align-items: center;\n justify-content: space-between;\n}\n\n.level:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.level code {\n border-radius: 3px;\n}\n\n.level img {\n display: inline-block;\n vertical-align: top;\n}\n\n.level.is-mobile {\n display: flex;\n}\n\n.level.is-mobile .level-left,\n.level.is-mobile .level-right {\n display: flex;\n}\n\n.level.is-mobile .level-left + .level-right {\n margin-top: 0;\n}\n\n.level.is-mobile .level-item:not(:last-child) {\n margin-bottom: 0;\n}\n\n.level.is-mobile .level-item:not(.is-narrow) {\n flex-grow: 1;\n}\n\n@media screen and (min-width: 769px), print {\n .level {\n display: flex;\n }\n .level > .level-item:not(.is-narrow) {\n flex-grow: 1;\n }\n}\n\n.level-item {\n align-items: center;\n display: flex;\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n justify-content: center;\n}\n\n.level-item .title,\n.level-item .subtitle {\n margin-bottom: 0;\n}\n\n@media screen and (max-width: 768px) {\n .level-item:not(:last-child) {\n margin-bottom: 0.75rem;\n }\n}\n\n.level-left,\n.level-right {\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.level-left .level-item:not(:last-child),\n.level-right .level-item:not(:last-child) {\n margin-right: 0.75rem;\n}\n\n.level-left .level-item.is-flexible,\n.level-right .level-item.is-flexible {\n flex-grow: 1;\n}\n\n.level-left {\n align-items: center;\n justify-content: flex-start;\n}\n\n@media screen and (max-width: 768px) {\n .level-left + .level-right {\n margin-top: 1.5rem;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .level-left {\n display: flex;\n }\n}\n\n.level-right {\n align-items: center;\n justify-content: flex-end;\n}\n\n@media screen and (min-width: 769px), print {\n .level-right {\n display: flex;\n }\n}\n\n.media {\n align-items: flex-start;\n display: flex;\n text-align: left;\n}\n\n.media .content:not(:last-child) {\n margin-bottom: 0.75rem;\n}\n\n.media .media {\n border-top: 1px solid rgba(219, 219, 219, 0.5);\n display: flex;\n padding-top: 0.75rem;\n}\n\n.media .media .content:not(:last-child),\n.media .media .control:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n\n.media .media .media {\n padding-top: 0.5rem;\n}\n\n.media .media .media + .media {\n margin-top: 0.5rem;\n}\n\n.media + .media {\n border-top: 1px solid rgba(219, 219, 219, 0.5);\n margin-top: 1rem;\n padding-top: 1rem;\n}\n\n.media.is-large + .media {\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n}\n\n.media-left,\n.media-right {\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.media-left {\n margin-right: 1rem;\n}\n\n.media-right {\n margin-left: 1rem;\n}\n\n.media-content {\n flex-basis: auto;\n flex-grow: 1;\n flex-shrink: 1;\n text-align: left;\n}\n\n.menu {\n font-size: 1rem;\n}\n\n.menu.is-small {\n font-size: 0.75rem;\n}\n\n.menu.is-medium {\n font-size: 1.25rem;\n}\n\n.menu.is-large {\n font-size: 1.5rem;\n}\n\n.menu-list {\n line-height: 1.25;\n}\n\n.menu-list a {\n border-radius: 2px;\n color: #4a4a4a;\n display: block;\n padding: 0.5em 0.75em;\n}\n\n.menu-list a:hover {\n background-color: whitesmoke;\n color: #363636;\n}\n\n.menu-list a.is-active {\n background-color: #00d1b2;\n color: #fff;\n}\n\n.menu-list li ul {\n border-left: 1px solid #dbdbdb;\n margin: 0.75em;\n padding-left: 0.75em;\n}\n\n.menu-label {\n color: #7a7a7a;\n font-size: 0.75em;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n}\n\n.menu-label:not(:first-child) {\n margin-top: 1em;\n}\n\n.menu-label:not(:last-child) {\n margin-bottom: 1em;\n}\n\n.message {\n background-color: whitesmoke;\n border-radius: 3px;\n font-size: 1rem;\n}\n\n.message:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.message.is-small {\n font-size: 0.75rem;\n}\n\n.message.is-medium {\n font-size: 1.25rem;\n}\n\n.message.is-large {\n font-size: 1.5rem;\n}\n\n.message.is-white {\n background-color: white;\n}\n\n.message.is-white .message-header {\n background-color: white;\n color: #0a0a0a;\n}\n\n.message.is-white .message-body {\n border-color: white;\n color: #4d4d4d;\n}\n\n.message.is-black {\n background-color: #fafafa;\n}\n\n.message.is-black .message-header {\n background-color: #0a0a0a;\n color: white;\n}\n\n.message.is-black .message-body {\n border-color: #0a0a0a;\n color: #090909;\n}\n\n.message.is-light {\n background-color: #fafafa;\n}\n\n.message.is-light .message-header {\n background-color: whitesmoke;\n color: #363636;\n}\n\n.message.is-light .message-body {\n border-color: whitesmoke;\n color: #505050;\n}\n\n.message.is-dark {\n background-color: #fafafa;\n}\n\n.message.is-dark .message-header {\n background-color: #363636;\n color: whitesmoke;\n}\n\n.message.is-dark .message-body {\n border-color: #363636;\n color: #2a2a2a;\n}\n\n.message.is-primary {\n background-color: #f5fffd;\n}\n\n.message.is-primary .message-header {\n background-color: #00d1b2;\n color: #fff;\n}\n\n.message.is-primary .message-body {\n border-color: #00d1b2;\n color: #021310;\n}\n\n.message.is-info {\n background-color: #f6f9fe;\n}\n\n.message.is-info .message-header {\n background-color: #3273dc;\n color: #fff;\n}\n\n.message.is-info .message-body {\n border-color: #3273dc;\n color: #22509a;\n}\n\n.message.is-success {\n background-color: #f6fef9;\n}\n\n.message.is-success .message-header {\n background-color: #23d160;\n color: #fff;\n}\n\n.message.is-success .message-body {\n border-color: #23d160;\n color: #0e301a;\n}\n\n.message.is-warning {\n background-color: #fffdf5;\n}\n\n.message.is-warning .message-header {\n background-color: #ffdd57;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.message.is-warning .message-body {\n border-color: #ffdd57;\n color: #3b3108;\n}\n\n.message.is-danger {\n background-color: #fff5f7;\n}\n\n.message.is-danger .message-header {\n background-color: #ff3860;\n color: #fff;\n}\n\n.message.is-danger .message-body {\n border-color: #ff3860;\n color: #cd0930;\n}\n\n.message-header {\n align-items: center;\n background-color: #4a4a4a;\n border-radius: 3px 3px 0 0;\n color: #fff;\n display: flex;\n justify-content: space-between;\n line-height: 1.25;\n padding: 0.5em 0.75em;\n position: relative;\n}\n\n.message-header a:not(.button),\n.message-header strong {\n color: currentColor;\n}\n\n.message-header a:not(.button) {\n text-decoration: underline;\n}\n\n.message-header .delete {\n flex-grow: 0;\n flex-shrink: 0;\n margin-left: 0.75em;\n}\n\n.message-header + .message-body {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top: none;\n}\n\n.message-body {\n border: 1px solid #dbdbdb;\n border-radius: 3px;\n color: #4a4a4a;\n padding: 1em 1.25em;\n}\n\n.message-body a:not(.button),\n.message-body strong {\n color: currentColor;\n}\n\n.message-body a:not(.button) {\n text-decoration: underline;\n}\n\n.message-body code,\n.message-body pre {\n background-color: white;\n}\n\n.message-body pre code {\n background-color: transparent;\n}\n\n.modal {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n align-items: center;\n display: none;\n justify-content: center;\n overflow: hidden;\n position: fixed;\n z-index: 20;\n}\n\n.modal.is-active {\n display: flex;\n}\n\n.modal-background {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n background-color: rgba(10, 10, 10, 0.86);\n}\n\n.modal-content,\n.modal-card {\n margin: 0 20px;\n max-height: calc(100vh - 160px);\n overflow: auto;\n position: relative;\n width: 100%;\n}\n\n@media screen and (min-width: 769px), print {\n .modal-content,\n .modal-card {\n margin: 0 auto;\n max-height: calc(100vh - 40px);\n width: 640px;\n }\n}\n\n.modal-close {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n background-color: rgba(10, 10, 10, 0.2);\n border: none;\n border-radius: 290486px;\n cursor: pointer;\n display: inline-block;\n flex-grow: 0;\n flex-shrink: 0;\n font-size: 1rem;\n height: 20px;\n max-height: 20px;\n max-width: 20px;\n min-height: 20px;\n min-width: 20px;\n outline: none;\n position: relative;\n vertical-align: top;\n width: 20px;\n background: none;\n height: 40px;\n position: fixed;\n right: 20px;\n top: 20px;\n width: 40px;\n}\n\n.modal-close:before, .modal-close:after {\n background-color: white;\n content: \"\";\n display: block;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\n transform-origin: center center;\n}\n\n.modal-close:before {\n height: 2px;\n width: 50%;\n}\n\n.modal-close:after {\n height: 50%;\n width: 2px;\n}\n\n.modal-close:hover, .modal-close:focus {\n background-color: rgba(10, 10, 10, 0.3);\n}\n\n.modal-close:active {\n background-color: rgba(10, 10, 10, 0.4);\n}\n\n.modal-close.is-small {\n height: 16px;\n max-height: 16px;\n max-width: 16px;\n min-height: 16px;\n min-width: 16px;\n width: 16px;\n}\n\n.modal-close.is-medium {\n height: 24px;\n max-height: 24px;\n max-width: 24px;\n min-height: 24px;\n min-width: 24px;\n width: 24px;\n}\n\n.modal-close.is-large {\n height: 32px;\n max-height: 32px;\n max-width: 32px;\n min-height: 32px;\n min-width: 32px;\n width: 32px;\n}\n\n.modal-card {\n display: flex;\n flex-direction: column;\n max-height: calc(100vh - 40px);\n overflow: hidden;\n}\n\n.modal-card-head,\n.modal-card-foot {\n align-items: center;\n background-color: whitesmoke;\n display: flex;\n flex-shrink: 0;\n justify-content: flex-start;\n padding: 20px;\n position: relative;\n}\n\n.modal-card-head {\n border-bottom: 1px solid #dbdbdb;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n}\n\n.modal-card-title {\n color: #363636;\n flex-grow: 1;\n flex-shrink: 0;\n font-size: 1.5rem;\n line-height: 1;\n}\n\n.modal-card-foot {\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n border-top: 1px solid #dbdbdb;\n}\n\n.modal-card-foot .button:not(:last-child) {\n margin-right: 10px;\n}\n\n.modal-card-body {\n -webkit-overflow-scrolling: touch;\n background-color: white;\n flex-grow: 1;\n flex-shrink: 1;\n overflow: auto;\n padding: 20px;\n}\n\n.nav-toggle {\n cursor: pointer;\n display: block;\n height: 3.25rem;\n position: relative;\n width: 3.25rem;\n}\n\n.nav-toggle span {\n background-color: #4a4a4a;\n display: block;\n height: 1px;\n left: 50%;\n margin-left: -7px;\n position: absolute;\n top: 50%;\n transition: none 86ms ease-out;\n transition-property: background, left, opacity, transform;\n width: 15px;\n}\n\n.nav-toggle span:nth-child(1) {\n margin-top: -6px;\n}\n\n.nav-toggle span:nth-child(2) {\n margin-top: -1px;\n}\n\n.nav-toggle span:nth-child(3) {\n margin-top: 4px;\n}\n\n.nav-toggle:hover {\n background-color: whitesmoke;\n}\n\n.nav-toggle.is-active span {\n background-color: #00d1b2;\n}\n\n.nav-toggle.is-active span:nth-child(1) {\n margin-left: -5px;\n transform: rotate(45deg);\n transform-origin: left top;\n}\n\n.nav-toggle.is-active span:nth-child(2) {\n opacity: 0;\n}\n\n.nav-toggle.is-active span:nth-child(3) {\n margin-left: -5px;\n transform: rotate(-45deg);\n transform-origin: left bottom;\n}\n\n@media screen and (min-width: 769px), print {\n .nav-toggle {\n display: none;\n }\n}\n\n.nav-item {\n align-items: center;\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n font-size: 1rem;\n justify-content: center;\n line-height: 1.5;\n padding: 0.5rem 0.75rem;\n}\n\n.nav-item a {\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n.nav-item img {\n max-height: 1.75rem;\n}\n\n.nav-item .tag:first-child:not(:last-child) {\n margin-right: 0.5rem;\n}\n\n.nav-item .tag:last-child:not(:first-child) {\n margin-left: 0.5rem;\n}\n\n@media screen and (max-width: 768px) {\n .nav-item {\n justify-content: flex-start;\n }\n}\n\n.nav-item a:not(.button),\na.nav-item:not(.button) {\n color: #7a7a7a;\n}\n\n.nav-item a:not(.button):hover,\na.nav-item:not(.button):hover {\n color: #363636;\n}\n\n.nav-item a:not(.button).is-active,\na.nav-item:not(.button).is-active {\n color: #363636;\n}\n\n.nav-item a:not(.button).is-tab,\na.nav-item:not(.button).is-tab {\n border-bottom: 1px solid transparent;\n border-top: 1px solid transparent;\n padding-bottom: calc(0.75rem - 1px);\n padding-left: 1rem;\n padding-right: 1rem;\n padding-top: calc(0.75rem - 1px);\n}\n\n.nav-item a:not(.button).is-tab:hover,\na.nav-item:not(.button).is-tab:hover {\n border-bottom-color: #00d1b2;\n border-top-color: transparent;\n}\n\n.nav-item a:not(.button).is-tab.is-active,\na.nav-item:not(.button).is-tab.is-active {\n border-bottom: 3px solid #00d1b2;\n color: #00d1b2;\n padding-bottom: calc(0.75rem - 3px);\n}\n\n@media screen and (min-width: 1008px) {\n .nav-item a:not(.button).is-brand,\n a.nav-item:not(.button).is-brand {\n padding-left: 0;\n }\n}\n\n.nav-left,\n.nav-right {\n -webkit-overflow-scrolling: touch;\n align-items: stretch;\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n max-width: 100%;\n overflow: auto;\n}\n\n@media screen and (min-width: 1200px) {\n .nav-left,\n .nav-right {\n flex-basis: 0;\n }\n}\n\n.nav-left {\n justify-content: flex-start;\n white-space: nowrap;\n}\n\n.nav-right {\n justify-content: flex-end;\n}\n\n.nav-center {\n align-items: stretch;\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n justify-content: center;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media screen and (max-width: 768px) {\n .nav-menu.nav-right {\n background-color: white;\n box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1);\n left: 0;\n display: none;\n right: 0;\n top: 100%;\n position: absolute;\n }\n .nav-menu.nav-right .nav-item {\n border-top: 1px solid rgba(219, 219, 219, 0.5);\n padding: 0.75rem;\n }\n .nav-menu.nav-right.is-active {\n display: block;\n }\n}\n\n.nav {\n align-items: stretch;\n background-color: white;\n display: flex;\n height: 3.25rem;\n position: relative;\n text-align: center;\n z-index: 10;\n}\n\n.nav > .container {\n align-items: stretch;\n display: flex;\n min-height: 3.25rem;\n width: 100%;\n}\n\n.nav.has-shadow {\n box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);\n}\n\n.navbar {\n background-color: white;\n min-height: 3.25rem;\n position: relative;\n}\n\n.navbar > .container {\n align-items: stretch;\n display: flex;\n min-height: 3.25rem;\n width: 100%;\n}\n\n.navbar.has-shadow {\n box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);\n}\n\n.navbar-brand {\n -webkit-overflow-scrolling: touch;\n align-items: stretch;\n display: flex;\n flex-shrink: 0;\n max-width: 100vw;\n min-height: 3.25rem;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n.navbar-burger {\n cursor: pointer;\n display: block;\n height: 3.25rem;\n position: relative;\n width: 3.25rem;\n margin-left: auto;\n}\n\n.navbar-burger span {\n background-color: #4a4a4a;\n display: block;\n height: 1px;\n left: 50%;\n margin-left: -7px;\n position: absolute;\n top: 50%;\n transition: none 86ms ease-out;\n transition-property: background, left, opacity, transform;\n width: 15px;\n}\n\n.navbar-burger span:nth-child(1) {\n margin-top: -6px;\n}\n\n.navbar-burger span:nth-child(2) {\n margin-top: -1px;\n}\n\n.navbar-burger span:nth-child(3) {\n margin-top: 4px;\n}\n\n.navbar-burger:hover {\n background-color: whitesmoke;\n}\n\n.navbar-burger.is-active span {\n background-color: #00d1b2;\n}\n\n.navbar-burger.is-active span:nth-child(1) {\n margin-left: -5px;\n transform: rotate(45deg);\n transform-origin: left top;\n}\n\n.navbar-burger.is-active span:nth-child(2) {\n opacity: 0;\n}\n\n.navbar-burger.is-active span:nth-child(3) {\n margin-left: -5px;\n transform: rotate(-45deg);\n transform-origin: left bottom;\n}\n\n.navbar-menu {\n display: none;\n}\n\n.navbar-item,\n.navbar-link {\n color: #4a4a4a;\n display: block;\n line-height: 1.5;\n padding: 0.5rem 1rem;\n position: relative;\n}\n\na.navbar-item:hover, a.navbar-item.is-active,\n.navbar-link:hover,\n.navbar-link.is-active {\n background-color: whitesmoke;\n color: #0a0a0a;\n}\n\n.navbar-item {\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.navbar-item img {\n max-height: 1.75rem;\n}\n\n.navbar-item.has-dropdown {\n padding: 0;\n}\n\n.navbar-item.is-tab {\n border-bottom: 1px solid transparent;\n min-height: 3.25rem;\n padding-bottom: calc(0.5rem - 1px);\n}\n\n.navbar-item.is-tab:hover {\n background-color: transparent;\n border-bottom-color: #00d1b2;\n}\n\n.navbar-item.is-tab.is-active {\n background-color: transparent;\n border-bottom-color: #00d1b2;\n border-bottom-style: solid;\n border-bottom-width: 3px;\n color: #00d1b2;\n padding-bottom: calc(0.5rem - 3px);\n}\n\n.navbar-content {\n flex-grow: 1;\n flex-shrink: 1;\n}\n\n.navbar-link {\n padding-right: 2.5em;\n}\n\n.navbar-dropdown {\n font-size: 0.875rem;\n padding-bottom: 0.5rem;\n padding-top: 0.5rem;\n}\n\n.navbar-dropdown .navbar-item {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.navbar-divider {\n background-color: #dbdbdb;\n border: none;\n display: none;\n height: 1px;\n margin: 0.5rem 0;\n}\n\n@media screen and (max-width: 1007px) {\n .navbar > .container {\n display: block;\n }\n .navbar-brand .navbar-item {\n align-items: center;\n display: flex;\n }\n .navbar-menu {\n box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);\n padding: 0.5rem 0;\n }\n .navbar-menu.is-active {\n display: block;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .navbar,\n .navbar-menu,\n .navbar-start,\n .navbar-end {\n align-items: stretch;\n display: flex;\n }\n .navbar {\n min-height: 3.25rem;\n }\n .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,\n .navbar.is-transparent .navbar-link:hover,\n .navbar.is-transparent .navbar-link.is-active {\n background-color: transparent;\n }\n .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {\n background-color: transparent;\n }\n .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {\n background-color: whitesmoke;\n color: #0a0a0a;\n }\n .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {\n background-color: whitesmoke;\n color: #00d1b2;\n }\n .navbar-burger {\n display: none;\n }\n .navbar-item,\n .navbar-link {\n align-items: center;\n display: flex;\n }\n .navbar-item.has-dropdown {\n align-items: stretch;\n }\n .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {\n display: block;\n }\n .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {\n opacity: 1;\n pointer-events: auto;\n transform: translateY(0);\n }\n .navbar-link::after {\n border: 1px solid #00d1b2;\n border-right: 0;\n border-top: 0;\n content: \" \";\n display: block;\n height: 0.5em;\n pointer-events: none;\n position: absolute;\n transform: rotate(-45deg);\n width: 0.5em;\n margin-top: -0.375em;\n right: 1.125em;\n top: 50%;\n }\n .navbar-menu {\n flex-grow: 1;\n flex-shrink: 0;\n }\n .navbar-start {\n justify-content: flex-start;\n margin-right: auto;\n }\n .navbar-end {\n justify-content: flex-end;\n margin-left: auto;\n }\n .navbar-dropdown {\n background-color: white;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n border-top: 1px solid #dbdbdb;\n box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);\n display: none;\n font-size: 0.875rem;\n left: 0;\n min-width: 100%;\n position: absolute;\n top: 100%;\n z-index: 20;\n }\n .navbar-dropdown .navbar-item {\n padding: 0.375rem 1rem;\n white-space: nowrap;\n }\n .navbar-dropdown a.navbar-item {\n padding-right: 3rem;\n }\n .navbar-dropdown a.navbar-item:hover {\n background-color: whitesmoke;\n color: #0a0a0a;\n }\n .navbar-dropdown a.navbar-item.is-active {\n background-color: whitesmoke;\n color: #00d1b2;\n }\n .navbar-dropdown.is-boxed {\n border-radius: 5px;\n border-top: none;\n box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);\n display: block;\n opacity: 0;\n pointer-events: none;\n top: calc(100% + (-4px));\n transform: translateY(-5px);\n transition-duration: 86ms;\n transition-property: opacity, transform;\n }\n .navbar-dropdown.is-right {\n left: auto;\n right: 0;\n }\n .navbar-divider {\n display: block;\n }\n .container > .navbar {\n margin-left: -1rem;\n margin-right: -1rem;\n }\n a.navbar-item.is-active,\n .navbar-link.is-active {\n color: #0a0a0a;\n }\n a.navbar-item.is-active:not(:hover),\n .navbar-link.is-active:not(:hover) {\n background-color: transparent;\n }\n .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {\n background-color: whitesmoke;\n }\n}\n\n.pagination {\n font-size: 1rem;\n margin: -0.25rem;\n}\n\n.pagination.is-small {\n font-size: 0.75rem;\n}\n\n.pagination.is-medium {\n font-size: 1.25rem;\n}\n\n.pagination.is-large {\n font-size: 1.5rem;\n}\n\n.pagination,\n.pagination-list {\n align-items: center;\n display: flex;\n justify-content: center;\n text-align: center;\n}\n\n.pagination-previous,\n.pagination-next,\n.pagination-link,\n.pagination-ellipsis {\n -moz-appearance: none;\n -webkit-appearance: none;\n align-items: center;\n border: 1px solid transparent;\n border-radius: 3px;\n box-shadow: none;\n display: inline-flex;\n font-size: 1rem;\n height: 2.25em;\n justify-content: flex-start;\n line-height: 1.5;\n padding-bottom: calc(0.375em - 1px);\n padding-left: calc(0.625em - 1px);\n padding-right: calc(0.625em - 1px);\n padding-top: calc(0.375em - 1px);\n position: relative;\n vertical-align: top;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n font-size: 1em;\n padding-left: 0.5em;\n padding-right: 0.5em;\n justify-content: center;\n margin: 0.25rem;\n text-align: center;\n}\n\n.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active,\n.pagination-next:focus,\n.pagination-next.is-focused,\n.pagination-next:active,\n.pagination-next.is-active,\n.pagination-link:focus,\n.pagination-link.is-focused,\n.pagination-link:active,\n.pagination-link.is-active,\n.pagination-ellipsis:focus,\n.pagination-ellipsis.is-focused,\n.pagination-ellipsis:active,\n.pagination-ellipsis.is-active {\n outline: none;\n}\n\n.pagination-previous[disabled],\n.pagination-next[disabled],\n.pagination-link[disabled],\n.pagination-ellipsis[disabled] {\n cursor: not-allowed;\n}\n\n.pagination-previous,\n.pagination-next,\n.pagination-link {\n border-color: #dbdbdb;\n min-width: 2.25em;\n}\n\n.pagination-previous:hover,\n.pagination-next:hover,\n.pagination-link:hover {\n border-color: #b5b5b5;\n color: #363636;\n}\n\n.pagination-previous:focus,\n.pagination-next:focus,\n.pagination-link:focus {\n border-color: #00d1b2;\n}\n\n.pagination-previous:active,\n.pagination-next:active,\n.pagination-link:active {\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);\n}\n\n.pagination-previous[disabled],\n.pagination-next[disabled],\n.pagination-link[disabled] {\n background-color: #dbdbdb;\n border-color: #dbdbdb;\n box-shadow: none;\n color: #7a7a7a;\n opacity: 0.5;\n}\n\n.pagination-previous,\n.pagination-next {\n padding-left: 0.75em;\n padding-right: 0.75em;\n white-space: nowrap;\n}\n\n.pagination-link.is-current {\n background-color: #00d1b2;\n border-color: #00d1b2;\n color: #fff;\n}\n\n.pagination-ellipsis {\n color: #b5b5b5;\n pointer-events: none;\n}\n\n.pagination-list {\n flex-wrap: wrap;\n}\n\n@media screen and (max-width: 768px) {\n .pagination {\n flex-wrap: wrap;\n }\n .pagination-previous,\n .pagination-next {\n flex-grow: 1;\n flex-shrink: 1;\n }\n .pagination-list li {\n flex-grow: 1;\n flex-shrink: 1;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .pagination-list {\n flex-grow: 1;\n flex-shrink: 1;\n justify-content: flex-start;\n order: 1;\n }\n .pagination-previous {\n order: 2;\n }\n .pagination-next {\n order: 3;\n }\n .pagination {\n justify-content: space-between;\n }\n .pagination.is-centered .pagination-previous {\n order: 1;\n }\n .pagination.is-centered .pagination-list {\n justify-content: center;\n order: 2;\n }\n .pagination.is-centered .pagination-next {\n order: 3;\n }\n .pagination.is-right .pagination-previous {\n order: 1;\n }\n .pagination.is-right .pagination-next {\n order: 2;\n }\n .pagination.is-right .pagination-list {\n justify-content: flex-end;\n order: 3;\n }\n}\n\n.panel {\n font-size: 1rem;\n}\n\n.panel:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.panel-heading,\n.panel-tabs,\n.panel-block {\n border-bottom: 1px solid #dbdbdb;\n border-left: 1px solid #dbdbdb;\n border-right: 1px solid #dbdbdb;\n}\n\n.panel-heading:first-child,\n.panel-tabs:first-child,\n.panel-block:first-child {\n border-top: 1px solid #dbdbdb;\n}\n\n.panel-heading {\n background-color: whitesmoke;\n border-radius: 3px 3px 0 0;\n color: #363636;\n font-size: 1.25em;\n font-weight: 300;\n line-height: 1.25;\n padding: 0.5em 0.75em;\n}\n\n.panel-tabs {\n align-items: flex-end;\n display: flex;\n font-size: 0.875em;\n justify-content: center;\n}\n\n.panel-tabs a {\n border-bottom: 1px solid #dbdbdb;\n margin-bottom: -1px;\n padding: 0.5em;\n}\n\n.panel-tabs a.is-active {\n border-bottom-color: #4a4a4a;\n color: #363636;\n}\n\n.panel-list a {\n color: #4a4a4a;\n}\n\n.panel-list a:hover {\n color: #00d1b2;\n}\n\n.panel-block {\n align-items: center;\n color: #363636;\n display: flex;\n justify-content: flex-start;\n padding: 0.5em 0.75em;\n}\n\n.panel-block input[type=\"checkbox\"] {\n margin-right: 0.75em;\n}\n\n.panel-block > .control {\n flex-grow: 1;\n flex-shrink: 1;\n width: 100%;\n}\n\n.panel-block.is-wrapped {\n flex-wrap: wrap;\n}\n\n.panel-block.is-active {\n border-left-color: #00d1b2;\n color: #363636;\n}\n\n.panel-block.is-active .panel-icon {\n color: #00d1b2;\n}\n\na.panel-block,\nlabel.panel-block {\n cursor: pointer;\n}\n\na.panel-block:hover,\nlabel.panel-block:hover {\n background-color: whitesmoke;\n}\n\n.panel-icon {\n display: inline-block;\n font-size: 14px;\n height: 1em;\n line-height: 1em;\n text-align: center;\n vertical-align: top;\n width: 1em;\n color: #7a7a7a;\n margin-right: 0.75em;\n}\n\n.panel-icon .fa {\n font-size: inherit;\n line-height: inherit;\n}\n\n.tabs {\n -webkit-overflow-scrolling: touch;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n align-items: stretch;\n display: flex;\n font-size: 1rem;\n justify-content: space-between;\n overflow: hidden;\n overflow-x: auto;\n white-space: nowrap;\n}\n\n.tabs:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.tabs a {\n align-items: center;\n border-bottom-color: #dbdbdb;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n color: #4a4a4a;\n display: flex;\n justify-content: center;\n margin-bottom: -1px;\n padding: 0.5em 1em;\n vertical-align: top;\n}\n\n.tabs a:hover {\n border-bottom-color: #363636;\n color: #363636;\n}\n\n.tabs li {\n display: block;\n}\n\n.tabs li.is-active a {\n border-bottom-color: #00d1b2;\n color: #00d1b2;\n}\n\n.tabs ul {\n align-items: center;\n border-bottom-color: #dbdbdb;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n justify-content: flex-start;\n}\n\n.tabs ul.is-left {\n padding-right: 0.75em;\n}\n\n.tabs ul.is-center {\n flex: none;\n justify-content: center;\n padding-left: 0.75em;\n padding-right: 0.75em;\n}\n\n.tabs ul.is-right {\n justify-content: flex-end;\n padding-left: 0.75em;\n}\n\n.tabs .icon:first-child {\n margin-right: 0.5em;\n}\n\n.tabs .icon:last-child {\n margin-left: 0.5em;\n}\n\n.tabs.is-centered ul {\n justify-content: center;\n}\n\n.tabs.is-right ul {\n justify-content: flex-end;\n}\n\n.tabs.is-boxed a {\n border: 1px solid transparent;\n border-radius: 3px 3px 0 0;\n}\n\n.tabs.is-boxed a:hover {\n background-color: whitesmoke;\n border-bottom-color: #dbdbdb;\n}\n\n.tabs.is-boxed li.is-active a {\n background-color: white;\n border-color: #dbdbdb;\n border-bottom-color: transparent !important;\n}\n\n.tabs.is-fullwidth li {\n flex-grow: 1;\n flex-shrink: 0;\n}\n\n.tabs.is-toggle a {\n border-color: #dbdbdb;\n border-style: solid;\n border-width: 1px;\n margin-bottom: 0;\n position: relative;\n}\n\n.tabs.is-toggle a:hover {\n background-color: whitesmoke;\n border-color: #b5b5b5;\n z-index: 2;\n}\n\n.tabs.is-toggle li + li {\n margin-left: -1px;\n}\n\n.tabs.is-toggle li:first-child a {\n border-radius: 3px 0 0 3px;\n}\n\n.tabs.is-toggle li:last-child a {\n border-radius: 0 3px 3px 0;\n}\n\n.tabs.is-toggle li.is-active a {\n background-color: #00d1b2;\n border-color: #00d1b2;\n color: #fff;\n z-index: 1;\n}\n\n.tabs.is-toggle ul {\n border-bottom: none;\n}\n\n.tabs.is-small {\n font-size: 0.75rem;\n}\n\n.tabs.is-medium {\n font-size: 1.25rem;\n}\n\n.tabs.is-large {\n font-size: 1.5rem;\n}\n\n.column {\n display: block;\n flex-basis: 0;\n flex-grow: 1;\n flex-shrink: 1;\n padding: 0.75rem;\n}\n\n.columns.is-mobile > .column.is-narrow {\n flex: none;\n}\n\n.columns.is-mobile > .column.is-full {\n flex: none;\n width: 100%;\n}\n\n.columns.is-mobile > .column.is-three-quarters {\n flex: none;\n width: 75%;\n}\n\n.columns.is-mobile > .column.is-two-thirds {\n flex: none;\n width: 66.6666%;\n}\n\n.columns.is-mobile > .column.is-half {\n flex: none;\n width: 50%;\n}\n\n.columns.is-mobile > .column.is-one-third {\n flex: none;\n width: 33.3333%;\n}\n\n.columns.is-mobile > .column.is-one-quarter {\n flex: none;\n width: 25%;\n}\n\n.columns.is-mobile > .column.is-offset-three-quarters {\n margin-left: 75%;\n}\n\n.columns.is-mobile > .column.is-offset-two-thirds {\n margin-left: 66.6666%;\n}\n\n.columns.is-mobile > .column.is-offset-half {\n margin-left: 50%;\n}\n\n.columns.is-mobile > .column.is-offset-one-third {\n margin-left: 33.3333%;\n}\n\n.columns.is-mobile > .column.is-offset-one-quarter {\n margin-left: 25%;\n}\n\n.columns.is-mobile > .column.is-1 {\n flex: none;\n width: 8.33333%;\n}\n\n.columns.is-mobile > .column.is-offset-1 {\n margin-left: 8.33333%;\n}\n\n.columns.is-mobile > .column.is-2 {\n flex: none;\n width: 16.66667%;\n}\n\n.columns.is-mobile > .column.is-offset-2 {\n margin-left: 16.66667%;\n}\n\n.columns.is-mobile > .column.is-3 {\n flex: none;\n width: 25%;\n}\n\n.columns.is-mobile > .column.is-offset-3 {\n margin-left: 25%;\n}\n\n.columns.is-mobile > .column.is-4 {\n flex: none;\n width: 33.33333%;\n}\n\n.columns.is-mobile > .column.is-offset-4 {\n margin-left: 33.33333%;\n}\n\n.columns.is-mobile > .column.is-5 {\n flex: none;\n width: 41.66667%;\n}\n\n.columns.is-mobile > .column.is-offset-5 {\n margin-left: 41.66667%;\n}\n\n.columns.is-mobile > .column.is-6 {\n flex: none;\n width: 50%;\n}\n\n.columns.is-mobile > .column.is-offset-6 {\n margin-left: 50%;\n}\n\n.columns.is-mobile > .column.is-7 {\n flex: none;\n width: 58.33333%;\n}\n\n.columns.is-mobile > .column.is-offset-7 {\n margin-left: 58.33333%;\n}\n\n.columns.is-mobile > .column.is-8 {\n flex: none;\n width: 66.66667%;\n}\n\n.columns.is-mobile > .column.is-offset-8 {\n margin-left: 66.66667%;\n}\n\n.columns.is-mobile > .column.is-9 {\n flex: none;\n width: 75%;\n}\n\n.columns.is-mobile > .column.is-offset-9 {\n margin-left: 75%;\n}\n\n.columns.is-mobile > .column.is-10 {\n flex: none;\n width: 83.33333%;\n}\n\n.columns.is-mobile > .column.is-offset-10 {\n margin-left: 83.33333%;\n}\n\n.columns.is-mobile > .column.is-11 {\n flex: none;\n width: 91.66667%;\n}\n\n.columns.is-mobile > .column.is-offset-11 {\n margin-left: 91.66667%;\n}\n\n.columns.is-mobile > .column.is-12 {\n flex: none;\n width: 100%;\n}\n\n.columns.is-mobile > .column.is-offset-12 {\n margin-left: 100%;\n}\n\n@media screen and (max-width: 768px) {\n .column.is-narrow-mobile {\n flex: none;\n }\n .column.is-full-mobile {\n flex: none;\n width: 100%;\n }\n .column.is-three-quarters-mobile {\n flex: none;\n width: 75%;\n }\n .column.is-two-thirds-mobile {\n flex: none;\n width: 66.6666%;\n }\n .column.is-half-mobile {\n flex: none;\n width: 50%;\n }\n .column.is-one-third-mobile {\n flex: none;\n width: 33.3333%;\n }\n .column.is-one-quarter-mobile {\n flex: none;\n width: 25%;\n }\n .column.is-offset-three-quarters-mobile {\n margin-left: 75%;\n }\n .column.is-offset-two-thirds-mobile {\n margin-left: 66.6666%;\n }\n .column.is-offset-half-mobile {\n margin-left: 50%;\n }\n .column.is-offset-one-third-mobile {\n margin-left: 33.3333%;\n }\n .column.is-offset-one-quarter-mobile {\n margin-left: 25%;\n }\n .column.is-1-mobile {\n flex: none;\n width: 8.33333%;\n }\n .column.is-offset-1-mobile {\n margin-left: 8.33333%;\n }\n .column.is-2-mobile {\n flex: none;\n width: 16.66667%;\n }\n .column.is-offset-2-mobile {\n margin-left: 16.66667%;\n }\n .column.is-3-mobile {\n flex: none;\n width: 25%;\n }\n .column.is-offset-3-mobile {\n margin-left: 25%;\n }\n .column.is-4-mobile {\n flex: none;\n width: 33.33333%;\n }\n .column.is-offset-4-mobile {\n margin-left: 33.33333%;\n }\n .column.is-5-mobile {\n flex: none;\n width: 41.66667%;\n }\n .column.is-offset-5-mobile {\n margin-left: 41.66667%;\n }\n .column.is-6-mobile {\n flex: none;\n width: 50%;\n }\n .column.is-offset-6-mobile {\n margin-left: 50%;\n }\n .column.is-7-mobile {\n flex: none;\n width: 58.33333%;\n }\n .column.is-offset-7-mobile {\n margin-left: 58.33333%;\n }\n .column.is-8-mobile {\n flex: none;\n width: 66.66667%;\n }\n .column.is-offset-8-mobile {\n margin-left: 66.66667%;\n }\n .column.is-9-mobile {\n flex: none;\n width: 75%;\n }\n .column.is-offset-9-mobile {\n margin-left: 75%;\n }\n .column.is-10-mobile {\n flex: none;\n width: 83.33333%;\n }\n .column.is-offset-10-mobile {\n margin-left: 83.33333%;\n }\n .column.is-11-mobile {\n flex: none;\n width: 91.66667%;\n }\n .column.is-offset-11-mobile {\n margin-left: 91.66667%;\n }\n .column.is-12-mobile {\n flex: none;\n width: 100%;\n }\n .column.is-offset-12-mobile {\n margin-left: 100%;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .column.is-narrow, .column.is-narrow-tablet {\n flex: none;\n }\n .column.is-full, .column.is-full-tablet {\n flex: none;\n width: 100%;\n }\n .column.is-three-quarters, .column.is-three-quarters-tablet {\n flex: none;\n width: 75%;\n }\n .column.is-two-thirds, .column.is-two-thirds-tablet {\n flex: none;\n width: 66.6666%;\n }\n .column.is-half, .column.is-half-tablet {\n flex: none;\n width: 50%;\n }\n .column.is-one-third, .column.is-one-third-tablet {\n flex: none;\n width: 33.3333%;\n }\n .column.is-one-quarter, .column.is-one-quarter-tablet {\n flex: none;\n width: 25%;\n }\n .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {\n margin-left: 75%;\n }\n .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {\n margin-left: 66.6666%;\n }\n .column.is-offset-half, .column.is-offset-half-tablet {\n margin-left: 50%;\n }\n .column.is-offset-one-third, .column.is-offset-one-third-tablet {\n margin-left: 33.3333%;\n }\n .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {\n margin-left: 25%;\n }\n .column.is-1, .column.is-1-tablet {\n flex: none;\n width: 8.33333%;\n }\n .column.is-offset-1, .column.is-offset-1-tablet {\n margin-left: 8.33333%;\n }\n .column.is-2, .column.is-2-tablet {\n flex: none;\n width: 16.66667%;\n }\n .column.is-offset-2, .column.is-offset-2-tablet {\n margin-left: 16.66667%;\n }\n .column.is-3, .column.is-3-tablet {\n flex: none;\n width: 25%;\n }\n .column.is-offset-3, .column.is-offset-3-tablet {\n margin-left: 25%;\n }\n .column.is-4, .column.is-4-tablet {\n flex: none;\n width: 33.33333%;\n }\n .column.is-offset-4, .column.is-offset-4-tablet {\n margin-left: 33.33333%;\n }\n .column.is-5, .column.is-5-tablet {\n flex: none;\n width: 41.66667%;\n }\n .column.is-offset-5, .column.is-offset-5-tablet {\n margin-left: 41.66667%;\n }\n .column.is-6, .column.is-6-tablet {\n flex: none;\n width: 50%;\n }\n .column.is-offset-6, .column.is-offset-6-tablet {\n margin-left: 50%;\n }\n .column.is-7, .column.is-7-tablet {\n flex: none;\n width: 58.33333%;\n }\n .column.is-offset-7, .column.is-offset-7-tablet {\n margin-left: 58.33333%;\n }\n .column.is-8, .column.is-8-tablet {\n flex: none;\n width: 66.66667%;\n }\n .column.is-offset-8, .column.is-offset-8-tablet {\n margin-left: 66.66667%;\n }\n .column.is-9, .column.is-9-tablet {\n flex: none;\n width: 75%;\n }\n .column.is-offset-9, .column.is-offset-9-tablet {\n margin-left: 75%;\n }\n .column.is-10, .column.is-10-tablet {\n flex: none;\n width: 83.33333%;\n }\n .column.is-offset-10, .column.is-offset-10-tablet {\n margin-left: 83.33333%;\n }\n .column.is-11, .column.is-11-tablet {\n flex: none;\n width: 91.66667%;\n }\n .column.is-offset-11, .column.is-offset-11-tablet {\n margin-left: 91.66667%;\n }\n .column.is-12, .column.is-12-tablet {\n flex: none;\n width: 100%;\n }\n .column.is-offset-12, .column.is-offset-12-tablet {\n margin-left: 100%;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .column.is-narrow-touch {\n flex: none;\n }\n .column.is-full-touch {\n flex: none;\n width: 100%;\n }\n .column.is-three-quarters-touch {\n flex: none;\n width: 75%;\n }\n .column.is-two-thirds-touch {\n flex: none;\n width: 66.6666%;\n }\n .column.is-half-touch {\n flex: none;\n width: 50%;\n }\n .column.is-one-third-touch {\n flex: none;\n width: 33.3333%;\n }\n .column.is-one-quarter-touch {\n flex: none;\n width: 25%;\n }\n .column.is-offset-three-quarters-touch {\n margin-left: 75%;\n }\n .column.is-offset-two-thirds-touch {\n margin-left: 66.6666%;\n }\n .column.is-offset-half-touch {\n margin-left: 50%;\n }\n .column.is-offset-one-third-touch {\n margin-left: 33.3333%;\n }\n .column.is-offset-one-quarter-touch {\n margin-left: 25%;\n }\n .column.is-1-touch {\n flex: none;\n width: 8.33333%;\n }\n .column.is-offset-1-touch {\n margin-left: 8.33333%;\n }\n .column.is-2-touch {\n flex: none;\n width: 16.66667%;\n }\n .column.is-offset-2-touch {\n margin-left: 16.66667%;\n }\n .column.is-3-touch {\n flex: none;\n width: 25%;\n }\n .column.is-offset-3-touch {\n margin-left: 25%;\n }\n .column.is-4-touch {\n flex: none;\n width: 33.33333%;\n }\n .column.is-offset-4-touch {\n margin-left: 33.33333%;\n }\n .column.is-5-touch {\n flex: none;\n width: 41.66667%;\n }\n .column.is-offset-5-touch {\n margin-left: 41.66667%;\n }\n .column.is-6-touch {\n flex: none;\n width: 50%;\n }\n .column.is-offset-6-touch {\n margin-left: 50%;\n }\n .column.is-7-touch {\n flex: none;\n width: 58.33333%;\n }\n .column.is-offset-7-touch {\n margin-left: 58.33333%;\n }\n .column.is-8-touch {\n flex: none;\n width: 66.66667%;\n }\n .column.is-offset-8-touch {\n margin-left: 66.66667%;\n }\n .column.is-9-touch {\n flex: none;\n width: 75%;\n }\n .column.is-offset-9-touch {\n margin-left: 75%;\n }\n .column.is-10-touch {\n flex: none;\n width: 83.33333%;\n }\n .column.is-offset-10-touch {\n margin-left: 83.33333%;\n }\n .column.is-11-touch {\n flex: none;\n width: 91.66667%;\n }\n .column.is-offset-11-touch {\n margin-left: 91.66667%;\n }\n .column.is-12-touch {\n flex: none;\n width: 100%;\n }\n .column.is-offset-12-touch {\n margin-left: 100%;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .column.is-narrow-desktop {\n flex: none;\n }\n .column.is-full-desktop {\n flex: none;\n width: 100%;\n }\n .column.is-three-quarters-desktop {\n flex: none;\n width: 75%;\n }\n .column.is-two-thirds-desktop {\n flex: none;\n width: 66.6666%;\n }\n .column.is-half-desktop {\n flex: none;\n width: 50%;\n }\n .column.is-one-third-desktop {\n flex: none;\n width: 33.3333%;\n }\n .column.is-one-quarter-desktop {\n flex: none;\n width: 25%;\n }\n .column.is-offset-three-quarters-desktop {\n margin-left: 75%;\n }\n .column.is-offset-two-thirds-desktop {\n margin-left: 66.6666%;\n }\n .column.is-offset-half-desktop {\n margin-left: 50%;\n }\n .column.is-offset-one-third-desktop {\n margin-left: 33.3333%;\n }\n .column.is-offset-one-quarter-desktop {\n margin-left: 25%;\n }\n .column.is-1-desktop {\n flex: none;\n width: 8.33333%;\n }\n .column.is-offset-1-desktop {\n margin-left: 8.33333%;\n }\n .column.is-2-desktop {\n flex: none;\n width: 16.66667%;\n }\n .column.is-offset-2-desktop {\n margin-left: 16.66667%;\n }\n .column.is-3-desktop {\n flex: none;\n width: 25%;\n }\n .column.is-offset-3-desktop {\n margin-left: 25%;\n }\n .column.is-4-desktop {\n flex: none;\n width: 33.33333%;\n }\n .column.is-offset-4-desktop {\n margin-left: 33.33333%;\n }\n .column.is-5-desktop {\n flex: none;\n width: 41.66667%;\n }\n .column.is-offset-5-desktop {\n margin-left: 41.66667%;\n }\n .column.is-6-desktop {\n flex: none;\n width: 50%;\n }\n .column.is-offset-6-desktop {\n margin-left: 50%;\n }\n .column.is-7-desktop {\n flex: none;\n width: 58.33333%;\n }\n .column.is-offset-7-desktop {\n margin-left: 58.33333%;\n }\n .column.is-8-desktop {\n flex: none;\n width: 66.66667%;\n }\n .column.is-offset-8-desktop {\n margin-left: 66.66667%;\n }\n .column.is-9-desktop {\n flex: none;\n width: 75%;\n }\n .column.is-offset-9-desktop {\n margin-left: 75%;\n }\n .column.is-10-desktop {\n flex: none;\n width: 83.33333%;\n }\n .column.is-offset-10-desktop {\n margin-left: 83.33333%;\n }\n .column.is-11-desktop {\n flex: none;\n width: 91.66667%;\n }\n .column.is-offset-11-desktop {\n margin-left: 91.66667%;\n }\n .column.is-12-desktop {\n flex: none;\n width: 100%;\n }\n .column.is-offset-12-desktop {\n margin-left: 100%;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .column.is-narrow-widescreen {\n flex: none;\n }\n .column.is-full-widescreen {\n flex: none;\n width: 100%;\n }\n .column.is-three-quarters-widescreen {\n flex: none;\n width: 75%;\n }\n .column.is-two-thirds-widescreen {\n flex: none;\n width: 66.6666%;\n }\n .column.is-half-widescreen {\n flex: none;\n width: 50%;\n }\n .column.is-one-third-widescreen {\n flex: none;\n width: 33.3333%;\n }\n .column.is-one-quarter-widescreen {\n flex: none;\n width: 25%;\n }\n .column.is-offset-three-quarters-widescreen {\n margin-left: 75%;\n }\n .column.is-offset-two-thirds-widescreen {\n margin-left: 66.6666%;\n }\n .column.is-offset-half-widescreen {\n margin-left: 50%;\n }\n .column.is-offset-one-third-widescreen {\n margin-left: 33.3333%;\n }\n .column.is-offset-one-quarter-widescreen {\n margin-left: 25%;\n }\n .column.is-1-widescreen {\n flex: none;\n width: 8.33333%;\n }\n .column.is-offset-1-widescreen {\n margin-left: 8.33333%;\n }\n .column.is-2-widescreen {\n flex: none;\n width: 16.66667%;\n }\n .column.is-offset-2-widescreen {\n margin-left: 16.66667%;\n }\n .column.is-3-widescreen {\n flex: none;\n width: 25%;\n }\n .column.is-offset-3-widescreen {\n margin-left: 25%;\n }\n .column.is-4-widescreen {\n flex: none;\n width: 33.33333%;\n }\n .column.is-offset-4-widescreen {\n margin-left: 33.33333%;\n }\n .column.is-5-widescreen {\n flex: none;\n width: 41.66667%;\n }\n .column.is-offset-5-widescreen {\n margin-left: 41.66667%;\n }\n .column.is-6-widescreen {\n flex: none;\n width: 50%;\n }\n .column.is-offset-6-widescreen {\n margin-left: 50%;\n }\n .column.is-7-widescreen {\n flex: none;\n width: 58.33333%;\n }\n .column.is-offset-7-widescreen {\n margin-left: 58.33333%;\n }\n .column.is-8-widescreen {\n flex: none;\n width: 66.66667%;\n }\n .column.is-offset-8-widescreen {\n margin-left: 66.66667%;\n }\n .column.is-9-widescreen {\n flex: none;\n width: 75%;\n }\n .column.is-offset-9-widescreen {\n margin-left: 75%;\n }\n .column.is-10-widescreen {\n flex: none;\n width: 83.33333%;\n }\n .column.is-offset-10-widescreen {\n margin-left: 83.33333%;\n }\n .column.is-11-widescreen {\n flex: none;\n width: 91.66667%;\n }\n .column.is-offset-11-widescreen {\n margin-left: 91.66667%;\n }\n .column.is-12-widescreen {\n flex: none;\n width: 100%;\n }\n .column.is-offset-12-widescreen {\n margin-left: 100%;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .column.is-narrow-fullhd {\n flex: none;\n }\n .column.is-full-fullhd {\n flex: none;\n width: 100%;\n }\n .column.is-three-quarters-fullhd {\n flex: none;\n width: 75%;\n }\n .column.is-two-thirds-fullhd {\n flex: none;\n width: 66.6666%;\n }\n .column.is-half-fullhd {\n flex: none;\n width: 50%;\n }\n .column.is-one-third-fullhd {\n flex: none;\n width: 33.3333%;\n }\n .column.is-one-quarter-fullhd {\n flex: none;\n width: 25%;\n }\n .column.is-offset-three-quarters-fullhd {\n margin-left: 75%;\n }\n .column.is-offset-two-thirds-fullhd {\n margin-left: 66.6666%;\n }\n .column.is-offset-half-fullhd {\n margin-left: 50%;\n }\n .column.is-offset-one-third-fullhd {\n margin-left: 33.3333%;\n }\n .column.is-offset-one-quarter-fullhd {\n margin-left: 25%;\n }\n .column.is-1-fullhd {\n flex: none;\n width: 8.33333%;\n }\n .column.is-offset-1-fullhd {\n margin-left: 8.33333%;\n }\n .column.is-2-fullhd {\n flex: none;\n width: 16.66667%;\n }\n .column.is-offset-2-fullhd {\n margin-left: 16.66667%;\n }\n .column.is-3-fullhd {\n flex: none;\n width: 25%;\n }\n .column.is-offset-3-fullhd {\n margin-left: 25%;\n }\n .column.is-4-fullhd {\n flex: none;\n width: 33.33333%;\n }\n .column.is-offset-4-fullhd {\n margin-left: 33.33333%;\n }\n .column.is-5-fullhd {\n flex: none;\n width: 41.66667%;\n }\n .column.is-offset-5-fullhd {\n margin-left: 41.66667%;\n }\n .column.is-6-fullhd {\n flex: none;\n width: 50%;\n }\n .column.is-offset-6-fullhd {\n margin-left: 50%;\n }\n .column.is-7-fullhd {\n flex: none;\n width: 58.33333%;\n }\n .column.is-offset-7-fullhd {\n margin-left: 58.33333%;\n }\n .column.is-8-fullhd {\n flex: none;\n width: 66.66667%;\n }\n .column.is-offset-8-fullhd {\n margin-left: 66.66667%;\n }\n .column.is-9-fullhd {\n flex: none;\n width: 75%;\n }\n .column.is-offset-9-fullhd {\n margin-left: 75%;\n }\n .column.is-10-fullhd {\n flex: none;\n width: 83.33333%;\n }\n .column.is-offset-10-fullhd {\n margin-left: 83.33333%;\n }\n .column.is-11-fullhd {\n flex: none;\n width: 91.66667%;\n }\n .column.is-offset-11-fullhd {\n margin-left: 91.66667%;\n }\n .column.is-12-fullhd {\n flex: none;\n width: 100%;\n }\n .column.is-offset-12-fullhd {\n margin-left: 100%;\n }\n}\n\n.columns {\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n margin-top: -0.75rem;\n}\n\n.columns:last-child {\n margin-bottom: -0.75rem;\n}\n\n.columns:not(:last-child) {\n margin-bottom: 0.75rem;\n}\n\n.columns.is-centered {\n justify-content: center;\n}\n\n.columns.is-gapless {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n}\n\n.columns.is-gapless:last-child {\n margin-bottom: 0;\n}\n\n.columns.is-gapless:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.columns.is-gapless > .column {\n margin: 0;\n padding: 0;\n}\n\n@media screen and (min-width: 769px), print {\n .columns.is-grid {\n flex-wrap: wrap;\n }\n .columns.is-grid > .column {\n max-width: 33.3333%;\n padding: 0.75rem;\n width: 33.3333%;\n }\n .columns.is-grid > .column + .column {\n margin-left: 0;\n }\n}\n\n.columns.is-mobile {\n display: flex;\n}\n\n.columns.is-multiline {\n flex-wrap: wrap;\n}\n\n.columns.is-vcentered {\n align-items: center;\n}\n\n@media screen and (min-width: 769px), print {\n .columns:not(.is-desktop) {\n display: flex;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .columns.is-desktop {\n display: flex;\n }\n}\n\n.tile {\n align-items: stretch;\n display: block;\n flex-basis: 0;\n flex-grow: 1;\n flex-shrink: 1;\n min-height: min-content;\n}\n\n.tile.is-ancestor {\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n margin-top: -0.75rem;\n}\n\n.tile.is-ancestor:last-child {\n margin-bottom: -0.75rem;\n}\n\n.tile.is-ancestor:not(:last-child) {\n margin-bottom: 0.75rem;\n}\n\n.tile.is-child {\n margin: 0 !important;\n}\n\n.tile.is-parent {\n padding: 0.75rem;\n}\n\n.tile.is-vertical {\n flex-direction: column;\n}\n\n.tile.is-vertical > .tile.is-child:not(:last-child) {\n margin-bottom: 1.5rem !important;\n}\n\n@media screen and (min-width: 769px), print {\n .tile:not(.is-child) {\n display: flex;\n }\n .tile.is-1 {\n flex: none;\n width: 8.33333%;\n }\n .tile.is-2 {\n flex: none;\n width: 16.66667%;\n }\n .tile.is-3 {\n flex: none;\n width: 25%;\n }\n .tile.is-4 {\n flex: none;\n width: 33.33333%;\n }\n .tile.is-5 {\n flex: none;\n width: 41.66667%;\n }\n .tile.is-6 {\n flex: none;\n width: 50%;\n }\n .tile.is-7 {\n flex: none;\n width: 58.33333%;\n }\n .tile.is-8 {\n flex: none;\n width: 66.66667%;\n }\n .tile.is-9 {\n flex: none;\n width: 75%;\n }\n .tile.is-10 {\n flex: none;\n width: 83.33333%;\n }\n .tile.is-11 {\n flex: none;\n width: 91.66667%;\n }\n .tile.is-12 {\n flex: none;\n width: 100%;\n }\n}\n\n.hero {\n align-items: stretch;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.hero .nav {\n background: none;\n box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3);\n}\n\n.hero .tabs ul {\n border-bottom: none;\n}\n\n.hero.is-white {\n background-color: white;\n color: #0a0a0a;\n}\n\n.hero.is-white a:not(.button),\n.hero.is-white strong {\n color: inherit;\n}\n\n.hero.is-white .title {\n color: #0a0a0a;\n}\n\n.hero.is-white .subtitle {\n color: rgba(10, 10, 10, 0.9);\n}\n\n.hero.is-white .subtitle a:not(.button),\n.hero.is-white .subtitle strong {\n color: #0a0a0a;\n}\n\n.hero.is-white .nav {\n box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-white .nav-menu {\n background-color: white;\n }\n}\n\n.hero.is-white a.nav-item,\n.hero.is-white .nav-item a:not(.button) {\n color: rgba(10, 10, 10, 0.7);\n}\n\n.hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active,\n.hero.is-white .nav-item a:not(.button):hover,\n.hero.is-white .nav-item a:not(.button).is-active {\n color: #0a0a0a;\n}\n\n.hero.is-white .tabs a {\n color: #0a0a0a;\n opacity: 0.9;\n}\n\n.hero.is-white .tabs a:hover {\n opacity: 1;\n}\n\n.hero.is-white .tabs li.is-active a {\n opacity: 1;\n}\n\n.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {\n color: #0a0a0a;\n}\n\n.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {\n background-color: rgba(10, 10, 10, 0.1);\n}\n\n.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {\n background-color: #0a0a0a;\n border-color: #0a0a0a;\n color: white;\n}\n\n.hero.is-white.is-bold {\n background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-white.is-bold .nav-menu {\n background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);\n }\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-white .nav-toggle span {\n background-color: #0a0a0a;\n }\n .hero.is-white .nav-toggle:hover {\n background-color: rgba(10, 10, 10, 0.1);\n }\n .hero.is-white .nav-toggle.is-active span {\n background-color: #0a0a0a;\n }\n .hero.is-white .nav-menu .nav-item {\n border-top-color: rgba(10, 10, 10, 0.2);\n }\n}\n\n.hero.is-black {\n background-color: #0a0a0a;\n color: white;\n}\n\n.hero.is-black a:not(.button),\n.hero.is-black strong {\n color: inherit;\n}\n\n.hero.is-black .title {\n color: white;\n}\n\n.hero.is-black .subtitle {\n color: rgba(255, 255, 255, 0.9);\n}\n\n.hero.is-black .subtitle a:not(.button),\n.hero.is-black .subtitle strong {\n color: white;\n}\n\n.hero.is-black .nav {\n box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-black .nav-menu {\n background-color: #0a0a0a;\n }\n}\n\n.hero.is-black a.nav-item,\n.hero.is-black .nav-item a:not(.button) {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active,\n.hero.is-black .nav-item a:not(.button):hover,\n.hero.is-black .nav-item a:not(.button).is-active {\n color: white;\n}\n\n.hero.is-black .tabs a {\n color: white;\n opacity: 0.9;\n}\n\n.hero.is-black .tabs a:hover {\n opacity: 1;\n}\n\n.hero.is-black .tabs li.is-active a {\n opacity: 1;\n}\n\n.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {\n color: white;\n}\n\n.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {\n background-color: rgba(10, 10, 10, 0.1);\n}\n\n.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {\n background-color: white;\n border-color: white;\n color: #0a0a0a;\n}\n\n.hero.is-black.is-bold {\n background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-black.is-bold .nav-menu {\n background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);\n }\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-black .nav-toggle span {\n background-color: white;\n }\n .hero.is-black .nav-toggle:hover {\n background-color: rgba(10, 10, 10, 0.1);\n }\n .hero.is-black .nav-toggle.is-active span {\n background-color: white;\n }\n .hero.is-black .nav-menu .nav-item {\n border-top-color: rgba(255, 255, 255, 0.2);\n }\n}\n\n.hero.is-light {\n background-color: whitesmoke;\n color: #363636;\n}\n\n.hero.is-light a:not(.button),\n.hero.is-light strong {\n color: inherit;\n}\n\n.hero.is-light .title {\n color: #363636;\n}\n\n.hero.is-light .subtitle {\n color: rgba(54, 54, 54, 0.9);\n}\n\n.hero.is-light .subtitle a:not(.button),\n.hero.is-light .subtitle strong {\n color: #363636;\n}\n\n.hero.is-light .nav {\n box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-light .nav-menu {\n background-color: whitesmoke;\n }\n}\n\n.hero.is-light a.nav-item,\n.hero.is-light .nav-item a:not(.button) {\n color: rgba(54, 54, 54, 0.7);\n}\n\n.hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active,\n.hero.is-light .nav-item a:not(.button):hover,\n.hero.is-light .nav-item a:not(.button).is-active {\n color: #363636;\n}\n\n.hero.is-light .tabs a {\n color: #363636;\n opacity: 0.9;\n}\n\n.hero.is-light .tabs a:hover {\n opacity: 1;\n}\n\n.hero.is-light .tabs li.is-active a {\n opacity: 1;\n}\n\n.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {\n color: #363636;\n}\n\n.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {\n background-color: rgba(10, 10, 10, 0.1);\n}\n\n.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {\n background-color: #363636;\n border-color: #363636;\n color: whitesmoke;\n}\n\n.hero.is-light.is-bold {\n background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-light.is-bold .nav-menu {\n background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);\n }\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-light .nav-toggle span {\n background-color: #363636;\n }\n .hero.is-light .nav-toggle:hover {\n background-color: rgba(10, 10, 10, 0.1);\n }\n .hero.is-light .nav-toggle.is-active span {\n background-color: #363636;\n }\n .hero.is-light .nav-menu .nav-item {\n border-top-color: rgba(54, 54, 54, 0.2);\n }\n}\n\n.hero.is-dark {\n background-color: #363636;\n color: whitesmoke;\n}\n\n.hero.is-dark a:not(.button),\n.hero.is-dark strong {\n color: inherit;\n}\n\n.hero.is-dark .title {\n color: whitesmoke;\n}\n\n.hero.is-dark .subtitle {\n color: rgba(245, 245, 245, 0.9);\n}\n\n.hero.is-dark .subtitle a:not(.button),\n.hero.is-dark .subtitle strong {\n color: whitesmoke;\n}\n\n.hero.is-dark .nav {\n box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-dark .nav-menu {\n background-color: #363636;\n }\n}\n\n.hero.is-dark a.nav-item,\n.hero.is-dark .nav-item a:not(.button) {\n color: rgba(245, 245, 245, 0.7);\n}\n\n.hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active,\n.hero.is-dark .nav-item a:not(.button):hover,\n.hero.is-dark .nav-item a:not(.button).is-active {\n color: whitesmoke;\n}\n\n.hero.is-dark .tabs a {\n color: whitesmoke;\n opacity: 0.9;\n}\n\n.hero.is-dark .tabs a:hover {\n opacity: 1;\n}\n\n.hero.is-dark .tabs li.is-active a {\n opacity: 1;\n}\n\n.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {\n color: whitesmoke;\n}\n\n.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {\n background-color: rgba(10, 10, 10, 0.1);\n}\n\n.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {\n background-color: whitesmoke;\n border-color: whitesmoke;\n color: #363636;\n}\n\n.hero.is-dark.is-bold {\n background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-dark.is-bold .nav-menu {\n background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);\n }\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-dark .nav-toggle span {\n background-color: whitesmoke;\n }\n .hero.is-dark .nav-toggle:hover {\n background-color: rgba(10, 10, 10, 0.1);\n }\n .hero.is-dark .nav-toggle.is-active span {\n background-color: whitesmoke;\n }\n .hero.is-dark .nav-menu .nav-item {\n border-top-color: rgba(245, 245, 245, 0.2);\n }\n}\n\n.hero.is-primary {\n background-color: #00d1b2;\n color: #fff;\n}\n\n.hero.is-primary a:not(.button),\n.hero.is-primary strong {\n color: inherit;\n}\n\n.hero.is-primary .title {\n color: #fff;\n}\n\n.hero.is-primary .subtitle {\n color: rgba(255, 255, 255, 0.9);\n}\n\n.hero.is-primary .subtitle a:not(.button),\n.hero.is-primary .subtitle strong {\n color: #fff;\n}\n\n.hero.is-primary .nav {\n box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-primary .nav-menu {\n background-color: #00d1b2;\n }\n}\n\n.hero.is-primary a.nav-item,\n.hero.is-primary .nav-item a:not(.button) {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active,\n.hero.is-primary .nav-item a:not(.button):hover,\n.hero.is-primary .nav-item a:not(.button).is-active {\n color: #fff;\n}\n\n.hero.is-primary .tabs a {\n color: #fff;\n opacity: 0.9;\n}\n\n.hero.is-primary .tabs a:hover {\n opacity: 1;\n}\n\n.hero.is-primary .tabs li.is-active a {\n opacity: 1;\n}\n\n.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {\n color: #fff;\n}\n\n.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {\n background-color: rgba(10, 10, 10, 0.1);\n}\n\n.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {\n background-color: #fff;\n border-color: #fff;\n color: #00d1b2;\n}\n\n.hero.is-primary.is-bold {\n background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-primary.is-bold .nav-menu {\n background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);\n }\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-primary .nav-toggle span {\n background-color: #fff;\n }\n .hero.is-primary .nav-toggle:hover {\n background-color: rgba(10, 10, 10, 0.1);\n }\n .hero.is-primary .nav-toggle.is-active span {\n background-color: #fff;\n }\n .hero.is-primary .nav-menu .nav-item {\n border-top-color: rgba(255, 255, 255, 0.2);\n }\n}\n\n.hero.is-info {\n background-color: #3273dc;\n color: #fff;\n}\n\n.hero.is-info a:not(.button),\n.hero.is-info strong {\n color: inherit;\n}\n\n.hero.is-info .title {\n color: #fff;\n}\n\n.hero.is-info .subtitle {\n color: rgba(255, 255, 255, 0.9);\n}\n\n.hero.is-info .subtitle a:not(.button),\n.hero.is-info .subtitle strong {\n color: #fff;\n}\n\n.hero.is-info .nav {\n box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-info .nav-menu {\n background-color: #3273dc;\n }\n}\n\n.hero.is-info a.nav-item,\n.hero.is-info .nav-item a:not(.button) {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active,\n.hero.is-info .nav-item a:not(.button):hover,\n.hero.is-info .nav-item a:not(.button).is-active {\n color: #fff;\n}\n\n.hero.is-info .tabs a {\n color: #fff;\n opacity: 0.9;\n}\n\n.hero.is-info .tabs a:hover {\n opacity: 1;\n}\n\n.hero.is-info .tabs li.is-active a {\n opacity: 1;\n}\n\n.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {\n color: #fff;\n}\n\n.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {\n background-color: rgba(10, 10, 10, 0.1);\n}\n\n.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {\n background-color: #fff;\n border-color: #fff;\n color: #3273dc;\n}\n\n.hero.is-info.is-bold {\n background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-info.is-bold .nav-menu {\n background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);\n }\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-info .nav-toggle span {\n background-color: #fff;\n }\n .hero.is-info .nav-toggle:hover {\n background-color: rgba(10, 10, 10, 0.1);\n }\n .hero.is-info .nav-toggle.is-active span {\n background-color: #fff;\n }\n .hero.is-info .nav-menu .nav-item {\n border-top-color: rgba(255, 255, 255, 0.2);\n }\n}\n\n.hero.is-success {\n background-color: #23d160;\n color: #fff;\n}\n\n.hero.is-success a:not(.button),\n.hero.is-success strong {\n color: inherit;\n}\n\n.hero.is-success .title {\n color: #fff;\n}\n\n.hero.is-success .subtitle {\n color: rgba(255, 255, 255, 0.9);\n}\n\n.hero.is-success .subtitle a:not(.button),\n.hero.is-success .subtitle strong {\n color: #fff;\n}\n\n.hero.is-success .nav {\n box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-success .nav-menu {\n background-color: #23d160;\n }\n}\n\n.hero.is-success a.nav-item,\n.hero.is-success .nav-item a:not(.button) {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active,\n.hero.is-success .nav-item a:not(.button):hover,\n.hero.is-success .nav-item a:not(.button).is-active {\n color: #fff;\n}\n\n.hero.is-success .tabs a {\n color: #fff;\n opacity: 0.9;\n}\n\n.hero.is-success .tabs a:hover {\n opacity: 1;\n}\n\n.hero.is-success .tabs li.is-active a {\n opacity: 1;\n}\n\n.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {\n color: #fff;\n}\n\n.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {\n background-color: rgba(10, 10, 10, 0.1);\n}\n\n.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {\n background-color: #fff;\n border-color: #fff;\n color: #23d160;\n}\n\n.hero.is-success.is-bold {\n background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-success.is-bold .nav-menu {\n background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);\n }\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-success .nav-toggle span {\n background-color: #fff;\n }\n .hero.is-success .nav-toggle:hover {\n background-color: rgba(10, 10, 10, 0.1);\n }\n .hero.is-success .nav-toggle.is-active span {\n background-color: #fff;\n }\n .hero.is-success .nav-menu .nav-item {\n border-top-color: rgba(255, 255, 255, 0.2);\n }\n}\n\n.hero.is-warning {\n background-color: #ffdd57;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.hero.is-warning a:not(.button),\n.hero.is-warning strong {\n color: inherit;\n}\n\n.hero.is-warning .title {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.hero.is-warning .subtitle {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.hero.is-warning .subtitle a:not(.button),\n.hero.is-warning .subtitle strong {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.hero.is-warning .nav {\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-warning .nav-menu {\n background-color: #ffdd57;\n }\n}\n\n.hero.is-warning a.nav-item,\n.hero.is-warning .nav-item a:not(.button) {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active,\n.hero.is-warning .nav-item a:not(.button):hover,\n.hero.is-warning .nav-item a:not(.button).is-active {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.hero.is-warning .tabs a {\n color: rgba(0, 0, 0, 0.7);\n opacity: 0.9;\n}\n\n.hero.is-warning .tabs a:hover {\n opacity: 1;\n}\n\n.hero.is-warning .tabs li.is-active a {\n opacity: 1;\n}\n\n.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {\n background-color: rgba(10, 10, 10, 0.1);\n}\n\n.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {\n background-color: rgba(0, 0, 0, 0.7);\n border-color: rgba(0, 0, 0, 0.7);\n color: #ffdd57;\n}\n\n.hero.is-warning.is-bold {\n background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-warning.is-bold .nav-menu {\n background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);\n }\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-warning .nav-toggle span {\n background-color: rgba(0, 0, 0, 0.7);\n }\n .hero.is-warning .nav-toggle:hover {\n background-color: rgba(10, 10, 10, 0.1);\n }\n .hero.is-warning .nav-toggle.is-active span {\n background-color: rgba(0, 0, 0, 0.7);\n }\n .hero.is-warning .nav-menu .nav-item {\n border-top-color: rgba(0, 0, 0, 0.2);\n }\n}\n\n.hero.is-danger {\n background-color: #ff3860;\n color: #fff;\n}\n\n.hero.is-danger a:not(.button),\n.hero.is-danger strong {\n color: inherit;\n}\n\n.hero.is-danger .title {\n color: #fff;\n}\n\n.hero.is-danger .subtitle {\n color: rgba(255, 255, 255, 0.9);\n}\n\n.hero.is-danger .subtitle a:not(.button),\n.hero.is-danger .subtitle strong {\n color: #fff;\n}\n\n.hero.is-danger .nav {\n box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-danger .nav-menu {\n background-color: #ff3860;\n }\n}\n\n.hero.is-danger a.nav-item,\n.hero.is-danger .nav-item a:not(.button) {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active,\n.hero.is-danger .nav-item a:not(.button):hover,\n.hero.is-danger .nav-item a:not(.button).is-active {\n color: #fff;\n}\n\n.hero.is-danger .tabs a {\n color: #fff;\n opacity: 0.9;\n}\n\n.hero.is-danger .tabs a:hover {\n opacity: 1;\n}\n\n.hero.is-danger .tabs li.is-active a {\n opacity: 1;\n}\n\n.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {\n color: #fff;\n}\n\n.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {\n background-color: rgba(10, 10, 10, 0.1);\n}\n\n.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {\n background-color: #fff;\n border-color: #fff;\n color: #ff3860;\n}\n\n.hero.is-danger.is-bold {\n background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-danger.is-bold .nav-menu {\n background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%);\n }\n}\n\n@media screen and (max-width: 768px) {\n .hero.is-danger .nav-toggle span {\n background-color: #fff;\n }\n .hero.is-danger .nav-toggle:hover {\n background-color: rgba(10, 10, 10, 0.1);\n }\n .hero.is-danger .nav-toggle.is-active span {\n background-color: #fff;\n }\n .hero.is-danger .nav-menu .nav-item {\n border-top-color: rgba(255, 255, 255, 0.2);\n }\n}\n\n@media screen and (min-width: 769px), print {\n .hero.is-medium .hero-body {\n padding-bottom: 9rem;\n padding-top: 9rem;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .hero.is-large .hero-body {\n padding-bottom: 18rem;\n padding-top: 18rem;\n }\n}\n\n.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body {\n align-items: center;\n display: flex;\n}\n\n.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container {\n flex-grow: 1;\n flex-shrink: 1;\n}\n\n.hero.is-halfheight {\n min-height: 50vh;\n}\n\n.hero.is-fullheight {\n min-height: 100vh;\n}\n\n.hero-video {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n overflow: hidden;\n}\n\n.hero-video video {\n left: 50%;\n min-height: 100%;\n min-width: 100%;\n position: absolute;\n top: 50%;\n transform: translate3d(-50%, -50%, 0);\n}\n\n.hero-video.is-transparent {\n opacity: 0.3;\n}\n\n@media screen and (max-width: 768px) {\n .hero-video {\n display: none;\n }\n}\n\n.hero-buttons {\n margin-top: 1.5rem;\n}\n\n@media screen and (max-width: 768px) {\n .hero-buttons .button {\n display: flex;\n }\n .hero-buttons .button:not(:last-child) {\n margin-bottom: 0.75rem;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .hero-buttons {\n display: flex;\n justify-content: center;\n }\n .hero-buttons .button:not(:last-child) {\n margin-right: 1.5rem;\n }\n}\n\n.hero-head,\n.hero-foot {\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.hero-body {\n flex-grow: 1;\n flex-shrink: 0;\n padding: 3rem 1.5rem;\n}\n\n.section {\n padding: 3rem 1.5rem;\n}\n\n@media screen and (min-width: 1008px) {\n .section.is-medium {\n padding: 9rem 1.5rem;\n }\n .section.is-large {\n padding: 18rem 1.5rem;\n }\n}\n\n.footer {\n background-color: whitesmoke;\n padding: 3rem 1.5rem 6rem;\n}\n\n.highlight {\n background-color: #f5f5f5;\n color: #586e75;\n}\n\n.highlight .c {\n color: #93a1a1;\n}\n\n.highlight .err,\n.highlight .g {\n color: #586e75;\n}\n\n.highlight .k {\n color: #859900;\n}\n\n.highlight .l,\n.highlight .n {\n color: #586e75;\n}\n\n.highlight .o {\n color: #859900;\n}\n\n.highlight .x {\n color: #cb4b16;\n}\n\n.highlight .p {\n color: #586e75;\n}\n\n.highlight .cm {\n color: #93a1a1;\n}\n\n.highlight .cp {\n color: #859900;\n}\n\n.highlight .c1 {\n color: #93a1a1;\n}\n\n.highlight .cs {\n color: #859900;\n}\n\n.highlight .gd {\n color: #2aa198;\n}\n\n.highlight .ge {\n color: #586e75;\n font-style: italic;\n}\n\n.highlight .gr {\n color: #dc322f;\n}\n\n.highlight .gh {\n color: #cb4b16;\n}\n\n.highlight .gi {\n color: #859900;\n}\n\n.highlight .go,\n.highlight .gp {\n color: #586e75;\n}\n\n.highlight .gs {\n color: #586e75;\n font-weight: bold;\n}\n\n.highlight .gu {\n color: #cb4b16;\n}\n\n.highlight .gt {\n color: #586e75;\n}\n\n.highlight .kc {\n color: #cb4b16;\n}\n\n.highlight .kd {\n color: #268bd2;\n}\n\n.highlight .kn,\n.highlight .kp {\n color: #859900;\n}\n\n.highlight .kr {\n color: #268bd2;\n}\n\n.highlight .kt {\n color: #dc322f;\n}\n\n.highlight .ld {\n color: #586e75;\n}\n\n.highlight .m,\n.highlight .s {\n color: #2aa198;\n}\n\n.highlight .na {\n color: #B58900;\n}\n\n.highlight .nb {\n color: #586e75;\n}\n\n.highlight .nc {\n color: #268bd2;\n}\n\n.highlight .no {\n color: #cb4b16;\n}\n\n.highlight .nd {\n color: #268bd2;\n}\n\n.highlight .ni,\n.highlight .ne {\n color: #cb4b16;\n}\n\n.highlight .nf {\n color: #268bd2;\n}\n\n.highlight .nl,\n.highlight .nn,\n.highlight .nx,\n.highlight .py {\n color: #586e75;\n}\n\n.highlight .nt,\n.highlight .nv {\n color: #268bd2;\n}\n\n.highlight .ow {\n color: #859900;\n}\n\n.highlight .w {\n color: #586e75;\n}\n\n.highlight .mf,\n.highlight .mh,\n.highlight .mi,\n.highlight .mo {\n color: #2aa198;\n}\n\n.highlight .sb {\n color: #93a1a1;\n}\n\n.highlight .sc {\n color: #2aa198;\n}\n\n.highlight .sd {\n color: #586e75;\n}\n\n.highlight .s2 {\n color: #2aa198;\n}\n\n.highlight .se {\n color: #cb4b16;\n}\n\n.highlight .sh {\n color: #586e75;\n}\n\n.highlight .si,\n.highlight .sx {\n color: #2aa198;\n}\n\n.highlight .sr {\n color: #dc322f;\n}\n\n.highlight .s1,\n.highlight .ss {\n color: #2aa198;\n}\n\n.highlight .bp,\n.highlight .vc,\n.highlight .vg,\n.highlight .vi {\n color: #268bd2;\n}\n\n.highlight .il {\n color: #2aa198;\n}\n\n.content .highlight {\n text-align: left;\n}\n\n@media screen and (min-width: 769px), print {\n .button small {\n color: #4a4a4a;\n left: 0;\n margin-top: 10px;\n position: absolute;\n top: 100%;\n width: 100%;\n }\n}\n\nbody.page-grid .column > .notification {\n padding-left: 0;\n padding-right: 0;\n text-align: center;\n}\n\n@media screen and (min-width: 769px), print {\n .header-item .button + .button {\n margin-left: 0.75rem;\n }\n}\n\nsvg {\n max-height: 100%;\n max-width: 100%;\n}\n\n#carbon {\n margin-left: auto;\n margin-right: auto;\n max-width: 340px;\n min-height: 150px;\n padding: 0;\n position: relative;\n}\n\n#carbon:hover {\n box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;\n}\n\n@media screen and (min-width: 769px), print {\n #carbon {\n width: 340px;\n }\n}\n\n#carbonads {\n font-size: 14px;\n text-align: left;\n}\n\n#carbonads a,\n#carbonads span {\n display: block;\n}\n\n#carbonads .carbon-wrap {\n position: relative;\n}\n\n#carbonads .carbon-img {\n background: whitesmoke;\n float: left;\n height: 100px;\n margin: 15px 0 15px 15px;\n width: 130px;\n}\n\n#carbonads .carbon-img img {\n display: block;\n height: 100px;\n width: 130px;\n}\n\n#carbonads .carbon-text {\n display: block;\n color: #363636;\n line-height: 20px;\n padding: 15px 15px 35px 160px;\n}\n\n#carbonads .carbon-poweredby {\n bottom: 0;\n color: #7a7a7a;\n font-size: 0.75rem;\n left: 160px;\n line-height: 20px;\n padding: 0 15px 10px 0;\n position: absolute;\n right: 0;\n}\n\n@keyframes floatUp {\n 0% {\n box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0);\n transform: scale(0.86);\n }\n 67% {\n box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);\n transform: scale(1);\n }\n 100% {\n box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);\n transform: scale(1);\n }\n}\n\n@keyframes strokePath {\n from {\n stroke-dashoffset: 880;\n }\n to {\n stroke-dashoffset: 0;\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: scale(0.86);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes fadeOut {\n 0% {\n opacity: 1;\n transform: scale(0.86);\n }\n 67% {\n opacity: 1;\n transform: scale(0.86);\n }\n 100% {\n opacity: 0;\n transform: scale(1);\n }\n}\n\n@keyframes slideDown {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideUp {\n 0% {\n opacity: 0;\n transform: translateY(10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n#b {\n animation-duration: 1.5s;\n animation-fill-mode: both;\n animation-name: floatUp;\n animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);\n border-radius: 24px;\n display: inline-block;\n height: 240px;\n margin-bottom: 40px;\n position: relative;\n vertical-align: top;\n width: 240px;\n}\n\n#b svg {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n display: block;\n height: 240px;\n width: 240px;\n}\n\n#b svg:first-child {\n animation-duration: 1.5s;\n animation-fill-mode: both;\n animation-name: fadeOut;\n animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);\n}\n\n#b svg:first-child g {\n animation-duration: 1s;\n animation-fill-mode: both;\n animation-name: strokePath;\n animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);\n fill: none;\n stroke: #00d1b2;\n stroke-dasharray: 880;\n stroke-width: 2px;\n}\n\n#b svg:last-child {\n animation-delay: 1s;\n animation-duration: 1s;\n animation-fill-mode: both;\n animation-name: fadeIn;\n animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);\n}\n\n#b svg:last-child g {\n fill: #00d1b2;\n}\n\n@media screen and (max-width: 768px) {\n #b {\n border-radius: 16px;\n height: 160px;\n width: 160px;\n }\n}\n\n#bulma {\n animation: slideDown 500ms both;\n}\n\n#modern-framework {\n animation: slideUp 500ms both;\n animation-delay: 0.2s;\n}\n\n#npm {\n align-items: center;\n animation: fadeIn 500ms both;\n animation-delay: 0.4s;\n background: none;\n display: flex;\n justify-content: center;\n margin: -10px 0 20px;\n}\n\n#npm code {\n background: whitesmoke;\n border-radius: 3px;\n color: #00d1b2;\n display: inline-block;\n font-size: 16px;\n padding: 16px 32px;\n}\n\n#ghbtns {\n animation: slideDown 500ms both;\n animation-delay: 0.6s;\n}\n\nhtml.route-index #carbon {\n animation: slideUp 500ms both;\n animation-delay: 0.8s;\n}\n\n#download {\n animation: fadeIn 500ms both;\n animation-delay: 1s;\n}\n\n#grid .notification {\n padding-left: 0;\n padding-right: 0;\n}\n\n#message {\n display: none;\n}\n\n#tweet {\n background: white;\n border-radius: 5px;\n box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);\n padding: 1.5rem;\n}\n\n#github {\n color: #333333;\n border-color: #333333;\n}\n\n#github:hover {\n background: #333333;\n border-color: #333333;\n color: white;\n}\n\n.tw-button {\n background-color: #55acee;\n color: white;\n border-color: transparent !important;\n}\n\n.tw-button:hover {\n background-color: #49a6ed;\n color: white;\n}\n\n.tw-button:active, .tw-button:focus {\n background-color: #3ea1ec;\n color: white;\n}\n\n@media screen and (min-width: 1008px) {\n #blogDropdown {\n width: 16rem;\n }\n #blogDropdown .navbar-item {\n white-space: normal;\n }\n #moreDropdown {\n width: 16rem;\n }\n #moreDropdown .navbar-item {\n padding-right: 1rem;\n }\n #moreDropdown .navbar-item .level {\n flex-grow: 1;\n }\n}\n\n#about .twitter-container {\n display: block;\n height: 30px;\n line-height: 30px;\n margin-top: 5px;\n}\n\n#about small {\n display: block;\n margin-top: 5px;\n}\n\n#mc_embed_signup .field {\n margin-bottom: 0;\n}\n\n#mc_embed_signup .notification {\n margin-top: 0.75rem;\n}\n\n#share form {\n height: 30px;\n margin-top: 10px;\n}\n\n#social {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n}\n\n#social > iframe,\n#social > a,\n#social > form,\n#social > div {\n display: inline-block;\n font-size: 11px;\n height: 30px;\n line-height: 30px;\n margin-top: 5px;\n}\n\n#social .github-btn {\n width: 160px;\n}\n\n#social .twitter-share-button {\n margin-right: 10px;\n min-width: 76px;\n}\n\n#social .paypal-form {\n min-width: 148px;\n}\n\n#social .fb-like {\n align-items: center;\n display: flex;\n width: 130px;\n}\n\n#newsletter .input {\n border-color: white;\n box-shadow: none;\n}\n\n#sister ul {\n display: flex;\n flex-wrap: wrap;\n}\n\n#sister li {\n display: flex;\n height: 30px;\n margin: 5px 1rem 0 0;\n}\n\n#sister img {\n height: 30px;\n}\n\n#tsp small {\n display: block;\n}\n\n#alternative {\n font-size: 0.875rem;\n}\n\n#alternative a {\n color: #7a7a7a;\n}\n\n#alternative a:hover {\n text-decoration: underline;\n}\n\n#images tr td:nth-child(2) {\n width: 320px;\n}\n\n.color {\n border-radius: 2px;\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n display: inline-block;\n float: left;\n height: 24px;\n margin-right: 8px;\n width: 24px;\n}\n\n.button.is-rss {\n background-color: #f26522;\n border-color: transparent;\n color: #fff;\n}\n\n.button.is-rss:hover {\n background-color: #ed560e;\n}\n\n.button.is-rss:active {\n background-color: #d54d0d;\n}\n\n.view-all-versions {\n color: #7a7a7a;\n}\n\n.view-all-versions:hover {\n text-decoration: underline;\n}\n\n.feature-title {\n color: #7a7a7a;\n}\n\n.feature-title a {\n border-bottom: 1px solid transparent;\n color: #363636;\n}\n\n.feature-title a:hover {\n border-bottom-color: #00d1b2;\n}\n\n.anchor-title {\n padding-top: 1.5rem;\n position: relative;\n}\n\n@media screen and (max-width: 1199px) {\n .anchor-title {\n padding-left: 2rem;\n }\n}\n\n.anchor-link {\n position: absolute;\n right: calc(100% + 1rem);\n}\n\n@media screen and (max-width: 1199px) {\n .anchor-link {\n left: 0;\n right: auto;\n }\n}\n\n.article-image {\n background-color: #00d1b2;\n display: block;\n height: 240px;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n text-align: center;\n}\n\n.article-image.is-white {\n background-color: white;\n}\n\n.article-image.is-black {\n background-color: #0a0a0a;\n}\n\n.article-image.is-light {\n background-color: whitesmoke;\n}\n\n.article-image.is-dark {\n background-color: #363636;\n}\n\n.article-image.is-primary {\n background-color: #00d1b2;\n}\n\n.article-image.is-info {\n background-color: #3273dc;\n}\n\n.article-image.is-success {\n background-color: #23d160;\n}\n\n.article-image.is-warning {\n background-color: #ffdd57;\n}\n\n.article-image.is-danger {\n background-color: #ff3860;\n}\n\n.article-image.is-bootstrap {\n background-color: #6f5499;\n}\n\n.article-image.is-orange {\n background-color: #ff470f;\n}\n\n.article-image:hover .article-overlay {\n opacity: 0.25;\n}\n\n.article-image:hover .article-icon {\n transform: scale(1.4);\n}\n\n.article-image:hover .article-date {\n transform: scale(0.9);\n}\n\n.article-image:hover .article-title {\n transform: scale(1.1);\n}\n\n.article-image.is-single {\n margin-bottom: 2rem;\n width: 100%;\n}\n\n.article-overlay {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n background-color: #0a0a0a;\n opacity: 0;\n transition-duration: 86ms;\n transition-property: opacity;\n transition-timing-function: ease-out;\n}\n\n.article-icon,\n.article-info {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n align-items: center;\n display: flex;\n justify-content: center;\n}\n\n.article-icon,\n.article-date,\n.article-title {\n transition-duration: 86ms;\n transition-property: transform;\n transition-timing-function: ease-out;\n}\n\n.article-icon {\n color: #0a0a0a;\n opacity: 0.25;\n}\n\n.article-icon > span {\n display: block;\n}\n\n.article-icon .fa {\n font-size: 56px;\n}\n\n.article-info {\n padding: 20px;\n}\n\n.article-date {\n color: rgba(0, 0, 0, 0.5);\n display: block;\n}\n\n.article-title {\n color: white;\n display: block;\n font-size: 2.5rem;\n font-weight: 700;\n line-height: 1.25;\n padding: 0 20px;\n}\n\n.emoji {\n margin-right: 0.5em;\n margin-top: 2px;\n}\n\n.example,\n.structure {\n border: 1px solid #ffdd57;\n border-top-right-radius: 3px;\n color: rgba(0, 0, 0, 0.7);\n padding: 1.5rem;\n position: relative;\n}\n\n.example:not(:first-child),\n.structure:not(:first-child) {\n margin-top: 2rem;\n}\n\n.example:not(:last-child),\n.structure:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.example:before,\n.structure:before {\n background: #ffdd57;\n border-radius: 3px 3px 0 0;\n bottom: 100%;\n content: \"Example\";\n display: inline-block;\n font-size: 7px;\n font-weight: bold;\n left: -1px;\n letter-spacing: 1px;\n padding: 3px 5px;\n position: absolute;\n text-transform: uppercase;\n vertical-align: top;\n}\n\n@media screen and (min-width: 769px), print {\n .example.is-fullwidth,\n .structure.is-fullwidth {\n border-left: none;\n border-right: none;\n padding: 0;\n }\n}\n\n.example + .highlight {\n border: 1px solid #ffdd57;\n border-radius: 0 0 3px 3px;\n border-top: none;\n margin-top: -1.5rem;\n}\n\n.example + .highlight:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.highlight pre {\n max-height: 480px;\n margin-bottom: 0 !important;\n padding: 0;\n}\n\n.highlight pre code {\n padding: 1.25em 1.5em;\n}\n\n.highlight-full .highlight pre,\n#navbarJsExample .highlight pre {\n max-height: none;\n}\n\n.structure {\n border-color: #ff3860;\n border-radius: 3px;\n padding: 1.5rem;\n}\n\n.structure:before {\n background: #ff3860;\n color: #fff;\n content: \"Structure\";\n}\n\n.structure-item {\n position: relative;\n}\n\n.structure-item:before {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n background: rgba(10, 10, 10, 0.7);\n background: whitesmoke;\n border: 1px solid #dbdbdb;\n content: \"\";\n display: block;\n z-index: 1;\n}\n\n.structure-item:after {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n align-items: center;\n content: attr(title);\n display: flex;\n font-family: monospace;\n font-size: 11px;\n justify-content: center;\n padding: 3px 5px;\n z-index: 2;\n}\n\n.structure-item.is-structure-container {\n padding: 1.5rem 0.75rem 0.75rem;\n}\n\n.structure-item.is-structure-container:after {\n align-items: flex-start;\n justify-content: flex-start;\n padding: 0.5rem 0.75rem;\n}\n\n.highlight {\n position: relative;\n}\n\n.highlight .copy,\n.highlight .expand {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: white;\n border: solid #dbdbdb;\n border-width: 0 0 1px 1px;\n color: #7a7a7a;\n cursor: pointer;\n outline: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.highlight .copy:hover,\n.highlight .expand:hover {\n border-color: #ff3860;\n color: #ff3860;\n}\n\n.highlight .expand {\n border-right-width: 1px;\n right: 50px;\n}\n\n@media screen and (min-width: 769px), print {\n .highlight pre {\n white-space: pre-wrap;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .section:not(.is-fullwidth) > .example:not(.is-fullwidth) {\n margin-left: 1.5rem;\n margin-right: 1.5rem;\n }\n .section:not(.is-fullwidth) > .example:not(.is-fullwidth) + .highlight {\n margin-left: 1.5rem;\n margin-right: 1.5rem;\n }\n}\n\n.section.is-fullwidth {\n padding: 0 !important;\n}\n\n.section.is-fullwidth .example {\n border-left: none;\n border-radius: 0;\n border-right: none;\n padding: 0;\n}\n\n.section.is-fullwidth .example + .highlight {\n border-left: none;\n border-radius: 0;\n border-right: none;\n}\n\n.callout {\n background-color: whitesmoke;\n border-radius: 3px;\n padding: 1.25rem 2.5rem 1.25rem 1.5rem;\n position: relative;\n}\n\n.callout:not(:last-child) {\n margin-bottom: 1.5rem;\n}\n\n.callout.is-white {\n background-color: white;\n color: #0a0a0a;\n}\n\n.callout.is-black {\n background-color: #0a0a0a;\n color: white;\n}\n\n.callout.is-light {\n background-color: whitesmoke;\n color: #363636;\n}\n\n.callout.is-dark {\n background-color: #363636;\n color: whitesmoke;\n}\n\n.callout.is-primary {\n background-color: #00d1b2;\n color: #fff;\n}\n\n.callout.is-info {\n background-color: #3273dc;\n color: #fff;\n}\n\n.callout.is-success {\n background-color: #23d160;\n color: #fff;\n}\n\n.callout.is-warning {\n background-color: #ffdd57;\n color: rgba(0, 0, 0, 0.7);\n}\n\n.callout.is-danger {\n background-color: #ff3860;\n color: #fff;\n}\n\n.bsa {\n padding: 2rem;\n}\n\n.bsa-cpc {\n min-height: 1px;\n}\n\n#_default_ .default-ad {\n background-color: rgba(0, 0, 0, 0.3);\n border-radius: 2px;\n color: white;\n display: inline-block;\n font-size: 10px;\n font-weight: bold;\n padding: 0 4px;\n text-transform: uppercase;\n vertical-align: top;\n}\n\n#_default_ > a {\n background-color: white;\n border-radius: 5px;\n box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);\n color: #4a4a4a;\n display: block;\n line-height: 1.375;\n margin-top: 15px;\n min-height: 70px;\n padding: 15px;\n padding-left: 70px;\n position: relative;\n}\n\n#_default_ > a:hover, #_default_ > a:focus {\n box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;\n}\n\n#_default_ > a:active {\n box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;\n}\n\n#_default_ > a span {\n display: block;\n}\n\n#_default_ > a .default-image {\n display: block;\n left: 15px;\n height: 40px;\n position: absolute;\n top: 15px;\n width: 40px;\n}\n\n#_default_ > a .default-image img {\n display: block;\n height: 40px;\n width: 40px;\n}\n\n#_default_ > a .default-title {\n color: #363636;\n display: inline;\n font-weight: 700;\n}\n\n#_default_ > a .default-title:after {\n content: \" — \";\n}\n\n#_default_ > a .default-description {\n display: inline;\n}\n\n@media screen and (min-width: 769px), print {\n .bsa .columns {\n min-height: 120px;\n }\n #_default_ {\n display: flex;\n justify-content: center;\n position: relative;\n }\n #_default_ .default-ad {\n left: 100%;\n margin-left: 2rem;\n position: absolute;\n top: 0;\n }\n #_default_ > a {\n margin: 0;\n width: calc(50% - 1rem);\n }\n #_default_ > a:not(:nth-child(2)) {\n margin-left: 2rem;\n }\n}\n\nhtml.route-index .title.is-2 {\n position: relative;\n}\n\nhtml.route-index .title.is-2 a {\n color: #242424;\n position: relative;\n}\n\nhtml.route-index .title.is-2 a:hover {\n color: #00d1b2;\n}\n\nhtml.route-index .title.is-2 .icon.is-medium {\n left: -80px;\n opacity: 0.1;\n position: absolute;\n top: 10px;\n}\n\nhtml.route-index .title.is-2 .icon.is-medium .fa {\n font-size: 56px;\n}\n\nhtml.route-index .hero .title.is-2 a {\n color: white;\n}\n\nhtml.route-index .hero .title.is-2 a:hover {\n color: white;\n}\n\nhtml.route-index .hero.is-primary a.column,\nhtml.route-index .hero.is-primary a.column:hover {\n color: white;\n}\n\nhtml.route-index .hero.is-primary a.column:hover .title strong {\n border-bottom: 1px solid;\n}\n\n@media screen and (max-width: 979px) {\n html.route-index .title.is-2 a {\n padding-left: 0;\n }\n html.route-index .title.is-2 .icon.is-medium {\n display: none;\n }\n}\n\n.tws {\n display: flex;\n flex-wrap: wrap;\n overflow: auto;\n padding: 20px;\n}\n\n.tw {\n color: #697882;\n flex-shrink: 0;\n font-family: Helvetica, Roboto, \"Segoe UI\", Calibri, sans-serif;\n font-size: 16px;\n line-height: 1.4;\n padding: 10px;\n width: 520px;\n}\n\n.tw a {\n color: currentColor;\n}\n\n.tw p {\n color: #1c2022;\n font-size: 16px;\n margin-bottom: 3.2px;\n}\n\n.tw p a {\n color: #2b7bb9;\n}\n\n.twitter-tweet:not(.twitter-tweet-rendered) {\n background-color: white;\n border: 1px solid #e1e8ed;\n border-radius: 5px;\n color: #697882;\n font-size: 14px;\n padding: 20px 20px 11.6px;\n}\n\n.twitter-tweet:not(.twitter-tweet-rendered) a {\n color: currentColor;\n}\n\n.twitter-tweet:not(.twitter-tweet-rendered) a:hover {\n text-decoration: underline;\n}\n\n.twitter-tweet:not(.twitter-tweet-rendered) p {\n color: #1c2022;\n font-size: 16px;\n margin-bottom: 3.2px;\n}\n\n.twitter-tweet:not(.twitter-tweet-rendered) p a {\n color: #2b7bb9;\n}\n\n.twitter-tweet-rendered {\n border: none;\n border-radius: 0;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.expo {\n background-color: whitesmoke;\n background-color: white;\n padding: 1.5rem;\n}\n\n.website {\n display: block;\n position: relative;\n text-align: center;\n}\n\n.website:last-child {\n margin-bottom: 0;\n}\n\n.website-image {\n align-items: center;\n display: flex;\n justify-content: center;\n margin-bottom: 1.5rem;\n position: relative;\n}\n\n.website-image:hover .website-overlay {\n opacity: 0.25;\n}\n\n.website-overlay {\n background-color: #0a0a0a;\n opacity: 0;\n transition: opacity 200ms ease-out;\n}\n\n@media screen and (max-width: 768px) {\n .website:not(:last-child) {\n margin-bottom: 1.5rem;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .expo {\n padding-bottom: 3rem;\n padding-top: 3rem;\n }\n .websites {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n .website {\n margin-top: 3rem;\n width: calc(50% - 3rem);\n }\n .website:nth-child(1), .website:nth-child(2) {\n margin-top: 0;\n }\n .website.is-highlighted {\n width: 100%;\n }\n .website-image {\n margin-bottom: 3rem;\n }\n}\n\n.testimonials {\n background-color: whitesmoke;\n}\n\n.testimonial {\n align-items: flex-start;\n display: flex;\n justify-content: center;\n}\n\n.more-loves {\n align-items: center;\n display: flex;\n justify-content: center;\n margin-top: 1.5rem;\n text-align: center;\n}\n\n.more-loves .button {\n height: auto;\n padding: 0.75em 1.5em;\n}\n\n.more-loves .button span {\n transform-origin: center center;\n transition: transform 86ms ease-out;\n}\n\n.more-loves .button:hover span {\n transform: scale(1.04);\n}\n\n@media screen and (max-width: 768px) {\n .testimonials {\n padding: 1.5rem;\n }\n .testimonial {\n margin-bottom: 1.5rem;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .testimonials {\n padding: 3rem;\n }\n .testimonial + .testimonial {\n margin-top: 1.5rem;\n }\n}\n\n@media screen and (min-width: 1008px) {\n .testimonials {\n min-height: 595px;\n }\n}\n\n@media screen and (min-width: 1200px) {\n .testimonials {\n min-height: 653px;\n }\n}\n\n@media screen and (min-width: 1392px) {\n .testimonials {\n min-height: 632px;\n }\n}\n\n.rainbow {\n animation: rainbow 8s ease infinite;\n background-image: linear-gradient(124deg, #ff470f, #ff3860, #b86bff, #3273dc);\n background-size: 800% 800%;\n}\n\n.hero.is-love .title,\n.hero.is-love .subtitle {\n color: white;\n}\n\n@keyframes rainbow {\n 0% {\n background-position: 0% 80%;\n }\n 50% {\n background-position: 100% 20%;\n }\n 100% {\n background-position: 0% 80%;\n }\n}\n\n.hug {\n align-items: flex-start;\n display: flex;\n justify-content: center;\n}\n\n.embrace {\n background-color: whitesmoke;\n border-radius: 3px;\n padding: 1.5rem;\n}\n\n@media screen and (max-width: 768px) {\n .love {\n padding: 1.5rem;\n }\n .hug {\n margin: 1.5rem;\n }\n .embrace {\n text-align: center;\n }\n .embrace:not(:first-child) {\n margin-top: 1.5rem;\n }\n .embrace:not(:last-child) {\n margin-bottom: 1.5rem;\n }\n .embrace-button {\n margin-top: 0.75rem;\n }\n}\n\n@media screen and (min-width: 769px), print {\n .love {\n padding-bottom: 3rem;\n padding-top: 3rem;\n }\n .embrace {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n .embrace:not(:first-child) {\n margin-top: 3rem;\n }\n .embrace:not(:last-child) {\n margin-bottom: 3rem;\n }\n .embrace-button {\n margin-left: 1.5rem;\n }\n .hugs {\n display: flex;\n flex-wrap: wrap;\n padding-bottom: 3rem;\n }\n .hug {\n margin-top: 1.5rem;\n width: calc(33.3333% - 1rem);\n }\n .hug:nth-child(1), .hug:nth-child(2), .hug:nth-child(3) {\n margin-top: 0;\n }\n .hug:nth-child(3n-1), .hug:nth-child(3n) {\n margin-left: 1.5rem;\n }\n}\n\n.bootstrap .hero {\n background-color: #6f5499;\n color: #fff;\n}\n\n.bootstrap .hero .title,\n.bootstrap .hero .subtitle {\n color: currentColor;\n}\n\n.bootstrap .hero .subtitle {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.bootstrap .hero .subtitle a {\n border-bottom: 1px solid currentColor;\n color: currentColor;\n}\n\n.bootstrap .hero .subtitle a:hover {\n color: #fff;\n}\n\n.pros-heading {\n padding: 0 2rem;\n text-align: center;\n}\n\n.pros-icon {\n margin-bottom: 3rem;\n text-align: center;\n}\n\n.pros-icon svg {\n height: 3rem;\n width: auto;\n}\n\n.pros-list {\n margin: 0 auto;\n max-width: 540px;\n}\n\n.pro .icon {\n position: relative;\n top: -1px;\n}\n\n.pro .title {\n margin-bottom: 0.5rem;\n}\n\n.pro + .pro {\n margin-top: 2rem;\n padding-top: 2rem;\n}\n\n.pro-content p:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n\n.pro.is-bulma .icon {\n color: #00d1b2;\n}\n\n.pro.is-bootstrap .icon {\n color: #6f5499;\n}\n\n.separator {\n color: #dbdbdb;\n margin: 0 0.25em;\n}\n\n.comparison {\n margin: 0 auto;\n max-width: 42rem;\n}\n\n.comparison .table {\n color: #ff3860;\n}\n\n.comparison .table thead th,\n.comparison .table tfoot th {\n font-size: 1.5rem;\n text-align: center;\n}\n\n.comparison .table thead svg,\n.comparison .table tfoot svg {\n height: 1.5rem;\n margin-right: 1rem;\n position: relative;\n top: 0.25rem;\n width: auto;\n}\n\n.comparison .table tbody th {\n font-size: 1.25rem;\n text-align: center;\n}\n\n.comparison .table tbody td {\n font-family: monospace;\n width: 50%;\n}\n\n.comparison .table tbody a {\n color: currentColor;\n}\n\n.comparison .table tbody a:hover {\n text-decoration: underline;\n}\n\n.comparison .table .is-empty {\n background-color: whitesmoke;\n color: #7a7a7a;\n}\n\n.comparison .table .is-unique {\n background-color: rgba(35, 209, 96, 0.25);\n color: #363636;\n font-weight: 700;\n}\n\n.comparison-header {\n margin-bottom: 3rem;\n}\n\n:root {\n --primary: #00d1b2;\n --gap: 0.75rem;\n}\n\nhtml ::-moz-selection {\n background: #00d1b2;\n color: #fff;\n}\n\nhtml ::selection {\n background: #00d1b2;\n color: #fff;\n}\n"]} \ No newline at end of file diff --git a/docs/versions/0.5.1/documentation/components/breadcrumb/index.html b/docs/versions/0.5.1/documentation/components/breadcrumb/index.html new file mode 100644 index 000000000..3b965df56 --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/breadcrumb/index.html @@ -0,0 +1,1050 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Breadcrumb

+

+ A simple breadcrumb component to improve your navigation experience +

+
+ + + + + + +
+
+ Since + 0.4.3 +
+
+ + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

The breadcrumb component only requires a .breadcrumb container and a ul list.

+

The dividers are automatically created in the content of the ::before pseudo-element of li tags.

+

You can inform the current page using the is-active modifier in a li tag. It will disable the navigation of inner links.

+
+ +
+
+ + + +
+ + 
<nav class="breadcrumb" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

Alignment

+
+

For alternative alignments, use the is-centered and is-right modifiers on the .breadcrumb container.

+
+ + +
+ + + +
+ + + 
<nav class="breadcrumb is-centered" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-right" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

Icons

+ +
+

You can use any of the Font Awesome icons.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#"><span class="icon is-small"><i class="fa fa-home"></i></span><span>Bulma</span></a></li>
+    <li><a href="#"><span class="icon is-small"><i class="fa fa-book"></i></span><span>Documentation</span></a></li>
+    <li><a href="#"><span class="icon is-small"><i class="fa fa-puzzle-piece"></i></span><span>Components</span></a></li>
+    <li class="is-active"><a href="#" aria-current="page"><span class="icon is-small"><i class="fa fa-thumbs-up" aria-hidden="true"></i></span><span>Breadcrumb</span></a></li>
+  </ul>
+</nav>
+ +
+ +

Alternative separators

+
+

You can choose between 4 additional separators: has-arrow-separator has-bullet-separator has-dot-separator and has-succeeds-separator.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb has-arrow-separator" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-bullet-separator" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-dot-separator" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-succeeds-separator" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

+ Sizes + + # + +

+ + +
+

You can choose between 3 additional sizes: is-small is-medium and is-large.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb is-small" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-medium" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-large" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $breadcrumb-item-color + + $text-light +
+ $breadcrumb-item-hover-color + + $link-hover +
+ $breadcrumb-item-active-color + + $text-strong +
+ $breadcrumb-item-separator-color + + $text +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/card/index.html b/docs/versions/0.5.1/documentation/components/card/index.html new file mode 100644 index 000000000..69cd1c363 --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/card/index.html @@ -0,0 +1,983 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Card

+

An all-around flexible and composable component

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

The card component comprises several elements that you can mix and match:

+
    +
  • + card: the main container +
      +
    • + card-header: a horizontal bar with a shadow +
        +
      • + card-header-title: a left-aligned bold text +
        • +
      • + card-header-icon: a placeholder for an icon +
        • +
      +
      • +
    • + card-image: a fullwidth container for a reponsive image +
      • +
    • + card-content: a multi-purpose container for any other element +
      • +
    • + card-footer: a horizontal list of controls +
        +
      • + card-footer-item: a repeatable list item +
        • +
      +
      • +
    +
    • +
+
+ +
+ +
+
+ +
+
+
+ Image +
+
+
+
+
+
+ Image +
+
+
+

John Smith

+

@johnsmith

+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Phasellus nec iaculis mauris. @bulmaio. + #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+
+ +
+
+ 
<div class="card">
+  <div class="card-image">
+    <figure class="image is-4by3">
+      <img src="http://bulma.io/versions/0.5.1/images/placeholders/1280x960.png" alt="Image">
+    </figure>
+  </div>
+  <div class="card-content">
+    <div class="media">
+      <div class="media-left">
+        <figure class="image is-48x48">
+          <img src="http://bulma.io/versions/0.5.1/images/placeholders/96x96.png" alt="Image">
+        </figure>
+      </div>
+      <div class="media-content">
+        <p class="title is-4">John Smith</p>
+        <p class="subtitle is-6">@johnsmith</p>
+      </div>
+    </div>
+
+    <div class="content">
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+      Phasellus nec iaculis mauris. <a>@bulmaio</a>.
+      <a>#css</a> <a>#responsive</a>
+      <br>
+      <small>11:09 PM - 1 Jan 2016</small>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +
+
+ +
+
+

+ Component +

+ + + + + +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. + @bulmaio. #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+ +
+ +
+
+ 
<div class="card">
+  <header class="card-header">
+    <p class="card-header-title">
+      Component
+    </p>
+    <a class="card-header-icon">
+      <span class="icon">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </header>
+  <div class="card-content">
+    <div class="content">
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
+      <a>@bulmaio</a>. <a>#css</a> <a>#responsive</a>
+      <br>
+      <small>11:09 PM - 1 Jan 2016</small>
+    </div>
+  </div>
+  <footer class="card-footer">
+    <a class="card-footer-item">Save</a>
+    <a class="card-footer-item">Edit</a>
+    <a class="card-footer-item">Delete</a>
+  </footer>
+</div>
+
+
+ +
+ +
+
+ +
+
+

+ “There are two hard things in computer science: cache invalidation, naming things, and off-by-one errors.” +

+

+ Jeff Atwood +

+
+ +
+ +
+
+ 
<div class="card">
+  <div class="card-content">
+    <p class="title">
+      “There are two hard things in computer science: cache invalidation, naming things, and off-by-one errors.”
+    </p>
+    <p class="subtitle">
+      Jeff Atwood
+    </p>
+  </div>
+  <footer class="card-footer">
+    <p class="card-footer-item">
+      <span>
+        View on <a href="https://twitter.com/codinghorror/status/506010907021828096">Twitter</a>
+      </span>
+    </p>
+    <p class="card-footer-item">
+      <span>
+        Share on <a href="#">Facebook</a>
+      </span>
+    </p>
+  </footer>
+</div>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $card-color + + $text +
+ $card-background-color + + $white +
+ $card-shadow + + 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) +
+ $card-header-color + + $text-strong +
+ $card-header-shadow + + 0 1px 2px rgba($black, 0.1) +
+ $card-header-weight + + $weight-bold +
+ $card-footer-border-top + + 1px solid $border +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/dropdown/index.html b/docs/versions/0.5.1/documentation/components/dropdown/index.html new file mode 100644 index 000000000..6c644bfd8 --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/dropdown/index.html @@ -0,0 +1,1236 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + +
+
+ +

Dropdown

+

+ An interactive dropdown menu for discoverable content +

+
+ + +
+
+ New! +
+
+ + + + + +
+
+ Since + 0.4.4 +
+
+ + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

+ The dropdown component is a container for a dropdown button and a dropdown menu. +

+
    +
  • + dropdown the main container +
      +
    • + dropdown-trigger the container for a button +
      • +
    • + dropdown-menu the toggable menu, hidden by default +
        +
      • + dropdown-content the dropdown box, with a white background and a shadow +
          +
        • + dropdown-item each single item of the dropdown, which can either be a a or a div +
          • +
        • + dropdown-divider a horizontal line to separate dropdown items +
          • +
        +
        • +
      +
      • +
    +
    • +
+
+ +
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="dropdown is-active">
+  <div class="dropdown-trigger">
+    <button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
+      <span>Dropdown button</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down" aria-hidden="true"></i>
+      </span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="dropdown-menu" role="menu">
+    <div class="dropdown-content">
+      <a href="#" class="dropdown-item">
+        Dropdown item
+      </a>
+      <a class="dropdown-item">
+        Other dropdown item
+      </a>
+      <a href="#" class="dropdown-item is-active">
+        Active dropdown item
+      </a>
+      <a href="#" class="dropdown-item">
+        Other dropdown item
+      </a>
+      <hr class="dropdown-divider">
+      <a href="#" class="dropdown-item">
+        With a divider
+      </a>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Dropdown content +

+ +
+

+ While the dropdown-item can be used as an anchor link <a>, you can also use a <div> and insert almost any type of content. +

+
+ +
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="dropdown is-active">
+  <div class="dropdown-trigger">
+    <button class="button is-info" aria-haspopup="true" aria-controls="dropdown-menu2">
+      <span>Content</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down" aria-hidden="true"></i>
+      </span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="dropdown-menu2" role="menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>You can insert <strong>any type of content</strong> within the dropdown menu.</p>
+      </div>
+      <hr class="dropdown-divider">
+      <div class="dropdown-item">
+        <p>You simply need to use a <code>&lt;div&gt;</code> instead.</p>
+      </div>
+      <hr class="dropdown-divider">
+      <a href="#" class="dropdown-item">
+        This is a link
+      </a>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Hoverable or Toggable +

+ +
+

+ The dropdown component has 2 additional modifiers +

+
    +
  • + is-hoverable: the dropdown will show up when hovering the dropdown-trigger +
    • +
  • + is-active: the dropdown will show up all the time +
    • +
+
+ +
+

+ While the CSS :hover implementation works perfectly, the is-active class is available for users who want to control the display of the dropdown with JavaScript. +

+
+ +
+
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ 
<div class="dropdown">
+  <div class="dropdown-trigger">
+    <button class="button is-primary" aria-haspopup="true" aria-controls="dropdown-menu3">
+      <span>Click me</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down" aria-hidden="true"></i>
+      </span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="dropdown-menu3" role="menu">
+    <div class="dropdown-content">
+      <a href="#" class="dropdown-item">
+        Overview
+      </a>
+      <a href="#" class="dropdown-item">
+        Modifiers
+      </a>
+      <a href="#" class="dropdown-item">
+        Grid
+      </a>
+      <a href="#" class="dropdown-item">
+        Form
+      </a>
+      <a href="#" class="dropdown-item">
+        Elements
+      </a>
+      <a href="#" class="dropdown-item">
+        Components
+      </a>
+      <a href="#" class="dropdown-item">
+        Layout
+      </a>
+      <hr class="dropdown-divider">
+      <a href="#" class="dropdown-item">
+        More
+      </a>
+    </div>
+  </div>
+</div>
+
+<div class="dropdown is-hoverable">
+  <div class="dropdown-trigger">
+    <button class="button is-info" aria-haspopup="true" aria-controls="dropdown-menu4">
+      <span>Hover me</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down" aria-hidden="true"></i>
+      </span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="dropdown-menu4" role="menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>You can insert <strong>any type of content</strong> within the dropdown menu.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Right aligned +

+ +
+

+ You can add the is-right modifier to have a right-aligned dropdown. +

+
+ +
+
+
+
+
+ +
+
+ +
+ +
+ +
+
+
+
+ +
+
+ +
+ +
+ +
+
+
+
+
+ 
<div class="dropdown is-right is-active">
+  <div class="dropdown-trigger">
+    <button class="button is-info" aria-haspopup="true" aria-controls="dropdown-menu6">
+      <span>Right aligned</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down" aria-hidden="true"></i>
+      </span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="dropdown-menu6" role="menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>Add the <code>is-right</code> modifier for a <strong>right-aligned</strong> dropdown.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $dropdown-content-background-color + + $white +
+ $dropdown-content-arrow + + $link +
+ $dropdown-content-offset + + 4px +
+ $dropdown-content-radius + + $radius +
+ $dropdown-content-shadow + + 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) +
+ $dropdown-content-z + + 20 +
+ $dropdown-item-color + + $grey-dark +
+ $dropdown-item-hover-color + + $black +
+ $dropdown-item-hover-background-color + + $background +
+ $dropdown-item-active-color + + $primary-invert +
+ $dropdown-item-active-background-color + + $primary +
+ $dropdown-divider-background-color + + $border +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/level/index.html b/docs/versions/0.5.1/documentation/components/level/index.html new file mode 100644 index 000000000..4df54be0e --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/level/index.html @@ -0,0 +1,959 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Level

+

A multi-purpose horizontal level, which can contain almost any other element

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

The structure of a level is the following:

+
    +
  • + level: main container +
      +
    • level-left for the left side. This element is required, even if it is empty
      • +
    • + level-right for the right side +
        +
      • level-item for each individual element
        • +
      +
      • +
    +
    • +
+

In a level-item, you can then insert almost anything you want: a title, a button, a text input, or just simple text. No matter what elements you put inside a Bulma level, they will always be vertically centered.

+
+ +
+ +
+ + +
+ + + + +
+
<!-- Main container -->
+<nav class="level">
+  <!-- Left side -->
+  <div class="level-left">
+    <div class="level-item">
+      <p class="subtitle is-5">
+        <strong>123</strong> posts
+      </p>
+    </div>
+    <div class="level-item">
+      <div class="field has-addons">
+        <p class="control">
+          <input class="input" type="text" placeholder="Find a post">
+        </p>
+        <p class="control">
+          <button class="button">
+            Search
+          </button>
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <!-- Right side -->
+  <div class="level-right">
+    <p class="level-item"><strong>All</strong></p>
+    <p class="level-item"><a>Published</a></p>
+    <p class="level-item"><a>Drafts</a></p>
+    <p class="level-item"><a>Deleted</a></p>
+    <p class="level-item"><a class="button is-success">New</a></p>
+  </div>
+</nav>
+ +
+ +

Centered level

+
+ If you want a centered level, you can use as many level-item as you want, as long as they are direct children of the level container. +
+ + +
+ + + +
+
<nav class="level">
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Tweets</p>
+      <p class="title">3,456</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Following</p>
+      <p class="title">123</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Followers</p>
+      <p class="title">456K</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Likes</p>
+      <p class="title">789</p>
+    </div>
+  </div>
+</nav>
+
+ + + +
+
<nav class="level">
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Home</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Menu</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <img src="http://bulma.io/versions/0.5.1/images/bulma-type.png" alt="" style="height: 30px;">
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Reservations</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Contact</a>
+  </p>
+</nav>
+ +
+ +

Mobile level

+
+ By default, for space concerns, the level is vertical on mobile. If you want the level to be horizontal on mobile as well, add the is-mobile modifier on the level container. +
+ +
+ + + +
+
<nav class="level is-mobile">
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Tweets</p>
+      <p class="title">3,456</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Following</p>
+      <p class="title">123</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Followers</p>
+      <p class="title">456K</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Likes</p>
+      <p class="title">789</p>
+    </div>
+  </div>
+</nav>
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/media-object/index.html b/docs/versions/0.5.1/documentation/components/media-object/index.html new file mode 100644 index 000000000..5d06c8b88 --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/media-object/index.html @@ -0,0 +1,1013 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Media Object

+

The famous media object prevalent in social media interfaces, but useful in any context

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

The media object is a UI element perfect for repeatable and nestable content.

+
+ +
+
+
+

+ +

+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+ +
+
+
+ + +
+ +
+
+

+ +

+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+ +
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.5.1/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="content">
+      <p>
+        <strong>John Smith</strong> <small>@johnsmith</small> <small>31m</small>
+        <br>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
+      </p>
+    </div>
+    <nav class="level is-mobile">
+      <div class="level-left">
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-reply"></i></span>
+        </a>
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-retweet"></i></span>
+        </a>
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-heart"></i></span>
+        </a>
+      </div>
+    </nav>
+  </div>
+  <div class="media-right">
+    <button class="delete"></button>
+  </div>
+</article>
+ +
+

You can include any other Bulma element, like inputs, textareas, icons, buttons... or even a nav bar.

+
+ + +
+ +
+
+

+ +

+
+
+
+

+ +

+
+ +
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.5.1/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="field">
+      <p class="control">
+        <textarea class="textarea" placeholder="Add a comment..."></textarea>
+      </p>
+    </div>
+    <nav class="level">
+      <div class="level-left">
+        <div class="level-item">
+          <a class="button is-info">Submit</a>
+        </div>
+      </div>
+      <div class="level-right">
+        <div class="level-item">
+          <label class="checkbox">
+            <input type="checkbox"> Press enter to submit
+          </label>
+        </div>
+      </div>
+    </nav>
+  </div>
+</article>
+ +
+ +

Nesting

+
+

You can nest media objects up to 3 levels deep.

+
+ +
+ +
+
+

+ +

+
+
+
+

+ Barbara Middleton +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta eros lacus, nec ultricies elit blandit non. Suspendisse pellentesque mauris sit amet dolor blandit rutrum. Nunc in tempus turpis. +
+ Like · Reply · 3 hrs +

+
+ +
+
+

+ +

+
+
+
+

+ Sean Brown +
+ Donec sollicitudin urna eget eros malesuada sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam blandit nisl a nulla sagittis, a lobortis leo feugiat. +
+ Like · Reply · 2 hrs +

+
+ +
+ Vivamus quis semper metus, non tincidunt dolor. Vivamus in mi eu lorem cursus ullamcorper sit amet nec massa. +
+ +
+ Morbi vitae diam et purus tincidunt porttitor vel vitae augue. Praesent malesuada metus sed pharetra euismod. Cras tellus odio, tincidunt iaculis diam non, porta aliquet tortor. +
+
+
+ +
+
+

+ +

+
+
+
+

+ Kayli Eunice +
+ Sed convallis scelerisque mauris, non pulvinar nunc mattis vel. Maecenas varius felis sit amet magna vestibulum euismod malesuada cursus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lacinia non nisl id feugiat. +
+ Like · Reply · 2 hrs +

+
+
+
+
+
+
+
+

+ +

+
+
+
+

+ +

+
+
+

+ +

+
+
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.5.1/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="content">
+      <p>
+        <strong>Barbara Middleton</strong>
+        <br>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta eros lacus, nec ultricies elit blandit non. Suspendisse pellentesque mauris sit amet dolor blandit rutrum. Nunc in tempus turpis.
+        <br>
+        <small><a>Like</a> · <a>Reply</a> · 3 hrs</small>
+      </p>
+    </div>
+
+    <article class="media">
+      <figure class="media-left">
+        <p class="image is-48x48">
+          <img src="http://bulma.io/versions/0.5.1/images/placeholders/96x96.png">
+        </p>
+      </figure>
+      <div class="media-content">
+        <div class="content">
+          <p>
+            <strong>Sean Brown</strong>
+            <br>
+            Donec sollicitudin urna eget eros malesuada sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam blandit nisl a nulla sagittis, a lobortis leo feugiat.
+            <br>
+            <small><a>Like</a> · <a>Reply</a> · 2 hrs</small>
+          </p>
+        </div>
+
+        <article class="media">
+          Vivamus quis semper metus, non tincidunt dolor. Vivamus in mi eu lorem cursus ullamcorper sit amet nec massa.
+        </article>
+
+        <article class="media">
+          Morbi vitae diam et purus tincidunt porttitor vel vitae augue. Praesent malesuada metus sed pharetra euismod. Cras tellus odio, tincidunt iaculis diam non, porta aliquet tortor.
+        </article>
+      </div>
+    </article>
+
+    <article class="media">
+      <figure class="media-left">
+        <p class="image is-48x48">
+          <img src="http://bulma.io/versions/0.5.1/images/placeholders/96x96.png">
+        </p>
+      </figure>
+      <div class="media-content">
+        <div class="content">
+          <p>
+            <strong>Kayli Eunice </strong>
+            <br>
+            Sed convallis scelerisque mauris, non pulvinar nunc mattis vel. Maecenas varius felis sit amet magna vestibulum euismod malesuada cursus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lacinia non nisl id feugiat.
+            <br>
+            <small><a>Like</a> · <a>Reply</a> · 2 hrs</small>
+          </p>
+        </div>
+      </div>
+    </article>
+  </div>
+</article>
+<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.5.1/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="field">
+      <p class="control">
+        <textarea class="textarea" placeholder="Add a comment..."></textarea>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control">
+        <button class="button">Post comment</button>
+      </p>
+    </div>
+  </div>
+</article>
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/menu/index.html b/docs/versions/0.5.1/documentation/components/menu/index.html new file mode 100644 index 000000000..8f2630c90 --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/menu/index.html @@ -0,0 +1,846 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Menu

+

A simple menu, for any type of vertical navigation

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+ + + +
+
+ 
<aside class="menu">
+  <p class="menu-label">
+    General
+  </p>
+  <ul class="menu-list">
+    <li><a>Dashboard</a></li>
+    <li><a>Customers</a></li>
+  </ul>
+  <p class="menu-label">
+    Administration
+  </p>
+  <ul class="menu-list">
+    <li><a>Team Settings</a></li>
+    <li>
+      <a class="is-active">Manage Your Team</a>
+      <ul>
+        <li><a>Members</a></li>
+        <li><a>Plugins</a></li>
+        <li><a>Add a member</a></li>
+      </ul>
+    </li>
+    <li><a>Invitations</a></li>
+    <li><a>Cloud Storage Environment Settings</a></li>
+    <li><a>Authentication</a></li>
+  </ul>
+  <p class="menu-label">
+    Transactions
+  </p>
+  <ul class="menu-list">
+    <li><a>Payments</a></li>
+    <li><a>Transfers</a></li>
+    <li><a>Balance</a></li>
+  </ul>
+</aside>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $menu-item-color + + $text +
+ $menu-item-radius + + $radius-small +
+ $menu-item-hover-color + + $text-strong +
+ $menu-item-hover-background-color + + $background +
+ $menu-item-active-color + + $link-invert +
+ $menu-item-active-background-color + + $link +
+ $menu-list-border-left + + 1px solid $border +
+ $menu-label-color + + $text-light +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/message/index.html b/docs/versions/0.5.1/documentation/components/message/index.html new file mode 100644 index 000000000..0a6727147 --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/message/index.html @@ -0,0 +1,1176 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + +
+
+

Messages

+

+ Colored message blocks, to emphasize part of your page +

+
+ + + + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+ +
+
+

Hello World

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+ 
<article class="message">
+  <div class="message-header">
+    <p>Hello World</p>
+    <button class="delete" aria-label="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ +
+
+

Dark

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Primary

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Info

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Success

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Warning

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Danger! Learn more

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+ 
<article class="message is-dark">
+  <div class="message-header">
+    <p>Dark</p>
+    <button class="delete" aria-label="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-primary">
+  <div class="message-header">
+    <p>Primary</p>
+    <button class="delete" aria-label="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-info">
+  <div class="message-header">
+    <p>Info</p>
+    <button class="delete" aria-label="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-success">
+  <div class="message-header">
+    <p>Success</p>
+    <button class="delete" aria-label="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-warning">
+  <div class="message-header">
+    <p>Warning</p>
+    <button class="delete" aria-label="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-danger">
+  <div class="message-header">
+    <p><strong>Danger</strong>! <a>Learn more</a></p>
+    <button class="delete" aria-label="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+ +

Message body only

+
+

You can omit the message header:

+
+
+
+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+ 
<article class="message">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-dark">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-primary">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-info">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-success">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-warning">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-danger">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ +
+
+

Small message

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. +
+
+ +
+
+ 
<article class="message is-small">
+  <div class="message-header">
+    <p>Small message</p>
+    <button class="delete is-small" aria-label="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
+  </div>
+</article>
+
+
+ +
+
+ +
+
+

Normal message

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. +
+
+ +
+
+ 
<article class="message">
+  <div class="message-header">
+    <p>Normal message</p>
+    <button class="delete" aria-label="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
+  </div>
+</article>
+
+
+ +
+
+ +
+
+

Medium message

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. +
+
+ +
+
+ 
<article class="message is-medium">
+  <div class="message-header">
+    <p>Medium message</p>
+    <button class="delete is-medium" aria-label="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
+  </div>
+</article>
+
+
+ +
+
+ +
+
+

Large message

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. +
+
+ +
+
+ 
<article class="message is-large">
+  <div class="message-header">
+    <p>Large message</p>
+    <button class="delete is-large" aria-label="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
+  </div>
+</article>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $message-background-color + + $background +
+ $message-radius + + $radius +
+ $message-header-background-color + + $text +
+ $message-header-color + + $text-invert +
+ $message-header-padding + + 0.5em 0.75em +
+ $message-header-radius + + $radius +
+ $message-body-border + + 1px solid $border +
+ $message-body-color + + $text +
+ $message-body-padding + + 1em 1.25em +
+ $message-body-radius + + $radius +
+ $message-body-pre-background-color + + $white +
+ $message-body-pre-code-background-color + + transparent +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/modal/index.html b/docs/versions/0.5.1/documentation/components/modal/index.html new file mode 100644 index 000000000..f0fb34acf --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/modal/index.html @@ -0,0 +1,1083 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Modal

+

A classic modal overlay, in which you can include any content you want

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

The modal structure is very simple:

+
    +
  • + modal: the main container +
      +
    • + modal-background: a transparent overlay that can act as a click target to close the modal +
      • +
    • + modal-content: a horizontally and verticaly centered container, with a maximum width of 640px, in which you can include any content +
      • +
    • + modal-close: a simple cross located in the top right corner +
      • +
    +
    • +
+

+ Launch example modal +

+
+ + 
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-content">
+    <!-- Any other Bulma elements you want -->
+  </div>
+  <button class="modal-close is-large"></button>
+</div>
+ +
+

To activate the modal, just add the is-active modifier on the .modal container

+
+ +
+
+ No JavaScript +
+
+ Bulma does not include any JavaScript interaction. You will have to implement the class toggle yourself. +
+
+ +
+ +

Image modal

+ +
+

Because a modal can contain anything you want, you can very simply use it to build an image gallery for example:

+

+ Launch image modal +

+
+ + 
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-content">
+    <p class="image is-4by3">
+      <img src="http://bulma.io/versions/0.5.1/images/placeholders/1280x960.png">
+    </p>
+  </div>
+  <button class="modal-close is-large"></button>
+</div>
+ +
+ +

Modal card

+ +
+

If you want a more classic modal, with a head, a body and a foot, use the modal-card.

+

+ Launch modal card +

+
+ + 
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-card">
+    <header class="modal-card-head">
+      <p class="modal-card-title">Modal title</p>
+      <button class="delete"></button>
+    </header>
+    <section class="modal-card-body">
+      <!-- Content ... -->
+    </section>
+    <footer class="modal-card-foot">
+      <a class="button is-success">Save changes</a>
+      <a class="button">Cancel</a>
+    </footer>
+  </div>
+</div>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $modal-z + + 20 +
+ $modal-background-background-color + + rgba($black, 0.86) +
+ $modal-content-width + + 640px +
+ $modal-content-margin-mobile + + 20px +
+ $modal-content-spacing-mobile + + 160px +
+ $modal-content-spacing-tablet + + 40px +
+ $modal-close-dimensions + + 40px +
+ $modal-close-right + + 20px +
+ $modal-close-top + + 20px +
+ $modal-card-spacing + + 40px +
+ $modal-card-head-background-color + + $background +
+ $modal-card-head-border-bottom + + 1px solid $border +
+ $modal-card-head-padding + + 20px +
+ $modal-card-head-radius + + $radius-large +
+ $modal-card-title-color + + $text-strong +
+ $modal-card-title-line-height + + 1 +
+ $modal-card-title-size + + $size-4 +
+ $modal-card-foot-radius + + $radius-large +
+ $modal-card-foot-border-top + + 1px solid $border +
+ $modal-card-body-background-color + + $white +
+ $modal-card-body-padding + + 20px +
+ + +
+
+ + + + + + + + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/nav/index.html b/docs/versions/0.5.1/documentation/components/nav/index.html new file mode 100644 index 000000000..84f9a68c7 --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/nav/index.html @@ -0,0 +1,882 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+ + +
+
+

This component has been deprecated and will be deleted soon.

+
+
+ +
+
+

While both .nav and .navbar currently co-exist to ensure backwards compatibility, the .nav will probably be deleted in an upcoming update, so you should start using the new navbar instead.

+
+
+ + +

Nav

+

+ A responsive horizontal nav bar that can contain links, tabs, buttons, icons, and a logo +

+ +
+ +
+

+ The nav container can have 3 parts: +

+
    +
  • nav-left
    • +
  • nav-center
    • +
  • nav-right
    • +
+

+ Each nav item needs to be wrapped in a nav-item element. +

+

+ For responsiveness, 2 additional classes are available: +

+
    +
  • nav-toggle for the hamburger menu on mobile
    • +
  • nav-menu for menu that is collapsable on mobile (you can combine it with nav-right)
    • +
  • toggle is-active on nav-toggle and nav-menu when nav-toggle was clicked
    • +
+
+ + + +
+ + + +
+ +
<nav class="nav">
+  <div class="nav-left">
+    <a class="nav-item">
+      <img src="http://bulma.io/versions/0.5.1/images/bulma-logo.png" alt="Bulma logo">
+    </a>
+  </div>
+
+  <div class="nav-center">
+    <a class="nav-item">
+      <span class="icon">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+    <a class="nav-item">
+      <span class="icon">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+  </div>
+
+  <!-- This "nav-toggle" hamburger menu is only visible on mobile -->
+  <!-- You need JavaScript to toggle the "is-active" class on "nav-menu" -->
+  <span class="nav-toggle">
+    <span></span>
+    <span></span>
+    <span></span>
+  </span>
+
+  <!-- This "nav-menu" is hidden on mobile -->
+  <!-- Add the modifier "is-active" to display it on mobile -->
+  <div class="nav-right nav-menu">
+    <a class="nav-item">
+      Home
+    </a>
+    <a class="nav-item">
+      Documentation
+    </a>
+    <a class="nav-item">
+      Blog
+    </a>
+
+    <div class="nav-item">
+      <div class="field is-grouped">
+        <p class="control">
+          <a class="button" >
+            <span class="icon">
+              <i class="fa fa-twitter"></i>
+            </span>
+            <span>Tweet</span>
+          </a>
+        </p>
+        <p class="control">
+          <a class="button is-primary">
+            <span class="icon">
+              <i class="fa fa-download"></i>
+            </span>
+            <span>Download</span>
+          </a>
+        </p>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ +

Modifiers

+ +
+
    +
  • the nav container can have a shadow by adding the has-shadow modifier
    • +
  • the nav-item can become active by adding the is-active modifier
    • +
  • the nav-item can become a tab by adding the is-tab modifier
    • +
+

+ To optimise the space on desktop, but also allow the mobile view to be usable, you can duplicate nav items in both nav-left and nav-right, and show/hide them with responsive helpers. +

+
+
+ + + +
+ + + +
+ +
<nav class="nav has-shadow">
+  <div class="container">
+    <div class="nav-left">
+      <a class="nav-item">
+        <img src="http://bulma.io/versions/0.5.1/images/bulma-logo.png" alt="Bulma logo">
+      </a>
+      <a class="nav-item is-tab is-hidden-mobile is-active">Home</a>
+      <a class="nav-item is-tab is-hidden-mobile">Features</a>
+      <a class="nav-item is-tab is-hidden-mobile">Pricing</a>
+      <a class="nav-item is-tab is-hidden-mobile">About</a>
+    </div>
+    <span class="nav-toggle">
+      <span></span>
+      <span></span>
+      <span></span>
+    </span>
+    <div class="nav-right nav-menu">
+      <a class="nav-item is-tab is-hidden-tablet is-active">Home</a>
+      <a class="nav-item is-tab is-hidden-tablet">Features</a>
+      <a class="nav-item is-tab is-hidden-tablet">Pricing</a>
+      <a class="nav-item is-tab is-hidden-tablet">About</a>
+      <a class="nav-item is-tab">
+        <figure class="image is-16x16" style="margin-right: 8px;">
+          <img src="http://bulma.io/versions/0.5.1/images/jgthms.png">
+        </figure>
+        Profile
+      </a>
+      <a class="nav-item is-tab">Log out</a>
+    </div>
+  </div>
+</nav>
+ +
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/navbar/index.html b/docs/versions/0.5.1/documentation/components/navbar/index.html new file mode 100644 index 000000000..e6dfae857 --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/navbar/index.html @@ -0,0 +1,2976 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Navbar

+

+ A responsive horizontal navbar that can supports images, links, buttons, and dropdowns +

+
+ + +
+
+ New! +
+
+ + + + + +
+
+ Since + 0.4.3 +
+
+ + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+

The new navbar replaces the deprecated nav component, whose documentation you can still access temporarily here.

+
+
+ +
+

+ The navbar component is a responsive and versatile horizontal navigation bar with the following structure: +

+
    +
  • + navbar the main container +
      +
    • + navbar-brand the left side, always visible, which usually contains the logo and optionally some links or icons +
        +
      • + navbar-burger the hamburger icon, which toggles the navbar menu on touch devices +
        • +
      +
      • +
    • + navbar-menu the right side, hidden on touch devices, visible on desktop +
        +
      • + navbar-start the left part of the menu, which appears next to the navbar brand on desktop +
        • +
      • + navbar-end the right part of the menu, which appears at the end of the navbar +
          +
        • + navbar-item each single item of the navbar, which can either be an a or a div +
            +
          • + navbar-link a link as the sibling of a dropdown, with an arrow +
            • +
          • + navbar-dropdown the dropdown menu, which can include navbar items and dividers +
              +
            • + navbar-divider a horizontal line to separate navbar items +
              • +
            +
            • +
          +
          • +
        +
        • +
      +
      • +
    +
    • +
+
+ +
+ + + + +
+ + 
<nav class="navbar ">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.5.1">
+      <img src="http://bulma.io/versions/0.5.1/images/bulma-logo.png" alt="Bulma v0.5.1: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://github.com/jgthms/bulma" target="_blank">
+      <span class="icon" style="color: #333;">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://twitter.com/jgthms" target="_blank">
+      <span class="icon" style="color: #55acee;">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+
+    <div class="navbar-burger burger" data-target="navMenuExample">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+
+  <div id="navMenuExample" class="navbar-menu">
+    <div class="navbar-start">
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link  is-active" href="/versions/0.5.1/documentation/overview/start/">
+          Docs
+        </a>
+        <div class="navbar-dropdown ">
+          <a class="navbar-item " href="/versions/0.5.1/documentation/overview/start/">
+            Overview
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/documentation/modifiers/syntax/">
+            Modifiers
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/documentation/grid/columns/">
+            Grid
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/documentation/layout/container/">
+            Layout
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/documentation/form/general/">
+            Form
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/documentation/elements/box/">
+            Elements
+          </a>
+          
+            <a class="navbar-item is-active" href="http://bulma.io/versions/0.5.1/documentation/components/breadcrumb/">
+              Components
+            </a>
+          
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div>
+              <p class="is-size-6-desktop">
+                <strong class="has-text-info">0.5.1</strong>
+              </p>
+              
+                <small>
+                  <a class="view-all-versions" href="/versions">View all versions</a>
+                </small>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link " href="http://bulma.io/versions/0.5.1/blog/">
+          Blog
+        </a>
+        <div id="blogDropdown" class="navbar-dropdown " data-style="width: 18rem;">
+          
+            <a class="navbar-item" href="/2017/08/03/list-of-tags/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">03 Aug 2017</small>
+                </p>
+                <p>New feature: list of tags</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2017/08/01/bulma-bootstrap-comparison/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">01 Aug 2017</small>
+                </p>
+                <p>Bulma / Bootstrap comparison</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2017/07/24/access-previous-bulma-versions/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">24 Jul 2017</small>
+                </p>
+                <p>Access previous Bulma versions</p>
+              </div>
+            </a>
+          
+          <a class="navbar-item" href="http://bulma.io/versions/0.5.1/blog/">
+            More posts
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div class="navbar-content">
+              <div class="level is-mobile">
+                <div class="level-left">
+                  <div class="level-item">
+                    <strong>Stay up to date!</strong>
+                  </div>
+                </div>
+                <div class="level-right">
+                  <div class="level-item">
+                    <a class="button is-rss is-small" href="http://bulma.io/versions/0.5.1/atom.xml">
+                      <span class="icon is-small">
+                        <i class="fa fa-rss"></i>
+                      </span>
+                      <span>Subscribe</span>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <div class="navbar-link">
+          More
+        </div>
+        <div id="moreDropdown" class="navbar-dropdown ">
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/extensions/">
+            <div class="level is-mobile">
+              <div class="level-left">
+                <div class="level-item">
+                  <p>
+                    <strong>Extensions</strong>
+                    <br>
+                    <small>Side projects to enhance Bulma</small>
+                  </p>
+                </div>
+              </div>
+              <div class="level-right">
+                <div class="level-item">
+                  <span class="icon has-text-info">
+                    <i class="fa fa-plug"></i>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+      <a class="navbar-item " href="http://bulma.io/versions/0.5.1/expo/">
+        <span class="emoji">🎨</span>
+        Expo
+      </a>
+      <a class="navbar-item " href="http://bulma.io/versions/0.5.1/love/">
+        <span class="emoji">❤️</span>
+        Love
+      </a>
+    </div>
+
+    <div class="navbar-end">
+      <a class="navbar-item is-hidden-desktop-only" href="https://github.com/jgthms/bulma" target="_blank">
+        Github
+      </a>
+      <a class="navbar-item is-hidden-desktop-only" href="https://twitter.com/jgthms" target="_blank">
+        Twitter
+      </a>
+      <div class="navbar-item">
+        <div class="field is-grouped">
+          <p class="control">
+            <a class="tw-button button"
+  data-social-network="Twitter"
+  data-social-action="tweet"
+  data-social-target="http://bulma.io/versions/0.5.1"
+  target="_blank"
+  href="https://twitter.com/intent/tweet?text=Bulma v0.5.1: a modern CSS framework based on Flexbox&hashtags=bulmaio&url=http://bulma.io/versions/0.5.1&via=jgthms">
+  <span class="icon">
+    <i class="fa fa-twitter"></i>
+  </span>
+  <span>
+    Tweet
+  </span>
+</a>
+          </p>
+          <p class="control">
+            <a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.5.1.zip">
+              <span class="icon">
+                <i class="fa fa-download"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ + + + +
+

+ The navbar-brand is the left side of the navbar. It can contain: +

+
    +
  • + a number of navbar-item +
    • +
  • + the navbar-burger as last child +
    • +
+
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <!-- navbar items, navbar burger ... -->
+  </div>
+</nav>
+ +
+

+ The navbar brand is always visible: on both touch devices < 1008px + and desktop >= 1008px +. As a result, it is recommended to only use a few navbar items to avoid overflowing horizontally on small devices. +

+
+ +
+ + + +
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.5.1">
+      <img src="http://bulma.io/versions/0.5.1/images/bulma-logo.png" alt="Bulma v0.5.1: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <div class="navbar-burger">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+</nav>
+ +
+

+ On desktop >= 1008px +, the navbar brand will only take up the space it needs. +

+
+ +
+ + + + +
+

+ The navbar-burger is a hamburger menu that only appears on mobile. It has to appear as the last child of navbar-brand. +

+
+ +
+
+ + + +
+
+ + 
<div class="navbar-burger">
+  <span></span>
+  <span></span>
+  <span></span>
+</div>
+ +
+

+ You can add the modifier class is-active to turn it into a cross. +

+
+ +
+
+ + + +
+
+ +
+ + + + +
+

+ The navbar-menu is the counterpart of the navbar brand. As such, it must appear as a direct child of navbar, as a sibling of navbar-brand. +

+
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <!-- navbar items, nav burger ... -->
+  </div>
+  <div class="navbar-menu">
+    <!-- navbar start, navbar end -->
+  </div>
+</nav>
+ +
+

+ The navbar-menu is hidden on touch devices < 1008px +. You need to add the modifier class is-active to display it. +

+
+ + 
<div class="navbar-menu">
+  <!-- hidden on mobile -->
+</div>
+
+<div class="navbar-menu is-active">
+  <!-- shown on mobile -->
+</div>
+ +
+

+ On desktop >= 1008px +, the navbar-menu will fill up the space available in the navbar, leaving the navbar brand just the space it needs. It needs, however, two elements as direct children: +

+
    +
  • + navbar-start +
    • +
  • + navbar-end +
    • +
+
+ +
+ + + +
+ + + + +
+

+ The navbar-start and navbar-end are the two direct and only children of the navbar-menu. +

+

+ On desktop >= 1008px +: +

+
    +
  • + navbar-start will appear on the left +
    • +
  • + navbar-end will appear on the right +
    • +
+

+ Each of them can contain any number of navbar-item. +

+
+ + 
<div class="navbar-menu">
+  <div class="navbar-start">
+    <!-- navbar items -->
+  </div>
+
+  <div class="navbar-end">
+    <!-- navbar items -->
+  </div>
+</div>
+ +
+ + + + +
+

+ A navbar-item is a repeatable element that can be: +

+
    +
  • + a navigation link + 
    <a class="navbar-item">
+  Home
+</a>
    +
    • +
  • + a container for the brand logo + 
    <a class="navbar-item">
+  <img src="http://bulma.io/versions/0.5.1/images/bulma-logo.png" width="112" height="28">
+</a>
    +
    • +
  • + the parent of a dropdown menu + 
    <div class="navbar-item has-dropdown">
+  <a class="navbar-link">
+    Docs
+  </a>
+
+  <div class="navbar-dropdown">
+    <!-- Other navbar items -->
+  </div>
+</div>
    +
    • +
  • + a child of a navbar dropdown + 
    <div class="navbar-dropdown">
+  <a class="navbar-item">
+    Overview
+  </a>
+</div>
    +
    • +
  • + a container for almost anything you want, like a field + 
    <div class="navbar-item">
+  <div class="field is-grouped">
+    <p class="control">
+      <a class="button">
+        <span class="icon">
+          <i class="fa fa-twitter"></i>
+        </span>
+        <span>Tweet</span>
+      </a>
+    </p>
+    <p class="control">
+      <a class="button is-primary">
+        <span class="icon">
+          <i class="fa fa-download"></i>
+        </span>
+        <span>Download</span>
+      </a>
+    </p>
+  </div>
+</div>
    +
    • +
+

+ It can either be an anchor tag <a> or a <div>, as a direct child of either: +

+
    +
  • + navbar +
    • +
  • + navbar-brand +
    • +
  • + navbar-start +
    • +
  • + navbar-end +
    • +
  • + navbar-dropdown +
    • +
+
+ +
+ +

+ Transparent navbar + + # + +

+ + +
+

+ To seamlessly integrate the navbar in any visual context, you can add the is-transparent modifer on the navbar component. This will remove any hover or active background from the navbar items. +

+
+ +
+ + + + +
+ + 
<nav class="navbar is-transparent">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.5.1">
+      <img src="http://bulma.io/versions/0.5.1/images/bulma-logo.png" alt="Bulma v0.5.1: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://github.com/jgthms/bulma" target="_blank">
+      <span class="icon" style="color: #333;">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://twitter.com/jgthms" target="_blank">
+      <span class="icon" style="color: #55acee;">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+
+    <div class="navbar-burger burger" data-target="navMenuTransparentExample">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+
+  <div id="navMenuTransparentExample" class="navbar-menu">
+    <div class="navbar-start">
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link  is-active" href="/versions/0.5.1/documentation/overview/start/">
+          Docs
+        </a>
+        <div class="navbar-dropdown is-boxed">
+          <a class="navbar-item " href="/versions/0.5.1/documentation/overview/start/">
+            Overview
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/documentation/modifiers/syntax/">
+            Modifiers
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/documentation/grid/columns/">
+            Grid
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/documentation/layout/container/">
+            Layout
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/documentation/form/general/">
+            Form
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/documentation/elements/box/">
+            Elements
+          </a>
+          
+            <a class="navbar-item is-active" href="http://bulma.io/versions/0.5.1/documentation/components/breadcrumb/">
+              Components
+            </a>
+          
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div>
+              <p class="is-size-6-desktop">
+                <strong class="has-text-info">0.5.1</strong>
+              </p>
+              
+                <small>
+                  <a class="view-all-versions" href="/versions">View all versions</a>
+                </small>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link " href="http://bulma.io/versions/0.5.1/blog/">
+          Blog
+        </a>
+        <div id="blogDropdown" class="navbar-dropdown is-boxed" data-style="width: 18rem;">
+          
+            <a class="navbar-item" href="/2017/08/03/list-of-tags/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">03 Aug 2017</small>
+                </p>
+                <p>New feature: list of tags</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2017/08/01/bulma-bootstrap-comparison/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">01 Aug 2017</small>
+                </p>
+                <p>Bulma / Bootstrap comparison</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2017/07/24/access-previous-bulma-versions/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">24 Jul 2017</small>
+                </p>
+                <p>Access previous Bulma versions</p>
+              </div>
+            </a>
+          
+          <a class="navbar-item" href="http://bulma.io/versions/0.5.1/blog/">
+            More posts
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div class="navbar-content">
+              <div class="level is-mobile">
+                <div class="level-left">
+                  <div class="level-item">
+                    <strong>Stay up to date!</strong>
+                  </div>
+                </div>
+                <div class="level-right">
+                  <div class="level-item">
+                    <a class="button is-rss is-small" href="http://bulma.io/versions/0.5.1/atom.xml">
+                      <span class="icon is-small">
+                        <i class="fa fa-rss"></i>
+                      </span>
+                      <span>Subscribe</span>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <div class="navbar-link">
+          More
+        </div>
+        <div id="moreDropdown" class="navbar-dropdown is-boxed">
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.1/extensions/">
+            <div class="level is-mobile">
+              <div class="level-left">
+                <div class="level-item">
+                  <p>
+                    <strong>Extensions</strong>
+                    <br>
+                    <small>Side projects to enhance Bulma</small>
+                  </p>
+                </div>
+              </div>
+              <div class="level-right">
+                <div class="level-item">
+                  <span class="icon has-text-info">
+                    <i class="fa fa-plug"></i>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+      <a class="navbar-item " href="http://bulma.io/versions/0.5.1/expo/">
+        <span class="emoji">🎨</span>
+        Expo
+      </a>
+      <a class="navbar-item " href="http://bulma.io/versions/0.5.1/love/">
+        <span class="emoji">❤️</span>
+        Love
+      </a>
+    </div>
+
+    <div class="navbar-end">
+      <a class="navbar-item is-hidden-desktop-only" href="https://github.com/jgthms/bulma" target="_blank">
+        Github
+      </a>
+      <a class="navbar-item is-hidden-desktop-only" href="https://twitter.com/jgthms" target="_blank">
+        Twitter
+      </a>
+      <div class="navbar-item">
+        <div class="field is-grouped">
+          <p class="control">
+            <a class="tw-button button"
+  data-social-network="Twitter"
+  data-social-action="tweet"
+  data-social-target="http://bulma.io/versions/0.5.1"
+  target="_blank"
+  href="https://twitter.com/intent/tweet?text=Bulma v0.5.1: a modern CSS framework based on Flexbox&hashtags=bulmaio&url=http://bulma.io/versions/0.5.1&via=jgthms">
+  <span class="icon">
+    <i class="fa fa-twitter"></i>
+  </span>
+  <span>
+    Tweet
+  </span>
+</a>
+          </p>
+          <p class="control">
+            <a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.5.1.zip">
+              <span class="icon">
+                <i class="fa fa-download"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ + + + +
+

+ To create a dropdown menu, you will need 4 elements: +

+
    +
  • + navbar-item with the has-dropdown modifier +
    • +
  • + navbar-link which contains the dropdown arrow +
    • +
  • + navbar-dropdown which can contain instances of navbar-item and navbar-divider +
    • +
+
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.1
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ +

+ Show/hide the dropdown with either CSS or JavaScript +

+ +
+

+ The navbar-dropdown is visible on touch devices < 1008px + but hidden on desktop >= 1008px +. How the dropdown is displayed on desktop depends on the parent's class. +

+

+ The navbar-item with the has-dropdown modifier, has 2 additional modifiers +

+
    +
  • + is-hoverable: the dropdown will show up when hovering the parent navbar-item +
    • +
  • + is-active: the dropdown will show up all the time +
    • +
+
+ +
+

+ While the CSS :hover implementation works perfectly, the is-active class is available for users who want to control the display of the dropdown with JavaScript. +

+
+ + 
<div class="navbar-item has-dropdown is-hoverable">
+  <!-- navbar-link, navbar-dropdown etc. -->
+</div>
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown is-hoverable">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.1
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ + 
<div class="navbar-item has-dropdown is-active">
+  <!-- navbar-link, navbar-dropdown etc. -->
+</div>
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.1
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ +

+ Right dropdown + 0.5.1 +

+ +
+

+ If your parent navbar-item is on the right side, you can position the dropdown to start from the right with the is-right modifier. +

+
+ + 
<div class="navbar-dropdown is-right">
+  <!-- navbar-item, navbar-divider etc. -->
+</div>
+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-menu">
+    <div class="navbar-start">
+      <div class="navbar-item has-dropdown is-active">
+        <a class="navbar-link">
+          Left
+        </a>
+
+        <div class="navbar-dropdown">
+          <a class="navbar-item">
+            Overview
+          </a>
+          <a class="navbar-item">
+            Elements
+          </a>
+          <a class="navbar-item">
+            Components
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            Version 0.5.1
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="navbar-end">
+      <div class="navbar-item has-dropdown is-active">
+        <a class="navbar-link">
+          Right
+        </a>
+
+        <div class="navbar-dropdown is-right">
+          <a class="navbar-item">
+            Overview
+          </a>
+          <a class="navbar-item">
+            Elements
+          </a>
+          <a class="navbar-item">
+            Components
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            Version 0.5.1
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero is-primary">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +

+ Styles for the dropdown menu +

+ +
+

+ By default, the navbar-dropdown has: +

+
    +
  • + a grey border-top +
    • +
  • + a border-radius at both bottom corners +
    • +
+
+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.5.1/images/bulma-logo.png" alt="Bulma v0.5.1: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.1
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero is-primary">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +
+

+ When having a transparent navbar, it is preferable to use the boxed version of the dropdown, by using the is-boxed modifier. +

+
    +
  • + the grey border is removed +
    • +
  • + a slight inner shadow is added +
    • +
  • + all corners are rounded +
    • +
  • + the hover/active state is animated +
    • +
+
+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar is-transparent">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.5.1/images/bulma-logo.png" alt="Bulma v0.5.1: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown is-boxed">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.1
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +

+ Active dropdown navbar item +

+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.5.1/images/bulma-logo.png" alt="Bulma v0.5.1: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item is-active">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.1
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero is-primary">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +

+ Dropdown divider +

+ +
+

+ You can add a navbar-divider to display a horizontal rule in a navbar-dropdown. +

+
+ + 
<hr class="navbar-divider">
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $navbar-background-color + + $white +
+ $navbar-height + + 3.25rem +
+ $navbar-item-color + + $grey-dark +
+ $navbar-item-hover-color + + $black +
+ $navbar-item-hover-background-color + + $background +
+ $navbar-item-active-color + + $black +
+ $navbar-item-active-background-color + + transparent +
+ $navbar-tab-hover-background-color + + transparent +
+ $navbar-tab-hover-border-bottom-color + + $primary +
+ $navbar-tab-active-color + + $primary +
+ $navbar-tab-active-background-color + + transparent +
+ $navbar-tab-active-border-bottom-color + + $primary +
+ $navbar-tab-active-border-bottom-style + + solid +
+ $navbar-tab-active-border-bottom-width + + 3px +
+ $navbar-dropdown-background-color + + $white +
+ $navbar-dropdown-border-top + + 1px solid $border +
+ $navbar-dropdown-offset + + -4px +
+ $navbar-dropdown-arrow + + $link +
+ $navbar-dropdown-radius + + $radius-large +
+ $navbar-dropdown-z + + 20 +
+ $navbar-dropdown-boxed-radius + + $radius-large +
+ $navbar-dropdown-boxed-shadow + + 0 8px 8px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) +
+ $navbar-dropdown-item-hover-color + + $black +
+ $navbar-dropdown-item-hover-background-color + + $background +
+ $navbar-dropdown-item-active-color + + $primary +
+ $navbar-dropdown-item-active-background-color + + $background +
+ $navbar-divider-background-color + + $border +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/pagination/index.html b/docs/versions/0.5.1/documentation/components/pagination/index.html new file mode 100644 index 000000000..536aadac0 --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/pagination/index.html @@ -0,0 +1,1133 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + +
+
+

Pagination

+

A responsive, usable, and flexible pagination

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

+ The pagination component consists of several elements: +

+
    +
  • + pagination-previous and pagination-next for incremental navigation +
    • +
  • + pagination-list which displays page items: +
      +
    • + pagination-link for the page numbers +
      • +
    • + pagination-ellipsis for range separators +
      • +
    +
    • +
+

+ All elements are optional so you can compose your pagination as you wish. +

+
+ +
+ + + +
+ + 
<nav class="pagination">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li>
+      <a class="pagination-link">1</a>
+    </li>
+    <li>
+      <span class="pagination-ellipsis">&hellip;</span>
+    </li>
+    <li>
+      <a class="pagination-link">45</a>
+    </li>
+    <li>
+      <a class="pagination-link is-current">46</a>
+    </li>
+    <li>
+      <a class="pagination-link">47</a>
+    </li>
+    <li>
+      <span class="pagination-ellipsis">&hellip;</span>
+    </li>
+    <li>
+      <a class="pagination-link">86</a>
+    </li>
+  </ul>
+</nav>
+ +
+

+ You can disable some links if they are not active, or change the amount of page numbers available. +

+
+ +
+ + + +
+ + 
<nav class="pagination">
+  <a class="pagination-previous" title="This is the first page" disabled>Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li>
+      <a class="pagination-link is-current">1</a>
+    </li>
+    <li>
+      <a class="pagination-link">2</a>
+    </li>
+    <li>
+      <a class="pagination-link">3</a>
+    </li>
+  </ul>
+</nav>
+ +
+

+ By default, the list is located on the left, and the previous/next buttons on the right. But you can change the order of these elements by using the is-centered and is-right modifiers. +

+
+ +
+ + + +
+ + 
<nav class="pagination is-centered">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li><a class="pagination-link">1</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">45</a></li>
+    <li><a class="pagination-link is-current">46</a></li>
+    <li><a class="pagination-link">47</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">86</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="pagination is-right">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li><a class="pagination-link">1</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">45</a></li>
+    <li><a class="pagination-link is-current">46</a></li>
+    <li><a class="pagination-link">47</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">86</a></li>
+  </ul>
+</nav>
+ +
+ +

+ Sizes +

+ +

+ The pagination comes in 3 additional sizes.
+ You only need to append the modifier is-small, is-medium, or is-large to the pagination component. +

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $pagination-color + + $grey-darker +
+ $pagination-background + + $white +
+ $pagination-border-color + + $grey-lighter +
+ $pagination-margin + + -0.25rem +
+ $pagination-hover-color + + $link-hover +
+ $pagination-hover-border-color + + $link-hover-border +
+ $pagination-focus-color + + $link-focus +
+ $pagination-focus-border-color + + $link-focus-border +
+ $pagination-active-color + + $link-active +
+ $pagination-active-border-color + + $link-active-border +
+ $pagination-disabled-color + + $grey +
+ $pagination-disabled-background-color + + $grey-lighter +
+ $pagination-disabled-border-color + + $grey-lighter +
+ $pagination-current-color + + $link-invert +
+ $pagination-current-background-color + + $link +
+ $pagination-current-border-color + + $link +
+ $pagination-ellipsis-color + + $grey-light +
+ $pagination-shadow-inset + + inset 0 1px 2px rgba($black, 0 +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/panel/index.html b/docs/versions/0.5.1/documentation/components/panel/index.html new file mode 100644 index 000000000..71580b4ed --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/panel/index.html @@ -0,0 +1,1033 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Panel

+

A composable panel, for compact controls

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

+ The panel is container for several types: +

+
    +
  • + panel-heading as the first child +
    • +
  • + panel-tabs for navigation +
    • +
  • + panel-block which can contain other elements, like: +
      +
    • control
      • +
    • input
      • +
    • button
      • +
    • panel-icon
      • +
    +
    • +
+

+ The panel-block can be an anchor tag <a> or a label <label> with a checkbox inside. +

+
+ +
+
+ + + +
+
+ 
<nav class="panel">
+  <p class="panel-heading">
+    repositories
+  </p>
+  <div class="panel-block">
+    <p class="control has-icons-left">
+      <input class="input is-small" type="text" placeholder="search">
+      <span class="icon is-small is-left">
+        <i class="fa fa-search"></i>
+      </span>
+    </p>
+  </div>
+  <p class="panel-tabs">
+    <a class="is-active">all</a>
+    <a>public</a>
+    <a>private</a>
+    <a>sources</a>
+    <a>forks</a>
+  </p>
+  <a class="panel-block is-active">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    bulma
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    marksheet
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    minireset.css
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    jgthms.github.io
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-code-fork"></i>
+    </span>
+    daniellowtw/infboard
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-code-fork"></i>
+    </span>
+    mojs
+  </a>
+  <label class="panel-block">
+    <input type="checkbox">
+    remember me
+  </label>
+  <div class="panel-block">
+    <button class="button is-primary is-outlined is-fullwidth">
+      reset all filters
+    </button>
+  </div>
+</nav>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $panel-item-border + + 1px solid $border +
+ $panel-heading-background-color + + $background +
+ $panel-heading-color + + $text-strong +
+ $panel-heading-line-height + + 1.25 +
+ $panel-heading-padding + + 0.5em 0.75em +
+ $panel-heading-radius + + $radius +
+ $panel-heading-size + + 1.25em +
+ $panel-heading-weight + + $weight-light +
+ $panel-tab-border-bottom + + 1px solid $border +
+ $panel-tab-active-border-bottom-color + + $link-active-border +
+ $panel-tab-active-color + + $link-active +
+ $panel-list-item-color + + $text +
+ $panel-list-item-hover-color + + $link +
+ $panel-block-color + + $text-strong +
+ $panel-block-hover-background-color + + $background +
+ $panel-block-active-border-left-color + + $link +
+ $panel-block-active-color + + $link-active +
+ $panel-block-active-icon-color + + $link +
+ $panel-icon-color + + $text-light +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/components/tabs/index.html b/docs/versions/0.5.1/documentation/components/tabs/index.html new file mode 100644 index 000000000..fa576360b --- /dev/null +++ b/docs/versions/0.5.1/documentation/components/tabs/index.html @@ -0,0 +1,1604 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Tabs

+

Simple responsive horizontal navigation tabs, with different styles

+
+ + + + + + +
+
+ Since + 0.4.4 +
+
+ + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

Tabs only require a tabs container and a <ul> list.
+ The default tabs style has a single border at the bottom.

+
+ +
+ +
+ +
+ +
+ 
<div class="tabs">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Alignment

+
+

+ To align the tabs list, use the is-centered or is-right modifier on the .tabs container: +

+
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-centered">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-right">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Icons

+
+

You can use any of the Font Awesome icons.

+
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-centered">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +

+ Sizes + + # + +

+ +
+

You can choose between 3 additional sizes: is-small is-medium and is-large.

+
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-small">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-medium">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-large">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Styles

+
+ If you want a more classic style with borders, just append the is-boxed modifier. +
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-boxed">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +

+ If you want mutually exclusive tabs (like radio buttons where clicking one deselects all other ones), use the is-toggle modifier. +

+ +
+ +
+ +
+ +
+ 
<div class="tabs is-toggle">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +

+ If you want the tabs to take up the whole width available, use is-fullwidth. +

+ +
+ +
+ +
+ +
+ 
<div class="tabs is-fullwidth">
+  <ul>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-angle-left"></i></span>
+        <span>Left</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-angle-up"></i></span>
+        <span>Up</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span>Right</span>
+        <span class="icon"><i class="fa fa-angle-right"></i></span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +

Combining

+
+

You can combine different modifiers. For example, you can have centered boxed tabs, or fullwidth toggle ones.

+
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-centered is-boxed">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-toggle is-fullwidth">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-centered is-boxed is-medium">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-toggle is-fullwidth is-large">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $tabs-border-bottom-color + + $border +
+ $tabs-border-bottom-style + + solid +
+ $tabs-border-bottom-width + + 1px +
+ $tabs-link-color + + $text +
+ $tabs-link-hover-border-bottom-color + + $text-strong +
+ $tabs-link-hover-color + + $text-strong +
+ $tabs-link-active-border-bottom-color + + $primary +
+ $tabs-link-active-color + + $primary +
+ $tabs-link-padding + + 0.5em 1em +
+ $tabs-boxed-link-radius + + $radius +
+ $tabs-boxed-link-hover-background-color + + $background +
+ $tabs-boxed-link-hover-border-bottom-color + + $border +
+ $tabs-boxed-link-active-background-color + + $white +
+ $tabs-boxed-link-active-border-color + + $border +
+ $tabs-boxed-link-active-border-bottom-color + + transparent !important +
+ $tabs-toggle-link-border-color + + $border +
+ $tabs-toggle-link-border-style + + solid +
+ $tabs-toggle-link-border-width + + 1px +
+ $tabs-toggle-link-hover-background-color + + $background +
+ $tabs-toggle-link-hover-border-color + + $border-hover +
+ $tabs-toggle-link-radius + + $radius +
+ $tabs-toggle-link-active-background-color + + $primary +
+ $tabs-toggle-link-active-border-color + + $primary +
+ $tabs-toggle-link-active-color + + $primary-invert +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/box/index.html b/docs/versions/0.5.1/documentation/elements/box/index.html new file mode 100644 index 000000000..d2d277180 --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/box/index.html @@ -0,0 +1,833 @@ + + + + + + + + + Box | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Box

+

+ A white box to contain other elements +

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+
+

+ The .box element is simply a container with a shadow, a border, a radius, and some padding. +
+ For example, you can include a media object: +

+
+
+ +
+ +
+
+
+
+ Image +
+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. +

+
+ +
+
+
+ +
+
+ + 
<div class="box">
+  <article class="media">
+    <div class="media-left">
+      <figure class="image is-64x64">
+        <img src="http://bulma.io/versions/0.5.1/images/placeholders/128x128.png" alt="Image">
+      </figure>
+    </div>
+    <div class="media-content">
+      <div class="content">
+        <p>
+          <strong>John Smith</strong> <small>@johnsmith</small> <small>31m</small>
+          <br>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
+        </p>
+      </div>
+      <nav class="level is-mobile">
+        <div class="level-left">
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-reply"></i></span>
+          </a>
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-retweet"></i></span>
+          </a>
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-heart"></i></span>
+          </a>
+        </div>
+      </nav>
+    </div>
+  </article>
+</div>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $box-color + + $text +
+ $box-background-color + + $white +
+ $box-radius + + $radius-large +
+ $box-shadow + + 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) +
+ $box-padding + + 1.25rem +
+ $box-link-hover-shadow + + 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link +
+ $box-link-active-shadow + + inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/button/index.html b/docs/versions/0.5.1/documentation/elements/button/index.html new file mode 100644 index 000000000..caac93ca2 --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/button/index.html @@ -0,0 +1,1739 @@ + + + + + + + + + Button | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Buttons

+

+ The classic button, in different colors, sizes, and states +

+
+ + + + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+ +Button + +
+
+ 
<a class="button">Button</a>
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ +White +Light +Dark +Black +Link + +
+
+ 
<a class="button is-white">White</a>
+<a class="button is-light">Light</a>
+<a class="button is-dark">Dark</a>
+<a class="button is-black">Black</a>
+<a class="button is-link">Link</a>
+
+
+ +
+
+ +Primary +Info +Success +Warning +Danger + +
+
+ 
<a class="button is-primary">Primary</a>
+<a class="button is-info">Info</a>
+<a class="button is-success">Success</a>
+<a class="button is-warning">Warning</a>
+<a class="button is-danger">Danger</a>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ +Small +Normal +Medium +Large + +
+
+ 
<a class="button is-small">Small</a>
+<a class="button">Normal</a>
+<a class="button is-medium">Medium</a>
+<a class="button is-large">Large</a>
+
+
+ +
+ +

Styles

+

Outlined

+ +
+
+ +Outlined +Outlined +Outlined +Outlined +Outlined + +
+
+ 
<a class="button is-outlined">Outlined</a>
+<a class="button is-primary is-outlined">Outlined</a>
+<a class="button is-info is-outlined">Outlined</a>
+<a class="button is-success is-outlined">Outlined</a>
+<a class="button is-danger is-outlined">Outlined</a>
+
+
+ +

Inverted (the text color becomes the background color, and vice-versa)

+ +
+
+
+ +Inverted +Inverted +Inverted +Inverted + +
+
+
+ 
<a class="button is-primary is-inverted">Inverted</a>
+<a class="button is-info is-inverted">Inverted</a>
+<a class="button is-success is-inverted">Inverted</a>
+<a class="button is-danger is-inverted">Inverted</a>
+
+
+ +

Invert Outlined (the invert color becomes the text and border colors)

+ +
+
+
+ +Invert Outlined +Invert Outlined +Invert Outlined +Invert Outlined + +
+
+
+ 
<a class="button is-primary is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-info is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-success is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-danger is-inverted is-outlined">Invert Outlined</a>
+
+
+ +
+ +

States

+

Normal

+ +
+
+ +Normal +Normal +Normal +Normal +Normal +Normal + +
+
+ 
<a class="button">Normal</a>
+<a class="button is-primary">Normal</a>
+<a class="button is-info">Normal</a>
+<a class="button is-success">Normal</a>
+<a class="button is-warning">Normal</a>
+<a class="button is-danger">Normal</a>
+
+
+ +

Hover

+ +
+
+ +Hover +Hover +Hover +Hover +Hover +Hover + +
+
+ 
<a class="button is-hovered">Hover</a>
+<a class="button is-primary is-hovered">Hover</a>
+<a class="button is-info is-hovered">Hover</a>
+<a class="button is-success is-hovered">Hover</a>
+<a class="button is-warning is-hovered">Hover</a>
+<a class="button is-danger is-hovered">Hover</a>
+
+
+ +

Focus

+ +
+
+ +Focus +Focus +Focus +Focus +Focus +Focus + +
+
+ 
<a class="button is-focused">Focus</a>
+<a class="button is-primary is-focused">Focus</a>
+<a class="button is-info is-focused">Focus</a>
+<a class="button is-success is-focused">Focus</a>
+<a class="button is-warning is-focused">Focus</a>
+<a class="button is-danger is-focused">Focus</a>
+
+
+ +

Active

+ +
+
+ +Active +Active +Active +Active +Active +Active + +
+
+ 
<a class="button is-active">Active</a>
+<a class="button is-primary is-active">Active</a>
+<a class="button is-info is-active">Active</a>
+<a class="button is-success is-active">Active</a>
+<a class="button is-warning is-active">Active</a>
+<a class="button is-danger is-active">Active</a>
+
+
+ +

Loading

+ +
+
+ +Loading +Loading +Loading +Loading +Loading +Loading + +
+
+ 
<a class="button is-loading">Loading</a>
+<a class="button is-primary is-loading">Loading</a>
+<a class="button is-info is-loading">Loading</a>
+<a class="button is-success is-loading">Loading</a>
+<a class="button is-warning is-loading">Loading</a>
+<a class="button is-danger is-loading">Loading</a>
+
+
+ +

+ Static +

+ +
+
+
+

+ New! + 0.4.2 +

+

+ You can create a non-interactive button by using the is-static modifier. This is useful to align a text label with an input, for example when using form addons. +

+
+ +Static + +
+
+ 
<span class="button is-static">Static</span>
+
+
+ +

Disabled

+ +
+
+
+ +Disabled +Disabled +Disabled +Disabled +Disabled +Disabled + +
+
+
+

The is-disabled CSS class has been deprecated in favor of the disabled HTML attribute. Learn more

+
+
+
+
+ 
<a class="button" title="Disabled button" disabled>Disabled</a>
+<a class="button is-primary" title="Disabled button" disabled>Disabled</a>
+<a class="button is-info" title="Disabled button" disabled>Disabled</a>
+<a class="button is-success" title="Disabled button" disabled>Disabled</a>
+<a class="button is-warning" title="Disabled button" disabled>Disabled</a>
+<a class="button is-danger" title="Disabled button" disabled>Disabled</a>
+
+
+ +

With Font Awesome icons

+ +
+
+ +

+ + + + + + + + + + + + + + + +

+

+ + + + + GitHub + + + + + + Twitter + + + + + + Save + + + Delete + + + + +

+

+ + + + + GitHub + + + + + + GitHub + + + + + + GitHub + + + + + + GitHub + +

+ +
+
+ 
<p class="field">
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-bold"></i>
+    </span>
+  </a>
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-italic"></i>
+    </span>
+  </a>
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-underline"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-primary">
+    <span class="icon">
+      <i class="fa fa-twitter"></i>
+    </span>
+    <span>Twitter</span>
+  </a>
+  <a class="button is-success">
+    <span class="icon is-small">
+      <i class="fa fa-check"></i>
+    </span>
+    <span>Save</span>
+  </a>
+  <a class="button is-danger is-outlined">
+    <span>Delete</span>
+    <span class="icon is-small">
+      <i class="fa fa-times"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-small">
+    <span class="icon is-small">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-medium">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-medium">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+</p>
+
+
+ +
+
+
+

+ New! +

+

+ If the button only contains an icon, Bulma will make sure the button remains square, no matter the size of the button or of the icon. +

+
+ +

+ + + + + +

+

+ + + + + + + + + + +

+

+ + + + + + + + + + + + + + + +

+

+ + + + + + + + + + + + + + + + + + + + +

+ +
+
+ 
<p class="field">
+  <a class="button is-small">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-medium">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-medium">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+  <a class="button is-medium">
+    <span class="icon is-medium">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-large">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-large">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-medium">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-large">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+
+
+ +
+ +

Button group

+
+

If you want to group buttons together, use the is-grouped modifier on the field container:

+
+
+ +
+

+ + Save changes + +

+

+ + Cancel + +

+

+ + Delete post + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control">
+    <a class="button is-primary">
+      Save changes
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Cancel
+    </a>
+  </p>
+  <p class="control">
+    <a class="button is-danger">
+      Delete post
+    </a>
+  </p>
+</div>
+ +
+ +

Button addons

+
+

If you want to use buttons as addons, use the has-addons modifier on the field container:

+
+ +
+ +
+

+ + + + + Left + +

+

+ + + + + Center + +

+

+ + + + + Right + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-left"></i>
+      </span>
+      <span>Left</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-center"></i>
+      </span>
+      <span>Center</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-right"></i>
+      </span>
+      <span>Right</span>
+    </a>
+  </p>
+</div>
+ +
+ +

Button group with addons

+
+

You can group together addons as well:

+
+ +
+ +
+

+ + + + + Bold + +

+

+ + + + + Italic + +

+

+ + + + + Underline + +

+
+ +
+

+ + + + + Left + +

+

+ + + + + Center + +

+

+ + + + + Right + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-bold"></i>
+      </span>
+      <span>Bold</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-italic"></i>
+      </span>
+      <span>Italic</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-underline"></i>
+      </span>
+      <span>Underline</span>
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-left"></i>
+      </span>
+      <span>Left</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-center"></i>
+      </span>
+      <span>Center</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-right"></i>
+      </span>
+      <span>Right</span>
+    </a>
+  </p>
+</div>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $button-color + + $grey-darker +
+ $button-background-color + + $white +
+ $button-border-color + + $grey-lighter +
+ $button-hover-color + + $link-hover +
+ $button-hover-border-color + + $link-hover-border +
+ $button-focus-color + + $link-focus +
+ $button-focus-border-color + + $link-focus-border +
+ $button-active-color + + $link-active +
+ $button-active-border-color + + $link-active-border +
+ $button-link-color + + $text +
+ $button-link-hover-background-color + + $background +
+ $button-link-hover-color + + $text-strong +
+ $button-disabled-background-color + + $white +
+ $button-disabled-border-color + + $grey-lighter +
+ $button-disabled-shadow + + none +
+ $button-disabled-opacity + + 0.5 +
+ $button-static-color + + $grey +
+ $button-static-background-color + + $white-ter +
+ $button-static-border-color + + $grey-lighter +
+ $button-shadow-inset + + inset 0 1px 2px rgba($black, 0.2) +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/content/index.html b/docs/versions/0.5.1/documentation/elements/content/index.html new file mode 100644 index 000000000..872b0d177 --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/content/index.html @@ -0,0 +1,1093 @@ + + + + + + + + + Content | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + +
+
+

Content

+

+ A single class to handle WYSIWYG generated content, where only HTML tags are available +

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

When you can't use the CSS classes you want, or when you just want to directly use HTML tags, use content as container. It can handle almost any HTML tag:

+
    +
  • <p> paragraphs
    • +
  • <ul> <ol> <dl> lists
    • +
  • <h1> to <h6> headings
    • +
  • <blockquote> quotes
    • +
  • <em> and <strong>
    • +
  • <table> <tr> <th> <td> tables
    • +
+

This content class can be used in any context where you just want to (or can only) write some text. For example, it's used for the paragraph you're currently reading.

+
+ +
+ +
+

Hello World

+

Lorem ipsum[1] dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Subscript works as well!

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+

Third level

+

Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.

+
    +
  1. Donec blandit a lorem id convallis.
    2. +
  2. Cras gravida arcu at diam gravida gravida.
    3. +
  3. Integer in volutpat libero.
    4. +
  4. Donec a diam tellus.
    5. +
  5. Aenean nec tortor orci.
    6. +
  6. Quisque aliquam cursus urna, non bibendum massa viverra eget.
    7. +
  7. Vivamus maximus ultricies pulvinar.
    8. +
+
Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.
+

Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et justo sodales elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.

+

Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.

+
+
Web
+
The part of the Internet that contains websites and web pages
+
HTML
+
A markup language for creating web pages
+
CSS
+
A technology to make HTML look better
+
+

Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.

+

Fourth level

+

Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.

+ 
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello World</title>
+  </head>
+  <body>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p>
+  </body>
+</html>
+
+

Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+

Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.

+
Fifth level
+

Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.

+
+ + +
+ Figure 1: Some beautiful placeholders +
+
+
Sixth level
+

Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.

+
+ +
+ + 
<div class="content">
+  <h1>Hello World</h1>
+  <p>Lorem ipsum<sup><a>[1]</a></sup> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<sub>script</sub> works as well!</p>
+  <h2>Second level</h2>
+  <p>Curabitur accumsan turpis pharetra <strong>augue tincidunt</strong> blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.</p>
+  <ul>
+    <li>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</li>
+    <li>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</li>
+    <li>Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.</li>
+    <li>Ut non enim metus.</li>
+  </ul>
+  <h3>Third level</h3>
+  <p>Quisque ante lacus, malesuada ac auctor vitae, congue <a href="#">non ante</a>. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.</p>
+  <ol>
+    <li>Donec blandit a lorem id convallis.</li>
+    <li>Cras gravida arcu at diam gravida gravida.</li>
+    <li>Integer in volutpat libero.</li>
+    <li>Donec a diam tellus.</li>
+    <li>Aenean nec tortor orci.</li>
+    <li>Quisque aliquam cursus urna, non bibendum massa viverra eget.</li>
+    <li>Vivamus maximus ultricies pulvinar.</li>
+  </ol>
+  <blockquote>Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.</blockquote>
+  <p>Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et <em>justo sodales</em> elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.</p>
+  <p>Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.</p>
+  <dl>
+    <dt>Web</dt>
+    <dd>The part of the Internet that contains websites and web pages</dd>
+    <dt>HTML</dt>
+    <dd>A markup language for creating web pages</dd>
+    <dt>CSS</dt>
+    <dd>A technology to make HTML look better</dd>
+  </dl>
+  <p>Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.</p>
+  <h4>Fourth level</h4>
+  <p>Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.</p>
+  <pre>
+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;Hello World&lt;/title&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.&lt;/p&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+  <p>Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.</p>
+  <table>
+    <thead>
+      <tr>
+        <th>One</th>
+        <th>Two</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Three</td>
+        <td>Four</td>
+      </tr>
+      <tr>
+        <td>Five</td>
+        <td>Six</td>
+      </tr>
+      <tr>
+        <td>Seven</td>
+        <td>Eight</td>
+      </tr>
+      <tr>
+        <td>Nine</td>
+        <td>Ten</td>
+      </tr>
+      <tr>
+        <td>Eleven</td>
+        <td>Twelve</td>
+      </tr>
+    </tbody>
+  </table>
+  <p>Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.</p>
+  <h5>Fifth level</h5>
+  <p>Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.</p>
+  <figure>
+    <img src="http://bulma.io/versions/0.5.1/images/placeholders/256x256.png">
+    <img src="http://bulma.io/versions/0.5.1/images/placeholders/256x256.png">
+    <figcaption>
+      Figure 1: Some beautiful placeholders
+    </figcaption>
+  </figure>
+  <h6>Sixth level</h6>
+  <p>Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.</p>
+</div>
+ +
+ +

+ Sizes + + # + +

+ + +
+

You can use the is-small, is-medium and is-large modifiers to change the font size.

+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $content-heading-color + + $text-strong +
+ $content-heading-weight + + $weight-normal +
+ $content-heading-line-height + + 1.125 +
+ $content-blockquote-background-color + + $background +
+ $content-blockquote-border-left + + 5px solid $border +
+ $content-blockquote-padding + + 1.25em 1.5em +
+ $content-pre-padding + + 1.25em 1.5em +
+ $content-table-cell-border + + 1px solid $border +
+ $content-table-cell-border-width + + 0 0 1px +
+ $content-table-cell-padding + + 0.5em 0.75em +
+ $content-table-cell-heading-color + + $text-strong +
+ $content-table-row-hover-background-color + + $background +
+ $content-table-head-cell-border-width + + 0 0 2px +
+ $content-table-head-cell-color + + $text-strong +
+ $content-table-foot-cell-border-width + + 2px 0 0 +
+ $content-table-foot-cell-color + + $text-strong +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/delete/index.html b/docs/versions/0.5.1/documentation/elements/delete/index.html new file mode 100644 index 000000000..9fd61b77d --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/delete/index.html @@ -0,0 +1,775 @@ + + + + + + + + + Delete | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Delete

+

+ A versatile delete cross +

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

+ The .delete element is a stand-alone element that can be used in different contexts. +

+
+ +
+
+
+

+ On its own, it's a simple circle with a cross: +

+
+ + + +
+
+ 
<a class="delete"></a>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+
+

+ It comes in 4 sizes: +

+
+ + + + + + +
+
+ 
<a class="delete is-small"></a>
+<a class="delete"></a>
+<a class="delete is-medium"></a>
+<a class="delete is-large"></a>
+
+
+ +
+ +

+ Combinations +

+ +
+
+
+

+ Bulma uses it for the tags, the notifications, and the messages: +

+
+ +
+ + Hello World + + +
+ +
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit +
+ +
+
+ Info + +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+ 
<div class="block">
+  <span class="tag is-success">
+    Hello World
+    <button class="delete is-small"></button>
+  </span>
+</div>
+
+<div class="notification is-danger">
+  <button class="delete"></button>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit
+</div>
+
+<article class="message is-info">
+  <div class="message-header">
+    Info
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/form/index.html b/docs/versions/0.5.1/documentation/elements/form/index.html new file mode 100644 index 000000000..af838e8b0 --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/form/index.html @@ -0,0 +1,2571 @@ + + + + + + + + + Form | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Form controls

+

+ All generic form controls, designed for consistency +

+ +
+ +
+

The following form controls classes are supported:

+
    +
  • .label
    • +
  • .input
    • +
  • .textarea
    • +
  • .select
    • +
  • .checkbox
    • +
  • .radio
    • +
  • .button
    • +
  • .help
    • +
+

Each of them should be wrapped in a .control container.
+ When combining several controls in a form, use the .field class as a container, to keep the spacing consistent.

+
+ +
+
+ +
+ +

+ +

+
+ +
+ +

+ + + + + + + +

+

This username is available

+
+ +
+ +

+ + + + + + + +

+

This email is invalid

+
+ +
+ +

+ + + +

+
+ +
+ +

+ +

+
+ +
+

+ +

+
+ +
+

+ + +

+
+ +
+

+ +

+

+ +

+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <p class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </p>
+</div>
+
+<div class="field">
+  <label class="label">Username</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small is-left">
+      <i class="fa fa-user"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+  <p class="help is-success">This username is available</p>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-danger" type="text" placeholder="Email input" value="hello@">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-warning"></i>
+    </span>
+  </p>
+  <p class="help is-danger">This email is invalid</p>
+</div>
+
+<div class="field">
+  <label class="label">Subject</label>
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <label class="label">Message</label>
+  <p class="control">
+    <textarea class="textarea" placeholder="Textarea"></textarea>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control">
+    <label class="checkbox">
+      <input type="checkbox">
+      I agree to the <a href="#">terms and conditions</a>
+    </label>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control">
+    <label class="radio">
+      <input type="radio" name="question">
+      Yes
+    </label>
+    <label class="radio">
+      <input type="radio" name="question">
+      No
+    </label>
+  </p>
+</div>
+
+<div class="field is-grouped">
+  <p class="control">
+    <button class="button is-primary">Submit</button>
+  </p>
+  <p class="control">
+    <button class="button is-link">Cancel</button>
+  </p>
+</div>
+
+
+ +
+ +

Colors

+
+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-primary" type="text" placeholder="Primary input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-info" type="text" placeholder="Info input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-success" type="text" placeholder="Success input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-warning" type="text" placeholder="Warning input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-danger" type="text" placeholder="Danger input">
+  </p>
+</div>
+
+
+ +
+

Sizes

+
+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ + + +

+
+
+

+ + + +

+
+
+

+ + + +

+
+
+

+ + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-small" type="text" placeholder="Small input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-medium" type="text" placeholder="Medium input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-large" type="text" placeholder="Large input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-small">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-medium">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-large">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea" placeholder="Normal textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Hover

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-hovered" type="text" placeholder="Hovered input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea is-hovered" placeholder="Hovered textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Focus

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-focused" type="text" placeholder="Focused input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea is-focused" placeholder="Focused textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Loading

+
+
+ +
+

+ +

+
+
+
+
+ +
+
+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control is-loading">
+    <input class="input" type="text" placeholder="Loading input">
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-loading">
+      <select>
+        <option>Loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <p class="control is-loading">
+    <textarea class="textarea" placeholder="Loading textarea"></textarea>
+  </p>
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <p class="control is-small is-loading">
+    <input class="input is-small" type="text" placeholder="Small loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-loading">
+    <input class="input" type="text" placeholder="Normal loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-medium is-loading">
+    <input class="input is-medium" type="text" placeholder="Medium loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-large is-loading">
+    <input class="input is-large" type="text" placeholder="Large loading input">
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-small is-loading">
+      <select>
+        <option>Small loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-loading">
+      <select>
+        <option>Normal loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-medium is-loading">
+      <select>
+        <option>Medium loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-large is-loading">
+      <select>
+        <option>Large loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+

+ +

+
+
+
+
+ +
+
+
+
+

+ +

+
+
+

+ +

+
+
+

+ + +

+
+
+

+ +

+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Disabled input" disabled>
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-disabled">
+      <select disabled>
+        <option>Disabled dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea" placeholder="Disabled textarea" disabled></textarea>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <label class="checkbox" disabled>
+      <input type="checkbox" disabled>
+      Remember me
+    </label>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <label class="radio" disabled>
+      <input type="radio" name="question" disabled>
+      Yes
+    </label>
+    <label class="radio" disabled>
+      <input type="radio" name="question" disabled>
+      No
+    </label>
+  </p>
+</div>
+<div class="field is-grouped">
+  <p class="control">
+    <button class="button is-primary" disabled>Submit</button>
+  </p>
+  <p class="control">
+    <button class="button" disabled>Cancel</button>
+  </p>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + +

+
+
+

+ + + + +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <button class="button is-success">
+      Login
+    </button>
+  </p>
+</div>
+
+
+ +
+
+
+

+ New! + 0.4.2 +

+

+ You can now append icons to select dropdowns as well. +

+
+ +
+

+ + + + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <span class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+    <span class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-small">Small input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-small" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label">Normal input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-medium">Medium input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-large">Large input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-large is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-large is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+ +

Form addons

+
+

If you want to attach controls together, use the has-addons modifier on the control container:

+
+
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+
+

You can attach inputs, buttons, and dropdowns only.

+
+ +
+

+ New! + 0.4.2 +

+

It can be useful to append a static button.

+
+ +
+ +
+

+ +

+

+ + @gmail.com + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Your email">
+  </p>
+  <p class="control">
+    <a class="button is-static">
+      @gmail.com
+    </a>
+  </p>
+</div>
+ +
+

Use the is-expanded modifier on the element you want to fill up the remaining space (in this case, the input):

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+

If you want a full width select dropdown, pair control is-expanded with select is-fullwidth.

+
+
+ +
+

+ + + +

+

+ +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control is-expanded">
+    <span class="select is-fullwidth">
+      <select name="country">
+        <option value="Argentina">Argentina</option>
+        <option value="Bolivia">Bolivia</option>
+        <option value="Brazil">Brazil</option>
+        <option value="Chile">Chile</option>
+        <option value="Colombia">Colombia</option>
+        <option value="Ecuador">Ecuador</option>
+        <option value="Guyana">Guyana</option>
+        <option value="Paraguay">Paraguay</option>
+        <option value="Peru">Peru</option>
+        <option value="Suriname">Suriname</option>
+        <option value="Uruguay">Uruguay</option>
+        <option value="Venezuela">Venezuela</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <button type="submit" class="button is-primary">Choose</button>
+  </p>
+</div>
+ +
+

Use the has-addons-centered or the has-addons-right modifers to alter the alignment.

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-centered">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-right">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+ +

Form group

+
+

+ If you want to group controls together, use the is-grouped modifier on the control container. +
+ Use the is-grouped-centered or the is-grouped-right modifers to alter the alignment. +

+

+ Add the is-expanded modifier on the control element you want to fill up the remaining space. +

+
+
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+ +
+ +

Horizontal form

+
+

If you want a horizontal form control, use the is-horizontal modifier on the field container, in which you include:

+
    +
  • + field-label for the side label +
    • +
  • + field-body for the input/select/textarea container +
    • +
+

You can of course use is-grouped or has-addons for the child elements.

+
+
+ +
+
+ +
+
+
+

+ + + + +

+
+
+

+ + + + + + + +

+

This email is correct

+
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+ +
+

+ This field is required +

+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">From</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-grouped">
+      <p class="control is-expanded has-icons-left">
+        <input class="input" type="text" placeholder="Name">
+        <span class="icon is-small is-left">
+          <i class="fa fa-user"></i>
+        </span>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control is-expanded has-icons-left has-icons-right">
+        <input class="input is-success" type="email" placeholder="Email" value="alex@smith.com">
+        <span class="icon is-small is-left">
+          <i class="fa fa-envelope"></i>
+        </span>
+        <span class="icon is-small is-right">
+          <i class="fa fa-check"></i>
+        </span>
+      </p>
+      <p class="help is-success">This email is correct</p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Department</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <div class="select is-fullwidth">
+          <select>
+            <option>Business development</option>
+            <option>Marketing</option>
+            <option>Sales</option>
+          </select>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">Already a member?</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <label class="radio">
+          <input type="radio" name="member">
+          Yes
+        </label>
+        <label class="radio">
+          <input type="radio" name="member">
+          No
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Subject</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-danger" type="text" placeholder="e.g. Partnership opportunity">
+      </div>
+      <p class="help is-danger">
+        This field is required
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Question</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <textarea class="textarea" placeholder="Explain how we can help you"></textarea>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <!-- Left empty for spacing -->
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <button class="button is-primary">
+          Send message
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+ +
+

+ New! +

+

+ To preserve the vertical alignment of labels with each type and size of control, the .field-label comes with 4 size modifiers: +

+
    +
  • + .is-small +
    • +
  • + .is-normal for any .input or .button +
    • +
  • + .is-medium +
    • +
  • + .is-large +
    • +
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">No padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input type="checkbox">
+          Checkbox
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-small">
+    <label class="label">Small padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-small" type="text" placeholder="Small sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Normal label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input" type="text" placeholder="Normal sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-medium">
+    <label class="label">Medium label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-medium" type="text" placeholder="Medium sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-large">
+    <label class="label">Large label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-large" type="text" placeholder="Large sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/icon/index.html b/docs/versions/0.5.1/documentation/elements/icon/index.html new file mode 100644 index 000000000..21042e146 --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/icon/index.html @@ -0,0 +1,797 @@ + + + + + + + + + Icon | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Icons

+

+ Bulma is compatible with Font Awesome icons. +

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

Because the icons can take a few seconds to load, and because you want control over the space the icons will take, you can use the icon class as a container:

+
+ +
+ + + + + +
+ + 
<span class="icon">
+  <i class="fa fa-home"></i>
+</span>
+ +
+

The icon container will take up exactly 1.5rem x 1.5rem. The icon itself is sized at 21px.

+
+ +
+ +

+ Sizes + + # + +

+ + +
+

Font Awesome icons use a font-size of 28px by default, and are best rendered when using multiples of 7.

+

The Bulma icon container is always slightly bigger than the font-size used:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClassFont-sizeContainer size
icon is-small14px1rem x 1rem
icon21px1.5rem x 1.5rem
icon is-medium28px2rem x 2rem
icon is-large42px3rem x 3rem
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $icon-dimensions + + 1.5rem +
+ $icon-dimensions-small + + 1rem +
+ $icon-dimensions-medium + + 2rem +
+ $icon-dimensions-large + + 3rem +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/image/index.html b/docs/versions/0.5.1/documentation/elements/image/index.html new file mode 100644 index 000000000..9e3e5caad --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/image/index.html @@ -0,0 +1,833 @@ + + + + + + + + + Image | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + +
+
+

Images

+

+ A container for responsive images +

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

Because images can take a few seconds to load (or not at all), use the .image container to specify a precisely sized container so that your layout isn't broken because of image loading or image errors.

+
+ +
+
+ +
+
+ + 
<figure class="image is-128x128">
+  <img src="http://bulma.io/versions/0.5.1/images/placeholders/128x128.png">
+</figure>
+ +
+ +

Fixed square images

+
+

There are 7 dimensions to choose from, useful for avatars:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
image is-16x16
16x16px
image is-24x24
24x24px
image is-32x32
32x32px
image is-48x48
48x48px
image is-64x64
64x64px
image is-96x96
96x96px
image is-128x128
128x128px
+ +

Retina images

+ +
+

Because the image is fixed in size, you can use an image that is twice as big. So for example, in a 128x128 container, you can use a 256x256 image, but resized to 128x128 pixels.

+
+ +
+
+ +
+
+ + 
<figure class="image is-128x128">
+  <img src="http://bulma.io/versions/0.5.1/images/placeholders/256x256.png">
+</figure>
+ +
+ +

Responsive images with ratios

+ +
+

If you don't know the exact dimensions but know the ratio instead, you can use one of the 5 ratio modifers:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
image is-square
Square (or 1by1)
image is-1by1
1 by 1
image is-4by3
4 by 3
image is-3by2
3 by 2
image is-16by9
16 by 9
image is-2by1
2 by 1
+ +
+

The .image container will take up the whole width while maintaining the perfect ratio.

+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $dimensions + + 16 24 32 48 64 96 128 +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/notification/index.html b/docs/versions/0.5.1/documentation/elements/notification/index.html new file mode 100644 index 000000000..6a7016f6f --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/notification/index.html @@ -0,0 +1,827 @@ + + + + + + + + + Notification | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + +
+
+

Notifications

+

+ Bold notification blocks, to alert your users of something +

+
+ + + + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+ +
+ + Lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+
+ 
<div class="notification">
+  <button class="delete"></button>
+  Lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ +
+ + Primar lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+ + Info lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+ + Success lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+ + Warning lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+ + Danger lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+
+ 
<div class="notification is-primary">
+  <button class="delete"></button>
+  Primar lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-info">
+  <button class="delete"></button>
+  Info lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-success">
+  <button class="delete"></button>
+  Success lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-warning">
+  <button class="delete"></button>
+  Warning lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-danger">
+  <button class="delete"></button>
+  Danger lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $notification-background-color + + $background +
+ $notification-radius + + $radius +
+ $notification-padding + + 1.25rem 2.5rem 1.25rem 1.5rem +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/progress/index.html b/docs/versions/0.5.1/documentation/elements/progress/index.html new file mode 100644 index 000000000..815f057c1 --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/progress/index.html @@ -0,0 +1,767 @@ + + + + + + + + + Progess Bar | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Progress bars

+

+ Native HTML progress bars +

+
+ + + + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+ +15% + +
+ 
<progress class="progress" value="15" max="100">15%</progress>
+ +
+ +

+ Colors + + # + +

+ + +
+ +30% +45% +60% +75% +90% + +
+ 
<progress class="progress is-primary" value="30" max="100">30%</progress>
+<progress class="progress is-info" value="45" max="100">45%</progress>
+<progress class="progress is-success" value="60" max="100">60%</progress>
+<progress class="progress is-warning" value="75" max="100">75%</progress>
+<progress class="progress is-danger" value="90" max="100">90%</progress>
+ +
+ +

+ Sizes + + # + +

+ + +
+ +15% +30% +45% +60% + +
+ 
<progress class="progress is-small" value="15" max="100">15%</progress>
+<progress class="progress" value="30" max="100">30%</progress>
+<progress class="progress is-medium" value="45" max="100">45%</progress>
+<progress class="progress is-large" value="60" max="100">60%</progress>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $progress-bar-background-color + + $border +
+ $progress-value-background-color + + $text +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/table/index.html b/docs/versions/0.5.1/documentation/elements/table/index.html new file mode 100644 index 000000000..f04a13e06 --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/table/index.html @@ -0,0 +1,1665 @@ + + + + + + + + + Table | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Tables

+

The inevitable HTML table, with special case cells

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

You simply need to attach a single .table CSS class on a <table> with the following structure:

+
    +
  • + table the main container +
      +
    • + thead the optional top part of the table +
      • +
    • + tfoot the optional bottom part of the table +
      • +
    • + tbody the main content of the table +
        +
      • + tr each table row +
          +
        • + th a table cell heading +
          • +
        • + td a table cell +
          • +
        +
        • +
      +
      • +
    +
    • +
+

+ New! + 0.4.2 +

+

+ You can set a table row as selected by appending the is-selected modifier on a <tr> +

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PosTeamPldWDLGFGAGDPtsQualification or relegation
PosTeamPldWDLGFGAGDPtsQualification or relegation
1Leicester City (C) + 38231236836+3281Qualification for the Champions League group stage
2Arsenal38201176536+2971Qualification for the Champions League group stage
3Tottenham Hotspur38191366935+3470Qualification for the Champions League group stage
4Manchester City38199107141+3066Qualification for the Champions League play-off round
5Manchester United38199104935+1466Qualification for the Europa League group stage
6Southampton38189115941+1863Qualification for the Europa League group stage
7West Ham United38161486551+1462Qualification for the Europa League third qualifying round
8Liverpool381612106350+1360
9Stoke City38149154155−1451
10Chelsea381214125953+650
11Everton381114135955+447
12Swansea City381211154252−1047
13Watford38129174050−1045
14West Bromwich Albion381013153448−1443
15Crystal Palace38119183951−1242
16AFC Bournemouth38119184567−2242
17Sunderland38912174862−1439
18Newcastle United (R) + 38910194465−2137Relegation to the Football League Championship
19Norwich City (R) + 3897223967−2834Relegation to the Football League Championship
20Aston Villa (R) + 3838272776−4917Relegation to the Football League Championship
+ +
+ + 
<table class="table">
+  <thead>
+    <tr>
+      <th><abbr title="Position">Pos</abbr></th>
+      <th>Team</th>
+      <th><abbr title="Played">Pld</abbr></th>
+      <th><abbr title="Won">W</abbr></th>
+      <th><abbr title="Drawn">D</abbr></th>
+      <th><abbr title="Lost">L</abbr></th>
+      <th><abbr title="Goals for">GF</abbr></th>
+      <th><abbr title="Goals against">GA</abbr></th>
+      <th><abbr title="Goal difference">GD</abbr></th>
+      <th><abbr title="Points">Pts</abbr></th>
+      <th>Qualification or relegation</th>
+    </tr>
+  </thead>
+  <tfoot>
+    <tr>
+      <th><abbr title="Position">Pos</abbr></th>
+      <th>Team</th>
+      <th><abbr title="Played">Pld</abbr></th>
+      <th><abbr title="Won">W</abbr></th>
+      <th><abbr title="Drawn">D</abbr></th>
+      <th><abbr title="Lost">L</abbr></th>
+      <th><abbr title="Goals for">GF</abbr></th>
+      <th><abbr title="Goals against">GA</abbr></th>
+      <th><abbr title="Goal difference">GD</abbr></th>
+      <th><abbr title="Points">Pts</abbr></th>
+      <th>Qualification or relegation</th>
+    </tr>
+  </tfoot>
+  <tbody>
+    <tr>
+      <th>1</th>
+      <td><a href="https://en.wikipedia.org/wiki/Leicester_City_F.C." title="Leicester City F.C.">Leicester City</a> <strong>(C)</strong>
+      </td>
+      <td>38</td>
+      <td>23</td>
+      <td>12</td>
+      <td>3</td>
+      <td>68</td>
+      <td>36</td>
+      <td>+32</td>
+      <td>81</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr>
+      <th>2</th>
+      <td><a href="https://en.wikipedia.org/wiki/Arsenal_F.C." title="Arsenal F.C.">Arsenal</a></td>
+      <td>38</td>
+      <td>20</td>
+      <td>11</td>
+      <td>7</td>
+      <td>65</td>
+      <td>36</td>
+      <td>+29</td>
+      <td>71</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr>
+      <th>3</th>
+      <td><a href="https://en.wikipedia.org/wiki/Tottenham_Hotspur_F.C." title="Tottenham Hotspur F.C.">Tottenham Hotspur</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>13</td>
+      <td>6</td>
+      <td>69</td>
+      <td>35</td>
+      <td>+34</td>
+      <td>70</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr class="is-selected">
+      <th>4</th>
+      <td><a href="https://en.wikipedia.org/wiki/Manchester_City_F.C." title="Manchester City F.C.">Manchester City</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>9</td>
+      <td>10</td>
+      <td>71</td>
+      <td>41</td>
+      <td>+30</td>
+      <td>66</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Play-off_round" title="2016–17 UEFA Champions League">Champions League play-off round</a></td>
+    </tr>
+    <tr>
+      <th>5</th>
+      <td><a href="https://en.wikipedia.org/wiki/Manchester_United_F.C." title="Manchester United F.C.">Manchester United</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>9</td>
+      <td>10</td>
+      <td>49</td>
+      <td>35</td>
+      <td>+14</td>
+      <td>66</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Group_stage" title="2016–17 UEFA Europa League">Europa League group stage</a></td>
+    </tr>
+    <tr>
+      <th>6</th>
+      <td><a href="https://en.wikipedia.org/wiki/Southampton_F.C." title="Southampton F.C.">Southampton</a></td>
+      <td>38</td>
+      <td>18</td>
+      <td>9</td>
+      <td>11</td>
+      <td>59</td>
+      <td>41</td>
+      <td>+18</td>
+      <td>63</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Group_stage" title="2016–17 UEFA Europa League">Europa League group stage</a></td>
+    </tr>
+    <tr>
+      <th>7</th>
+      <td><a href="https://en.wikipedia.org/wiki/West_Ham_United_F.C." title="West Ham United F.C.">West Ham United</a></td>
+      <td>38</td>
+      <td>16</td>
+      <td>14</td>
+      <td>8</td>
+      <td>65</td>
+      <td>51</td>
+      <td>+14</td>
+      <td>62</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Third_qualifying_round" title="2016–17 UEFA Europa League">Europa League third qualifying round</a></td>
+    </tr>
+    <tr>
+      <th>8</th>
+      <td><a href="https://en.wikipedia.org/wiki/Liverpool_F.C." title="Liverpool F.C.">Liverpool</a></td>
+      <td>38</td>
+      <td>16</td>
+      <td>12</td>
+      <td>10</td>
+      <td>63</td>
+      <td>50</td>
+      <td>+13</td>
+      <td>60</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>9</th>
+      <td><a href="https://en.wikipedia.org/wiki/Stoke_City_F.C." title="Stoke City F.C.">Stoke City</a></td>
+      <td>38</td>
+      <td>14</td>
+      <td>9</td>
+      <td>15</td>
+      <td>41</td>
+      <td>55</td>
+      <td>−14</td>
+      <td>51</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>10</th>
+      <td><a href="https://en.wikipedia.org/wiki/Chelsea_F.C." title="Chelsea F.C.">Chelsea</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>14</td>
+      <td>12</td>
+      <td>59</td>
+      <td>53</td>
+      <td>+6</td>
+      <td>50</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>11</th>
+      <td><a href="https://en.wikipedia.org/wiki/Everton_F.C." title="Everton F.C.">Everton</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>14</td>
+      <td>13</td>
+      <td>59</td>
+      <td>55</td>
+      <td>+4</td>
+      <td>47</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>12</th>
+      <td><a href="https://en.wikipedia.org/wiki/Swansea_City_A.F.C." title="Swansea City A.F.C.">Swansea City</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>11</td>
+      <td>15</td>
+      <td>42</td>
+      <td>52</td>
+      <td>−10</td>
+      <td>47</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>13</th>
+      <td><a href="https://en.wikipedia.org/wiki/Watford_F.C." title="Watford F.C.">Watford</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>9</td>
+      <td>17</td>
+      <td>40</td>
+      <td>50</td>
+      <td>−10</td>
+      <td>45</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>14</th>
+      <td><a href="https://en.wikipedia.org/wiki/West_Bromwich_Albion_F.C." title="West Bromwich Albion F.C.">West Bromwich Albion</a></td>
+      <td>38</td>
+      <td>10</td>
+      <td>13</td>
+      <td>15</td>
+      <td>34</td>
+      <td>48</td>
+      <td>−14</td>
+      <td>43</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>15</th>
+      <td><a href="https://en.wikipedia.org/wiki/Crystal_Palace_F.C." title="Crystal Palace F.C.">Crystal Palace</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>9</td>
+      <td>18</td>
+      <td>39</td>
+      <td>51</td>
+      <td>−12</td>
+      <td>42</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>16</th>
+      <td><a href="https://en.wikipedia.org/wiki/A.F.C._Bournemouth" title="A.F.C. Bournemouth">AFC Bournemouth</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>9</td>
+      <td>18</td>
+      <td>45</td>
+      <td>67</td>
+      <td>−22</td>
+      <td>42</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>17</th>
+      <td><a href="https://en.wikipedia.org/wiki/Sunderland_A.F.C." title="Sunderland A.F.C.">Sunderland</a></td>
+      <td>38</td>
+      <td>9</td>
+      <td>12</td>
+      <td>17</td>
+      <td>48</td>
+      <td>62</td>
+      <td>−14</td>
+      <td>39</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>18</th>
+      <td><a href="https://en.wikipedia.org/wiki/Newcastle_United_F.C." title="Newcastle United F.C.">Newcastle United</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>9</td>
+      <td>10</td>
+      <td>19</td>
+      <td>44</td>
+      <td>65</td>
+      <td>−21</td>
+      <td>37</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>
+    </tr>
+    <tr>
+      <th>19</th>
+      <td><a href="https://en.wikipedia.org/wiki/Norwich_City_F.C." title="Norwich City F.C.">Norwich City</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>9</td>
+      <td>7</td>
+      <td>22</td>
+      <td>39</td>
+      <td>67</td>
+      <td>−28</td>
+      <td>34</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>    </tr>
+    <tr>
+      <th>20</th>
+      <td><a href="https://en.wikipedia.org/wiki/Aston_Villa_F.C." title="Aston Villa F.C.">Aston Villa</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>3</td>
+      <td>8</td>
+      <td>27</td>
+      <td>27</td>
+      <td>76</td>
+      <td>−49</td>
+      <td>17</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>
+    </tr>
+  </tbody>
+</table>
+ +
+ +

Modifiers

+ +
+
+

Add borders to all the cells.

+
+
+ table is-bordered +
+
+ + + + + + + + + + + + + +
OneTwo
ThreeFour
+
+
+ +
+
+

Add stripes to the table.

+
+
+ table is-striped +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+
+

Make the cells narrower.

+
+
+ table is-narrow +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+
+

You can have a fullwidth table.

+
+
+ table is-fullwidth +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+
+

You can combine all four modifiers.

+
+
+ table is-bordered is-striped is-narrow is-fullwidth +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $table-color + + $grey-darker +
+ $table-background-color + + $white +
+ $table-cell-border + + 1px solid $grey-lighter +
+ $table-cell-border-width + + 0 0 1px +
+ $table-cell-padding + + 0.5em 0.75em +
+ $table-cell-heading-color + + $text-strong +
+ $table-head-color + + $grey +
+ $table-head-cell-border-width + + 0 0 2px +
+ $table-head-cell-color + + $text-strong +
+ $table-foot-cell-border-width + + 2px 0 0 +
+ $table-foot-cell-color + + $text-strong +
+ $table-row-hover-background-color + + $white-bis +
+ $table-row-active-background-color + + $primary +
+ $table-row-active-color + + $primary-invert +
+ $table-striped-row-even-background-color + + $white-bis +
+ $table-striped-row-even-hover-background-color + + $white-ter +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/tag/index.html b/docs/versions/0.5.1/documentation/elements/tag/index.html new file mode 100644 index 000000000..28118c1af --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/tag/index.html @@ -0,0 +1,1262 @@ + + + + + + + + + Tags | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Tags

+

+ Small tag labels to insert anywhere +

+
+ + + + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+ By default, a tag is a 1.5rem high label. +
+
+ + Tag label + +
+
+ 
<span class="tag">
+  Tag label
+</span>
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ Like with buttons, there are 9 different colors available. +
+
+

+ + Black + +

+

+ + Dark + +

+

+ + Light + +

+

+ + White + +

+

+ + Primary + +

+

+ + Info + +

+

+ + Success + +

+

+ + Warning + +

+ + Danger + +
+
+ 
<span class="tag is-black">Black</span>
+<span class="tag is-dark">Dark</span>
+<span class="tag is-light">Light</span>
+<span class="tag is-white">White</span>
+<span class="tag is-primary">Primary</span>
+<span class="tag is-info">Info</span>
+<span class="tag is-success">Success</span>
+<span class="tag is-warning">Warning</span>
+<span class="tag is-danger">Danger</span>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ And 2 additional sizes. +
+
+

+ + Medium + +

+

+ + Large + +

+
+
+ 
<span class="tag is-primary is-medium">Medium</span>
+<span class="tag is-info is-large">Large</span>
+
+
+ +
+ +

+ Modifiers + + # + +

+ + +
+
+ You can add the is-rounded modifier to make a rounded tag. +
+
+ +Rounded + +
+
+ 
<span class="tag is-rounded">Rounded</span>
+
+
+ +
+
+ You can add the is-delete modifier to turn the tag into a delete button. +
+
+ + + +
+
+ 
<a class="tag is-delete"></a>
+
+
+ +
+ +

+ Combinations + + # + +

+ + +
+
+ You can append a delete button. +
+
+

+ + Bar + + +

+

+ + Hello + + +

+

+ + World + + +

+
+
+ 
<span class="tag is-success">
+  Bar
+  <button class="delete is-small"></button>
+</span>
+<span class="tag is-warning is-medium">
+  Hello
+  <button class="delete is-small"></button>
+</span>
+<span class="tag is-danger is-large">
+  World
+  <button class="delete"></button>
+</span>
+
+
+ +
+ +

+ List of tags + + # + +

+ + +
+ New! + 0.5.0 +
+ +
+
+
+

+ You can now create a list of tags with the .tags container. +

+
+
+ +
+ One + Two + Three +
+ +
+
+
+ 
<div class="tags">
+  <span class="tag">One</span>
+  <span class="tag">Two</span>
+  <span class="tag">Three</span>
+</div>
+
+
+ +
+
+
+

+ If the list is very long, it will automatically wrap on multiple lines, while keeping all tags evenly spaced. +

+
+
+ +
+ One + Two + Three + Four + Five + Six + Seven + Eight + Nine + Ten + Eleven + Twelve + Thirteen + Fourteen + Fifteen + Sixteen + Seventeen + Eighteen + Nineteen + Twenty +
+ +
+
+
+ 
<div class="tags">
+  <span class="tag">One</span>
+  <span class="tag">Two</span>
+  <span class="tag">Three</span>
+  <span class="tag">Four</span>
+  <span class="tag">Five</span>
+  <span class="tag">Six</span>
+  <span class="tag">Seven</span>
+  <span class="tag">Eight</span>
+  <span class="tag">Nine</span>
+  <span class="tag">Ten</span>
+  <span class="tag">Eleven</span>
+  <span class="tag">Twelve</span>
+  <span class="tag">Thirteen</span>
+  <span class="tag">Fourteen</span>
+  <span class="tag">Fifteen</span>
+  <span class="tag">Sixteen</span>
+  <span class="tag">Seventeen</span>
+  <span class="tag">Eighteen</span>
+  <span class="tag">Nineteen</span>
+  <span class="tag">Twenty</span>
+</div>
+
+
+ +
+
+
+

+ You can attach tags together with the .has-addons modifier. +

+
+
+ +
+ Package + Bulma +
+ +
+
+
+ 
<div class="tags has-addons">
+  <span class="tag">Package</span>
+  <span class="tag is-primary">Bulma</span>
+</div>
+
+
+ +
+
+
+

+ You can attach a text tag with a delete tag together. +

+
+
+ +
+ Alex Smith + +
+ +
+
+
+ 
<div class="tags has-addons">
+  <span class="tag is-danger">Alex Smith</span>
+  <a class="tag is-delete"></a>
+</div>
+
+
+ +
+
+
+

+ If you want to attach .tags containers together, simply use the .field element with the .is-grouped and .is-grouped-multiline modifiers. +

+
+
+ +
+
+
+ npm + 0.5.0 +
+
+ +
+
+ build + passing +
+
+ +
+
+ chat + on gitter +
+
+
+ +
+
+
+ 
<div class="field is-grouped is-grouped-multiline">
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-dark">npm</span>
+      <span class="tag is-info">0.5.0</span>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-dark">build</span>
+      <span class="tag is-success">passing</span>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-dark">chat</span>
+      <span class="tag is-primary">on gitter</span>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

+ This can be useful for a long list of blog tags. +

+
+
+ +
+
+
+ Technology + +
+
+ +
+
+ CSS + +
+
+ +
+
+ Flexbox + +
+
+ +
+
+ Web Design + +
+
+ +
+
+ Open Source + +
+
+ +
+
+ Community + +
+
+ +
+
+ Documentation + +
+
+
+ +
+
+
+ 
<div class="field is-grouped is-grouped-multiline">
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Technology</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">CSS</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Flexbox</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Web Design</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Open Source</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Community</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Documentation</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $tag-background-color + + background +
+ $tag-color + + text +
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/elements/title/index.html b/docs/versions/0.5.1/documentation/elements/title/index.html new file mode 100644 index 000000000..257703652 --- /dev/null +++ b/docs/versions/0.5.1/documentation/elements/title/index.html @@ -0,0 +1,918 @@ + + + + + + + + + Title and Subtitle | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + +
+
+

Titles

+

+ Simple headings to add depth to your page +

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+
+

There are 2 types of heading:

+
    +
  • + .title +
    • +
  • + .subtitle +
    • +
+
+
+
+

Title

+

Subtitle

+
+
+ 
<h1 class="title">Title</h1>
+<h2 class="subtitle">Subtitle</h2>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+

There are 6 sizes available:

+
+
+

Title 1

+

Title 2

+

Title 3 (default size)

+

Title 4

+

Title 5

+

Title 6

+
+
+ 
<h1 class="title is-1">Title 1</h1>
+<h2 class="title is-2">Title 2</h2>
+<h3 class="title is-3">Title 3</h3>
+<h4 class="title is-4">Title 4</h4>
+<h5 class="title is-5">Title 5</h5>
+<h6 class="title is-6">Title 6</h6>
+
+
+ +
+
+
+

Subtitle 1

+

Subtitle 2

+

Subtitle 3

+

Subtitle 4

+

Subtitle 5 (default size)

+

Subtitle 6

+
+
+ 
<h1 class="subtitle is-1">Subtitle 1</h1>
+<h2 class="subtitle is-2">Subtitle 2</h2>
+<h3 class="subtitle is-3">Subtitle 3</h3>
+<h4 class="subtitle is-4">Subtitle 4</h4>
+<h5 class="subtitle is-5">Subtitle 5</h5>
+<h6 class="subtitle is-6">Subtitle 6</h6>
+
+
+ +
+ +
+
+
+

When you combine a title and a subtitle, they move closer together.

+

As a rule of thumb, it is recommended to use a size difference of two. So if you use a title is-1, combine it with a subtitle is-3.

+
+
+
+
+

Title 1

+

Subtitle 3

+
+
+

Title 2

+

Subtitle 4

+
+
+

Title 3

+

Subtitle 5

+
+
+
+ 
<p class="title is-1">Title 1</p>
+<p class="subtitle is-3">Subtitle 3</p>
+
+<p class="title is-2">Title 2</p>
+<p class="subtitle is-4">Subtitle 4</p>
+
+<p class="title is-3">Title 3</p>
+<p class="subtitle is-5">Subtitle 5</p>
+
+
+ +
+ +
+
+
+

+ New! +

+

You can maintain the normal spacing between titles and subtitles if you use the is-spaced modifier on the first element.

+
+
+
+
+

Title 1

+

Subtitle 3

+
+
+

Title 2

+

Subtitle 4

+
+
+

Title 3

+

Subtitle 5

+
+
+
+ 
<p class="title is-1 is-spaced">Title 1</p>
+<p class="subtitle is-3">Subtitle 3</p>
+
+<p class="title is-2 is-spaced">Title 2</p>
+<p class="subtitle is-4">Subtitle 4</p>
+
+<p class="title is-3 is-spaced">Title 3</p>
+<p class="subtitle is-5">Subtitle 5</p>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $title-color + + $grey-darker +
+ $title-size + + $size-3 +
+ $title-weight + + $weight-semibold +
+ $subtitle-color + + $grey-dark +
+ $subtitle-size + + $size-5 +
+ $subtitle-weight + + $weight-normal +
+ $subtitle-strong-color + + $grey-darker +
+ $subtitle-strong-weight + + $weight-semibold +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/form/checkbox/index.html b/docs/versions/0.5.1/documentation/form/checkbox/index.html new file mode 100644 index 000000000..6d52a5462 --- /dev/null +++ b/docs/versions/0.5.1/documentation/form/checkbox/index.html @@ -0,0 +1,712 @@ + + + + + + + + + Checkbox | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Checkbox

+

+ The 2-state checkbox in its native format +

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

+ The checkbox class is a simple wrapper around the <input type="checkbox"> HTML element. It is intentionally not styled, to preserve cross-browser compatibility and the user experience. +

+
+ +
+
+ + + +
+
+ 
<label class="checkbox">
+  <input type="checkbox">
+  Remember me
+</label>
+
+
+ +
+

+ You can add links to your checkbox, or even disable it. +

+
+ +
+
+ + + +
+
+ 
<label class="checkbox">
+  <input type="checkbox">
+  I agree to the <a href="#">terms and conditions</a>
+</label>
+
+
+ +
+
+ + + +
+
+ 
<label class="checkbox" disabled>
+  <input type="checkbox" disabled>
+  Save my preferences
+</label>
+
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/form/file/index.html b/docs/versions/0.5.1/documentation/form/file/index.html new file mode 100644 index 000000000..8d9b242ca --- /dev/null +++ b/docs/versions/0.5.1/documentation/form/file/index.html @@ -0,0 +1,2050 @@ + + + + + + + + + File upload | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

File upload

+

+ A custom file upload input, without JavaScript +

+
+ + + + +
+
+ Experimental +
+
+ + + +
+
+ Since + 0.5.1 +
+
+ + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

+ The .file element is a simple interactive label that wraps an <input type="file">. It comprises several sub-elements: +

+
    +
  • + .file the main container +
      +
    • + .file-label the actual interactive and clickable part of the element +
        +
      • + .file-input the native file input, hidden for styling purposes +
        • +
      • + .file-cta the upload call-to-action +
          +
        • + .file-icon an optional upload icon +
          • +
        • + .file-label the "Choose a file…" text +
          • +
        +
        • +
      • + .file-name a container for the chosen file name +
        • +
      +
      • +
    +
    • +
+
+ +
+
+
+ +
+ +
+ +
+
+
+ 
<div class="file">
+  <label class="file-label">
+    <input class="file-input" type="file" name="resume">
+    <span class="file-cta">
+      <span class="file-icon">
+        <i class="fa fa-upload"></i>
+      </span>
+      <span class="file-label">
+        Choose a file…
+      </span>
+    </span>
+  </label>
+</div>
+
+
+ +
+ +

+ Modifiers + + # + +

+ + +
+
+
+

+ With the .has-name modifier combined with the .file-name element, you can add a placeholder for the selected file name. +

+
+
+ +
+ +
+ +
+
+
+ 
<div class="file has-name">
+  <label class="file-label">
+    <input class="file-input" type="file" name="resume">
+    <span class="file-cta">
+      <span class="file-icon">
+        <i class="fa fa-upload"></i>
+      </span>
+      <span class="file-label">
+        Choose a file…
+      </span>
+    </span>
+    <span class="file-name">
+      Screen Shot 2017-07-29 at 15.54.25.png
+    </span>
+  </label>
+</div>
+
+
+ +
+
+
+

+ You can move the CTA to the right side with the .is-right modifier. +

+
+
+ +
+ +
+ +
+
+
+ 
<div class="file has-name is-right">
+  <label class="file-label">
+    <input class="file-input" type="file" name="resume">
+    <span class="file-cta">
+      <span class="file-icon">
+        <i class="fa fa-upload"></i>
+      </span>
+      <span class="file-label">
+        Choose a file…
+      </span>
+    </span>
+    <span class="file-name">
+      Screen Shot 2017-07-29 at 15.54.25.png
+    </span>
+  </label>
+</div>
+
+
+ +
+
+
+

+ You can also expand the name to fill up the space with the .is-fullwidth modifier. +

+
+
+ +
+ +
+ +
+
+
+ 
<div class="file has-name is-fullwidth">
+  <label class="file-label">
+    <input class="file-input" type="file" name="resume">
+    <span class="file-cta">
+      <span class="file-icon">
+        <i class="fa fa-upload"></i>
+      </span>
+      <span class="file-label">
+        Choose a file…
+      </span>
+    </span>
+    <span class="file-name">
+      Screen Shot 2017-07-29 at 15.54.25.png
+    </span>
+  </label>
+</div>
+
+
+ +
+
+
+

+ You can have a boxed block with the .is-boxed modifier. +

+
+
+ +
+ +
+ +
+
+
+ 
<div class="file is-boxed">
+  <label class="file-label">
+    <input class="file-input" type="file" name="resume">
+    <span class="file-cta">
+      <span class="file-icon">
+        <i class="fa fa-upload"></i>
+      </span>
+      <span class="file-label">
+        Choose a file…
+      </span>
+    </span>
+  </label>
+</div>
+
+
+ +
+
+
+

+ You can combine .has-name and .is-boxed. +

+
+
+ +
+ +
+ +
+
+
+ 
<div class="file has-name is-boxed">
+  <label class="file-label">
+    <input class="file-input" type="file" name="resume">
+    <span class="file-cta">
+      <span class="file-icon">
+        <i class="fa fa-upload"></i>
+      </span>
+      <span class="file-label">
+        Choose a file…
+      </span>
+    </span>
+    <span class="file-name">
+      Screen Shot 2017-07-29 at 15.54.25.png
+    </span>
+  </label>
+</div>
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+
+

+ You can style the file element by appending one of the 9 color modifiers: +

+
    + +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ 
<div class="field">
+  <div class="file is-primary">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Primary file…
+        </span>
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-info has-name">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Info file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-warning is-boxed">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-cloud-upload"></i>
+        </span>
+        <span class="file-label">
+          Warning file…
+        </span>
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-danger has-name is-boxed">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-cloud-upload"></i>
+        </span>
+        <span class="file-label">
+          Danger file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+

+ You can append one of 3 additional sizes: +

+
    +
  • + .is-small +
    • +
  • + .is-medium +
    • +
  • + .is-large +
    • +
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ 
<div class="field">
+  <div class="file is-small">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Small file…
+        </span>
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Normal file…
+        </span>
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-medium">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Medium file…
+        </span>
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-large">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Large file…
+        </span>
+      </span>
+    </label>
+  </div>
+</div>
+
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ 
<div class="field">
+  <div class="file is-small has-name">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Small file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file has-name">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Normal file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-medium has-name">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Medium file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-large has-name">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Large file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ 
<div class="field">
+  <div class="file is-small is-boxed">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Small file…
+        </span>
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-boxed">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Normal file…
+        </span>
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-medium is-boxed">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Medium file…
+        </span>
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-large is-boxed">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Large file…
+        </span>
+      </span>
+    </label>
+  </div>
+</div>
+
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ 
<div class="field">
+  <div class="file is-small is-boxed has-name">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Small file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-boxed has-name">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Normal file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-medium is-boxed has-name">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Medium file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="file is-large is-boxed has-name">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Large file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+
+ +
+ +

+ Alignment + + # + +

+ + +
+

+ You can align the file input: +

+
    +
  • + to the center with the is-centered modifier +
    • +
  • + to the right with the is-right modifier +
    • +
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+
+ 
<div class="field">
+  <div class="file is-centered is-boxed is-success has-name">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Centered file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+
+ 
<div class="field">
+  <div class="file is-right is-info">
+    <label class="file-label">
+      <input class="file-input" type="file" name="resume">
+      <span class="file-cta">
+        <span class="file-icon">
+          <i class="fa fa-upload"></i>
+        </span>
+        <span class="file-label">
+          Right file…
+        </span>
+      </span>
+      <span class="file-name">
+        Screen Shot 2017-07-29 at 15.54.25.png
+      </span>
+    </label>
+  </div>
+</div>
+
+
+ +
+ +

+ JavaScript + + # + +

+ + +
+

+ A file upload input requires JavaScript to retrieve the selected file name. +
+ User @chintanbanugaria on GitHub has provided a simple solution on JSFiddle. +

+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $file-border-color + + transparent +
+ $file-radius + + $radius +
+ $file-cta-background-color + + $white-ter +
+ $file-cta-color + + $grey-dark +
+ $file-cta-hover-color + + $grey-darker +
+ $file-cta-active-color + + $grey-darker +
+ $file-name-border-color + + $file-cta-background-color +
+ $file-name-border-style + + solid +
+ $file-name-border-width + + 1px 1px 1px 0 +
+ $file-name-max-width + + 16em +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/form/general/index.html b/docs/versions/0.5.1/documentation/form/general/index.html new file mode 100644 index 000000000..6faa55366 --- /dev/null +++ b/docs/versions/0.5.1/documentation/form/general/index.html @@ -0,0 +1,2419 @@ + + + + + + + + + Form controls | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Form controls

+

+ All generic form controls, designed for consistency +

+ +
+ +
+

The following form controls classes are supported:

+
    +
  • .label
    • +
  • .input
    • +
  • .textarea
    • +
  • .select
    • +
  • .checkbox
    • +
  • .radio
    • +
  • .button
    • +
  • .help
    • +
+

Each of them should be wrapped in a .control container.
+ When combining several controls in a form, use the .field class as a container, to keep the spacing consistent.

+
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ + + + + + + +
+

This username is available

+
+ +
+ +
+ + + + + + + +
+

This email is invalid

+
+ +
+ +
+
+ +
+
+
+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Username</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small is-left">
+      <i class="fa fa-user"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+  <p class="help is-success">This username is available</p>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-danger" type="text" placeholder="Email input" value="hello@">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-warning"></i>
+    </span>
+  </div>
+  <p class="help is-danger">This email is invalid</p>
+</div>
+
+<div class="field">
+  <label class="label">Subject</label>
+  <div class="control">
+    <div class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Message</label>
+  <div class="control">
+    <textarea class="textarea" placeholder="Textarea"></textarea>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control">
+    <label class="checkbox">
+      <input type="checkbox">
+      I agree to the <a href="#">terms and conditions</a>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control">
+    <label class="radio">
+      <input type="radio" name="question">
+      Yes
+    </label>
+    <label class="radio">
+      <input type="radio" name="question">
+      No
+    </label>
+  </div>
+</div>
+
+<div class="field is-grouped">
+  <div class="control">
+    <button class="button is-primary">Submit</button>
+  </div>
+  <div class="control">
+    <button class="button is-link">Cancel</button>
+  </div>
+</div>
+
+
+ +
+ +

Form field

+ +
+

The field container is a simple container for:

+
    +
  • a text label
    • +
  • a form control
    • +
  • an optional helptext
    • +
+
+ +
+
+ +
+ +
+ +
+

This is a help text

+
+ +
+
+ 
<div class="field">
+  <label class="label">Label</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </div>
+  <p class="help">This is a help text</p>
+</div>
+
+
+ +
+

This container allows form fields to be spaced consistently.

+
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="e.g Alex Smith">
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <div class="control">
+    <input class="input" type="email" placeholder="e.g. alexsmith@gmail.com">
+  </div>
+</div>
+
+
+ +
+ +

Form control

+ +
+

The control is a versatile container meant to enhance single form controls. Because it has the same height as a control elements, it can only contain the following elements:

+
    +
  • input
    • +
  • select
    • +
  • button
    • +
  • icon
    • +
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Text input">
+</div>
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <button class="button is-primary">Submit</button>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + + + + +

+
+
+

+ + + + +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <button class="button is-success">
+      Login
+    </button>
+  </p>
+</div>
+
+
+ +
+
+
+

+ You can append icons to select dropdowns as well. +

+
+ +
+

+ + + + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <span class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+    <span class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-small">Small input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-small" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Normal input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-medium">Medium input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-large">Large input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-large is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-large is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+ +

Form addons

+
+

If you want to attach controls together, use the has-addons modifier on the field container:

+
+
+ +
+
+ +
+
+ + Search + +
+
+ +
+ 
<div class="field has-addons">
+  <div class="control">
+    <input class="input" type="text" placeholder="Find a repository">
+  </div>
+  <div class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </div>
+</div>
+
+

You can attach inputs, buttons, and dropdowns only.

+
+ +
+

+ New! + 0.4.2 +

+

It can be useful to append a static button.

+
+ +
+ +
+

+ +

+

+ + @gmail.com + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Your email">
+  </p>
+  <p class="control">
+    <a class="button is-static">
+      @gmail.com
+    </a>
+  </p>
+</div>
+ +
+

Use the is-expanded modifier on the element you want to fill up the remaining space (in this case, the input):

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+

If you want a full width select dropdown, pair control is-expanded with select is-fullwidth.

+
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+ 
<div class="field has-addons">
+  <div class="control is-expanded">
+    <div class="select is-fullwidth">
+      <select name="country">
+        <option value="Argentina">Argentina</option>
+        <option value="Bolivia">Bolivia</option>
+        <option value="Brazil">Brazil</option>
+        <option value="Chile">Chile</option>
+        <option value="Colombia">Colombia</option>
+        <option value="Ecuador">Ecuador</option>
+        <option value="Guyana">Guyana</option>
+        <option value="Paraguay">Paraguay</option>
+        <option value="Peru">Peru</option>
+        <option value="Suriname">Suriname</option>
+        <option value="Uruguay">Uruguay</option>
+        <option value="Venezuela">Venezuela</option>
+      </select>
+    </div>
+  </div>
+  <div class="control">
+    <button type="submit" class="button is-primary">Choose</button>
+  </div>
+</div>
+ +
+

Use the has-addons-centered or the has-addons-right modifers to alter the alignment.

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-centered">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-right">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+ +

Form group

+
+

+ If you want to group controls together, use the is-grouped modifier on the field container. +

+
+ +
+ +
+

+ + Submit + +

+

+ + Cancel + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control">
+    <a class="button is-primary">
+      Submit
+    </a>
+  </p>
+  <p class="control">
+    <a class="button is-light">
+      Cancel
+    </a>
+  </p>
+</div>
+ +
+ Use the is-grouped-centered or the is-grouped-right modifers to alter the alignment. +

+
+ +
+ +
+

+ + Submit + +

+

+ + Cancel + +

+
+ +
+ 
<div class="field is-grouped is-grouped-centered">
+  <p class="control">
+    <a class="button is-primary">
+      Submit
+    </a>
+  </p>
+  <p class="control">
+    <a class="button is-light">
+      Cancel
+    </a>
+  </p>
+</div>
+ +
+ +
+

+ + Submit + +

+

+ + Cancel + +

+
+ +
+ 
<div class="field is-grouped is-grouped-right">
+  <p class="control">
+    <a class="button is-primary">
+      Submit
+    </a>
+  </p>
+  <p class="control">
+    <a class="button is-light">
+      Cancel
+    </a>
+  </p>
+</div>
+ +
+

+ Add the is-expanded modifier on the control element you want to fill up the remaining space with. +

+
+ +
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+ +
+

+ New! + 0.4.4 +

+

+ Add the is-grouped-multiline modifier to allow controls to fill up multiple lines. This is ideal for a long list of controls. +

+
+ +
+
+
+ +
+

+ + One + +

+

+ + Two + +

+

+ + Three + +

+

+ + Four + +

+

+ + Five + +

+

+ + Size + +

+

+ + Seven + +

+

+ + Eight + +

+

+ + Nine + +

+

+ + Ten + +

+

+ + Eleven + +

+

+ + Twelve + +

+

+ + Thirteen + +

+
+ +
+
+
+ 
<div class="field is-grouped is-grouped-multiline">
+  <p class="control">
+    <a class="button">
+      One
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Two
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Three
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Four
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Five
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Size
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Seven
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Eight
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Nine
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Ten
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Eleven
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Twelve
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Thirteen
+    </a>
+  </p>
+</div>
+
+
+ +
+ +

Horizontal form

+
+

If you want a horizontal form control, use the is-horizontal modifier on the field container, in which you include:

+
    +
  • + field-label for the side label +
    • +
  • + field-body for the input/select/textarea container +
    • +
+

You can use is-grouped or has-addons for the child elements.

+
+
+ +
+
+ +
+
+
+

+ + + + +

+
+
+

+ + + + + + + +

+
+
+
+ +
+
+
+
+
+

+ + +44 + +

+

+ +

+
+

Do not enter the first zero

+
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+ +
+

+ This field is required +

+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">From</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <p class="control is-expanded has-icons-left">
+        <input class="input" type="text" placeholder="Name">
+        <span class="icon is-small is-left">
+          <i class="fa fa-user"></i>
+        </span>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control is-expanded has-icons-left has-icons-right">
+        <input class="input is-success" type="email" placeholder="Email" value="alex@smith.com">
+        <span class="icon is-small is-left">
+          <i class="fa fa-envelope"></i>
+        </span>
+        <span class="icon is-small is-right">
+          <i class="fa fa-check"></i>
+        </span>
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label"></div>
+  <div class="field-body">
+    <div class="field is-expanded">
+      <div class="field has-addons">
+        <p class="control">
+          <a class="button is-static">
+            +44
+          </a>
+        </p>
+        <p class="control is-expanded">
+          <input class="input" type="tel" placeholder="Your phone number">
+        </p>
+      </div>
+      <p class="help">Do not enter the first zero</p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Department</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <div class="select is-fullwidth">
+          <select>
+            <option>Business development</option>
+            <option>Marketing</option>
+            <option>Sales</option>
+          </select>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">Already a member?</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <label class="radio">
+          <input type="radio" name="member">
+          Yes
+        </label>
+        <label class="radio">
+          <input type="radio" name="member">
+          No
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Subject</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-danger" type="text" placeholder="e.g. Partnership opportunity">
+      </div>
+      <p class="help is-danger">
+        This field is required
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Question</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <textarea class="textarea" placeholder="Explain how we can help you"></textarea>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <!-- Left empty for spacing -->
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <button class="button is-primary">
+          Send message
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+ +
+

+ To preserve the vertical alignment of labels with each type and size of control, the .field-label comes with 4 size modifiers: +

+
    +
  • + .is-small +
    • +
  • + .is-normal for any .input or .button +
    • +
  • + .is-medium +
    • +
  • + .is-large +
    • +
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">No padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input type="checkbox">
+          Checkbox
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-small">
+    <label class="label">Small padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-small" type="text" placeholder="Small sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Normal label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input" type="text" placeholder="Normal sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-medium">
+    <label class="label">Medium label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-medium" type="text" placeholder="Medium sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-large">
+    <label class="label">Large label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-large" type="text" placeholder="Large sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/form/input/index.html b/docs/versions/0.5.1/documentation/form/input/index.html new file mode 100644 index 000000000..69a3ad6b1 --- /dev/null +++ b/docs/versions/0.5.1/documentation/form/input/index.html @@ -0,0 +1,1325 @@ + + + + + + + + + Input | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Input

+

+ The text input and its variations +

+
+ + + + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

The following modifiers are supported:

+ +

The following type attributes are supported:

+
    +
  • type="text"
    • +
  • type="password"
    • +
  • type="email"
    • +
  • type="tel"
    • +
+
+ +
+
+ + + +
+
+ 
<input class="input" type="text" placeholder="Text input">
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <input class="input is-primary" type="text" placeholder="Primary input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-info" type="text" placeholder="Info input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-success" type="text" placeholder="Success input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-warning" type="text" placeholder="Warning input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-danger" type="text" placeholder="Danger input">
+  </div>
+</div>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <input class="input is-small" type="text" placeholder="Small input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-medium" type="text" placeholder="Medium input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-large" type="text" placeholder="Large input">
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Normal input">
+</div>
+
+
+ +

Hover

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input is-hovered" type="text" placeholder="Hovered input">
+</div>
+
+
+ +

Focus

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input is-focused" type="text" placeholder="Focused input">
+</div>
+
+
+ +

Loading

+
+
+ +
+ +
+ +
+
+ 
<div class="control is-loading">
+  <input class="input" type="text" placeholder="Loading input">
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control is-small is-loading">
+    <input class="input is-small" type="text" placeholder="Small loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-loading">
+    <input class="input" type="text" placeholder="Normal loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-medium is-loading">
+    <input class="input is-medium" type="text" placeholder="Medium loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-large is-loading">
+    <input class="input is-large" type="text" placeholder="Large loading input">
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Disabled input" disabled>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + + + + +

+
+
+

+ + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-small" type="email" placeholder="Email">
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-small is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input" type="email" placeholder="Email">
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-small is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-medium" type="email" placeholder="Email">
+  <span class="icon is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-large" type="email" placeholder="Email">
+  <span class="icon is-medium is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-medium is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $input-color + + $grey-darker +
+ $input-background-color + + $white +
+ $input-border-color + + $grey-lighter +
+ $input-shadow + + inset 0 1px 2px rgba($black, 0.1) +
+ $input-hover-color + + $grey-darker +
+ $input-hover-border-color + + $grey-light +
+ $input-focus-color + + $grey-darker +
+ $input-focus-border-color + + $link +
+ $input-disabled-color + + $text-light +
+ $input-disabled-background-color + + $background +
+ $input-disabled-border-color + + $background +
+ $input-arrow + + $link +
+ $input-icon-color + + $grey-lighter +
+ $input-icon-active-color + + $grey +
+ $input-radius + + $radius +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/form/radio/index.html b/docs/versions/0.5.1/documentation/form/radio/index.html new file mode 100644 index 000000000..499928fa7 --- /dev/null +++ b/docs/versions/0.5.1/documentation/form/radio/index.html @@ -0,0 +1,765 @@ + + + + + + + + + Radio button | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Radio

+

+ The mutually exclusive radio buttons in their native format +

+
+ + + + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

+ The radio class is a simple wrapper around the <input type="radio"> HTML elements. It is intentionally not styled, to preserve cross-browser compatibility and the user experience. +

+

+ Make sure the linked radio buttons have the same value for their name HTML attribute. +

+
+ +
+
+ +
+ + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="answer">
+    Yes
+  </label>
+  <label class="radio">
+    <input type="radio" name="answer">
+    No
+  </label>
+</div>
+
+
+ +
+

+ You can check a radio button by default by adding the checked HTML attribute to the <input> element. +

+
+ +
+
+ +
+ + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="foobar">
+    Foo
+  </label>
+  <label class="radio">
+    <input type="radio" name="foobar" checked>
+    Bar
+  </label>
+</div>
+
+
+ +
+

+ You can add disable a radio button by adding the disabled HTML attribute to both the <label> and the <input>. +

+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="rsvp">
+    Going
+  </label>
+  <label class="radio">
+    <input type="radio" name="rsvp">
+    Not going
+  </label>
+  <label class="radio" disabled>
+    <input type="radio" name="rsvp" disabled>
+    Maybe
+  </label>
+</div>
+
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/form/select/index.html b/docs/versions/0.5.1/documentation/form/select/index.html new file mode 100644 index 000000000..80ebfe9b4 --- /dev/null +++ b/docs/versions/0.5.1/documentation/form/select/index.html @@ -0,0 +1,1276 @@ + + + + + + + + + Select | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Select

+

+ The browser built-in select dropdown, styled accordingly +

+
+ + + + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

The following modifiers are supported:

+ +
+ +
+
+ +
+ +
+ +
+
+ 
<div class="select">
+  <select>
+    <option>Select dropdown</option>
+    <option>With options</option>
+  </select>
+</div>
+
+
+ + +
+ +

Multiple select

+ +
+
+
+

+ New! + 0.4.4 +

+

+ You can style a multiple select dropdown, by using the is-multiple modifier, and by using the multiple HTML attribute. +

+
+ +
+ +
+ +
+
+ 
<div class="select is-multiple">
+  <select multiple size="8">
+    <option value="Argentina">Argentina</option>
+    <option value="Bolivia">Bolivia</option>
+    <option value="Brazil">Brazil</option>
+    <option value="Chile">Chile</option>
+    <option value="Colombia">Colombia</option>
+    <option value="Ecuador">Ecuador</option>
+    <option value="Guyana">Guyana</option>
+    <option value="Paraguay">Paraguay</option>
+    <option value="Peru">Peru</option>
+    <option value="Suriname">Suriname</option>
+    <option value="Uruguay">Uruguay</option>
+    <option value="Venezuela">Venezuela</option>
+  </select>
+</div>
+
+
+ + +
+ +

+ Colors + + # + +

+ + +
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <div class="select is-primary">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-info">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-success">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-warning">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-danger">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <div class="select is-small">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-medium">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-large">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Hover

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select class="is-hovered">
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Focus

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select class="is-focused">
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Loading

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select is-loading">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append the modifier on a control:

+
    +
  • + has-icons-left +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left since has-icons-left is used +
    • +
+

The size of the select will define the size of the icon container.

+
+
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control has-icons-left">
+    <div class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+    <div class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-small">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-medium">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-medium is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-large">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-large is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/form/textarea/index.html b/docs/versions/0.5.1/documentation/form/textarea/index.html new file mode 100644 index 000000000..4c82cdb0d --- /dev/null +++ b/docs/versions/0.5.1/documentation/form/textarea/index.html @@ -0,0 +1,976 @@ + + + + + + + + + Textarea | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Textarea

+

+ The multiline textarea and its variations +

+
+ + + + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

The following modifiers are supported:

+ +
+ +
+
+ + + +
+
+ 
<textarea class="textarea" placeholder="e.g. Hello world"></textarea>
+
+
+ +
+

+ New! + 0.4.4 +

+

+ You can set the height of the textarea using the `rows` HTML attribute. +

+
+ +
+
+ + + +
+
+ 
<textarea class="textarea" placeholder="10 lines of textarea" rows="10"></textarea>
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <textarea class="textarea is-primary" type="text" placeholder="Primary textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-info" type="text" placeholder="Info textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-success" type="text" placeholder="Success textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-warning" type="text" placeholder="Warning textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-danger" type="text" placeholder="Danger textarea"></textarea>
+  </div>
+</div>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <textarea class="textarea is-small" type="text" placeholder="Small textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea" type="text" placeholder="Normal textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-medium" type="text" placeholder="Medium textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-large" type="text" placeholder="Large textarea"></textarea>
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea" type="text" placeholder="Normal textarea"></textarea>
+</div>
+
+
+ +

Hover

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea is-hovered" type="text" placeholder="Hovered textarea"></textarea>
+</div>
+
+
+ +

Focus

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea is-focused" type="text" placeholder="Focused textarea"></textarea>
+</div>
+
+
+ +

Loading

+
+
+ +
+ +
+ +
+
+ 
<div class="control is-loading">
+  <textarea class="textarea" type="text" placeholder="Loading textarea"></textarea>
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control is-small is-loading">
+    <textarea class="textarea is-small" type="text" placeholder="Small loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-loading">
+    <textarea class="textarea" type="text" placeholder="Normal loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-medium is-loading">
+    <textarea class="textarea is-medium" type="text" placeholder="Medium loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-large is-loading">
+    <textarea class="textarea is-large" type="text" placeholder="Large loading textarea"></textarea>
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea" type="text" placeholder="Disabled textarea" disabled></textarea>
+</div>
+
+
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/grid/columns/index.html b/docs/versions/0.5.1/documentation/grid/columns/index.html new file mode 100644 index 000000000..f40874418 --- /dev/null +++ b/docs/versions/0.5.1/documentation/grid/columns/index.html @@ -0,0 +1,1533 @@ + + + + + + + + + Columns powered by Flexbox | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Columns

+

A simple way to build responsive columns

+
+
+

To build a grid, just:

+
    +
  1. Add a columns container
    2. +
  2. Add as many column elements as you want
    3. +
+

Each column will have an equal width, no matter the number of columns.

+
+ +
+
+

First column

+
+
+

Second column

+
+
+

Third column

+
+
+

Fourth column

+
+
+ +
<div class="columns">
+  <div class="column">
+    First column
+  </div>
+  <div class="column">
+    Second column
+  </div>
+  <div class="column">
+    Third column
+  </div>
+  <div class="column">
+    Fourth column
+  </div>
+</div>
+ +
+ +

Sizes

+
+

If you want to change the size of a single column, you can use one the following classes:

+
    +
  • + is-three-quarters +
    • +
  • + is-two-thirds +
    • +
  • + is-half +
    • +
  • + is-one-third +
    • +
  • + is-one-quarter +
    • +
+

The other columns will fill up the remaining space automatically.

+
+
+
+

+ is-three-quarters +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-two-thirds +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-half +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-one-third +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-one-quarter +

+
+
+

Auto

+
+
+ +
<div class="columns">
+  <div class="column is-three-quarters">
+    <p class="notification is-info">
+      <code class="html">is-three-quarters</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-two-thirds">
+    <p class="notification is-info">
+      <code class="html">is-two-thirds</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-half">
+    <p class="notification is-info">
+      <code class="html">is-half</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-one-third">
+    <p class="notification is-info">
+      <code class="html">is-one-third</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-success">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-one-quarter">
+    <p class="notification is-info">
+      <code class="html">is-one-quarter</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-success">Auto</p>
+  </div>
+</div>
+ +

12 columns

+
+

As the grid can be divided into 12 columns, there are size classes for each division:

+
    +
  • is-2
    • +
  • is-3
    • +
  • is-4
    • +
  • is-5
    • +
  • is-6
    • +
  • is-7
    • +
  • is-8
    • +
  • is-9
    • +
  • is-10
    • +
  • is-11
    • +
+
+
+

Naming

+

Each modifier class is named after how many columns you want out of 12. So if you want 7 columns out of 12, use is-7.

+
+ +
+
+

is-2

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-3

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-4

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-5

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-6

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-7

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-8

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-9

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-10

+
+
+

1

+
+
+

1

+
+
+
+
+

is-11

+
+
+

1

+
+
+ +
+ +

Offset

+
+

While you can use empty columns (like <div class="column"></div>) to create horizontal space around .column elements, you can also use offset modifiers like .is-offset-x: +

+ +
+
+

+ is-half
+ is-offset-one-quarter +

+
+
+ +
+
+

+ is-4
+ is-offset-8 +

+
+
+ +
+
+

+ is-11
+ is-offset-1 +

+
+
+ +
<div class="columns is-mobile">
+  <div class="column is-half is-offset-one-quarter"></div>
+</div>
+
+<div class="columns is-mobile">
+  <div class="column is-4 is-offset-8"></div>
+</div>
+
+<div class="columns is-mobile">
+  <div class="column is-11 is-offset-1"></div>
+</div>
+ +

Centering columns

+
+

While you can use empty columns (like <div class="column"></div>) to create horizontal space around .column elements, you can also use .is-centered on the parent .columns element: +

+ +
+
+

+ is-half
+ is-narrow +

+
+
+ +
    <div class="columns is-mobile is-centered">
+      <div class="column is-half is-narrow">
+        <p class="notification is-info">
+          <code class="html">is-half</code><br>
+          <code class="html">is-narrow</code>
+        </p>
+      </div>
+    </div>
+ +
+

Use with .is-multiline to create a flexible, centered list (try resizing to see centering in different viewport sizes): +

+ +
+
+

+ is-narrow
+ First Column +

+
+
+

+ is-narrow
+ Our Second Column +

+
+
+

+ is-narrow
+ Third Column +

+
+
+

+ is-narrow
+ The Fourth Column +

+
+
+

+ is-narrow
+ Fifth Column +

+
+
+ + +
    <div class="columns is-mobile is-multiline is-centered">
+      <div class="column is-narrow">
+        <p class="notification is-info">
+          <code class="html">is-narrow</code><br>
+          First Column
+        </p>
+      </div>
+      <div class="column is-narrow">
+        <p class="notification is-success">
+          <code class="html">is-narrow</code><br>
+          Our Second Column
+        </p>
+      </div>
+      <div class="column is-narrow">
+        <p class="notification is-danger">
+          <code class="html">is-narrow</code><br>
+          Third Column
+        </p>
+      </div>
+      <div class="column is-narrow">
+        <p class="notification is-info">
+          <code class="html">is-narrow</code><br>
+          The Fourth Column
+        </p>
+      </div>
+      <div class="column is-narrow">
+        <p class="notification is-success">
+          <code class="html">is-narrow</code><br>
+          Fifth Column
+        </p>
+      </div>
+    </div>
+
+ +

Responsiveness

+
+

By default, columns are only activated from tablet onwards. This means columns are stacked on top of each other on mobile.

+

If you want columns to work on mobile too, just add the is-mobile modifier on the columns container:

+
+
+
+

1

+
+
+

2

+
+
+

3

+
+
+

4

+
+
+
<div class="columns is-mobile">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+</div>
+
+

Resize

+

If you want to see the difference, resize your browser and see when the columns are stacked and when they are horizontally distributed.

+
+
+

If you only want columns on desktop, just use the is-desktop modifier on the columns container:

+
+
+
+

1

+
+
+

2

+
+
+

3

+
+
+

4

+
+
+
<div class="columns is-desktop">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+</div>
+ +

Different sizes per breakpoint

+
+

You can define a column size for each viewport size: mobile, tablet, and desktop.

+
+
+
+

+ is-half-mobile
+ is-one-third-tablet
+ is-one-quarter-desktop +

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+

Resize

+

If you want to see these classes in action, resize your browser window and see how the same column varies in width at each breakpoint.

+
+
<div class="columns is-mobile">
+  <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop">
+    <code>is-half-mobile</code><br>
+    <code>is-one-third-tablet</code><br>
+    <code>is-one-quarter-desktop</code>
+  </div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+</div>
+ +
+ +

Nesting

+
+

+ You can nest columns to have more flexibility in your design. You only need to follow this structure: +

+
    +
  • + columns: top-level columns container +
      +
    • + column +
        +
      • + columns: nested columns +
          +
        • + column and so on… +
          • +
        +
        • +
      +
      • +
    +
    • +
+

+ The difference with multiline columns is the order in the HTML code: all the blue columns appear before the red ones. Resize to a narrower viewport to see the result. +

+
+ +
+
+

First column

+
+
+

First nested column

+
+
+

Second nested column

+
+
+
+
+

Second column

+
+
+

50%

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+ +
<div class="columns">
+  <div class="column">
+    First column
+    <div class="columns is-mobile">
+      <div class="column">
+        First nested column
+      </div>
+      <div class="column">
+        Second nested column
+      </div>
+    </div>
+  </div>
+  <div class="column">
+    Second column
+    <div class="columns is-mobile">
+      <div class="column is-half">
+        50%
+      </div>
+      <div class="column">
+        Auto
+      </div>
+      <div class="column">
+        Auto
+      </div>
+    </div>
+  </div>
+</div>
+ +
+ +

Multiline

+
+

Whenever you want to start a new line, you can close a columns container and start a new one. But you can also add the is-multiline modifier and add more column elements that would fit in a single row.

+
+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+ +
<div class="columns is-multiline is-mobile">
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-half">
+    <code>is-half</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column">
+    Auto
+  </div>
+</div>
+
+ +

Gapless

+
+

If you want to remove the space between the columns, add the is-gapless modifier on the columns container:

+
+
+
+

First column

+
+
+

Second column

+
+
+

Third column

+
+
+

Fourth column

+
+
+
<div class="columns is-gapless">
+  <div class="column">First column</div>
+  <div class="column">Second column</div>
+  <div class="column">Third column</div>
+  <div class="column">Fourth column</div>
+</div>
+
+

You can combine it with the is-multiline modifier:

+
+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+
<div class="columns is-gapless is-multiline is-mobile">
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-half">
+    <code>is-half</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column">
+    Auto
+  </div>
+</div>
+ +
+ +

Narrow column

+
+

If you want a column to only take the space it needs, use the is-narrow modifier. The other column(s) will fill up the remaining space.

+
+
+
+
+

Narrow column

+

This column is only 200px wide.

+
+
+
+
+

Flexible column

+

This column will take up the remaining space available.

+
+
+
+
<div class="columns">
+  <div class="column is-narrow">
+    <div class="box" style="width: 200px;">
+      <p class="title is-5">Narrow column</p>
+      <p class="subtitle">This column is only 200px wide.</p>
+    </div>
+  </div>
+  <div class="column">
+    <div class="box">
+      <p class="title is-5">Flexible column</p>
+      <p class="subtitle">This column will take up the remaining space available.</p>
+    </div>
+  </div>
+</div>
+
+

As for the size modifiers, you can have narrow columns for different breakpoints:

+
    +
  • + is-narrow-mobile +
    • +
  • + is-narrow-tablet +
    • +
  • + is-narrow-desktop +
    • +
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/grid/tiles/index.html b/docs/versions/0.5.1/documentation/grid/tiles/index.html new file mode 100644 index 000000000..a35982aa8 --- /dev/null +++ b/docs/versions/0.5.1/documentation/grid/tiles/index.html @@ -0,0 +1,1440 @@ + + + + + + + + + Tiles powered by Flexbox | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Tiles

+

A single tile element to build 2-dimensional Metro-like, Pinterest-like, or whatever-you-like grids

+ +
+ +
+

To build intricate 2-dimensional, you only need a single element: the tile:

+
+ +
<div class="tile">
+  <!-- The magical tile element! -->
+</div>
+ +
+ +

Example

+
+
+
+
+
+

Vertical...

+

Top tile

+
+
+

...tiles

+

Bottom tile

+
+
+
+
+

Middle tile

+

With an image

+
+ +
+
+
+
+
+
+

Wide tile

+

Aligned with the right tile

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall tile

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child notification is-primary">
+          <p class="title">Vertical...</p>
+          <p class="subtitle">Top tile</p>
+        </article>
+        <article class="tile is-child notification is-warning">
+          <p class="title">...tiles</p>
+          <p class="subtitle">Bottom tile</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child notification is-info">
+          <p class="title">Middle tile</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.5.1/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child notification is-danger">
+        <p class="title">Wide tile</p>
+        <p class="subtitle">Aligned with the right tile</p>
+        <div class="content">
+          <!-- Content -->
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child notification is-success">
+      <div class="content">
+        <p class="title">Tall tile</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <!-- Content -->
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

Modifiers

+ +
+

The tile element has 16 modifiers:

+
    +
  • + 3 contextual modifiers +
      +
    • is-ancestor
      • +
    • is-parent
      • +
    • is-child
      • +
    +
    • +
  • + 1 directional modifier +
      +
    • is-vertical
      • +
    +
    • +
  • + 12 horizontal size modifiers +
      +
    • from is-1
      • +
    • to is-12
      • +
    +
    • +
+
+ +
+ +

How it works: Nesting

+
+

Everything is a tile! To create a grid of tiles, you only need to nest tile elements.

+
+ +
+
+

Start with an ancestor tile that will wrap all other tiles:

+
+
+
<div class="tile is-ancestor">
+  <!-- All other tile elemnts -->
+</div>
+
+
+ +
+
+

Add tile elements that will distribute themselves horizontally:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+</div>
+
+
+ +
+
+

+ You can resize any tile according to a 12 column grid. +
+ For example, is-4 will take up 1/3 of the horizontal space: +

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4">
+    <!-- 1/3 -->
+  </div>
+  <div class="tile">
+    <!-- This tile will take the rest: 2/3 -->
+  </div>
+</div>
+
+
+ +
+
+

If you want to stack tiles vertically, add is-vertical on the parent tile:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical">
+    <div class="tile">
+      <!-- Top tile -->
+    </div>
+    <div class="tile">
+      <!-- Bottom tile -->
+    </div>
+  </div>
+  <div class="tile">
+    <!-- This tile will take up the whole vertical space -->
+  </div>
+</div>
+
+
+ +
+
+
+

As soon as you want to add content to a tile, just:

+
    +
  • add any class you want, like box
    • +
  • add the is-child modifier on the tile
    • +
  • add the is-parent modifier on the parent tile
    • +
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

One

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+

Two

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+

Three

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+      <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+      <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+    </div>
+  </div>
+</div>
+ +
+ +

Nesting requirements

+ +
+
+ 3 levels deep at least... +
+
+
+

You need at least 3 levels of hierarchy:

+
tile is-ancestor
+|
+└───tile is-parent
+    |
+    └───tile is-child
+
+
+
+ +
+
+ ...but more levels if you want! +
+
+
+

You can however nest tiles more deeply than that, and mix it up!

+
tile is-ancestor
+|
+├───tile is-vertical is-8
+|   |
+|   ├───tile
+|   |   |
+|   |   ├───tile is-parent is-vertical
+|   |   |   ├───tile is-child
+|   |   |   └───tile is-child
+|   |   |
+|   |   └───tile is-parent
+|   |       └───tile is-child
+|   |
+|   └───tile is-parent
+|       └───tile is-child
+|
+└───tile is-parent
+    └───tile is-child
+
+
+
+ +
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <!-- Put any content you want -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <!-- Put any content you want -->
+    </article>
+  </div>
+</div>
+ +
+ +

3 columns

+ +
+
+
+

Hello World

+

What is up?

+
+
+
+
+

Foo

+

Bar

+
+
+
+
+

Third column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Side column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Main column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Hello World</p>
+      <p class="subtitle">What is up?</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Foo</p>
+      <p class="subtitle">Bar</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Third column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Top box</p>
+        </article>
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Bottom box</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Middle box</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.5.1/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <p class="title">Wide column</p>
+        <p class="subtitle">Aligned with the right column</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Tall column</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Side column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-8">
+    <article class="tile is-child box">
+      <p class="title">Main column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

4 columns

+ +
+
+
+

One

+

Subtitle

+
+
+
+
+

Two

+

Subtitle

+
+
+
+
+

Three

+

Subtitle

+
+
+
+
+

Four

+

Subtitle

+
+
+
+
+
+
+
+
+

Five

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+
+
+
+
+
+
+
+

Six

+

Subtitle

+
+
+
+
+

Seven

+

Subtitle

+
+
+
+
+
+

Eight

+

Subtitle

+
+
+
+
+
+
+
+

Nine

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Ten

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+

Eleven

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Twelve

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+
+

Thirteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Fourteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">One</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Two</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Three</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Four</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-9">
+    <div class="tile">
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Five</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-8 is-vertical">
+        <div class="tile">
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Six</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Seven</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+        </div>
+        <div class="tile is-parent">
+          <article class="tile is-child box">
+            <p class="title">Eight</p>
+            <p class="subtitle">Subtitle</p>
+          </article>
+        </div>
+      </div>
+    </div>
+    <div class="tile">
+      <div class="tile is-8 is-parent">
+        <article class="tile is-child box">
+          <p class="title">Nine</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Ten</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Eleven</p>
+        <p class="subtitle">Subtitle</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Twelve</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-6">
+    <article class="tile is-child box">
+      <p class="title">Thirteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Fourteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/layout/container/index.html b/docs/versions/0.5.1/documentation/layout/container/index.html new file mode 100644 index 000000000..74e7b1b10 --- /dev/null +++ b/docs/versions/0.5.1/documentation/layout/container/index.html @@ -0,0 +1,714 @@ + + + + + + + + + Container | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + +
+
+

Container

+

+ A simple container to center your content horizontally +

+ +
+ +
+

The .container class can be used in any context, but mostly as a direct child of either:

+
    +
  • .navbar
    • +
  • .hero
    • +
  • .section
    • +
  • .footer
    • +
+

+ The container breakpoints have an offset defined by the $container-offset variable. It has a default value of 60px. +

+

This is how the container will behave:

+
    +
  • on $desktop + $container-offset = >= 1068px it will have a maximum width of 960px and will be horizontally centered.
    • +
  • on $widescreen + $container-offset = >= 1260px it will have a maximum width of 1152px.
    • +
  • on $fullhd + $container-offset = >= 1452px it will have a maximum width of 1344px.
    • +
+

+ The $gap variable has a default value of 24px but can be modified. +

+

The values 960, 1152 and 1344 have been chosen because they are divisible by both 12 and 16.

+
+
+
+ +
+ +
+
+ This container is centered on desktop. +
+
+ +
+ +
<div class="container">
+  <div class="notification">
+    This container is <strong>centered</strong> on desktop.
+  </div>
+</div>
+ +
+
+

Fluid container

+
+

If you don't want to have a maximum width but want to keep the 24px margin on the left and right sides, add the is-fluid modifier:

+
+
+
+ +
+ +
+
+ This container is fluid: it will have a 24px gap on either side, on any viewport size. +
+
+ +
+ +
<div class="container is-fluid">
+  <div class="notification">
+    This container is <strong>fluid</strong>: it will have a 24px gap on either side, on any viewport size.
+  </div>
+</div>
+ +
+
+

Breakpoint containers

+
+

+ New! + 0.4.4 +

+

+ With the two modifiers .is-widescreen and .is-fullhd, you can have a fullwidth container until those specific breakpoints. +

+
+
+
+ +
+ +
+
+ This container is fullwidth until the $widescreen breakpoint. +
+
+ +
+ +
<div class="container is-widescreen">
+  <div class="notification">
+    This container is <strong>fullwidth</strong> <em>until</em> the <code>$widescreen</code> breakpoint.
+  </div>
+</div>
+ +
+ +
+
+ This container is fullwidth until the $fullhd breakpoint. +
+
+ +
+ +
<div class="container is-fullhd">
+  <div class="notification">
+    This container is <strong>fullwidth</strong> <em>until</em> the <code>$fullhd</code> breakpoint.
+  </div>
+</div>
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/layout/footer/index.html b/docs/versions/0.5.1/documentation/layout/footer/index.html new file mode 100644 index 000000000..892deaed5 --- /dev/null +++ b/docs/versions/0.5.1/documentation/layout/footer/index.html @@ -0,0 +1,629 @@ + + + + + + + + + Footer | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Footer

+

+ A simple responsive footer which can include anything: lists, headings, columns, icons, buttons... +

+ +
+ +
+ +
<footer class="footer">
+  <div class="container">
+    <div class="content has-text-centered">
+      <p>
+        <strong>Bulma</strong> by <a href="http://jgthms.com">Jeremy Thomas</a>. The source code is licensed
+        <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
+        is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC ANS 4.0</a>.
+      </p>
+      <p>
+        <a class="icon" href="https://github.com/jgthms/bulma">
+          <i class="fa fa-github"></i>
+        </a>
+      </p>
+    </div>
+  </div>
+</footer>
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/layout/hero/index.html b/docs/versions/0.5.1/documentation/layout/hero/index.html new file mode 100644 index 000000000..7dc08b065 --- /dev/null +++ b/docs/versions/0.5.1/documentation/layout/hero/index.html @@ -0,0 +1,1429 @@ + + + + + + + + + Hero | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Hero

+

+ An imposing hero banner to showcase something +

+
+
+ +
+
+
+
+
+

+ Hero title +

+

+ Hero subtitle +

+
+
+
+
+ +
<section class="hero">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Hero title
+      </h1>
+      <h2 class="subtitle">
+        Hero subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+ +
+
+

Colors

+

+ As with buttons, you can choose one of the 7 different colors +

+
+
+ +
+
+
+
+
+

+ Primary title +

+

+ Primary subtitle +

+
+
+
+
+ +
<section class="hero is-primary">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Primary title
+      </h1>
+      <h2 class="subtitle">
+        Primary subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Info title +

+

+ Info subtitle +

+
+
+
+
+ +
+
+
+
+

+ Success title +

+

+ Success subtitle +

+
+
+
+
+ +
+
+
+
+

+ Warning title +

+

+ Warning subtitle +

+
+
+
+
+ +
+
+
+
+

+ Danger title +

+

+ Danger subtitle +

+
+
+
+
+ +
+
+
+
+

+ Light title +

+

+ Light subtitle +

+
+
+
+
+ +
+
+
+
+

+ Dark title +

+

+ Dark subtitle +

+
+
+
+
+
+ +
+
+

+ Gradients + Experimental +

+

+ By adding the is-bold modifier, you can generate a subtle gradient +

+
+
+ +
+
+
+
+
+

+ Primary bold title +

+

+ Primary bold subtitle +

+
+
+
+
+
<section class="hero is-medium is-primary is-bold">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Primary bold title
+      </h1>
+      <h2 class="subtitle">
+        Primary bold subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+
+
+
+

+ Info bold title +

+

+ Info bold subtitle +

+
+
+
+
+
+
+
+
+

+ Success bold title +

+

+ Success bold subtitle +

+
+
+
+
+
+
+
+
+

+ Warning bold title +

+

+ Warning bold subtitle +

+
+
+
+
+
+
+
+
+

+ Danger bold title +

+

+ Danger bold subtitle +

+
+
+
+
+
+
+
+
+

+ Light bold title +

+

+ Light bold subtitle +

+
+
+
+
+
+
+
+
+

+ Dark bold title +

+

+ Dark bold subtitle +

+
+
+
+
+
+ +
+
+

Sizes

+

+ You can have even more imposing banners by using one of 3 different sizes +

+
+
+ +
+
+
+
+
+

+ Medium title +

+

+ Medium subtitle +

+
+
+
+
+ +
<section class="hero is-primary is-medium">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Medium title
+      </h1>
+      <h2 class="subtitle">
+        Medium subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Large title +

+

+ Large subtitle +

+
+
+
+
+ +
<section class="hero is-info is-large">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Large title
+      </h1>
+      <h2 class="subtitle">
+        Large subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Full Height title +

+

+ Full Height subtitle +

+
+
+
+
+ +
<section class="hero is-success is-fullheight">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Full Height title
+      </h1>
+      <h2 class="subtitle">
+        Full Height subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+ +
+
+

Full height hero

+

And vertically centered

+
+

You can split the hero in 3 vertical parts:

+
    +
  • + hero +
      +
    • hero-head (always at the top)
      • +
    • hero-body (always vertically centered)
      • +
    • hero-foot (always at the bottom)
      • +
    +
    • +
+
+
+
+ +
+
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-primary is-medium">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-primary is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+ +
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-info is-large">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-info is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs is-boxed is-fullwidth">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+ +
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-success is-fullheight">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-success is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs is-boxed is-fullwidth">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/layout/section/index.html b/docs/versions/0.5.1/documentation/layout/section/index.html new file mode 100644 index 000000000..7e3e25343 --- /dev/null +++ b/docs/versions/0.5.1/documentation/layout/section/index.html @@ -0,0 +1,615 @@ + + + + + + + + + Section | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Section

+

+ A simple container to divide your page into sections, like the one you're currently reading +

+ +
+ +
+

Use sections as direct children of body.

+
+ +
<body>
+  <section class="section">
+    <div class="container">
+      <h1 class="title">Section</h1>
+      <h2 class="subtitle">
+        A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading
+      </h2>
+    </div>
+  </section>
+</body>
+ +
+

You can use the modifiers is-medium and is-large to change the spacing.

+
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/modifiers/helpers/index.html b/docs/versions/0.5.1/documentation/modifiers/helpers/index.html new file mode 100644 index 000000000..99a17c428 --- /dev/null +++ b/docs/versions/0.5.1/documentation/modifiers/helpers/index.html @@ -0,0 +1,641 @@ + + + + + + + + + Helpers | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Helpers

+

You can apply responsive helper classes to almost any element, in order to alter its style based upon the browser's width.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Floatis-clearfixFixes an element's floating children
is-pulled-leftMoves an element to the left
is-pulled-rightMoves an element to the right
Spacingis-marginlessRemoves any margin
is-paddinglessRemoves any padding
Otheris-overlayCompletely covers the first positioned parent
is-clippedAdds overflow hidden
is-radiuslessRemoves any radius
is-shadowlessRemoves any shadow
is-unselectablePrevents the text from being selectable
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/modifiers/responsive-helpers/index.html b/docs/versions/0.5.1/documentation/modifiers/responsive-helpers/index.html new file mode 100644 index 000000000..f4340274c --- /dev/null +++ b/docs/versions/0.5.1/documentation/modifiers/responsive-helpers/index.html @@ -0,0 +1,1247 @@ + + + + + + + + + Responsive helpers | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + +
+
+

Responsive helpers

+

Show/hide content depending on the width of the viewport

+ +
+ +

Show

+ +
+

+ You can use one of the following display classes: +

+
    +
  • block
    • +
  • flex
    • +
  • inline
    • +
  • inline-block
    • +
  • inline-flex
    • +
+

For example, here's what the is-flex helper works:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 1007px + 		+ Desktop
+ Between 1008px and 1199px + 		+ Widescreen
+ Between 1200px and 1391px + 		+ FullHD
+ Above 1392px +
+ is-flex-mobile + +

flex

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
+ is-flex-tablet-only + +

unchanged

+		 +

flex

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
+ is-flex-desktop-only + +

unchanged

+		 +

unchanged

+		 +

flex

+		 +

unchanged

+		 +

unchanged

+
+ is-flex-widescreen-only + +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

flex

+		 +

unchanged

+
+

Classes to display up to or from a specific breakpoint

+
+ is-flex-touch + +

flex

+		 +

flex

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
+ is-flex-tablet + +

unchanged

+		 +

flex

+		 +

flex

+		 +

flex

+		 +

flex

+
+ is-flex-desktop + +

unchanged

+		 +

unchanged

+		 +

flex

+		 +

flex

+		 +

flex

+
+ is-flex-widescreen + +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

flex

+		 +

flex

+
+ is-flex-fullhd + +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

flex

+
+ +
+

For the other display options, just replace is-flex with is-block is-inline is-inline-block or is-inline-flex + +

+ +

Hide

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 1007px + 		+ Desktop
+ Between 1008px and 1199px + 		+ Widescreen
+ Between 1200px and 1391px + 		+ FullHD
+ Above 1392px +
+ is-hidden-mobile + +

hidden

+		 +

visible

+		 +

visible

+		 +

visible

+		 +

visible

+
+ is-hidden-tablet-only + +

visible

+		 +

hidden

+		 +

visible

+		 +

visible

+		 +

visible

+
+ is-hidden-desktop-only + +

visible

+		 +

visible

+		 +

hidden

+		 +

visible

+		 +

visible

+
+ is-hidden-widescreen-only + +

visible

+		 +

visible

+		 +

visible

+		 +

hidden

+		 +

visible

+
+

Classes to hide up to or from a specific breakpoint

+
+ is-hidden-touch + +

hidden

+		 +

hidden

+		 +

visible

+		 +

visible

+		 +

visible

+
+ is-hidden-tablet + +

visible

+		 +

hidden

+		 +

hidden

+		 +

hidden

+		 +

hidden

+
+ is-hidden-desktop + +

visible

+		 +

visible

+		 +

hidden

+		 +

hidden

+		 +

hidden

+
+ is-hidden-widescreen + +

visible

+		 +

visible

+		 +

visible

+		 +

hidden

+		 +

hidden

+
+ is-hidden-fullhd + +

visible

+		 +

visible

+		 +

visible

+		 +

visible

+		 +

hidden

+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/modifiers/syntax/index.html b/docs/versions/0.5.1/documentation/modifiers/syntax/index.html new file mode 100644 index 000000000..e745ee4e6 --- /dev/null +++ b/docs/versions/0.5.1/documentation/modifiers/syntax/index.html @@ -0,0 +1,759 @@ + + + + + + + + + Modifiers syntax | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Modifiers syntax

+

Most Bulma elements have alternative styles. To apply them, you only need to append one of the modifier classes. +
+ They all start with is- or has-.

+
+
+
+

Let's start with a simple button that uses the "button" CSS class:

+
+ +
+

+ + + Button + + +

+
+
+
<a class="button">
+  Button
+</a>
+
+
+
+
+

By adding the "is-primary" CSS class, you can modify the color:

+
+ +
+

+ + + Button + + +

+
+
+
<a class="button is-primary">
+  Button
+</a>
+
+
+
+
+
+

You can use one of the 5 main colors:

+
    +
  • is-primary
    • +
  • is-info
    • +
  • is-success
    • +
  • is-warning
    • +
  • is-danger
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-primary">
+  Button
+</a>
+<a class="button is-info">
+  Button
+</a>
+<a class="button is-success">
+  Button
+</a>
+<a class="button is-warning">
+  Button
+</a>
+<a class="button is-danger">
+  Button
+</a>
+
+
+
+
+
+

You can also alter the size:

+
    +
  • is-small
    • +
  • is-medium
    • +
  • is-large
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-small">
+  Button
+</a>
+<a class="button">
+  Button
+</a>
+<a class="button is-medium">
+  Button
+</a>
+<a class="button is-large">
+  Button
+</a>
+
+
+
+
+
+

Or the style or state:

+
    +
  • is-outlined
    • +
  • is-loading
    • +
  • [disabled]
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-primary is-outlined">
+  Button
+</a>
+<a class="button is-primary is-loading">
+  Button
+</a>
+<a class="button is-primary" disabled>
+  Button
+</a>
+
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/modifiers/typography-helpers/index.html b/docs/versions/0.5.1/documentation/modifiers/typography-helpers/index.html new file mode 100644 index 000000000..bf31b8380 --- /dev/null +++ b/docs/versions/0.5.1/documentation/modifiers/typography-helpers/index.html @@ -0,0 +1,1337 @@ + + + + + + + + + Typography helpers | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + +
+
+

Typography helpers

+

+ Change the size and color of the text for one or multiple viewport width +

+ +
+ +

Size

+ +
+

+ There are 7 sizes to choose from: +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Font-size +
is-size-13rem
is-size-22.5rem
is-size-32rem
is-size-41.5rem
is-size-51.25rem
is-size-61rem
is-size-70.75rem
+ +
+ +

+ Responsive size +

+ +
+

+ You can choose a specific size for each viewport width. You simply needed to append the viewport width to the size modifier. +

+

+ For example, here are the modifiers for $size-1: +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 1007px + 		+ Desktop
+ Between 1008px and 1199px + 		+ Widescreen
+ Between 1200px and 1391px + 		+ FullHD
+ Above 1392px +
is-size-1-mobile +

3rem

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
is-size-1-tablet +

unchanged

+		 +

3rem

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
is-size-1-touch +

3rem

+		 +

3rem

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
is-size-1-desktop +

unchanged

+		 +

unchanged

+		 +

3rem

+		 +

3rem

+		 +

3rem

+
is-size-1-widescreen +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

3rem

+		 +

3rem

+
is-size-1-fullhd +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

3rem

+
+ +
+

+ You can use the same logic for each of the 7 sizes. +

+
+ +
+ +

+ Colors +

+ +
+

+ You can set any element to one of the 9 colors or 9 shades of grey: +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Color +
.has-text-white +hsl(0, 0%, 100%) +
.has-text-black +hsl(0, 0%, 4%) +
.has-text-light +hsl(0, 0%, 96%) +
.has-text-dark +hsl(0, 0%, 21%) +
.has-text-primary +hsl(171, 100%, 41%) +
.has-text-info +hsl(217, 71%, 53%) +
.has-text-success +hsl(141, 71%, 48%) +
.has-text-warning +hsl(48, 100%, 67%) +
.has-text-danger +hsl(348, 100%, 61%) +
.has-text-black-bis +hsl(0, 0%, 7%) +
.has-text-black-ter +hsl(0, 0%, 14%) +
.has-text-grey-darker +hsl(0, 0%, 21%) +
.has-text-grey-dark +hsl(0, 0%, 29%) +
.has-text-grey +hsl(0, 0%, 48%) +
.has-text-grey-light +hsl(0, 0%, 71%) +
.has-text-grey-lighter +hsl(0, 0%, 86%) +
.has-text-white-ter +hsl(0, 0%, 96%) +
.has-text-white-bis +hsl(0, 0%, 98%) +
+ +
+ +

Alignment

+ +
+

+ You can align the text with the use of one of 3 alignment helpers: +

+
+ + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Alignment +
.has-text-centeredMakes the text centered
.has-text-leftMakes the text aligned to the left
.has-text-rightMakes the text aligned to the right
+ +
+ +

Responsive Alignment

+ +
+

+ You can now align text for each viewport width. You simply need to append the viewport width to the alignment modifier. +

+ +

+ For example, here are the modifiers for .has-text-left: +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 1007px + 		+ Desktop
+ Between 1008px and 1199px + 		+ Widescreen
+ Between 1200px and 1391px + 		+ FullHD
+ Above 1392px +
has-text-left-mobile +

left-aligned

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
has-text-left-tablet +

unchanged

+		 +

left-aligned

+		 +

left-aligned

+		 +

left-aligned

+		 +

left-aligned

+
has-text-left-tablet-only +

unchanged

+		 +

left-aligned

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
has-text-left-touch +

left-aligned

+		 +

left-aligned

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
has-text-left-desktop +

unchanged

+		 +

unchanged

+		 +

left-aligned

+		 +

left-aligned

+		 +

left-aligned

+
has-text-left-desktop-only +

unchanged

+		 +

unchanged

+		 +

left-aligned

+		 +

unchanged

+		 +

unchanged

+
has-text-left-widescreen +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

left-aligned

+		 +

left-aligned

+
has-text-left-widescreen-only +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

left-aligned

+		 +

unchanged

+
has-text-left-fullhd +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

left-aligned

+
+
+ +
+ +

Text transformation

+ +
+

+ You can transform the text with the use of one of 3 text transformation helpers: +

+
+ + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Transformation +
.is-capitalizedTransforms the first character of each word to uppercase
.is-lowercaseTransforms all characters to lowercase
.is-uppercaseTransforms all characters to uppercase
+ + +
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/overview/classes/index.html b/docs/versions/0.5.1/documentation/overview/classes/index.html new file mode 100644 index 000000000..77a021ebc --- /dev/null +++ b/docs/versions/0.5.1/documentation/overview/classes/index.html @@ -0,0 +1,629 @@ + + + + + + + + + CSS classes | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Classes

+

Bulma is simply a collection of CSS classes. Write the HTML code you want.

+ +
+ +
+

+ Bulma is a CSS framework, meaning that the end result is simply a single .css file: +
+ https://github.com/jgthms/bulma/blob/master/css/bulma.css

+

+ Because Bulma solely comprises CSS classes, the HTML code you write has no impact on the styling of your page. That's why .input exists as a class, so you can choose which <input type="text"> elements you want to style. +

+

+ Bulma only styles generic tags directly twice: +

+ +
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/overview/colors/index.html b/docs/versions/0.5.1/documentation/overview/colors/index.html new file mode 100644 index 000000000..d730f398d --- /dev/null +++ b/docs/versions/0.5.1/documentation/overview/colors/index.html @@ -0,0 +1,875 @@ + + + + + + + + + Colors | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Colors

+

The colors that style all Bulma elements and components

+ +
+ +
+

+ Most elements and components have color variations thanks to modifiers with syntax .is-$color, like is-primary or is-dark. +

+

+ This is thanks to the $colors Sass map, through which Bulma cycles to grab all the colors and their inverts. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ColorVariableValueActual valueInvert variableActual invert value
+ White + + $white + + $white + + +hsl(0, 0%, 100%) + + + $black + + + + rgba(0, 0, 0, 0.7) + +
+ Black + + $black + + $black + + +hsl(0, 0%, 4%) + + + $white + + + + #fff + +
+ Light + + $light + + $white-ter + + +hsl(0, 0%, 96%) + + + $light-invert + + + + rgba(0, 0, 0, 0.7) + +
+ Dark + + $dark + + $grey-darker + + +hsl(0, 0%, 21%) + + + $dark-invert + + + + #fff + +
+ Primary + + $primary + + $turquoise + + +hsl(171, 100%, 41%) + + + $primary-invert + + + + #fff + +
+ Info + + $info + + $blue + + +hsl(217, 71%, 53%) + + + $info-invert + + + + #fff + +
+ Success + + $success + + $green + + +hsl(141, 71%, 48%) + + + $success-invert + + + + #fff + +
+ Warning + + $warning + + $yellow + + +hsl(48, 100%, 67%) + + + $warning-invert + + + + rgba(0, 0, 0, 0.7) + +
+ Danger + + $danger + + $red + + +hsl(348, 100%, 61%) + + + $danger-invert + + + + #fff + +
+
+
+ +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/overview/customize/index.html b/docs/versions/0.5.1/documentation/overview/customize/index.html new file mode 100644 index 000000000..4d8d90977 --- /dev/null +++ b/docs/versions/0.5.1/documentation/overview/customize/index.html @@ -0,0 +1,684 @@ + + + + + + + + + Customize Bulma | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Customizing with Sass

+

Create your own theme with a simple set of variables

+ +
+ +
+

If you're familiar with Sass and want to customize Bulma with your own colors and variables, just install Bulma via npm:

+
+ + + +
+
+

2

+
+
+

+ Set your variables +

+

+ Add your own colors, set new fonts, override Bulma styles... +

+
+ 
// 1. Import the initial variables
+@import "../sass/utilities/initial-variables"
+
+// 2. Set your own initial variables
+// Update blue
+$blue: #72d0eb
+// Add pink and its invert
+$pink: #ffb3b3
+$pink-invert: #fff
+// Add a serif family
+$family-serif: "Merriweather", "Georgia", serif
+
+// 3. Set the derived variables
+// Use the new pink as the primary color
+$primary: $pink
+$primary-invert: $pink-invert
+// Use the existing orange as the danger color
+$danger: $orange
+// Use the new serif family
+$family-primary: $family-serif
+
+// 4. Import the rest of Bulma
+@import "../bulma"
+
+
+
+ +
+
+

3

+
+
+

+ See the result: before and after +

+

+ As $blue has been updated, and since $blue-invert is automatically calculated with the function $blue-invert: findColorInvert($blue), the $blue-invert is now black instead of white

+

+
+ Customizing Bulma with Sass + Customizing Bulma with Sass +
+
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/overview/functions/index.html b/docs/versions/0.5.1/documentation/overview/functions/index.html new file mode 100644 index 000000000..d58f4d5c0 --- /dev/null +++ b/docs/versions/0.5.1/documentation/overview/functions/index.html @@ -0,0 +1,829 @@ + + + + + + + + + Functions | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Functions

+

Utility functions to calculate colors and other values

+ +
+ +
+

Bulma uses 5 custom functions to help define the values and colors dynamically:

+
    +
  • powerNumber($number, $exp): calculates the value of a number exposed to another one. Returns a number.
    • +
  • colorLuminance($color): defines if a color is dark or light. Return a decimal number between 0 and 1 where <= 0.5 is dark and > 0.5 is light.
    • +
  • findColorInvert($color): returns either 70% transparent black or 100% opaque white depending on the luminance of the color.
    • +
+
+ +
+ +

The findColorInvert() function

+ +
+

The findColorInvert($color) function takes a color as an input, and outputs either transparent black rgba(#000, 0.7) or white #fff:

+
    +
  • if colorLuminance($color) > 0.55, it outputs rgba(#000, 0.7)
    • +
  • otherwise, it outputs #fff
    • +
+

Its purpose is to guarantee a readable shade for the text when the input color is used as the background.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
colorcolor luminancefindColorInvert()result
+ + #00d1b2 + + 0.52831 + + + #fff + + + Button + +
+ + #3273dc + + 0.23119 + + + #fff + + + Button + +
+ + #23d160 + + 0.51067 + + + #fff + + + Button + +
+ + #ffdd57 + + 0.76863 + + + rgba(0, 0, 0, 0.7) + + + Button + +
+ + #ff3860 + + 0.27313 + + + #fff + + + Button + +
+ + #ffb3b3 + + 0.61796 + + + rgba(0,0,0,0.7) + + + Button + +
+ + #ffbc6b + + 0.63053 + + + rgba(0,0,0,0.7) + + + Button + +
+ + hsl(294, 71%, 79%) + + 0.5529 + + + rgba(0,0,0,0.7) + + + Button + +
+

+ For colors that have a luminance close to the 0.55 threshold, it can be useful to override the findColorInvert() function, and rather set the invert color manually. +
+ For example, this shade of purple has a color luminance of 0.5529. It can be preferable to set a color invert of white instead of transparent black: +

+ + + + + + + + + + + + + + + +
+ with findColorInvert() + + $purple-invert: findColorInvert($purple) + + + rgba(0,0,0,0.7) + + + Button + +
+ with manual setting + + $purple-invert: #fff + + + #fff + + + Button + +
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/overview/mixins/index.html b/docs/versions/0.5.1/documentation/overview/mixins/index.html new file mode 100644 index 000000000..61eed716e --- /dev/null +++ b/docs/versions/0.5.1/documentation/overview/mixins/index.html @@ -0,0 +1,663 @@ + + + + + + + + + Mixins | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Mixins

+

Utility mixins for custom elements and responsive helpers

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
=arrow($color)Creates a CSS-only down arrow. Used for the dropdown select.
=blockDefines a margin-bottom of 1.5rem, except when the element is the last child. Used for almost all block elements.
=clearfixAdds a clearfix at the end of the element. Used for the "is-clearfix" helper.
=center($size)Positions an element in the exact center of its parent. Used for the spinner in a loading button.
=deleteCreates a CSS-only cross. Used for the delete element in modals, messages, tags...
=fa($size, $dimensions)Sets the style of a Font Awesome icon container.
=hamburger($dimensions)Creates a CSS-only hamburger menu with 3 bars. Used for the "nav-toggle".
=loaderCreates a CSS-only loading spinner. Used for the ".loader" element, and for input and button spinners.
=overflow-touchSets the style of a container so that it keeps momentum when scrolling on iOS devices.
=overlay($offset: 0)Makes the element overlay its parent container, like the transparent modal background.
=placeholderSets the styles of an input placeholder.
=unselectableTurns the element unselectable. Used for buttons to prevent selection when clicking.
+ +
+

These mixins are already used throughout Bulma, but you can use them as well to extend your own styles.

+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/overview/modular/index.html b/docs/versions/0.5.1/documentation/overview/modular/index.html new file mode 100644 index 000000000..1aeb92655 --- /dev/null +++ b/docs/versions/0.5.1/documentation/overview/modular/index.html @@ -0,0 +1,683 @@ + + + + + + + + + Modularity | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Modular

+

Just import what you need

+ +
+ +
+

+ Bulma consists of 29 .sass files that you can import individually. +

+

+ For example, let's say you only want the Bulma columns. +
+ The file is located in the bulma/sass/grid folder. +
+ Simply import the utilities dependencies, and then the files you need directly: +

+
@import "bulma/sass/utilities/_all"
+@import "bulma/sass/grid/columns"
+

+ Now you can use the classes .columns (for the container) and .column directly: +

+
<div class="columns">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+  <div class="column">5</div>
+</div>
+ +
+ +

+ What if you only want the button styles instead? +

+
@import "bulma/sass/utilities/_all"
+@import "bulma/sass/elements/button.sass"
+

+ You can now use the .button class, and all its modifiers: +

+
    +
  • + .is-active +
    • +
  • + .is-primary, + .is-info, + .is-success... +
    • +
  • + .is-small, + .is-medium, + .is-large +
    • +
  • + .is-outlined, + .is-inverted, + .is-link +
    • +
  • + .is-loading, + [disabled] +
    • +
+
<a class="button">
+  Button
+</a>
+
+<a class="button is-primary">
+  Primary button
+</a>
+
+<a class="button is-large">
+  Large button
+</a>
+
+<a class="button is-loading">
+  Loading button
+</a>
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/overview/responsiveness/index.html b/docs/versions/0.5.1/documentation/overview/responsiveness/index.html new file mode 100644 index 000000000..8ba5fb281 --- /dev/null +++ b/docs/versions/0.5.1/documentation/overview/responsiveness/index.html @@ -0,0 +1,785 @@ + + + + + + + + + Responsiveness | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Responsiveness

+

Bulma is a mobile-first framework

+ +
+ +

Vertical by default

+
+

+ Every element in Bulma is mobile-first and optimizes for vertical reading, so by default on mobile: +

+
    +
  • columns are stacked vertically
    • +
  • the level component will show its children stacked vertically
    • +
  • the nav menu will be hidden
    • +
+

For example, you can enforce the horizontal layout for both columns or nav by appending the is-mobile modifer.

+
+ +
+ +

Breakpoints

+
+

Bulma has 5 breakpoints:

+
    +
  • mobile: up to 768px
    • +
  • tablet: from 769px
    • +
  • desktop: from 1008px
    • +
  • widescreen: from 1200px
    • +
  • New! fullhd: from 1392px
    • +
+

Bulma uses 9 responsive mixins:

+
    +
  • + =mobile
    + until 768px +
    • +
  • + =tablet
    + from 769px +
    • +
  • + =tablet-only
    + from 769px and until 1007px +
    • +
  • + =touch
    + until 1007px +
    • +
  • + =desktop
    + from 1008px +
    • +
  • + =desktop-only
    + from 1008px and until 1199px +
    • +
  • + =widescreen
    + from 1200px +
    • +
  • + =widescreen-only
    + from 1200px and until 1391px +
    • +
  • + New! + =fullhd
    + from 1392px +
    • +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 1007px + 		+ Desktop
+ Between 1008px and 1199px + 		+ Widescreen
+ Between 1200px and 1391px + 		+ FullHD
+ 1392px and above +
+

mobile

+ 		+

-

+
+

-

+ 		+

tablet

+
+

-

+ 		+

desktop

+
+

-

+ 		+

widescreen

+
+

-

+ 		+

fullhd

+
+

-

+ 		+

tablet-only

+ 		+

-

+
+

-

+ 		+

desktop-only

+ 		+

-

+
+

-

+ 		+

widescreen-only

+ 		+

-

+
+

touch

+ 		+

-

+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/overview/start/index.html b/docs/versions/0.5.1/documentation/overview/start/index.html new file mode 100644 index 000000000..dce6d8c97 --- /dev/null +++ b/docs/versions/0.5.1/documentation/overview/start/index.html @@ -0,0 +1,717 @@ + + + + + + + + + Get started with Bulma | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Getting started

+

You only need 1 CSS file to use Bulma

+ +
+ +
+

+ There are several ways to get started with Bulma. You can either: +

+
    +
  1. + use npm to install the Bulma package +
    2. +
  2. + use the cdnjs CDN to link to the Bulma stylesheet +
    3. +
  3. + use the GitHub repository to get the latest development version +
    4. +
+
+ +
+
+

1

+
+
+

+ Use NPM (recommended): +

+ 
npm install bulma
+
+
+ + + + + +
+ +
+
+ Font Awesome icons +
+
+

If you want to use icons with Bulma, don't forget to include Font Awesome:

+ 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+
+ +
+ +

+ Starter template + + # + +

+ + +
+

+ If you want to get started right away, you can use this HTML starter template. Just copy/paste this code in a file and save it on your computer. +

+
+ +
+ 
<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Hello Bulma!</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma.min.css">
+  </head>
+  <body>
+  <section class="section">
+    <div class="container">
+      <h1 class="title">
+        Hello World
+      </h1>
+      <p class="subtitle">
+        My first website with <strong>Bulma</strong>!
+      </p>
+    </div>
+  </section>
+  </body>
+</html>
+
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/documentation/overview/variables/index.html b/docs/versions/0.5.1/documentation/overview/variables/index.html new file mode 100644 index 000000000..be7ac5d4f --- /dev/null +++ b/docs/versions/0.5.1/documentation/overview/variables/index.html @@ -0,0 +1,1550 @@ + + + + + + + + + Variables | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Variables

+

Easily customize Bulma to match your design

+ +
+ +
+

Bulma has two variable files divided into 4 sections:

+
    +
  1. + Initial variables: where you define variables by literal value, like: +
      +
    • colors: $blue: hsl(217, 71%, 53%)
      • +
    • font sizes: $size-1: 3rem
      • +
    • dimensions: $gap: 24px
      • +
    • other values: $easing: ease-out or $radius-large: 5px
      • +
    +
    2. +
  2. + Derived variables where variables are calculated from the values set in the previous file. For example, you can have: +
      +
    • + Primary colors derived from the initial variables: +
        +
      • $primary: $turquoise
        • +
      • $info: $blue
        • +
      • $success: $green
        • +
      • $warning: $yellow
        • +
      • $danger: $red
        • +
      • $dark: $grey-darker
        • +
      • $text: $grey-dark
        • +
      +
      • +
    • $background: $white-ter: a general background color
      • +
    • $link: $primary: the links use the primary color
      • +
    • $family-primary: $family-sans-serif: the primary font family is the sans-serif one
      • +
    • + Lists and maps which are collections so already defined variables: +
        +
      • $colors: (dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert))
        • +
      • $shades: ("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis)
        • +
      • $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6
        • +
      +
      • +
    +
    3. +
+

+ To override any of these variables, just set them before importing Bulma. +

+
+ +
+ +

+ Initial variables + + # + +

+ + +
+

+ These are variables with a literal value. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ $black + + + hsl(0, 0%, 4%) +
+ $black-bis + + + hsl(0, 0%, 7%) +
+ $black-ter + + + hsl(0, 0%, 14%) +
+ $grey-darker + + + hsl(0, 0%, 21%) +
+ $grey-dark + + + hsl(0, 0%, 29%) +
+ $grey + + + hsl(0, 0%, 48%) +
+ $grey-light + + + hsl(0, 0%, 71%) +
+ $grey-lighter + + + hsl(0, 0%, 86%) +
+ $white-ter + + + hsl(0, 0%, 96%) +
+ $white-bis + + + hsl(0, 0%, 98%) +
+ $white + + + hsl(0, 0%, 100%) +
+ $orange + + + hsl(14, 100%, 53%) +
+ $yellow + + + hsl(48, 100%, 67%) +
+ $green + + + hsl(141, 71%, 48%) +
+ $turquoise + + + hsl(171, 100%, 41%) +
+ $blue + + + hsl(217, 71%, 53%) +
+ $purple + + + hsl(271, 100%, 71%) +
+ $red + + + hsl(348, 100%, 61%) +
+ $family-sans-serif + + BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif +
+ $family-monospace + + monospace +
+ $render-mode + + optimizeLegibility +
+ $size-1 + + 3rem +
+ $size-2 + + 2.5rem +
+ $size-3 + + 2rem +
+ $size-4 + + 1.5rem +
+ $size-5 + + 1.25rem +
+ $size-6 + + 1rem +
+ $size-7 + + 0.75rem +
+ $weight-light + + 300 +
+ $weight-normal + + 400 +
+ $weight-medium + + 500 +
+ $weight-semibold + + 600 +
+ $weight-bold + + 700 +
+ $gap + + 24px +
+ $tablet + + 769px +
+ $desktop + + 960px + (2 * $gap) +
+ $widescreen + + 1152px + (2 * $gap) +
+ $fullhd + + 1344px + (2 * $gap) +
+ $easing + + ease-out +
+ $radius-small + + 2px +
+ $radius + + 3px +
+ $radius-large + + 5px +
+ $speed + + 86ms +
+ +
+ +

+ Derived variables + + # + +

+ + +
+

+ These are variables with a value that references another variable. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ $primary + + $turquoise +
+ $info + + $blue +
+ $success + + $green +
+ $warning + + $yellow +
+ $danger + + $red +
+ $light + + $white-ter +
+ $dark + + $grey-darker +
+ $orange-invert + + findColorInvert($orange) +
+ $yellow-invert + + findColorInvert($yellow) +
+ $green-invert + + findColorInvert($green) +
+ $turquoise-invert + + findColorInvert($turquoise) +
+ $blue-invert + + findColorInvert($blue) +
+ $purple-invert + + findColorInvert($purple) +
+ $red-invert + + findColorInvert($red) +
+ $primary-invert + + $turquoise-invert +
+ $info-invert + + $blue-invert +
+ $success-invert + + $green-invert +
+ $warning-invert + + $yellow-invert +
+ $danger-invert + + $red-invert +
+ $light-invert + + $dark +
+ $dark-invert + + $light +
+ $background + + $white-ter +
+ $border + + $grey-lighter +
+ $border-hover + + $grey-light +
+ $text + + $grey-dark +
+ $text-invert + + findColorInvert($text) +
+ $text-light + + $grey +
+ $text-strong + + $grey-darker +
+ $code + + $red +
+ $code-background + + $background +
+ $pre + + $text +
+ $pre-background + + $background +
+ $link + + $primary +
+ $link-invert + + $primary-invert +
+ $link-visited + + $purple +
+ $link-hover + + $grey-darker +
+ $link-hover-border + + $grey-light +
+ $link-focus + + $grey-darker +
+ $link-focus-border + + $primary +
+ $link-active + + $grey-darker +
+ $link-active-border + + $grey-dark +
+ $family-primary + + $family-sans-serif +
+ $family-code + + $family-monospace +
+ $size-small + + $size-7 +
+ $size-normal + + $size-6 +
+ $size-medium + + $size-5 +
+ $size-large + + $size-4 +
+ $colors + + ("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert), "info": ($info, $info-invert), "success": ($success, $success-invert), "warning": ($warning, $warning-invert), "danger": ($danger, $danger-invert)) +
+ $shades + + ("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis) +
+ $sizes + + $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 +
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/expo/index.html b/docs/versions/0.5.1/expo/index.html new file mode 100644 index 000000000..a4e413241 --- /dev/null +++ b/docs/versions/0.5.1/expo/index.html @@ -0,0 +1,891 @@ + + + + + + + + + Expo: beautiful websites designed Bulma + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + + + +
+ + +
+ +
+
+
+
+
+

+ Expo +

+

+ How people used Bulma to design beautiful websites 😍 +

+
+
+
+ + + + +
+ +
+
+
+
+
+ +
+
+ +
+

+ Did you design a gorgeous website with Bulma too? Tell us about it! 🤗 +

+

+ + + + + + #madewithbulma + + +

+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+

+ Did you design a gorgeous website with Bulma too? Tell us about it! 🤗 +

+

+ + + + + + #madewithbulma + + +

+
+ +
+
+ + + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/extensions/index.html b/docs/versions/0.5.1/extensions/index.html new file mode 100644 index 000000000..052754507 --- /dev/null +++ b/docs/versions/0.5.1/extensions/index.html @@ -0,0 +1,638 @@ + + + + + + + + + Extensions | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Extensions +

+

+ Side projects to enhance Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+
+ +
+
+ + +
+
+

+ bulma-pageloader +

+

+ github.com/Wikiki/bulma-pageloader +

+
+
+ +
+
+ + + +
+
+

+ bulma-ribbon +

+

+ github.com/Wikiki/bulma-ribbon +

+
+
+ +
+
+ + + +
+
+

+ bulma-badge +

+

+ github.com/Wikiki/bulma-badge +

+
+
+ +
+
+ + + +
+
+

+ bulma-steps +

+

+ github.com/Wikiki/bulma-steps +

+
+
+ +
+
+ + + +
+
+

+ bulma-tooltip +

+

+ github.com/Wikiki/bulma-tooltip +

+
+
+ +
+
+ + + +
+
+

+ bulma-timeline +

+

+ github.com/Wikiki/bulma-timeline +

+
+
+ +
+
+ + + +
+
+
+
+
+

Have an extension to share with the community?

+
+
+
+
+ + Submit a Pull Request + +
+
+
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/favicons/android-chrome-192x192.png b/docs/versions/0.5.1/favicons/android-chrome-192x192.png new file mode 100644 index 000000000..d26e0efc8 Binary files /dev/null and b/docs/versions/0.5.1/favicons/android-chrome-192x192.png differ diff --git a/docs/versions/0.5.1/favicons/android-chrome-384x384.png b/docs/versions/0.5.1/favicons/android-chrome-384x384.png new file mode 100644 index 000000000..a94896a1b Binary files /dev/null and b/docs/versions/0.5.1/favicons/android-chrome-384x384.png differ diff --git a/docs/versions/0.5.1/favicons/apple-touch-icon.png b/docs/versions/0.5.1/favicons/apple-touch-icon.png new file mode 100644 index 000000000..f3622d36d Binary files /dev/null and b/docs/versions/0.5.1/favicons/apple-touch-icon.png differ diff --git a/docs/versions/0.5.1/favicons/browserconfig.xml b/docs/versions/0.5.1/favicons/browserconfig.xml new file mode 100644 index 000000000..45c44a90f --- /dev/null +++ b/docs/versions/0.5.1/favicons/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #00d1b2 + + + diff --git a/docs/versions/0.5.1/favicons/favicon-16x16.png b/docs/versions/0.5.1/favicons/favicon-16x16.png new file mode 100644 index 000000000..04af7be89 Binary files /dev/null and b/docs/versions/0.5.1/favicons/favicon-16x16.png differ diff --git a/docs/versions/0.5.1/favicons/favicon-32x32.png b/docs/versions/0.5.1/favicons/favicon-32x32.png new file mode 100644 index 000000000..4b45c42d6 Binary files /dev/null and b/docs/versions/0.5.1/favicons/favicon-32x32.png differ diff --git a/docs/versions/0.5.1/favicons/favicon.ico b/docs/versions/0.5.1/favicons/favicon.ico new file mode 100644 index 000000000..46c186f54 Binary files /dev/null and b/docs/versions/0.5.1/favicons/favicon.ico differ diff --git a/docs/versions/0.5.1/favicons/manifest.json b/docs/versions/0.5.1/favicons/manifest.json new file mode 100644 index 000000000..14b1ae3a6 --- /dev/null +++ b/docs/versions/0.5.1/favicons/manifest.json @@ -0,0 +1,17 @@ +{ + "name": "", + "icons": [ + { + "src": "\/favicons\/android-chrome-192x192.png?v=201701041855", + "sizes": "192x192", + "type": "image\/png" + }, + { + "src": "\/favicons\/android-chrome-384x384.png?v=201701041855", + "sizes": "384x384", + "type": "image\/png" + } + ], + "theme_color": "#00d1b2", + "display": "standalone" +} diff --git a/docs/versions/0.5.1/favicons/mstile-150x150.png b/docs/versions/0.5.1/favicons/mstile-150x150.png new file mode 100644 index 000000000..ce916b38d Binary files /dev/null and b/docs/versions/0.5.1/favicons/mstile-150x150.png differ diff --git a/docs/versions/0.5.1/favicons/safari-pinned-tab.svg b/docs/versions/0.5.1/favicons/safari-pinned-tab.svg new file mode 100644 index 000000000..5d4f2c286 --- /dev/null +++ b/docs/versions/0.5.1/favicons/safari-pinned-tab.svg @@ -0,0 +1,19 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + diff --git a/docs/versions/0.5.1/images/blog/list-of-tags.png b/docs/versions/0.5.1/images/blog/list-of-tags.png new file mode 100644 index 000000000..16c2dcdde Binary files /dev/null and b/docs/versions/0.5.1/images/blog/list-of-tags.png differ diff --git a/docs/versions/0.5.1/images/blog/metro-ui-css-grid-tiles.png b/docs/versions/0.5.1/images/blog/metro-ui-css-grid-tiles.png new file mode 100644 index 000000000..764ff9ace Binary files /dev/null and b/docs/versions/0.5.1/images/blog/metro-ui-css-grid-tiles.png differ diff --git a/docs/versions/0.5.1/images/bulma-banner.png b/docs/versions/0.5.1/images/bulma-banner.png new file mode 100644 index 000000000..643ac47bd Binary files /dev/null and b/docs/versions/0.5.1/images/bulma-banner.png differ diff --git a/docs/versions/0.5.1/images/bulma-icon.png b/docs/versions/0.5.1/images/bulma-icon.png new file mode 100644 index 000000000..eaf235de5 Binary files /dev/null and b/docs/versions/0.5.1/images/bulma-icon.png differ diff --git a/docs/versions/0.5.1/images/bulma-logo.png b/docs/versions/0.5.1/images/bulma-logo.png new file mode 100644 index 000000000..a016c2b51 Binary files /dev/null and b/docs/versions/0.5.1/images/bulma-logo.png differ diff --git a/docs/versions/0.5.1/images/bulma-type-white.png b/docs/versions/0.5.1/images/bulma-type-white.png new file mode 100644 index 000000000..b29667213 Binary files /dev/null and b/docs/versions/0.5.1/images/bulma-type-white.png differ diff --git a/docs/versions/0.5.1/images/bulma-type.png b/docs/versions/0.5.1/images/bulma-type.png new file mode 100644 index 000000000..d6c1baac1 Binary files /dev/null and b/docs/versions/0.5.1/images/bulma-type.png differ diff --git a/docs/versions/0.5.1/images/css-reference-logo.png b/docs/versions/0.5.1/images/css-reference-logo.png new file mode 100644 index 000000000..3b770bdd7 Binary files /dev/null and b/docs/versions/0.5.1/images/css-reference-logo.png differ diff --git a/docs/versions/0.5.1/images/customize-after.png b/docs/versions/0.5.1/images/customize-after.png new file mode 100644 index 000000000..d5ddc7b0c Binary files /dev/null and b/docs/versions/0.5.1/images/customize-after.png differ diff --git a/docs/versions/0.5.1/images/customize-before.png b/docs/versions/0.5.1/images/customize-before.png new file mode 100644 index 000000000..738a3181e Binary files /dev/null and b/docs/versions/0.5.1/images/customize-before.png differ diff --git a/docs/versions/0.5.1/images/expo/alt-three-1344x840.jpg b/docs/versions/0.5.1/images/expo/alt-three-1344x840.jpg new file mode 100644 index 000000000..052203921 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/alt-three-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/alt-three-672x420.jpg b/docs/versions/0.5.1/images/expo/alt-three-672x420.jpg new file mode 100644 index 000000000..3a6fd410c Binary files /dev/null and b/docs/versions/0.5.1/images/expo/alt-three-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/apache-bookkeeper-1344x840.jpg b/docs/versions/0.5.1/images/expo/apache-bookkeeper-1344x840.jpg new file mode 100644 index 000000000..25a762641 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/apache-bookkeeper-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/apache-bookkeeper-672x420.jpg b/docs/versions/0.5.1/images/expo/apache-bookkeeper-672x420.jpg new file mode 100644 index 000000000..29b749c5b Binary files /dev/null and b/docs/versions/0.5.1/images/expo/apache-bookkeeper-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/bashful-birdie-1344x840.jpg b/docs/versions/0.5.1/images/expo/bashful-birdie-1344x840.jpg new file mode 100644 index 000000000..7116e6b8f Binary files /dev/null and b/docs/versions/0.5.1/images/expo/bashful-birdie-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/bashful-birdie-672x420.jpg b/docs/versions/0.5.1/images/expo/bashful-birdie-672x420.jpg new file mode 100644 index 000000000..0316b6252 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/bashful-birdie-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/booknshelf-1344x840.jpg b/docs/versions/0.5.1/images/expo/booknshelf-1344x840.jpg new file mode 100644 index 000000000..76c512f26 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/booknshelf-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/booknshelf-672x420.jpg b/docs/versions/0.5.1/images/expo/booknshelf-672x420.jpg new file mode 100644 index 000000000..d63cc9ddd Binary files /dev/null and b/docs/versions/0.5.1/images/expo/booknshelf-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/buefy-1344x840.jpg b/docs/versions/0.5.1/images/expo/buefy-1344x840.jpg new file mode 100644 index 000000000..f9203be32 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/buefy-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/buefy-672x420.jpg b/docs/versions/0.5.1/images/expo/buefy-672x420.jpg new file mode 100644 index 000000000..3ace4aa6f Binary files /dev/null and b/docs/versions/0.5.1/images/expo/buefy-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/bugcraft-studio-1344x840.jpg b/docs/versions/0.5.1/images/expo/bugcraft-studio-1344x840.jpg new file mode 100644 index 000000000..f37c3e26e Binary files /dev/null and b/docs/versions/0.5.1/images/expo/bugcraft-studio-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/bugcraft-studio-672x420.jpg b/docs/versions/0.5.1/images/expo/bugcraft-studio-672x420.jpg new file mode 100644 index 000000000..e5e5fa605 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/bugcraft-studio-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/driftrock-1344x840.jpg b/docs/versions/0.5.1/images/expo/driftrock-1344x840.jpg new file mode 100644 index 000000000..68b123788 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/driftrock-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/driftrock-2688x1680.jpg b/docs/versions/0.5.1/images/expo/driftrock-2688x1680.jpg new file mode 100644 index 000000000..3ad148569 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/driftrock-2688x1680.jpg differ diff --git a/docs/versions/0.5.1/images/expo/driftrock-672x420.jpg b/docs/versions/0.5.1/images/expo/driftrock-672x420.jpg new file mode 100644 index 000000000..0d8b99f07 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/driftrock-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/elevo-1344x840.jpg b/docs/versions/0.5.1/images/expo/elevo-1344x840.jpg new file mode 100644 index 000000000..b00dcad8e Binary files /dev/null and b/docs/versions/0.5.1/images/expo/elevo-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/elevo-672x420.jpg b/docs/versions/0.5.1/images/expo/elevo-672x420.jpg new file mode 100644 index 000000000..9b56b152f Binary files /dev/null and b/docs/versions/0.5.1/images/expo/elevo-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/jubiwee-1344x840.jpg b/docs/versions/0.5.1/images/expo/jubiwee-1344x840.jpg new file mode 100644 index 000000000..51e14b2ae Binary files /dev/null and b/docs/versions/0.5.1/images/expo/jubiwee-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/jubiwee-672x420.jpg b/docs/versions/0.5.1/images/expo/jubiwee-672x420.jpg new file mode 100644 index 000000000..92fca1009 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/jubiwee-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/kappamon-1344x840.jpg b/docs/versions/0.5.1/images/expo/kappamon-1344x840.jpg new file mode 100644 index 000000000..4228a40c2 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/kappamon-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/kappamon-672x420.jpg b/docs/versions/0.5.1/images/expo/kappamon-672x420.jpg new file mode 100644 index 000000000..3d7326513 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/kappamon-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/md5-1344x840.jpg b/docs/versions/0.5.1/images/expo/md5-1344x840.jpg new file mode 100644 index 000000000..1e133764c Binary files /dev/null and b/docs/versions/0.5.1/images/expo/md5-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/md5-672x420.jpg b/docs/versions/0.5.1/images/expo/md5-672x420.jpg new file mode 100644 index 000000000..504be2702 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/md5-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/oneday-1344x840.jpg b/docs/versions/0.5.1/images/expo/oneday-1344x840.jpg new file mode 100644 index 000000000..cadb78263 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/oneday-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/oneday-2688x1680.jpg b/docs/versions/0.5.1/images/expo/oneday-2688x1680.jpg new file mode 100644 index 000000000..a62584e4b Binary files /dev/null and b/docs/versions/0.5.1/images/expo/oneday-2688x1680.jpg differ diff --git a/docs/versions/0.5.1/images/expo/oneday-672x420.jpg b/docs/versions/0.5.1/images/expo/oneday-672x420.jpg new file mode 100644 index 000000000..e2e48f591 Binary files /dev/null and b/docs/versions/0.5.1/images/expo/oneday-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/expo/pragonauts-1344x840.jpg b/docs/versions/0.5.1/images/expo/pragonauts-1344x840.jpg new file mode 100644 index 000000000..4f74f0fde Binary files /dev/null and b/docs/versions/0.5.1/images/expo/pragonauts-1344x840.jpg differ diff --git a/docs/versions/0.5.1/images/expo/pragonauts-672x420.jpg b/docs/versions/0.5.1/images/expo/pragonauts-672x420.jpg new file mode 100644 index 000000000..3e6fe6eac Binary files /dev/null and b/docs/versions/0.5.1/images/expo/pragonauts-672x420.jpg differ diff --git a/docs/versions/0.5.1/images/extensions/bulma-badge.png b/docs/versions/0.5.1/images/extensions/bulma-badge.png new file mode 100644 index 000000000..2bbb48ec6 Binary files /dev/null and b/docs/versions/0.5.1/images/extensions/bulma-badge.png differ diff --git a/docs/versions/0.5.1/images/extensions/bulma-pageloader.png b/docs/versions/0.5.1/images/extensions/bulma-pageloader.png new file mode 100644 index 000000000..86232a9d8 Binary files /dev/null and b/docs/versions/0.5.1/images/extensions/bulma-pageloader.png differ diff --git a/docs/versions/0.5.1/images/extensions/bulma-ribbon.png b/docs/versions/0.5.1/images/extensions/bulma-ribbon.png new file mode 100644 index 000000000..ce9749b64 Binary files /dev/null and b/docs/versions/0.5.1/images/extensions/bulma-ribbon.png differ diff --git a/docs/versions/0.5.1/images/extensions/bulma-steps.png b/docs/versions/0.5.1/images/extensions/bulma-steps.png new file mode 100644 index 000000000..c15eff52e Binary files /dev/null and b/docs/versions/0.5.1/images/extensions/bulma-steps.png differ diff --git a/docs/versions/0.5.1/images/extensions/bulma-timeline.png b/docs/versions/0.5.1/images/extensions/bulma-timeline.png new file mode 100644 index 000000000..c8453b562 Binary files /dev/null and b/docs/versions/0.5.1/images/extensions/bulma-timeline.png differ diff --git a/docs/versions/0.5.1/images/extensions/bulma-tooltip.png b/docs/versions/0.5.1/images/extensions/bulma-tooltip.png new file mode 100644 index 000000000..a15749044 Binary files /dev/null and b/docs/versions/0.5.1/images/extensions/bulma-tooltip.png differ diff --git a/docs/versions/0.5.1/images/html-reference-logo.png b/docs/versions/0.5.1/images/html-reference-logo.png new file mode 100644 index 000000000..7b41e3ca8 Binary files /dev/null and b/docs/versions/0.5.1/images/html-reference-logo.png differ diff --git a/docs/versions/0.5.1/images/jgthms.png b/docs/versions/0.5.1/images/jgthms.png new file mode 100644 index 000000000..b89c0097f Binary files /dev/null and b/docs/versions/0.5.1/images/jgthms.png differ diff --git a/docs/versions/0.5.1/images/paypal-donate.png b/docs/versions/0.5.1/images/paypal-donate.png new file mode 100644 index 000000000..19ffbc0d7 Binary files /dev/null and b/docs/versions/0.5.1/images/paypal-donate.png differ diff --git a/docs/versions/0.5.1/images/placeholders/1280x960.png b/docs/versions/0.5.1/images/placeholders/1280x960.png new file mode 100644 index 000000000..6c54c1aaa Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/1280x960.png differ diff --git a/docs/versions/0.5.1/images/placeholders/128x128.png b/docs/versions/0.5.1/images/placeholders/128x128.png new file mode 100644 index 000000000..0e5bd89be Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/128x128.png differ diff --git a/docs/versions/0.5.1/images/placeholders/16x16.png b/docs/versions/0.5.1/images/placeholders/16x16.png new file mode 100644 index 000000000..18c4349ab Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/16x16.png differ diff --git a/docs/versions/0.5.1/images/placeholders/24x24.png b/docs/versions/0.5.1/images/placeholders/24x24.png new file mode 100644 index 000000000..39d3ba408 Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/24x24.png differ diff --git a/docs/versions/0.5.1/images/placeholders/256x256.png b/docs/versions/0.5.1/images/placeholders/256x256.png new file mode 100644 index 000000000..379b9c5df Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/256x256.png differ diff --git a/docs/versions/0.5.1/images/placeholders/300x225.png b/docs/versions/0.5.1/images/placeholders/300x225.png new file mode 100644 index 000000000..1aa2338ac Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/300x225.png differ diff --git a/docs/versions/0.5.1/images/placeholders/32x32.png b/docs/versions/0.5.1/images/placeholders/32x32.png new file mode 100644 index 000000000..0cd1aa239 Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/32x32.png differ diff --git a/docs/versions/0.5.1/images/placeholders/480x320.png b/docs/versions/0.5.1/images/placeholders/480x320.png new file mode 100644 index 000000000..e041058a8 Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/480x320.png differ diff --git a/docs/versions/0.5.1/images/placeholders/480x480.png b/docs/versions/0.5.1/images/placeholders/480x480.png new file mode 100644 index 000000000..9587d57d2 Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/480x480.png differ diff --git a/docs/versions/0.5.1/images/placeholders/48x48.png b/docs/versions/0.5.1/images/placeholders/48x48.png new file mode 100644 index 000000000..9860891d3 Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/48x48.png differ diff --git a/docs/versions/0.5.1/images/placeholders/640x320.png b/docs/versions/0.5.1/images/placeholders/640x320.png new file mode 100644 index 000000000..0f5e54730 Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/640x320.png differ diff --git a/docs/versions/0.5.1/images/placeholders/640x360.png b/docs/versions/0.5.1/images/placeholders/640x360.png new file mode 100644 index 000000000..cf807906c Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/640x360.png differ diff --git a/docs/versions/0.5.1/images/placeholders/640x480.png b/docs/versions/0.5.1/images/placeholders/640x480.png new file mode 100644 index 000000000..e0bd2346f Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/640x480.png differ diff --git a/docs/versions/0.5.1/images/placeholders/64x64.png b/docs/versions/0.5.1/images/placeholders/64x64.png new file mode 100644 index 000000000..e2db8f4f9 Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/64x64.png differ diff --git a/docs/versions/0.5.1/images/placeholders/672x420.jpg b/docs/versions/0.5.1/images/placeholders/672x420.jpg new file mode 100644 index 000000000..556c6d7bf Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/672x420.jpg differ diff --git a/docs/versions/0.5.1/images/placeholders/96x96.png b/docs/versions/0.5.1/images/placeholders/96x96.png new file mode 100644 index 000000000..ba64ab9a4 Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/96x96.png differ diff --git a/docs/versions/0.5.1/images/placeholders/empty.png b/docs/versions/0.5.1/images/placeholders/empty.png new file mode 100644 index 000000000..68b570555 Binary files /dev/null and b/docs/versions/0.5.1/images/placeholders/empty.png differ diff --git a/docs/versions/0.5.1/index.html b/docs/versions/0.5.1/index.html new file mode 100644 index 000000000..064048709 --- /dev/null +++ b/docs/versions/0.5.1/index.html @@ -0,0 +1,1703 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+

+ + + + + + + + + + + + +

+

+ Bulma +

+

+ A modern CSS framework based on Flexbox +

+ 
npm install bulma
+
+ + +
+
+ + + + +
+ +

+ + + + + Download + v0.5.1 + + + View docs + +

+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+
+ +
+ +
+ +
+
+ +
+ + + +
+ +
+ + +
+ +
+
+
+ +
+

+ + See more love 🤗 + +

+
+
+ +
+ +
+
+

+ + + + + Simple columns + +

+

Just add columns, they will resize themselves

+
+
+
+

1

+
+
+
+
+

2

+
+
+
+
+

3

+
+
+
+
+

4

+
+
+
+
+

5

+
+
+ + + + + + + +
+
+

+ Add column +

+

+ Remove column +

+
+
+

Info

+

While it's possible to add as many columns as you want, it is recommended to stick with 12 columns.
+ If you want smaller divisions, you can always nest columns.

+
+
+
<div class="columns">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+  <div class="column">5</div>
+</div>
+
+
+
+ +
+ +
+
+

+ + + + + Magic tiles + +

+

A single element for a Metro UI CSS grid

+
+
+
+
+
+

Vertical...

+

Top tile

+
+
+

...tiles

+

Bottom tile

+
+
+
+
+

Middle tile

+

With an image

+
+ +
+
+
+
+
+
+

Wide tile

+

Aligned with the right tile

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+

Tall tile

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child">
+        <!-- Any content you want here -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child">
+      <!-- Any content you want here -->
+    </article>
+  </div>
+</div>
+
+
+
+ +
+ +
+
+

+ + + + + Flexible horizontal level + +

+

Include any type of element, they will remain vertically centered

+ +
+
+ +
+ +
+
+
+
+

+ + + + + Versatile media object + +

+

A simple block with an image that will solve 90% of your UI problems

+
+ +
+
+
+
+
+ Image +
+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+ +
+
+

+ + + + + Easy vertical centering in fullscreen + +

+

Include any content you want, it's always centered

+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+

+ + + + + Compose your element with modifier classes + +

+

Add and combine is-* CSS classes to quickly alter styles

+
+
+
+
+

+ button +

+
+ Button +
+
+
+

+ button is-primary +

+
+ Button +
+
+
+

+ button is-primary is-large +

+
+ Button +
+
+
+

+ button is-primary is-large is-loading +

+
+ Button +
+
+
+
+
+ +
+ +
+
+

+ + + + + And all the usual elements and components + +

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+

Elements

+
+
+
+
+

+ + Form + +

+
+
+ +
+ +
+ +
+
+
+

+ + + +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ + +

+
+
+

+ Button +

+
+ +
+
+ +
+
+

+ + Box + +

+
+
+ +
+
+
+
+ Image +
+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. +

+
+ +
+
+
+ +
+
+ +
+
+

+ + Button + +

+
+
+ +
+
Button
+
White
+
Light
+
Dark
+
Black
+
Link
+
+ +
+
Primary
+
Info
+
Success
+
Warning
+
Danger
+
+ +
+
+ +
+
+

+ + Notification + +

+
+
+ +
+ + Lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+
+ +
+
+

+ + Progress bar + +

+
+
+ +30% + +
+
+ +
+
+

+ + Tags + +

+
+
+ +Black +Dark +Light +White +Primary +Info +Success +Warning +Danger + +
+
+
+
+
+
+ +
+
+
+
+

Components

+
+
+
+
+

+ + Card + +

+
+
+ +
+
+
+
+
+ Image +
+
+
+
+
+
+ Image +
+
+
+

John Smith

+

@johnsmith

+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Phasellus nec iaculis mauris. @bulmaio. + #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+
+
+ +
+
+
+

+ “There are two hard things in computer science: cache invalidation, naming things, and off-by-one errors.” +

+

+ Jeff Atwood +

+
+ +
+
+
+ +
+
+ +
+
+

+ + Dropdown + +

+
+
+ +
+
+ + Dropdown button + + + + +
+
+
+ + Dropdown item + + + Other dropdown item + + + Active dropdown item + + + Other item + +
+ + With a divider + +
+
+
+ +
+
+ +
+
+

+ + Message + +

+
+
+ +
+
+

Primary

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+ +
+
+

+ + Pagination + +

+
+
+ + + +
+
+ +
+
+

+ + Tabs + +

+
+
+ +
+ +
+ +
+
+ +
+
+

+ + Media object + +

+
+
+ +
+
+

+ +

+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+ +
+
+ +
+
+ +
+
+

+ + Menu + + and + + Panel + +

+
+
+
+
+ + + +
+
+ + + +
+
+
+
+ +
+
+
+
+ + +
+ +
+
+

Get started

+
+ + + + + Check the Docs + + + + + + Contribute + +
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/lib/bulma.js b/docs/versions/0.5.1/lib/bulma.js new file mode 100644 index 000000000..62e5bc97a --- /dev/null +++ b/docs/versions/0.5.1/lib/bulma.js @@ -0,0 +1,66 @@ +'use strict'; + +jQuery(document).ready(function ($) { + + var $toggle = $('#nav-toggle'); + var $menu = $('#nav-menu'); + + $toggle.click(function () { + $(this).toggleClass('is-active'); + $menu.toggleClass('is-active'); + }); + + $('.modal-button').click(function () { + var target = $(this).data('target'); + $('html').addClass('is-clipped'); + $(target).addClass('is-active'); + }); + + $('.modal-background, .modal-close').click(function () { + $('html').removeClass('is-clipped'); + $(this).parent().removeClass('is-active'); + }); + + $('.modal-card-head .delete, .modal-card-foot .button').click(function () { + $('html').removeClass('is-clipped'); + $('#modal-ter').removeClass('is-active'); + }); + + $(document).on('keyup', function (e) { + if (e.keyCode == 27) { + $('html').removeClass('is-clipped'); + $('.modal').removeClass('is-active'); + } + }); + + var $highlights = $('.highlight'); + + $highlights.each(function () { + var $el = $(this); + var copy = ''; + var expand = ''; + $el.append(copy); + + if ($el.find('pre code').innerHeight() > 600) { + $el.append(expand); + } + }); + + var $highlightButtons = $('.highlight .copy, .highlight .expand'); + + $highlightButtons.hover(function () { + $(this).parent().css('box-shadow', '0 0 0 1px #ed6c63'); + }, function () { + $(this).parent().css('box-shadow', 'none'); + }); + + $('.highlight .expand').click(function () { + $(this).parent().children('pre').css('max-height', 'none'); + }); + + new Clipboard('.copy', { + target: function target(trigger) { + return trigger.previousSibling; + } + }); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/lib/clipboard.min.js b/docs/versions/0.5.1/lib/clipboard.min.js new file mode 100644 index 000000000..0a5f5f867 --- /dev/null +++ b/docs/versions/0.5.1/lib/clipboard.min.js @@ -0,0 +1,222 @@ +"use strict"; + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; } + +/*! + * clipboard.js v1.5.9 + * https://zenorocha.github.io/clipboard.js + * + * Licensed MIT © Zeno Rocha + */ +!function (t) { + if ("object" == (typeof exports === "undefined" ? "undefined" : _typeof(exports)) && "undefined" != typeof module) module.exports = t();else if ("function" == typeof define && define.amd) define([], t);else { + var e;e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : this, e.Clipboard = t(); + } +}(function () { + var t, e, n;return function t(e, n, o) { + function r(c, s) { + if (!n[c]) { + if (!e[c]) { + var a = "function" == typeof require && require;if (!s && a) return a(c, !0);if (i) return i(c, !0);var l = new Error("Cannot find module '" + c + "'");throw l.code = "MODULE_NOT_FOUND", l; + }var u = n[c] = { exports: {} };e[c][0].call(u.exports, function (t) { + var n = e[c][1][t];return r(n ? n : t); + }, u, u.exports, t, e, n, o); + }return n[c].exports; + }for (var i = "function" == typeof require && require, c = 0; c < o.length; c++) { + r(o[c]); + }return r; + }({ 1: [function (t, e, n) { + var o = t("matches-selector");e.exports = function (t, e, n) { + for (var r = n ? t : t.parentNode; r && r !== document;) { + if (o(r, e)) return r;r = r.parentNode; + } + }; + }, { "matches-selector": 5 }], 2: [function (t, e, n) { + function o(t, e, n, o, i) { + var c = r.apply(this, arguments);return t.addEventListener(n, c, i), { destroy: function destroy() { + t.removeEventListener(n, c, i); + } }; + }function r(t, e, n, o) { + return function (n) { + n.delegateTarget = i(n.target, e, !0), n.delegateTarget && o.call(t, n); + }; + }var i = t("closest");e.exports = o; + }, { closest: 1 }], 3: [function (t, e, n) { + n.node = function (t) { + return void 0 !== t && t instanceof HTMLElement && 1 === t.nodeType; + }, n.nodeList = function (t) { + var e = Object.prototype.toString.call(t);return void 0 !== t && ("[object NodeList]" === e || "[object HTMLCollection]" === e) && "length" in t && (0 === t.length || n.node(t[0])); + }, n.string = function (t) { + return "string" == typeof t || t instanceof String; + }, n.fn = function (t) { + var e = Object.prototype.toString.call(t);return "[object Function]" === e; + }; + }, {}], 4: [function (t, e, n) { + function o(t, e, n) { + if (!t && !e && !n) throw new Error("Missing required arguments");if (!s.string(e)) throw new TypeError("Second argument must be a String");if (!s.fn(n)) throw new TypeError("Third argument must be a Function");if (s.node(t)) return r(t, e, n);if (s.nodeList(t)) return i(t, e, n);if (s.string(t)) return c(t, e, n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList"); + }function r(t, e, n) { + return t.addEventListener(e, n), { destroy: function destroy() { + t.removeEventListener(e, n); + } }; + }function i(t, e, n) { + return Array.prototype.forEach.call(t, function (t) { + t.addEventListener(e, n); + }), { destroy: function destroy() { + Array.prototype.forEach.call(t, function (t) { + t.removeEventListener(e, n); + }); + } }; + }function c(t, e, n) { + return a(document.body, t, e, n); + }var s = t("./is"), + a = t("delegate");e.exports = o; + }, { "./is": 3, delegate: 2 }], 5: [function (t, e, n) { + function o(t, e) { + if (i) return i.call(t, e);for (var n = t.parentNode.querySelectorAll(e), o = 0; o < n.length; ++o) { + if (n[o] == t) return !0; + }return !1; + }var r = Element.prototype, + i = r.matchesSelector || r.webkitMatchesSelector || r.mozMatchesSelector || r.msMatchesSelector || r.oMatchesSelector;e.exports = o; + }, {}], 6: [function (t, e, n) { + function o(t) { + var e;if ("INPUT" === t.nodeName || "TEXTAREA" === t.nodeName) t.focus(), t.setSelectionRange(0, t.value.length), e = t.value;else { + t.hasAttribute("contenteditable") && t.focus();var n = window.getSelection(), + o = document.createRange();o.selectNodeContents(t), n.removeAllRanges(), n.addRange(o), e = n.toString(); + }return e; + }e.exports = o; + }, {}], 7: [function (t, e, n) { + function o() {}o.prototype = { on: function on(t, e, n) { + var o = this.e || (this.e = {});return (o[t] || (o[t] = [])).push({ fn: e, ctx: n }), this; + }, once: function once(t, e, n) { + function o() { + r.off(t, o), e.apply(n, arguments); + }var r = this;return o._ = e, this.on(t, o, n); + }, emit: function emit(t) { + var e = [].slice.call(arguments, 1), + n = ((this.e || (this.e = {}))[t] || []).slice(), + o = 0, + r = n.length;for (o; r > o; o++) { + n[o].fn.apply(n[o].ctx, e); + }return this; + }, off: function off(t, e) { + var n = this.e || (this.e = {}), + o = n[t], + r = [];if (o && e) for (var i = 0, c = o.length; c > i; i++) { + o[i].fn !== e && o[i].fn._ !== e && r.push(o[i]); + }return r.length ? n[t] = r : delete n[t], this; + } }, e.exports = o; + }, {}], 8: [function (e, n, o) { + !function (r, i) { + if ("function" == typeof t && t.amd) t(["module", "select"], i);else if ("undefined" != typeof o) i(n, e("select"));else { + var c = { exports: {} };i(c, r.select), r.clipboardAction = c.exports; + } + }(this, function (t, e) { + "use strict"; + function n(t) { + return t && t.__esModule ? t : { "default": t }; + }function o(t, e) { + if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function"); + }var r = n(e), + i = "function" == typeof Symbol && "symbol" == _typeof(Symbol.iterator) ? function (t) { + return typeof t === "undefined" ? "undefined" : _typeof(t); + } : function (t) { + return t && "function" == typeof Symbol && t.constructor === Symbol ? "symbol" : typeof t === "undefined" ? "undefined" : _typeof(t); + }, + c = function () { + function t(t, e) { + for (var n = 0; n < e.length; n++) { + var o = e[n];o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o); + } + }return function (e, n, o) { + return n && t(e.prototype, n), o && t(e, o), e; + }; + }(), + s = function () { + function t(e) { + o(this, t), this.resolveOptions(e), this.initSelection(); + }return t.prototype.resolveOptions = function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? {} : arguments[0];this.action = e.action, this.emitter = e.emitter, this.target = e.target, this.text = e.text, this.trigger = e.trigger, this.selectedText = ""; + }, t.prototype.initSelection = function t() { + if (this.text && this.target) throw new Error('Multiple attributes declared, use either "target" or "text"');if (this.text) this.selectFake();else { + if (!this.target) throw new Error('Missing required attributes, use either "target" or "text"');this.selectTarget(); + } + }, t.prototype.selectFake = function t() { + var e = this, + n = "rtl" == document.documentElement.getAttribute("dir");this.removeFake(), this.fakeHandler = document.body.addEventListener("click", function () { + return e.removeFake(); + }), this.fakeElem = document.createElement("textarea"), this.fakeElem.style.fontSize = "12pt", this.fakeElem.style.border = "0", this.fakeElem.style.padding = "0", this.fakeElem.style.margin = "0", this.fakeElem.style.position = "fixed", this.fakeElem.style[n ? "right" : "left"] = "-9999px", this.fakeElem.style.top = (window.pageYOffset || document.documentElement.scrollTop) + "px", this.fakeElem.setAttribute("readonly", ""), this.fakeElem.value = this.text, document.body.appendChild(this.fakeElem), this.selectedText = (0, r.default)(this.fakeElem), this.copyText(); + }, t.prototype.removeFake = function t() { + this.fakeHandler && (document.body.removeEventListener("click"), this.fakeHandler = null), this.fakeElem && (document.body.removeChild(this.fakeElem), this.fakeElem = null); + }, t.prototype.selectTarget = function t() { + this.selectedText = (0, r.default)(this.target), this.copyText(); + }, t.prototype.copyText = function t() { + var e = void 0;try { + e = document.execCommand(this.action); + } catch (n) { + e = !1; + }this.handleResult(e); + }, t.prototype.handleResult = function t(e) { + e ? this.emitter.emit("success", { action: this.action, text: this.selectedText, trigger: this.trigger, clearSelection: this.clearSelection.bind(this) }) : this.emitter.emit("error", { action: this.action, trigger: this.trigger, clearSelection: this.clearSelection.bind(this) }); + }, t.prototype.clearSelection = function t() { + this.target && this.target.blur(), window.getSelection().removeAllRanges(); + }, t.prototype.destroy = function t() { + this.removeFake(); + }, c(t, [{ key: "action", set: function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? "copy" : arguments[0];if (this._action = e, "copy" !== this._action && "cut" !== this._action) throw new Error('Invalid "action" value, use either "copy" or "cut"'); + }, get: function t() { + return this._action; + } }, { key: "target", set: function t(e) { + if (void 0 !== e) { + if (!e || "object" !== ("undefined" == typeof e ? "undefined" : i(e)) || 1 !== e.nodeType) throw new Error('Invalid "target" value, use a valid Element');this._target = e; + } + }, get: function t() { + return this._target; + } }]), t; + }();t.exports = s; + }); + }, { select: 6 }], 9: [function (e, n, o) { + !function (r, i) { + if ("function" == typeof t && t.amd) t(["module", "./clipboard-action", "tiny-emitter", "good-listener"], i);else if ("undefined" != typeof o) i(n, e("./clipboard-action"), e("tiny-emitter"), e("good-listener"));else { + var c = { exports: {} };i(c, r.clipboardAction, r.tinyEmitter, r.goodListener), r.clipboard = c.exports; + } + }(this, function (t, e, n, o) { + "use strict"; + function r(t) { + return t && t.__esModule ? t : { "default": t }; + }function i(t, e) { + if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function"); + }function c(t, e) { + if (!t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return !e || "object" != (typeof e === "undefined" ? "undefined" : _typeof(e)) && "function" != typeof e ? t : e; + }function s(t, e) { + if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function, not " + (typeof e === "undefined" ? "undefined" : _typeof(e)));t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : _defaults(t, e)); + }function a(t, e) { + var n = "data-clipboard-" + t;if (e.hasAttribute(n)) return e.getAttribute(n); + }var l = r(e), + u = r(n), + f = r(o), + d = function (t) { + function e(n, o) { + i(this, e);var r = c(this, t.call(this));return r.resolveOptions(o), r.listenClick(n), r; + }return s(e, t), e.prototype.resolveOptions = function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? {} : arguments[0];this.action = "function" == typeof e.action ? e.action : this.defaultAction, this.target = "function" == typeof e.target ? e.target : this.defaultTarget, this.text = "function" == typeof e.text ? e.text : this.defaultText; + }, e.prototype.listenClick = function t(e) { + var n = this;this.listener = (0, f.default)(e, "click", function (t) { + return n.onClick(t); + }); + }, e.prototype.onClick = function t(e) { + var n = e.delegateTarget || e.currentTarget;this.clipboardAction && (this.clipboardAction = null), this.clipboardAction = new l.default({ action: this.action(n), target: this.target(n), text: this.text(n), trigger: n, emitter: this }); + }, e.prototype.defaultAction = function t(e) { + return a("action", e); + }, e.prototype.defaultTarget = function t(e) { + var n = a("target", e);return n ? document.querySelector(n) : void 0; + }, e.prototype.defaultText = function t(e) { + return a("text", e); + }, e.prototype.destroy = function t() { + this.listener.destroy(), this.clipboardAction && (this.clipboardAction.destroy(), this.clipboardAction = null); + }, e; + }(u.default);t.exports = d; + }); + }, { "./clipboard-action": 8, "good-listener": 4, "tiny-emitter": 7 }] }, {}, [9])(9); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/lib/index.js b/docs/versions/0.5.1/lib/index.js new file mode 100644 index 000000000..2e659c190 --- /dev/null +++ b/docs/versions/0.5.1/lib/index.js @@ -0,0 +1,51 @@ +'use strict'; + +document.addEventListener('DOMContentLoaded', function () { + + var $grid = document.getElementById('grid'); + var $columns = Array.prototype.slice.call(document.querySelectorAll('#grid > .column'), 0); + var $markup = document.querySelector('#markup code'); + var $message = document.getElementById('message'); + var $add = document.getElementById('add'); + var $remove = document.getElementById('remove'); + var showing = 5; + + function showColumns() { + if (showing === 13) { + $message.style.display = 'block'; + } else { + $message.style.display = 'none'; + } + + showing = Math.min(Math.max(parseInt(showing), 2), 12); + + $columns.forEach(function ($el) { + $el.style.display = 'none'; + }); + $columns.slice(0, showing).forEach(function ($el) { + $el.style.display = 'block'; + }); + + $markup.innerHTML = '<div class="columns">'; + $markup.insertAdjacentHTML('beforeend', '\n'); + + for (var i = 0; i < showing; i++) { + $markup.insertAdjacentHTML('beforeend', ' <div class="column">'); + $markup.insertAdjacentHTML('beforeend', i + 1); + $markup.insertAdjacentHTML('beforeend', '</div>'); + $markup.insertAdjacentHTML('beforeend', '\n'); + } + + $markup.insertAdjacentHTML('beforeend', '</div>'); + } + + $add.addEventListener('click', function () { + showing++; + showColumns(); + }); + + $remove.addEventListener('click', function () { + showing--; + showColumns(); + }); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/lib/main.js b/docs/versions/0.5.1/lib/main.js new file mode 100644 index 000000000..99a897370 --- /dev/null +++ b/docs/versions/0.5.1/lib/main.js @@ -0,0 +1,178 @@ +'use strict'; + +document.addEventListener('DOMContentLoaded', function () { + + // Dropdowns + + var $metalinks = getAll('#meta a'); + + if ($metalinks.length > 0) { + $metalinks.forEach(function ($el) { + $el.addEventListener('click', function (event) { + event.preventDefault(); + var target = $el.getAttribute('href'); + var $target = document.getElementById(target.substring(1)); + $target.scrollIntoView(true); + // window.history.replaceState(null, document.title, `${window.location.origin}${window.location.pathname}${target}`); + return false; + }); + }); + } + + // Dropdowns + + var $dropdowns = getAll('.dropdown:not(.is-hoverable)'); + + if ($dropdowns.length > 0) { + $dropdowns.forEach(function ($el) { + $el.addEventListener('click', function (event) { + event.stopPropagation(); + $el.classList.toggle('is-active'); + }); + }); + + document.addEventListener('click', function (event) { + closeDropdowns(); + }); + } + + function closeDropdowns() { + $dropdowns.forEach(function ($el) { + $el.classList.remove('is-active'); + }); + } + + // Toggles + + var $burgers = getAll('.burger'); + + if ($burgers.length > 0) { + $burgers.forEach(function ($el) { + $el.addEventListener('click', function () { + var target = $el.dataset.target; + var $target = document.getElementById(target); + $el.classList.toggle('is-active'); + $target.classList.toggle('is-active'); + }); + }); + } + + // Modals + + var $html = document.documentElement; + var $modals = getAll('.modal'); + var $modalButtons = getAll('.modal-button'); + var $modalCloses = getAll('.modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button'); + + if ($modalButtons.length > 0) { + $modalButtons.forEach(function ($el) { + $el.addEventListener('click', function () { + var target = $el.dataset.target; + var $target = document.getElementById(target); + $html.classList.add('is-clipped'); + $target.classList.add('is-active'); + }); + }); + } + + if ($modalCloses.length > 0) { + $modalCloses.forEach(function ($el) { + $el.addEventListener('click', function () { + closeModals(); + }); + }); + } + + document.addEventListener('keydown', function (event) { + var e = event || window.event; + if (e.keyCode === 27) { + closeModals(); + closeDropdowns(); + } + }); + + function closeModals() { + $html.classList.remove('is-clipped'); + $modals.forEach(function ($el) { + $el.classList.remove('is-active'); + }); + } + + // Clipboard + + var $highlights = getAll('.highlight'); + var itemsProcessed = 0; + + if ($highlights.length > 0) { + $highlights.forEach(function ($el) { + var copy = ''; + var expand = ''; + $el.insertAdjacentHTML('beforeend', copy); + + if ($el.firstElementChild.scrollHeight > 480 && $el.firstElementChild.clientHeight <= 480) { + $el.insertAdjacentHTML('beforeend', expand); + } + + itemsProcessed++; + if (itemsProcessed === $highlights.length) { + addHighlightControls(); + } + }); + } + + function addHighlightControls() { + var $highlightButtons = getAll('.highlight .copy, .highlight .expand'); + + $highlightButtons.forEach(function ($el) { + $el.addEventListener('mouseenter', function () { + $el.parentNode.style.boxShadow = '0 0 0 1px #ed6c63'; + }); + + $el.addEventListener('mouseleave', function () { + $el.parentNode.style.boxShadow = 'none'; + }); + }); + + var $highlightExpands = getAll('.highlight .expand'); + + $highlightExpands.forEach(function ($el) { + $el.addEventListener('click', function () { + $el.parentNode.firstElementChild.style.maxHeight = 'none'; + }); + }); + } + + new Clipboard('.copy', { + target: function target(trigger) { + return trigger.previousSibling; + } + }); + + // Functions + + function getAll(selector) { + return Array.prototype.slice.call(document.querySelectorAll(selector), 0); + } + + var latestKnownScrollY = 0; + var ticking = false; + + function scrollUpdate() { + ticking = false; + // do stuff + } + + function onScroll() { + latestKnownScrollY = window.scrollY; + scrollRequestTick(); + } + + function scrollRequestTick() { + if (!ticking) { + requestAnimationFrame(scrollUpdate); + } + ticking = true; + } + + window.addEventListener('scroll', onScroll, false); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/love/index.html b/docs/versions/0.5.1/love/index.html new file mode 100644 index 000000000..974698033 --- /dev/null +++ b/docs/versions/0.5.1/love/index.html @@ -0,0 +1,638 @@ + + + + + + + + + Love for Bulma 😍 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Love +

+

+ Happy thoughts from Twitter 😃 +

+
+
+
+ + + + +
+ +
+
+
+
+
+ +
+
+ +
+

+ Are you a Bulma fan too? Show your support! 🤗 +

+

+ + + + + + Tweet #bulmaio + + +

+
+ +
+ +
+ +
+ + + +
+ + + +
+ + + + + + + + + +
+ +
+ + + +
+ + + +
+ + + + + + + + + +
+ + + + + +
+ + + +
+ + + + + + + + + +
+ + + + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + + + + + + + +
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/thank-you/index.html b/docs/versions/0.5.1/thank-you/index.html new file mode 100644 index 000000000..f030c8bd1 --- /dev/null +++ b/docs/versions/0.5.1/thank-you/index.html @@ -0,0 +1,251 @@ + + + + + + + + + Thank you | Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+
+
+

+ Thank you! +

+

+ Go back to the homepage +

+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/tiles/index.html b/docs/versions/0.5.1/tiles/index.html new file mode 100644 index 000000000..271027b1a --- /dev/null +++ b/docs/versions/0.5.1/tiles/index.html @@ -0,0 +1,996 @@ + + + + + + + + + Bulma v0.5.1: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.1 version of the website. + Click here to view the latest version +

+
+ + +
+
+

Tiles

+

A single tile element to build 2-dimensional Metro-like, Pinterest-like, or whatever-you-like grids

+ +
+

To build intricate 2-dimensional, you only need a single element: the tile:

+
+ +
<div class="tile">
+  <!-- The magical tile element! -->
+</div>
+ +
+

The tile element has 16 modifiers:

+
    +
  • + 3 contextual modifiers +
      +
    • is-ancestor
      • +
    • is-parent
      • +
    • is-child
      • +
    +
    • +
  • + 1 directional modifier +
      +
    • is-vertical
      • +
    +
    • +
  • + 12 horizontal size modifiers +
      +
    • from is-1
      • +
    • to is-12
      • +
    +
    • +
+
+ +
+ +

How it works: Nesting

+
+

Everything is a tile! To create a grid of tiles, you only need to nest tile elements.

+
+ +
+
+

Start with an ancestor tile that will wrap all other tiles:

+
+
+
<div class="tile is-ancestor">
+  <!-- All other tile elemnts -->
+</div>
+
+
+ +
+
+

Add tile elements that will distribute themselves horizontally:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+</div>
+
+
+ +
+
+

+ You can resize any tile according to a 12 column grid. +
+ For example, is-4 will take up 2/3 of the horizontal space: +

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4">
+    <!-- 1/3 -->
+  </div>
+  <div class="tile">
+    <!-- This tile will take the rest: 2/3 -->
+  </div>
+</div>
+
+
+ +
+
+

If you want to stack tiles vertically, add is-vertical on the parent tile:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical">
+    <div class="tile">
+      <!-- Top tile -->
+    </div>
+    <div class="tile">
+      <!-- Bottom tile -->
+    </div>
+  </div>
+  <div class="tile">
+    <!-- This tile will take up the whole vertical space -->
+  </div>
+</div>
+
+
+ +
+
+
+

As soon as you want to add content to a tile, just:

+
    +
  • add any class you want, like box
    • +
  • add the is-child modifier on the tile
    • +
  • add the is-parent modifier on the parent tile
    • +
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

One

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+

Two

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+

Three

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+      <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+      <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+    </div>
+  </div>
+</div>
+ +
+ +

Nesting requirements

+ +
+
+ 3 levels deep at least... +
+
+
+

You need at least 3 levels of hierarchy:

+
tile is-ancestor
+|
+└───tile is-parent
+    |
+    └───tile is-child
+
+
+
+ +
+
+ ...but more levels if you want! +
+
+
+

You can however nest tiles more deeply than that, and mix it up!

+
tile is-ancestor
+|
+├───tile is-vertical is-8
+|   |
+|   ├───tile
+|   |   |
+|   |   ├───tile is-parent is-vertical
+|   |   |   ├───tile is-child
+|   |   |   └───tile is-child
+|   |   |
+|   |   └───tile is-parent
+|   |       └───tile is-child
+|   |
+|   └───tile is-parent
+|       └───tile is-child
+|
+└───tile is-parent
+    └───tile is-child
+
+
+
+ +
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <!-- Put any content you want -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <!-- Put any content you want -->
+    </article>
+  </div>
+</div>
+ +
+ +

3 columns

+ +
+
+
+

Hello World

+

What is up?

+
+
+
+
+

Foo

+

Bar

+
+
+
+
+

Third column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Side column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Main column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Hello World</p>
+      <p class="subtitle">What is up?</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Foo</p>
+      <p class="subtitle">Bar</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Third column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Top box</p>
+        </article>
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Bottom box</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Middle box</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.5.1/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <p class="title">Wide column</p>
+        <p class="subtitle">Aligned with the right column</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Tall column</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Side column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-8">
+    <article class="tile is-child box">
+      <p class="title">Main column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

4 columns

+ +
+
+
+

One

+

Subtitle

+
+
+
+
+

Two

+

Subtitle

+
+
+
+
+

Three

+

Subtitle

+
+
+
+
+

Four

+

Subtitle

+
+
+
+
+
+
+
+
+

Five

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+
+
+
+
+
+
+
+

Six

+

Subtitle

+
+
+
+
+

Seven

+

Subtitle

+
+
+
+
+
+

Eight

+

Subtitle

+
+
+
+
+
+
+
+

Nine

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Ten

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+

Eleven

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Twelve

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+
+

Thirteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Fourteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">One</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Two</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Three</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Four</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-9">
+    <div class="tile">
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Five</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-8 is-vertical">
+        <div class="tile">
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Six</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Seven</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+        </div>
+        <div class="tile is-parent">
+          <article class="tile is-child box">
+            <p class="title">Eight</p>
+            <p class="subtitle">Subtitle</p>
+          </article>
+        </div>
+      </div>
+    </div>
+    <div class="tile">
+      <div class="tile is-8 is-parent">
+        <article class="tile is-child box">
+          <p class="title">Nine</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Ten</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Eleven</p>
+        <p class="subtitle">Subtitle</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Twelve</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-6">
+    <article class="tile is-child box">
+      <p class="title">Thirteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Fourteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/vendor/blazy-1.8.2.min.js b/docs/versions/0.5.1/vendor/blazy-1.8.2.min.js new file mode 100644 index 000000000..649abfd84 --- /dev/null +++ b/docs/versions/0.5.1/vendor/blazy-1.8.2.min.js @@ -0,0 +1,6 @@ +/*! + hey, [be]Lazy.js - v1.8.2 - 2016.10.25 + A fast, small and dependency free lazy load script (https://github.com/dinbror/blazy) + (c) Bjoern Klinggaard - @bklinggaard - http://dinbror.dk/blazy +*/ + (function(q,m){"function"===typeof define&&define.amd?define(m):"object"===typeof exports?module.exports=m():q.Blazy=m()})(this,function(){function q(b){var c=b._util;c.elements=E(b.options);c.count=c.elements.length;c.destroyed&&(c.destroyed=!1,b.options.container&&l(b.options.container,function(a){n(a,"scroll",c.validateT)}),n(window,"resize",c.saveViewportOffsetT),n(window,"resize",c.validateT),n(window,"scroll",c.validateT));m(b)}function m(b){for(var c=b._util,a=0;a=c.left&&b.bottom>=c.top&&b.left<=c.right&&b.top<=c.bottom}function z(b,c,a){if(!t(b,a.successClass)&&(c||a.loadInvisible||0=window.screen.width)return u=a.src,!1});setTimeout(function(){q(a)})}}); \ No newline at end of file diff --git a/docs/versions/0.5.1/vendor/clipboard-1.7.1.min.js b/docs/versions/0.5.1/vendor/clipboard-1.7.1.min.js new file mode 100644 index 000000000..90fd15b1c --- /dev/null +++ b/docs/versions/0.5.1/vendor/clipboard-1.7.1.min.js @@ -0,0 +1,7 @@ +/*! + * clipboard.js v1.7.1 + * https://zenorocha.github.io/clipboard.js + * + * Licensed MIT © Zeno Rocha + */ +!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.Clipboard=t()}}(function(){var t,e,n;return function t(e,n,o){function i(a,c){if(!n[a]){if(!e[a]){var l="function"==typeof require&&require;if(!c&&l)return l(a,!0);if(r)return r(a,!0);var s=new Error("Cannot find module '"+a+"'");throw s.code="MODULE_NOT_FOUND",s}var u=n[a]={exports:{}};e[a][0].call(u.exports,function(t){var n=e[a][1][t];return i(n||t)},u,u.exports,t,e,n,o)}return n[a].exports}for(var r="function"==typeof require&&require,a=0;a0&&void 0!==arguments[0]?arguments[0]:{};this.action=e.action,this.container=e.container,this.emitter=e.emitter,this.target=e.target,this.text=e.text,this.trigger=e.trigger,this.selectedText=""}},{key:"initSelection",value:function t(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function t(){var e=this,n="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return e.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[n?"right":"left"]="-9999px";var o=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=o+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,i.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function t(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function t(){this.selectedText=(0,i.default)(this.target),this.copyText()}},{key:"copyText",value:function t(){var e=void 0;try{e=document.execCommand(this.action)}catch(t){e=!1}this.handleResult(e)}},{key:"handleResult",value:function t(e){this.emitter.emit(e?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function t(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function t(){this.removeFake()}},{key:"action",set:function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=e,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function t(){return this._action}},{key:"target",set:function t(e){if(void 0!==e){if(!e||"object"!==(void 0===e?"undefined":r(e))||1!==e.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&e.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(e.hasAttribute("readonly")||e.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=e}},get:function t(){return this._target}}]),t}();t.exports=c})},{select:5}],8:[function(e,n,o){!function(i,r){if("function"==typeof t&&t.amd)t(["module","./clipboard-action","tiny-emitter","good-listener"],r);else if(void 0!==o)r(n,e("./clipboard-action"),e("tiny-emitter"),e("good-listener"));else{var a={exports:{}};r(a,i.clipboardAction,i.tinyEmitter,i.goodListener),i.clipboard=a.exports}}(this,function(t,e,n,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function l(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}var s=i(e),u=i(n),f=i(o),d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof e.action?e.action:this.defaultAction,this.target="function"==typeof e.target?e.target:this.defaultTarget,this.text="function"==typeof e.text?e.text:this.defaultText,this.container="object"===d(e.container)?e.container:document.body}},{key:"listenClick",value:function t(e){var n=this;this.listener=(0,f.default)(e,"click",function(t){return n.onClick(t)})}},{key:"onClick",value:function t(e){var n=e.delegateTarget||e.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new s.default({action:this.action(n),target:this.target(n),text:this.text(n),container:this.container,trigger:n,emitter:this})}},{key:"defaultAction",value:function t(e){return l("action",e)}},{key:"defaultTarget",value:function t(e){var n=l("target",e);if(n)return document.querySelector(n)}},{key:"defaultText",value:function t(e){return l("text",e)}},{key:"destroy",value:function t(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],n="string"==typeof e?[e]:e,o=!!document.queryCommandSupported;return n.forEach(function(t){o=o&&!!document.queryCommandSupported(t)}),o}}]),e}(u.default);t.exports=p})},{"./clipboard-action":7,"good-listener":4,"tiny-emitter":6}]},{},[8])(8)}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.4.4/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html b/docs/versions/0.5.1/versions/0.4.4/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html new file mode 100644 index 000000000..0c4ba7375 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html @@ -0,0 +1,632 @@ + + + + + + + + + Blog launched, new responsive columns, new helpers + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + +
+ +
+
+
+
+
+ + +
+
+
+

+ Back +

+

+ 09 Feb 2016 +

+

+ Blog launched, new responsive columns, new helpers +

+
+
+

First blog post on the newly launched blog! It even has its own RSS feed for those who still use that. This blog will be more frequently updated than the newsletter, so you can subscribe to either or both, as they will be used for different purposes.

+ +

Columns on mobile too

+ +

By default, columns are only activated on tablet and desktop. If you want to use columns on mobile too, add the is-mobile modifier on the columns container.

+ +
<div class="columns is-mobile">
+  <div class="column"></div>
+  <div class="column"></div>
+  <div class="column"></div>
+  <!-- etc. -->
+</div>
+ +

Responsive columns

+ +

You can now apply different column size for each breakpoint.

+ +

For example, let’s say you want a column to take half the width on mobile, a third on tablet, and a quarter on desktop:

+ +
+
+

+ is-half-mobile
+ is-one-third-tablet
+ is-one-quarter-desktop +

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+ +
<div class="columns is-mobile">
+  <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop"></div>
+  <!-- Other columns -->
+</div>
+ +
+
+ Info +
+
+ If you use mobile modifiers on single column elements, make sure to use the is-mobile modifier on the columns container. +
+
+ +

Multiline columns

+ +

By default, if you want to start a new row, you just need to close a columns container and open a new one.

+ +

But you can also add the is-multiline modifier on the columns container, and use column size modifiers (like is-half or is-3) to define size on multiple rows within the same container.

+ +
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+ +
<div class="columns is-multiline is-mobile">
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-half"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column"></div>
+</div>
+ +

Helpers section

+ +

While modifiers are specific to each Bulma element, helpers are general utility classes that can be applied on almost any element. Check out the new helpers documentation!

+ +
+
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html b/docs/versions/0.5.1/versions/0.4.4/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html new file mode 100644 index 000000000..a7eeb7149 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html @@ -0,0 +1,532 @@ + + + + + + + + + Metro UI CSS grid with Bulma tiles + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + +
+ +
+
+
+
+
+ + +
+
+
+

+ Back +

+

+ 11 Apr 2016 +

+

+ Metro UI CSS grid with Bulma tiles +

+
+
+

Have you ever wanted to build a Metro-UI-like grid in CSS? +Thanks to Flexbox and the new Bulma tiles, you now can! And it only requires 1 HTML element: the tile element.

+ +

Metro UI grid tiles in CSS

+ +

Check out the documentation!

+ +
+
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/2017/03/10/new-field-element/index.html b/docs/versions/0.5.1/versions/0.4.4/2017/03/10/new-field-element/index.html new file mode 100644 index 000000000..9d36bf344 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/2017/03/10/new-field-element/index.html @@ -0,0 +1,644 @@ + + + + + + + + + New field element (for better controls) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + +
+ +
+
+
+
+
+ + +
+
+
+

+ Back +

+

+ 10 Mar 2017 +

+

+ New field element (for better controls) +

+
+
+

TL;DR: there’s a new .field container, and .control has been re-purposed.

+ +

Since the beginning, the .control has been a very versatile element that allowed:

+ +
    +
  • to space controls vertically
    • +
  • to include an icon alongside inputs, buttons, textareas…
    • +
  • to append a loading spinner
    • +
  • to create horizontal forms
    • +
  • to create control addons
    • +
  • to create control groups
    • +
+ +

The problem

+ +

The .control element acted as both a block container (for spacing, for other controls in a horizontal form), but also an inline container (for adding an icon, a loader, an addon, and grouping). +It led to issues where you couldn’t:

+ +
    +
  • add a help text horizontally
    • +
  • add multiple icons or loaders in a group of controls
    • +
  • add a different icon on addons
    • +
+ +

The solution

+ +

The new .field element becomes the block container for .control elements. As a result, it inherits the .has-addons, .is-grouped, and .is-horizontal modifiers.

+ +

Furthermore .control element can only contain a .button, .input, .select, or .textarea, and eventually a .icon. It can no longer contain a .help element or other .control.

+ +

But it allows more elaborate designs.

+ +
// Before
+.control
+  .has-addons
+  .has-icon
+  .is-grouped
+  .is-horizontal
+  .is-loading
+
+// After
+.control
+  .has-icon
+  .is-loading
+.field
+  .has-addons
+  .is-grouped
+  .is-horizontal
+.field-label
+.field-body
+ +
<!-- Before -->
+<label class="label">Username</label>
+<p class="control has-icon has-icon-right">
+  <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+  <span class="icon is-small">
+    <i class="fa fa-check"></i>
+  </span>
+  <span class="help is-success">This username is available</span>
+</p>
+
+<!-- After -->
+<div class="field">
+  <label class="label">Username</label>
+  <p class="control has-icon has-icon-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+  <p class="help is-success">This username is available</p>
+</div>
+ +

Examples

+ +

Addons with multiple icons or states.

+ +
+

+ + + + +

+

+ + + + +

+

+ +

+
+ +

Horizontal form with help text

+ +
+
+ +
+
+
+

+ +

+
+
+

+ + + + +

+

This email is correct

+
+
+
+ +
+
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/LICENSE b/docs/versions/0.5.1/versions/0.4.4/LICENSE new file mode 100644 index 000000000..e51b32b7a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2017 Jeremy Thomas + +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. diff --git a/docs/versions/0.5.1/versions/0.4.4/README.md b/docs/versions/0.5.1/versions/0.4.4/README.md new file mode 100644 index 000000000..5fe0de24d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/README.md @@ -0,0 +1,19 @@ +## Building the documentation + +The documentation HTML is produced with the Ruby-based `jekyll` tool. + +1. Make sure Ruby 2.x is installed. +2. `gem install jekyll` + +## Viewing the documentation locally + +Then to view the documentation in your local checkout: + +1. Before you begin, cd into `docs/` directory, and `cp _config.yml _config.local.yml`. Then edit `_config.local.yml` and change the `url:` value to `http://localhost:4000`. This local config file will be ignored by git. +1. In a separate shell session, `cd` to the `docs/` directory, and do: +``` +jekyll serve --incremental --config _config.local.yml +``` +This will start an HTTP server at `http://localhost:4000/` that serves the docs built in the `_site` directory; and anytime the docs are rebuilt by you, it will serve the docs site on the fly. +2. In your main shell session where you develop, if you change anything in `docs/` the jekyll server will rebuild those on the fly. But if you change anything about the Bulma SASS or CSS, you need to do `npm run start-docs` to build the docs' CSS before you will see it in the browser. The process running `jekyll serve` will pick up the new CSS automatically. + diff --git a/docs/versions/0.5.1/versions/0.4.4/blog/index.html b/docs/versions/0.5.1/versions/0.4.4/blog/index.html new file mode 100644 index 000000000..f3b5e169e --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/blog/index.html @@ -0,0 +1,804 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + +
+ +
+
+
+
+
+ + + +
+
+
+
+

+ 10 Mar 2017 +

+

+ + New field element (for better controls) + +

+
+
+
+

TL;DR: there’s a new .field container, and .control has been re-purposed.

+ +

Since the beginning, the .control has been a very versatile element that allowed:

+ +
    +
  • to space controls vertically
    • +
  • to include an icon alongside inputs, buttons, textareas…
    • +
  • to append a loading spinner
    • +
  • to create horizontal forms
    • +
  • to create control addons
    • +
  • to create control groups
    • +
+ +

The problem

+ +

The .control element acted as both a block container (for spacing, for other controls in a horizontal form), but also an inline container (for adding an icon, a loader, an addon, and grouping). +It led to issues where you couldn’t:

+ +
    +
  • add a help text horizontally
    • +
  • add multiple icons or loaders in a group of controls
    • +
  • add a different icon on addons
    • +
+ +

The solution

+ +

The new .field element becomes the block container for .control elements. As a result, it inherits the .has-addons, .is-grouped, and .is-horizontal modifiers.

+ +

Furthermore .control element can only contain a .button, .input, .select, or .textarea, and eventually a .icon. It can no longer contain a .help element or other .control.

+ +

But it allows more elaborate designs.

+ +
// Before
+.control
+  .has-addons
+  .has-icon
+  .is-grouped
+  .is-horizontal
+  .is-loading
+
+// After
+.control
+  .has-icon
+  .is-loading
+.field
+  .has-addons
+  .is-grouped
+  .is-horizontal
+.field-label
+.field-body
+ +
<!-- Before -->
+<label class="label">Username</label>
+<p class="control has-icon has-icon-right">
+  <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+  <span class="icon is-small">
+    <i class="fa fa-check"></i>
+  </span>
+  <span class="help is-success">This username is available</span>
+</p>
+
+<!-- After -->
+<div class="field">
+  <label class="label">Username</label>
+  <p class="control has-icon has-icon-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+  <p class="help is-success">This username is available</p>
+</div>
+ +

Examples

+ +

Addons with multiple icons or states.

+ +
+

+ + + + +

+

+ + + + +

+

+ +

+
+ +

Horizontal form with help text

+ +
+
+ +
+
+
+

+ +

+
+
+

+ + + + +

+

This email is correct

+
+
+
+ +
+
+
+
+
+ +
+
+
+
+

+ 11 Apr 2016 +

+

+ + Metro UI CSS grid with Bulma tiles + +

+
+
+
+

Have you ever wanted to build a Metro-UI-like grid in CSS? +Thanks to Flexbox and the new Bulma tiles, you now can! And it only requires 1 HTML element: the tile element.

+ +

Metro UI grid tiles in CSS

+ +

Check out the documentation!

+ +
+
+
+
+
+ +
+
+
+
+

+ 09 Feb 2016 +

+

+ + Blog launched, new responsive columns, new helpers + +

+
+
+
+

First blog post on the newly launched blog! It even has its own RSS feed for those who still use that. This blog will be more frequently updated than the newsletter, so you can subscribe to either or both, as they will be used for different purposes.

+ +

Columns on mobile too

+ +

By default, columns are only activated on tablet and desktop. If you want to use columns on mobile too, add the is-mobile modifier on the columns container.

+ +
<div class="columns is-mobile">
+  <div class="column"></div>
+  <div class="column"></div>
+  <div class="column"></div>
+  <!-- etc. -->
+</div>
+ +

Responsive columns

+ +

You can now apply different column size for each breakpoint.

+ +

For example, let’s say you want a column to take half the width on mobile, a third on tablet, and a quarter on desktop:

+ +
+
+

+ is-half-mobile
+ is-one-third-tablet
+ is-one-quarter-desktop +

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+ +
<div class="columns is-mobile">
+  <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop"></div>
+  <!-- Other columns -->
+</div>
+ +
+
+ Info +
+
+ If you use mobile modifiers on single column elements, make sure to use the is-mobile modifier on the columns container. +
+
+ +

Multiline columns

+ +

By default, if you want to start a new row, you just need to close a columns container and open a new one.

+ +

But you can also add the is-multiline modifier on the columns container, and use column size modifiers (like is-half or is-3) to define size on multiple rows within the same container.

+ +
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+ +
<div class="columns is-multiline is-mobile">
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-half"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column"></div>
+</div>
+ +

Helpers section

+ +

While modifiers are specific to each Bulma element, helpers are general utility classes that can be applied on almost any element. Check out the new helpers documentation!

+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/css/bulma-docs.css b/docs/versions/0.5.1/versions/0.4.4/css/bulma-docs.css new file mode 100644 index 000000000..8ab78ab56 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/css/bulma-docs.css @@ -0,0 +1,9792 @@ +@charset "UTF-8"; +/*! bulma.io v0.4.4 | MIT License | github.com/jgthms/bulma */ +@-webkit-keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + +ul { + list-style: none; +} + +button, +input, +select, +textarea { + margin: 0; +} + +html { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +* { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +*:before, *:after { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +img, +embed, +object, +audio, +video { + max-width: 100%; +} + +iframe { + border: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; + text-align: left; +} + +html { + background-color: #fff; + font-size: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + min-width: 300px; + overflow-x: hidden; + overflow-y: scroll; + text-rendering: optimizeLegibility; +} + +article, +aside, +figure, +footer, +header, +hgroup, +section { + display: block; +} + +body, +button, +input, +select, +textarea { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; +} + +code, +pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: monospace; +} + +body { + color: #4a4a4a; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; +} + +a { + color: #00d1b2; + cursor: pointer; + text-decoration: none; + -webkit-transition: none 86ms ease-out; + transition: none 86ms ease-out; +} + +a:hover { + color: #363636; +} + +code { + background-color: whitesmoke; + color: #ff3860; + font-size: 0.8em; + font-weight: normal; + padding: 0.25em 0.5em 0.25em; +} + +hr { + background-color: #dbdbdb; + border: none; + display: block; + height: 1px; + margin: 1.5rem 0; +} + +img { + height: auto; + max-width: 100%; +} + +input[type="checkbox"], +input[type="radio"] { + vertical-align: baseline; +} + +small { + font-size: 0.875em; +} + +span { + font-style: inherit; + font-weight: inherit; +} + +strong { + color: #363636; + font-weight: 700; +} + +pre { + background-color: whitesmoke; + color: #4a4a4a; + font-size: 0.8em; + white-space: pre; + word-wrap: normal; +} + +pre code { + -webkit-overflow-scrolling: touch; + background: none; + color: inherit; + display: block; + font-size: 1em; + overflow-x: auto; + padding: 1.25rem 1.5rem; +} + +table { + width: 100%; +} + +table td, +table th { + text-align: left; + vertical-align: top; +} + +table th { + color: #363636; +} + +.is-block { + display: block; +} + +@media screen and (max-width: 768px) { + .is-block-mobile { + display: block !important; + } +} + +@media screen and (min-width: 769px), print { + .is-block-tablet { + display: block !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-block-tablet-only { + display: block !important; + } +} + +@media screen and (max-width: 1007px) { + .is-block-touch { + display: block !important; + } +} + +@media screen and (min-width: 1008px) { + .is-block-desktop { + display: block !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-block-desktop-only { + display: block !important; + } +} + +@media screen and (min-width: 1200px) { + .is-block-widescreen { + display: block !important; + } +} + +.is-flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +@media screen and (max-width: 768px) { + .is-flex-mobile { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 769px), print { + .is-flex-tablet { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-flex-tablet-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (max-width: 1007px) { + .is-flex-touch { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1008px) { + .is-flex-desktop { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-flex-desktop-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1200px) { + .is-flex-widescreen { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +.is-inline { + display: inline; +} + +@media screen and (max-width: 768px) { + .is-inline-mobile { + display: inline !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-tablet { + display: inline !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-tablet-only { + display: inline !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-touch { + display: inline !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-desktop { + display: inline !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-desktop-only { + display: inline !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-widescreen { + display: inline !important; + } +} + +.is-inline-block { + display: inline-block; +} + +@media screen and (max-width: 768px) { + .is-inline-block-mobile { + display: inline-block !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-block-tablet { + display: inline-block !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-block-tablet-only { + display: inline-block !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-block-touch { + display: inline-block !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-block-desktop { + display: inline-block !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-block-desktop-only { + display: inline-block !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-block-widescreen { + display: inline-block !important; + } +} + +.is-inline-flex { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; +} + +@media screen and (max-width: 768px) { + .is-inline-flex-mobile { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-flex-tablet { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-flex-tablet-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-flex-touch { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-flex-desktop { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-flex-desktop-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-flex-widescreen { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +.is-clearfix:after { + clear: both; + content: " "; + display: table; +} + +.is-pulled-left { + float: left !important; +} + +.is-pulled-right { + float: right !important; +} + +.is-clipped { + overflow: hidden !important; +} + +.is-overlay { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.is-size-1 { + font-size: 3rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-1-mobile { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-1-tablet { + font-size: 3rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-1-touch { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-1-desktop { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-1-widescreen { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-1-fullhd { + font-size: 3rem !important; + } +} + +.is-size-2 { + font-size: 2.5rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-2-mobile { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-2-tablet { + font-size: 2.5rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-2-touch { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-2-desktop { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-2-widescreen { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-2-fullhd { + font-size: 2.5rem !important; + } +} + +.is-size-3 { + font-size: 2rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-3-mobile { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-3-tablet { + font-size: 2rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-3-touch { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-3-desktop { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-3-widescreen { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-3-fullhd { + font-size: 2rem !important; + } +} + +.is-size-4 { + font-size: 1.5rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-4-mobile { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-4-tablet { + font-size: 1.5rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-4-touch { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-4-desktop { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-4-widescreen { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-4-fullhd { + font-size: 1.5rem !important; + } +} + +.is-size-5 { + font-size: 1.25rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-5-mobile { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-5-tablet { + font-size: 1.25rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-5-touch { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-5-desktop { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-5-widescreen { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-5-fullhd { + font-size: 1.25rem !important; + } +} + +.is-size-6 { + font-size: 1rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-6-mobile { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-6-tablet { + font-size: 1rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-6-touch { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-6-desktop { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-6-widescreen { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-6-fullhd { + font-size: 1rem !important; + } +} + +.has-text-centered { + text-align: center !important; +} + +.has-text-left { + text-align: left !important; +} + +.has-text-right { + text-align: right !important; +} + +.has-text-white { + color: white !important; +} + +a.has-text-white:hover, a.has-text-white:focus { + color: #e6e6e6; +} + +.has-text-black { + color: #0a0a0a !important; +} + +a.has-text-black:hover, a.has-text-black:focus { + color: black; +} + +.has-text-light { + color: whitesmoke !important; +} + +a.has-text-light:hover, a.has-text-light:focus { + color: #dbdbdb; +} + +.has-text-dark { + color: #363636 !important; +} + +a.has-text-dark:hover, a.has-text-dark:focus { + color: #1c1c1c; +} + +.has-text-primary { + color: #00d1b2 !important; +} + +a.has-text-primary:hover, a.has-text-primary:focus { + color: #009e86; +} + +.has-text-info { + color: #3273dc !important; +} + +a.has-text-info:hover, a.has-text-info:focus { + color: #205bbc; +} + +.has-text-success { + color: #23d160 !important; +} + +a.has-text-success:hover, a.has-text-success:focus { + color: #1ca64c; +} + +.has-text-warning { + color: #ffdd57 !important; +} + +a.has-text-warning:hover, a.has-text-warning:focus { + color: #ffd324; +} + +.has-text-danger { + color: #ff3860 !important; +} + +a.has-text-danger:hover, a.has-text-danger:focus { + color: #ff0537; +} + +.has-text-black-bis { + color: #121212 !important; +} + +.has-text-black-ter { + color: #242424 !important; +} + +.has-text-grey-darker { + color: #363636 !important; +} + +.has-text-grey-dark { + color: #4a4a4a !important; +} + +.has-text-grey { + color: #7a7a7a !important; +} + +.has-text-grey-light { + color: #b5b5b5 !important; +} + +.has-text-grey-lighter { + color: #dbdbdb !important; +} + +.has-text-white-ter { + color: whitesmoke !important; +} + +.has-text-white-bis { + color: #fafafa !important; +} + +.is-hidden { + display: none !important; +} + +@media screen and (max-width: 768px) { + .is-hidden-mobile { + display: none !important; + } +} + +@media screen and (min-width: 769px), print { + .is-hidden-tablet { + display: none !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-hidden-tablet-only { + display: none !important; + } +} + +@media screen and (max-width: 1007px) { + .is-hidden-touch { + display: none !important; + } +} + +@media screen and (min-width: 1008px) { + .is-hidden-desktop { + display: none !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-hidden-desktop-only { + display: none !important; + } +} + +@media screen and (min-width: 1200px) { + .is-hidden-widescreen { + display: none !important; + } +} + +.is-marginless { + margin: 0 !important; +} + +.is-paddingless { + padding: 0 !important; +} + +.is-unselectable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.box { + background-color: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + display: block; + padding: 1.25rem; +} + +.box:not(:last-child) { + margin-bottom: 1.5rem; +} + +a.box:hover, a.box:focus { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +a.box:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; +} + +.button { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: white; + border-color: #dbdbdb; + color: #363636; + cursor: pointer; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; + text-align: center; + white-space: nowrap; +} + +.button:focus, .button.is-focused, .button:active, .button.is-active { + outline: none; +} + +.button[disabled] { + cursor: not-allowed; +} + +.button strong { + color: inherit; +} + +.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { + height: 1.5em; + width: 1.5em; +} + +.button .icon:first-child:not(:last-child) { + margin-left: calc(-0.375em - 1px); + margin-right: 0.1875em; +} + +.button .icon:last-child:not(:first-child) { + margin-left: 0.1875em; + margin-right: calc(-0.375em - 1px); +} + +.button .icon:first-child:last-child { + margin-left: calc(-0.375em - 1px); + margin-right: calc(-0.375em - 1px); +} + +.button:hover, .button.is-hovered { + border-color: #b5b5b5; + color: #363636; +} + +.button:focus, .button.is-focused { + border-color: #00d1b2; + -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #363636; +} + +.button:active, .button.is-active { + border-color: #4a4a4a; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #363636; +} + +.button.is-link { + background-color: transparent; + border-color: transparent; + color: #4a4a4a; + text-decoration: underline; +} + +.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active { + background-color: whitesmoke; + color: #363636; +} + +.button.is-link[disabled] { + background-color: transparent; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-white { + background-color: white; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:hover, .button.is-white.is-hovered { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:focus, .button.is-white.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: #0a0a0a; +} + +.button.is-white:active, .button.is-white.is-active { + background-color: #f2f2f2; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #0a0a0a; +} + +.button.is-white[disabled] { + background-color: white; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-white.is-inverted { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted:hover { + background-color: black; +} + +.button.is-white.is-inverted[disabled] { + background-color: #0a0a0a; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-white.is-loading:after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-white.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.button.is-white.is-outlined.is-loading:after { + border-color: transparent transparent white white !important; +} + +.button.is-white.is-outlined[disabled] { + background-color: transparent; + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black { + background-color: #0a0a0a; + border-color: transparent; + color: white; +} + +.button.is-black:hover, .button.is-black.is-hovered { + background-color: #040404; + border-color: transparent; + color: white; +} + +.button.is-black:focus, .button.is-black.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: white; +} + +.button.is-black:active, .button.is-black.is-active { + background-color: black; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: white; +} + +.button.is-black[disabled] { + background-color: #0a0a0a; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-black.is-inverted { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-black.is-inverted[disabled] { + background-color: white; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-loading:after { + border-color: transparent transparent white white !important; +} + +.button.is-black.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.button.is-black.is-outlined.is-loading:after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-black.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-light { + background-color: whitesmoke; + border-color: transparent; + color: #363636; +} + +.button.is-light:hover, .button.is-light.is-hovered { + background-color: #eeeeee; + border-color: transparent; + color: #363636; +} + +.button.is-light:focus, .button.is-light.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + color: #363636; +} + +.button.is-light:active, .button.is-light.is-active { + background-color: #e8e8e8; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #363636; +} + +.button.is-light[disabled] { + background-color: whitesmoke; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-light.is-inverted { + background-color: #363636; + color: whitesmoke; +} + +.button.is-light.is-inverted:hover { + background-color: #292929; +} + +.button.is-light.is-inverted[disabled] { + background-color: #363636; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-light.is-loading:after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-light.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; +} + +.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.button.is-light.is-outlined.is-loading:after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-light.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { + background-color: #363636; + color: whitesmoke; +} + +.button.is-light.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark { + background-color: #363636; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:hover, .button.is-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:focus, .button.is-dark.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + color: whitesmoke; +} + +.button.is-dark:active, .button.is-dark.is-active { + background-color: #292929; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: whitesmoke; +} + +.button.is-dark[disabled] { + background-color: #363636; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-dark.is-inverted { + background-color: whitesmoke; + color: #363636; +} + +.button.is-dark.is-inverted:hover { + background-color: #e8e8e8; +} + +.button.is-dark.is-inverted[disabled] { + background-color: whitesmoke; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark.is-loading:after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.button.is-dark.is-outlined.is-loading:after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-dark.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; +} + +.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { + background-color: whitesmoke; + color: #363636; +} + +.button.is-dark.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-primary { + background-color: #00d1b2; + border-color: transparent; + color: #fff; +} + +.button.is-primary:hover, .button.is-primary.is-hovered { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} + +.button.is-primary:focus, .button.is-primary.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #fff; +} + +.button.is-primary:active, .button.is-primary.is-active { + background-color: #00b89c; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-primary[disabled] { + background-color: #00d1b2; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-primary.is-inverted { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-primary.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-primary.is-outlined { + background-color: transparent; + border-color: #00d1b2; + color: #00d1b2; +} + +.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.button.is-primary.is-outlined.is-loading:after { + border-color: transparent transparent #00d1b2 #00d1b2 !important; +} + +.button.is-primary.is-outlined[disabled] { + background-color: transparent; + border-color: #00d1b2; + -webkit-box-shadow: none; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-info { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} + +.button.is-info:hover, .button.is-info.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} + +.button.is-info:focus, .button.is-info.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + color: #fff; +} + +.button.is-info:active, .button.is-info.is-active { + background-color: #2366d1; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-info[disabled] { + background-color: #3273dc; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-info.is-inverted { + background-color: #fff; + color: #3273dc; +} + +.button.is-info.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-info.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #3273dc; +} + +.button.is-info.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-info.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc; +} + +.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} + +.button.is-info.is-outlined.is-loading:after { + border-color: transparent transparent #3273dc #3273dc !important; +} + +.button.is-info.is-outlined[disabled] { + background-color: transparent; + border-color: #3273dc; + -webkit-box-shadow: none; + box-shadow: none; + color: #3273dc; +} + +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { + background-color: #fff; + color: #3273dc; +} + +.button.is-info.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-success { + background-color: #23d160; + border-color: transparent; + color: #fff; +} + +.button.is-success:hover, .button.is-success.is-hovered { + background-color: #22c65b; + border-color: transparent; + color: #fff; +} + +.button.is-success:focus, .button.is-success.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + color: #fff; +} + +.button.is-success:active, .button.is-success.is-active { + background-color: #20bc56; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-success[disabled] { + background-color: #23d160; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-success.is-inverted { + background-color: #fff; + color: #23d160; +} + +.button.is-success.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-success.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #23d160; +} + +.button.is-success.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-success.is-outlined { + background-color: transparent; + border-color: #23d160; + color: #23d160; +} + +.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { + background-color: #23d160; + border-color: #23d160; + color: #fff; +} + +.button.is-success.is-outlined.is-loading:after { + border-color: transparent transparent #23d160 #23d160 !important; +} + +.button.is-success.is-outlined[disabled] { + background-color: transparent; + border-color: #23d160; + -webkit-box-shadow: none; + box-shadow: none; + color: #23d160; +} + +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { + background-color: #fff; + color: #23d160; +} + +.button.is-success.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-warning { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:hover, .button.is-warning.is-hovered { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:focus, .button.is-warning.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:active, .button.is-warning.is-active { + background-color: #ffd83d; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning[disabled] { + background-color: #ffdd57; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted:hover { + background-color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted[disabled] { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-loading:after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} + +.button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + color: #ffdd57; +} + +.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-outlined.is-loading:after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; +} + +.button.is-warning.is-outlined[disabled] { + background-color: transparent; + border-color: #ffdd57; + -webkit-box-shadow: none; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + -webkit-box-shadow: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-danger { + background-color: #ff3860; + border-color: transparent; + color: #fff; +} + +.button.is-danger:hover, .button.is-danger.is-hovered { + background-color: #ff2b56; + border-color: transparent; + color: #fff; +} + +.button.is-danger:focus, .button.is-danger.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + color: #fff; +} + +.button.is-danger:active, .button.is-danger.is-active { + background-color: #ff1f4b; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-danger[disabled] { + background-color: #ff3860; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-danger.is-inverted { + background-color: #fff; + color: #ff3860; +} + +.button.is-danger.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-danger.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #ff3860; +} + +.button.is-danger.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-danger.is-outlined { + background-color: transparent; + border-color: #ff3860; + color: #ff3860; +} + +.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { + background-color: #ff3860; + border-color: #ff3860; + color: #fff; +} + +.button.is-danger.is-outlined.is-loading:after { + border-color: transparent transparent #ff3860 #ff3860 !important; +} + +.button.is-danger.is-outlined[disabled] { + background-color: transparent; + border-color: #ff3860; + -webkit-box-shadow: none; + box-shadow: none; + color: #ff3860; +} + +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { + background-color: #fff; + color: #ff3860; +} + +.button.is-danger.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.button.is-medium { + font-size: 1.25rem; +} + +.button.is-large { + font-size: 1.5rem; +} + +.button[disabled] { + background-color: white; + border-color: #dbdbdb; + -webkit-box-shadow: none; + box-shadow: none; + opacity: 0.5; +} + +.button.is-fullwidth { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; +} + +.button.is-loading { + color: transparent !important; + pointer-events: none; +} + +.button.is-loading:after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + position: absolute; + left: calc(50% - (1em / 2)); + top: calc(50% - (1em / 2)); + position: absolute !important; +} + +.button.is-static { + background-color: whitesmoke; + border-color: #dbdbdb; + color: #7a7a7a; + -webkit-box-shadow: none; + box-shadow: none; + pointer-events: none; +} + +button.button, +input[type="submit"].button { + line-height: 1; + padding-bottom: 0.4em; + padding-top: 0.35em; +} + +.content:not(:last-child) { + margin-bottom: 1.5rem; +} + +.content li + li { + margin-top: 0.25em; +} + +.content p:not(:last-child), +.content dl:not(:last-child), +.content ol:not(:last-child), +.content ul:not(:last-child), +.content blockquote:not(:last-child), +.content pre:not(:last-child), +.content table:not(:last-child) { + margin-bottom: 1em; +} + +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + color: #363636; + font-weight: 400; + line-height: 1.125; +} + +.content h1 { + font-size: 2em; + margin-bottom: 0.5em; +} + +.content h1:not(:first-child) { + margin-top: 1em; +} + +.content h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; +} + +.content h2:not(:first-child) { + margin-top: 1.1428em; +} + +.content h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; +} + +.content h3:not(:first-child) { + margin-top: 1.3333em; +} + +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; +} + +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; +} + +.content h6 { + font-size: 1em; + margin-bottom: 1em; +} + +.content blockquote { + background-color: whitesmoke; + border-left: 5px solid #dbdbdb; + padding: 1.25em 1.5em; +} + +.content ol { + list-style: decimal outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ul ul { + list-style-type: circle; + margin-top: 0.5em; +} + +.content ul ul ul { + list-style-type: square; +} + +.content dd { + margin-left: 2em; +} + +.content figure { + text-align: center; +} + +.content figure img { + display: inline-block; +} + +.content figure figcaption { + font-style: italic; +} + +.content pre { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; +} + +.content sup, +.content sub { + font-size: 70%; +} + +.content table { + width: 100%; +} + +.content table td, +.content table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.content table th { + color: #363636; + text-align: left; +} + +.content table tr:hover { + background-color: whitesmoke; +} + +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0; +} + +.content.is-small { + font-size: 0.75rem; +} + +.content.is-medium { + font-size: 1.25rem; +} + +.content.is-large { + font-size: 1.5rem; +} + +.input, +.textarea { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + background-color: white; + border-color: #dbdbdb; + color: #363636; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + max-width: 100%; + width: 100%; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + outline: none; +} + +.input[disabled], +.textarea[disabled] { + cursor: not-allowed; +} + +.input:hover, .input.is-hovered, +.textarea:hover, +.textarea.is-hovered { + border-color: #b5b5b5; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + border-color: #00d1b2; +} + +.input[disabled], +.textarea[disabled] { + background-color: whitesmoke; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; +} + +.input[disabled]::-moz-placeholder, +.textarea[disabled]::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input[disabled]::-webkit-input-placeholder, +.textarea[disabled]::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input[disabled]:-moz-placeholder, +.textarea[disabled]:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input[disabled]:-ms-input-placeholder, +.textarea[disabled]:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input[type="search"], +.textarea[type="search"] { + border-radius: 290486px; +} + +.input.is-white, +.textarea.is-white { + border-color: white; +} + +.input.is-black, +.textarea.is-black { + border-color: #0a0a0a; +} + +.input.is-light, +.textarea.is-light { + border-color: whitesmoke; +} + +.input.is-dark, +.textarea.is-dark { + border-color: #363636; +} + +.input.is-primary, +.textarea.is-primary { + border-color: #00d1b2; +} + +.input.is-info, +.textarea.is-info { + border-color: #3273dc; +} + +.input.is-success, +.textarea.is-success { + border-color: #23d160; +} + +.input.is-warning, +.textarea.is-warning { + border-color: #ffdd57; +} + +.input.is-danger, +.textarea.is-danger { + border-color: #ff3860; +} + +.input.is-small, +.textarea.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.input.is-medium, +.textarea.is-medium { + font-size: 1.25rem; +} + +.input.is-large, +.textarea.is-large { + font-size: 1.5rem; +} + +.input.is-fullwidth, +.textarea.is-fullwidth { + display: block; + width: 100%; +} + +.input.is-inline, +.textarea.is-inline { + display: inline; + width: auto; +} + +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: 0.625em; + resize: vertical; +} + +.textarea:not([rows]) { + max-height: 600px; + min-height: 120px; +} + +.textarea[rows] { + height: unset; +} + +.checkbox, +.radio { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative; +} + +.checkbox input, +.radio input { + cursor: pointer; +} + +.checkbox:hover, +.radio:hover { + color: #363636; +} + +.checkbox[disabled], +.radio[disabled] { + color: #7a7a7a; + cursor: not-allowed; +} + +.radio + .radio { + margin-left: 0.5em; +} + +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top; +} + +.select:not(.is-multiple) { + height: 2.25em; +} + +.select:not(.is-multiple)::after { + border: 1px solid #00d1b2; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + z-index: 4; +} + +.select select { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + background-color: white; + border-color: #dbdbdb; + color: #363636; + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + outline: none; +} + +.select select[disabled] { + cursor: not-allowed; +} + +.select select:hover, .select select.is-hovered { + border-color: #b5b5b5; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + border-color: #00d1b2; +} + +.select select[disabled] { + background-color: whitesmoke; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; +} + +.select select[disabled]::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select[disabled]::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select[disabled]:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select[disabled]:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select:hover { + border-color: #b5b5b5; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + border-color: #00d1b2; +} + +.select select::-ms-expand { + display: none; +} + +.select select[disabled]:hover { + border-color: whitesmoke; +} + +.select select:not([multiple]) { + padding-right: 2.5em; +} + +.select select[multiple] { + height: unset; + padding: 0; +} + +.select select[multiple] option { + padding: 0.5em 1em; +} + +.select:hover::after { + border-color: #363636; +} + +.select.is-white select { + border-color: white; +} + +.select.is-black select { + border-color: #0a0a0a; +} + +.select.is-light select { + border-color: whitesmoke; +} + +.select.is-dark select { + border-color: #363636; +} + +.select.is-primary select { + border-color: #00d1b2; +} + +.select.is-info select { + border-color: #3273dc; +} + +.select.is-success select { + border-color: #23d160; +} + +.select.is-warning select { + border-color: #ffdd57; +} + +.select.is-danger select { + border-color: #ff3860; +} + +.select.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.select.is-medium { + font-size: 1.25rem; +} + +.select.is-large { + font-size: 1.5rem; +} + +.select.is-disabled::after { + border-color: #7a7a7a; +} + +.select.is-fullwidth { + width: 100%; +} + +.select.is-fullwidth select { + width: 100%; +} + +.select.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + margin-top: 0; + position: absolute; + right: 0.625em; + top: 0.625em; + -webkit-transform: none; + transform: none; +} + +.select.is-loading.is-small:after { + font-size: 0.75rem; +} + +.select.is-loading.is-medium:after { + font-size: 1.25rem; +} + +.select.is-loading.is-large:after { + font-size: 1.5rem; +} + +.label { + color: #363636; + display: block; + font-size: 1rem; + font-weight: 700; +} + +.label:not(:last-child) { + margin-bottom: 0.5em; +} + +.label.is-small { + font-size: 0.75rem; +} + +.label.is-medium { + font-size: 1.25rem; +} + +.label.is-large { + font-size: 1.5rem; +} + +.help { + display: block; + font-size: 0.75rem; + margin-top: 0.25rem; +} + +.help.is-white { + color: white; +} + +.help.is-black { + color: #0a0a0a; +} + +.help.is-light { + color: whitesmoke; +} + +.help.is-dark { + color: #363636; +} + +.help.is-primary { + color: #00d1b2; +} + +.help.is-info { + color: #3273dc; +} + +.help.is-success { + color: #23d160; +} + +.help.is-warning { + color: #ffdd57; +} + +.help.is-danger { + color: #ff3860; +} + +.field:not(:last-child) { + margin-bottom: 0.75rem; +} + +.field.has-addons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.field.has-addons .control:not(:last-child) { + margin-right: -1px; +} + +.field.has-addons .control:first-child .button, +.field.has-addons .control:first-child .input, +.field.has-addons .control:first-child .select select { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.field.has-addons .control:last-child .button, +.field.has-addons .control:last-child .input, +.field.has-addons .control:last-child .select select { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} + +.field.has-addons .control .button, +.field.has-addons .control .input, +.field.has-addons .control .select select { + border-radius: 0; +} + +.field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered, +.field.has-addons .control .input:hover, +.field.has-addons .control .input.is-hovered, +.field.has-addons .control .select select:hover, +.field.has-addons .control .select select.is-hovered { + z-index: 2; +} + +.field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active, +.field.has-addons .control .input:focus, +.field.has-addons .control .input.is-focused, +.field.has-addons .control .input:active, +.field.has-addons .control .input.is-active, +.field.has-addons .control .select select:focus, +.field.has-addons .control .select select.is-focused, +.field.has-addons .control .select select:active, +.field.has-addons .control .select select.is-active { + z-index: 3; +} + +.field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover, +.field.has-addons .control .input:focus:hover, +.field.has-addons .control .input.is-focused:hover, +.field.has-addons .control .input:active:hover, +.field.has-addons .control .input.is-active:hover, +.field.has-addons .control .select select:focus:hover, +.field.has-addons .control .select select.is-focused:hover, +.field.has-addons .control .select select:active:hover, +.field.has-addons .control .select select.is-active:hover { + z-index: 4; +} + +.field.has-addons .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.field.has-addons.has-addons-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.field.has-addons.has-addons-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.field.has-addons.has-addons-fullwidth .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.field.is-grouped { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.field.is-grouped > .control { + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.field.is-grouped > .control:not(:last-child) { + margin-bottom: 0; + margin-right: 0.75rem; +} + +.field.is-grouped > .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.field.is-grouped.is-grouped-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.field.is-grouped.is-grouped-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.field.is-grouped.is-grouped-multiline { + flex-wrap: wrap; +} + +.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { + margin-bottom: 0.75rem; +} + +.field.is-grouped.is-grouped-multiline:last-child { + margin-bottom: -0.75rem; +} + +.field.is-grouped.is-grouped-multiline:not(:last-child) { + margin-bottom: 0; +} + +@media screen and (min-width: 769px), print { + .field.is-horizontal { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.field-label .label { + font-size: inherit; +} + +@media screen and (max-width: 768px) { + .field-label { + margin-bottom: 0.5rem; + } +} + +@media screen and (min-width: 769px), print { + .field-label { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-right: 1.5rem; + text-align: right; + } + .field-label.is-small { + font-size: 0.75rem; + padding-top: 0.375em; + } + .field-label.is-normal { + padding-top: 0.375em; + } + .field-label.is-medium { + font-size: 1.25rem; + padding-top: 0.375em; + } + .field-label.is-large { + font-size: 1.5rem; + padding-top: 0.375em; + } +} + +.field-body .field .field { + margin-bottom: 0; +} + +@media screen and (min-width: 769px), print { + .field-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + -ms-flex-negative: 1; + flex-shrink: 1; + } + .field-body .field { + margin-bottom: 0; + } + .field-body > .field { + -ms-flex-negative: 1; + flex-shrink: 1; + } + .field-body > .field:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .field-body > .field:not(:last-child) { + margin-right: 0.75rem; + } +} + +.control { + font-size: 1rem; + position: relative; + text-align: left; +} + +.control.has-icon .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} + +.control.has-icon .input:focus + .icon { + color: #7a7a7a; +} + +.control.has-icon .input.is-small + .icon { + font-size: 0.75rem; +} + +.control.has-icon .input.is-medium + .icon { + font-size: 1.25rem; +} + +.control.has-icon .input.is-large + .icon { + font-size: 1.5rem; +} + +.control.has-icon:not(.has-icon-right) .icon { + left: 0; +} + +.control.has-icon:not(.has-icon-right) .input { + padding-left: 2.25em; +} + +.control.has-icon.has-icon-right .icon { + right: 0; +} + +.control.has-icon.has-icon-right .input { + padding-right: 2.25em; +} + +.control.has-icons-left .input:focus ~ .icon, +.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, +.control.has-icons-right .select:focus ~ .icon { + color: #7a7a7a; +} + +.control.has-icons-left .input.is-small ~ .icon, +.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, +.control.has-icons-right .select.is-small ~ .icon { + font-size: 0.75rem; +} + +.control.has-icons-left .input.is-medium ~ .icon, +.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, +.control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem; +} + +.control.has-icons-left .input.is-large ~ .icon, +.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, +.control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem; +} + +.control.has-icons-left .icon, .control.has-icons-right .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} + +.control.has-icons-left .input, +.control.has-icons-left .select select { + padding-left: 2.25em; +} + +.control.has-icons-left .icon.is-left { + left: 0; +} + +.control.has-icons-right .input, +.control.has-icons-right .select select { + padding-right: 2.25em; +} + +.control.has-icons-right .icon.is-right { + right: 0; +} + +.control.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + position: absolute !important; + right: 0.625em; + top: 0.625em; +} + +.control.is-loading.is-small:after { + font-size: 0.75rem; +} + +.control.is-loading.is-medium:after { + font-size: 1.25rem; +} + +.control.is-loading.is-large:after { + font-size: 1.5rem; +} + +.icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 1.5rem; + width: 1.5rem; +} + +.icon .fa { + font-size: 21px; +} + +.icon.is-small { + height: 1rem; + width: 1rem; +} + +.icon.is-small .fa { + font-size: 14px; +} + +.icon.is-medium { + height: 2rem; + width: 2rem; +} + +.icon.is-medium .fa { + font-size: 28px; +} + +.icon.is-large { + height: 3rem; + width: 3rem; +} + +.icon.is-large .fa { + font-size: 42px; +} + +.image { + display: block; + position: relative; +} + +.image img { + display: block; + height: auto; + width: 100%; +} + +.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} + +.image.is-square, .image.is-1by1 { + padding-top: 100%; +} + +.image.is-4by3 { + padding-top: 75%; +} + +.image.is-3by2 { + padding-top: 66.6666%; +} + +.image.is-16by9 { + padding-top: 56.25%; +} + +.image.is-2by1 { + padding-top: 50%; +} + +.image.is-16x16 { + height: 16px; + width: 16px; +} + +.image.is-24x24 { + height: 24px; + width: 24px; +} + +.image.is-32x32 { + height: 32px; + width: 32px; +} + +.image.is-48x48 { + height: 48px; + width: 48px; +} + +.image.is-64x64 { + height: 64px; + width: 64px; +} + +.image.is-96x96 { + height: 96px; + width: 96px; +} + +.image.is-128x128 { + height: 128px; + width: 128px; +} + +.notification { + background-color: whitesmoke; + border-radius: 3px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative; +} + +.notification:not(:last-child) { + margin-bottom: 1.5rem; +} + +.notification a:not(.button) { + color: currentColor; + text-decoration: underline; +} + +.notification strong { + color: currentColor; +} + +.notification code, +.notification pre { + background: white; +} + +.notification pre code { + background: transparent; +} + +.notification > .delete { + position: absolute; + right: 0.5em; + top: 0.5em; +} + +.notification .title, +.notification .subtitle, +.notification .content { + color: currentColor; +} + +.notification.is-white { + background-color: white; + color: #0a0a0a; +} + +.notification.is-black { + background-color: #0a0a0a; + color: white; +} + +.notification.is-light { + background-color: whitesmoke; + color: #363636; +} + +.notification.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.notification.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.notification.is-info { + background-color: #3273dc; + color: #fff; +} + +.notification.is-success { + background-color: #23d160; + color: #fff; +} + +.notification.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.notification.is-danger { + background-color: #ff3860; + color: #fff; +} + +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 290486px; + display: block; + height: 1rem; + overflow: hidden; + padding: 0; + width: 100%; +} + +.progress:not(:last-child) { + margin-bottom: 1.5rem; +} + +.progress::-webkit-progress-bar { + background-color: #dbdbdb; +} + +.progress::-webkit-progress-value { + background-color: #4a4a4a; +} + +.progress::-moz-progress-bar { + background-color: #4a4a4a; +} + +.progress.is-white::-webkit-progress-value { + background-color: white; +} + +.progress.is-white::-moz-progress-bar { + background-color: white; +} + +.progress.is-black::-webkit-progress-value { + background-color: #0a0a0a; +} + +.progress.is-black::-moz-progress-bar { + background-color: #0a0a0a; +} + +.progress.is-light::-webkit-progress-value { + background-color: whitesmoke; +} + +.progress.is-light::-moz-progress-bar { + background-color: whitesmoke; +} + +.progress.is-dark::-webkit-progress-value { + background-color: #363636; +} + +.progress.is-dark::-moz-progress-bar { + background-color: #363636; +} + +.progress.is-primary::-webkit-progress-value { + background-color: #00d1b2; +} + +.progress.is-primary::-moz-progress-bar { + background-color: #00d1b2; +} + +.progress.is-info::-webkit-progress-value { + background-color: #3273dc; +} + +.progress.is-info::-moz-progress-bar { + background-color: #3273dc; +} + +.progress.is-success::-webkit-progress-value { + background-color: #23d160; +} + +.progress.is-success::-moz-progress-bar { + background-color: #23d160; +} + +.progress.is-warning::-webkit-progress-value { + background-color: #ffdd57; +} + +.progress.is-warning::-moz-progress-bar { + background-color: #ffdd57; +} + +.progress.is-danger::-webkit-progress-value { + background-color: #ff3860; +} + +.progress.is-danger::-moz-progress-bar { + background-color: #ff3860; +} + +.progress.is-small { + height: 0.75rem; +} + +.progress.is-medium { + height: 1.25rem; +} + +.progress.is-large { + height: 1.5rem; +} + +.table { + background-color: white; + color: #363636; + margin-bottom: 1.5rem; + width: 100%; +} + +.table td, +.table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1%; +} + +.table th { + color: #363636; + text-align: left; +} + +.table tr:hover { + background-color: #fafafa; +} + +.table tr.is-selected { + background-color: #00d1b2; + color: #fff; +} + +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor; +} + +.table tr.is-selected td, +.table tr.is-selected th { + border-color: #fff; + color: currentColor; +} + +.table thead td, +.table thead th { + border-width: 0 0 2px; + color: #7a7a7a; +} + +.table tfoot td, +.table tfoot th { + border-width: 2px 0 0; + color: #7a7a7a; +} + +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; +} + +.table.is-bordered td, +.table.is-bordered th { + border-width: 1px; +} + +.table.is-bordered tr:last-child td, +.table.is-bordered tr:last-child th { + border-bottom-width: 1px; +} + +.table.is-narrow td, +.table.is-narrow th { + padding: 0.25em 0.5em; +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even) { + background-color: #fafafa; +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even):hover { + background-color: whitesmoke; +} + +.tag { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + color: #4a4a4a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 0.75rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1.5; + padding-left: 0.875em; + padding-right: 0.875em; + white-space: nowrap; +} + +.tag .delete { + margin-left: 0.25em; + margin-right: -0.375em; +} + +.tag.is-white { + background-color: white; + color: #0a0a0a; +} + +.tag.is-black { + background-color: #0a0a0a; + color: white; +} + +.tag.is-light { + background-color: whitesmoke; + color: #363636; +} + +.tag.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.tag.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.tag.is-info { + background-color: #3273dc; + color: #fff; +} + +.tag.is-success { + background-color: #23d160; + color: #fff; +} + +.tag.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.tag.is-danger { + background-color: #ff3860; + color: #fff; +} + +.tag.is-medium { + font-size: 1rem; +} + +.tag.is-large { + font-size: 1.25rem; +} + +.title, +.subtitle { + word-break: break-word; +} + +.title:not(:last-child), +.subtitle:not(:last-child) { + margin-bottom: 1.5rem; +} + +.title em, +.title span, +.subtitle em, +.subtitle span { + font-weight: 300; +} + +.title strong, +.subtitle strong { + font-weight: 500; +} + +.title .tag, +.subtitle .tag { + vertical-align: middle; +} + +.title { + color: #363636; + font-size: 2rem; + font-weight: 300; + line-height: 1.125; +} + +.title strong { + color: inherit; +} + +.title + .highlight { + margin-top: -0.75rem; +} + +.title:not(.is-spaced) + .subtitle { + margin-top: -1.5rem; +} + +.title.is-1 { + font-size: 3rem; +} + +.title.is-2 { + font-size: 2.5rem; +} + +.title.is-3 { + font-size: 2rem; +} + +.title.is-4 { + font-size: 1.5rem; +} + +.title.is-5 { + font-size: 1.25rem; +} + +.title.is-6 { + font-size: 1rem; +} + +.subtitle { + color: #4a4a4a; + font-size: 1.25rem; + font-weight: 300; + line-height: 1.25; +} + +.subtitle strong { + color: #363636; +} + +.subtitle:not(.is-spaced) + .title { + margin-top: -1.5rem; +} + +.subtitle.is-1 { + font-size: 3rem; +} + +.subtitle.is-2 { + font-size: 2.5rem; +} + +.subtitle.is-3 { + font-size: 2rem; +} + +.subtitle.is-4 { + font-size: 1.5rem; +} + +.subtitle.is-5 { + font-size: 1.25rem; +} + +.subtitle.is-6 { + font-size: 1rem; +} + +.block:not(:last-child) { + margin-bottom: 1.5rem; +} + +.container { + margin: 0 auto; + position: relative; +} + +@media screen and (min-width: 1008px) { + .container { + max-width: 960px; + width: 960px; + } + .container.is-fluid { + margin-left: 24px; + margin-right: 24px; + max-width: none; + width: auto; + } +} + +@media screen and (max-width: 1199px) { + .container.is-widescreen { + max-width: 1152px; + width: auto; + } +} + +@media screen and (max-width: 1391px) { + .container.is-fullhd { + max-width: 1344px; + width: auto; + } +} + +@media screen and (min-width: 1200px) { + .container { + max-width: 1152px; + width: 1152px; + } +} + +@media screen and (min-width: 1392px) { + .container { + max-width: 1344px; + width: 1344px; + } +} + +.delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; +} + +.delete:before, .delete:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.delete:before { + height: 2px; + width: 50%; +} + +.delete:after { + height: 50%; + width: 2px; +} + +.delete:hover, .delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.delete:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.delete.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} + +.delete.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} + +.delete.is-large { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-weight: 400; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight:not(:last-child) { + margin-bottom: 1.5rem; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; +} + +.number { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; +} + +.breadcrumb { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 1rem; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} + +.breadcrumb:not(:last-child) { + margin-bottom: 1.5rem; +} + +.breadcrumb a { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #7a7a7a; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.5em 0.75em; +} + +.breadcrumb a:hover { + color: #363636; +} + +.breadcrumb li { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.breadcrumb li.is-active a { + color: #363636; + cursor: default; + pointer-events: none; +} + +.breadcrumb li + li:before { + color: #4a4a4a; + content: '\0002f'; +} + +.breadcrumb ul, .breadcrumb ol { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.breadcrumb .icon:first-child { + margin-right: 0.5em; +} + +.breadcrumb .icon:last-child { + margin-left: 0.5em; +} + +.breadcrumb.is-centered ol, .breadcrumb.is-centered ul { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.breadcrumb.is-right ol, .breadcrumb.is-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.breadcrumb.is-small { + font-size: 0.75rem; +} + +.breadcrumb.is-medium { + font-size: 1.25rem; +} + +.breadcrumb.is-large { + font-size: 1.5rem; +} + +.breadcrumb.has-arrow-separator li + li:before { + content: '\02192'; +} + +.breadcrumb.has-bullet-separator li + li:before { + content: '\02022'; +} + +.breadcrumb.has-dot-separator li + li:before { + content: '\000b7'; +} + +.breadcrumb.has-succeeds-separator li + li:before { + content: '\0227B'; +} + +.card { + background-color: white; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + max-width: 100%; + position: relative; +} + +.card-header { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.card-header-title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 700; + padding: 0.75rem; +} + +.card-header-icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.75rem; +} + +.card-image { + display: block; + position: relative; +} + +.card-content { + padding: 1.5rem; +} + +.card-footer { + border-top: 1px solid #dbdbdb; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.card-footer-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.75rem; +} + +.card-footer-item:not(:last-child) { + border-right: 1px solid #dbdbdb; +} + +.card .media:not(:last-child) { + margin-bottom: 0.75rem; +} + +.dropdown { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + vertical-align: top; +} + +.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { + display: block; +} + +.dropdown.is-right .dropdown-menu { + left: auto; + right: 0; +} + +.dropdown-menu { + display: none; + left: 0; + max-width: 20rem; + min-width: 12rem; + padding-top: 4px; + position: absolute; + top: 100%; + width: 100%; + z-index: 20; +} + +.dropdown-content { + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.dropdown-item { + color: #4a4a4a; + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; + position: relative; +} + +a.dropdown-item { + padding-right: 3rem; + white-space: nowrap; +} + +a.dropdown-item:hover { + background-color: whitesmoke; + color: #0a0a0a; +} + +a.dropdown-item.is-active { + background-color: #00d1b2; + color: #fff; +} + +.dropdown-divider { + background-color: #dbdbdb; + border: none; + display: block; + height: 1px; + margin: 0.5rem 0; +} + +.level-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.level-item .title, +.level-item .subtitle { + margin-bottom: 0; +} + +@media screen and (max-width: 768px) { + .level-item:not(:last-child) { + margin-bottom: 0.75rem; + } +} + +.level-left, +.level-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.level-left .level-item:not(:last-child), +.level-right .level-item:not(:last-child) { + margin-right: 0.75rem; +} + +.level-left .level-item.is-flexible, +.level-right .level-item.is-flexible { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.level-left { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +@media screen and (max-width: 768px) { + .level-left + .level-right { + margin-top: 1.5rem; + } +} + +@media screen and (min-width: 769px), print { + .level-left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.level-right { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +@media screen and (min-width: 769px), print { + .level-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.level { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.level:not(:last-child) { + margin-bottom: 1.5rem; +} + +.level code { + border-radius: 3px; +} + +.level img { + display: inline-block; + vertical-align: top; +} + +.level.is-mobile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.level.is-mobile .level-left, +.level.is-mobile .level-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.level.is-mobile .level-left + .level-right { + margin-top: 0; +} + +.level.is-mobile .level-item:not(:last-child) { + margin-bottom: 0; +} + +.level.is-mobile .level-item:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +@media screen and (min-width: 769px), print { + .level { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .level > .level-item:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +} + +.media-left, +.media-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.media-left { + margin-right: 1rem; +} + +.media-right { + margin-left: 1rem; +} + +.media-content { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + text-align: left; +} + +.media { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + text-align: left; +} + +.media .content:not(:last-child) { + margin-bottom: 0.75rem; +} + +.media .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-top: 0.75rem; +} + +.media .media .content:not(:last-child), +.media .media .control:not(:last-child) { + margin-bottom: 0.5rem; +} + +.media .media .media { + padding-top: 0.5rem; +} + +.media .media .media + .media { + margin-top: 0.5rem; +} + +.media + .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + margin-top: 1rem; + padding-top: 1rem; +} + +.media.is-large + .media { + margin-top: 1.5rem; + padding-top: 1.5rem; +} + +.menu { + font-size: 1rem; +} + +.menu-list { + line-height: 1.25; +} + +.menu-list a { + border-radius: 2px; + color: #4a4a4a; + display: block; + padding: 0.5em 0.75em; +} + +.menu-list a:hover { + background-color: whitesmoke; + color: #00d1b2; +} + +.menu-list a.is-active { + background-color: #00d1b2; + color: #fff; +} + +.menu-list li ul { + border-left: 1px solid #dbdbdb; + margin: 0.75em; + padding-left: 0.75em; +} + +.menu-label { + color: #7a7a7a; + font-size: 0.8em; + letter-spacing: 0.1em; + text-transform: uppercase; +} + +.menu-label:not(:first-child) { + margin-top: 1em; +} + +.menu-label:not(:last-child) { + margin-bottom: 1em; +} + +.message { + background-color: whitesmoke; + border-radius: 3px; + font-size: 1rem; +} + +.message:not(:last-child) { + margin-bottom: 1.5rem; +} + +.message.is-white { + background-color: white; +} + +.message.is-white .message-header { + background-color: white; + color: #0a0a0a; +} + +.message.is-white .message-body { + border-color: white; + color: #4d4d4d; +} + +.message.is-black { + background-color: #fafafa; +} + +.message.is-black .message-header { + background-color: #0a0a0a; + color: white; +} + +.message.is-black .message-body { + border-color: #0a0a0a; + color: #090909; +} + +.message.is-light { + background-color: #fafafa; +} + +.message.is-light .message-header { + background-color: whitesmoke; + color: #363636; +} + +.message.is-light .message-body { + border-color: whitesmoke; + color: #505050; +} + +.message.is-dark { + background-color: #fafafa; +} + +.message.is-dark .message-header { + background-color: #363636; + color: whitesmoke; +} + +.message.is-dark .message-body { + border-color: #363636; + color: #2a2a2a; +} + +.message.is-primary { + background-color: #f5fffd; +} + +.message.is-primary .message-header { + background-color: #00d1b2; + color: #fff; +} + +.message.is-primary .message-body { + border-color: #00d1b2; + color: #021310; +} + +.message.is-info { + background-color: #f6f9fe; +} + +.message.is-info .message-header { + background-color: #3273dc; + color: #fff; +} + +.message.is-info .message-body { + border-color: #3273dc; + color: #22509a; +} + +.message.is-success { + background-color: #f6fef9; +} + +.message.is-success .message-header { + background-color: #23d160; + color: #fff; +} + +.message.is-success .message-body { + border-color: #23d160; + color: #0e301a; +} + +.message.is-warning { + background-color: #fffdf5; +} + +.message.is-warning .message-header { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.message.is-warning .message-body { + border-color: #ffdd57; + color: #3b3108; +} + +.message.is-danger { + background-color: #fff5f7; +} + +.message.is-danger .message-header { + background-color: #ff3860; + color: #fff; +} + +.message.is-danger .message-body { + border-color: #ff3860; + color: #cd0930; +} + +.message-header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #4a4a4a; + border-radius: 3px 3px 0 0; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + line-height: 1.25; + padding: 0.5em 0.75em; + position: relative; +} + +.message-header a:not(.button), +.message-header strong { + color: currentColor; +} + +.message-header a:not(.button) { + text-decoration: underline; +} + +.message-header .delete { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-left: 0.75em; +} + +.message-header + .message-body { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-top: none; +} + +.message-body { + border: 1px solid #dbdbdb; + border-radius: 3px; + color: #4a4a4a; + padding: 1em 1.25em; +} + +.message-body a:not(.button), +.message-body strong { + color: currentColor; +} + +.message-body a:not(.button) { + text-decoration: underline; +} + +.message-body code, +.message-body pre { + background: white; +} + +.message-body pre code { + background: transparent; +} + +.modal-background { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + background-color: rgba(10, 10, 10, 0.86); +} + +.modal-content, +.modal-card { + margin: 0 20px; + max-height: calc(100vh - 160px); + overflow: auto; + position: relative; + width: 100%; +} + +@media screen and (min-width: 769px), print { + .modal-content, + .modal-card { + margin: 0 auto; + max-height: calc(100vh - 40px); + width: 640px; + } +} + +.modal-close { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; + background: none; + height: 40px; + position: fixed; + right: 20px; + top: 20px; + width: 40px; +} + +.modal-close:before, .modal-close:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.modal-close:before { + height: 2px; + width: 50%; +} + +.modal-close:after { + height: 50%; + width: 2px; +} + +.modal-close:hover, .modal-close:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.modal-close:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.modal-close.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} + +.modal-close.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} + +.modal-close.is-large { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.modal-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-height: calc(100vh - 40px); + overflow: hidden; +} + +.modal-card-head, +.modal-card-foot { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 20px; + position: relative; +} + +.modal-card-head { + border-bottom: 1px solid #dbdbdb; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.modal-card-title { + color: #363636; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1.5rem; + line-height: 1; +} + +.modal-card-foot { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top: 1px solid #dbdbdb; +} + +.modal-card-foot .button:not(:last-child) { + margin-right: 10px; +} + +.modal-card-body { + -webkit-overflow-scrolling: touch; + background-color: white; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px; +} + +.modal { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + position: fixed; + z-index: 20; +} + +.modal.is-active { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.nav-toggle { + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; +} + +.nav-toggle span { + background-color: #4a4a4a; + display: block; + height: 1px; + left: 50%; + margin-left: -7px; + position: absolute; + top: 50%; + -webkit-transition: none 86ms ease-out; + transition: none 86ms ease-out; + -webkit-transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, transform; + transition-property: background, left, opacity, transform, -webkit-transform; + width: 15px; +} + +.nav-toggle span:nth-child(1) { + margin-top: -6px; +} + +.nav-toggle span:nth-child(2) { + margin-top: -1px; +} + +.nav-toggle span:nth-child(3) { + margin-top: 4px; +} + +.nav-toggle:hover { + background-color: whitesmoke; +} + +.nav-toggle.is-active span { + background-color: #00d1b2; +} + +.nav-toggle.is-active span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.nav-toggle.is-active span:nth-child(2) { + opacity: 0; +} + +.nav-toggle.is-active span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +@media screen and (min-width: 769px), print { + .nav-toggle { + display: none; + } +} + +.nav-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1.5; + padding: 0.5rem 0.75rem; +} + +.nav-item a { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.nav-item img { + max-height: 1.75rem; +} + +.nav-item .tag:first-child:not(:last-child) { + margin-right: 0.5rem; +} + +.nav-item .tag:last-child:not(:first-child) { + margin-left: 0.5rem; +} + +@media screen and (max-width: 768px) { + .nav-item { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} + +.nav-item a:not(.button), +a.nav-item:not(.button) { + color: #7a7a7a; +} + +.nav-item a:not(.button):hover, +a.nav-item:not(.button):hover { + color: #363636; +} + +.nav-item a:not(.button).is-active, +a.nav-item:not(.button).is-active { + color: #363636; +} + +.nav-item a:not(.button).is-tab, +a.nav-item:not(.button).is-tab { + border-bottom: 1px solid transparent; + border-top: 1px solid transparent; + padding-bottom: calc(0.75rem - 1px); + padding-left: 1rem; + padding-right: 1rem; + padding-top: calc(0.75rem - 1px); +} + +.nav-item a:not(.button).is-tab:hover, +a.nav-item:not(.button).is-tab:hover { + border-bottom-color: #00d1b2; + border-top-color: transparent; +} + +.nav-item a:not(.button).is-tab.is-active, +a.nav-item:not(.button).is-tab.is-active { + border-bottom: 3px solid #00d1b2; + color: #00d1b2; + padding-bottom: calc(0.75rem - 3px); +} + +@media screen and (min-width: 1008px) { + .nav-item a:not(.button).is-brand, + a.nav-item:not(.button).is-brand { + padding-left: 0; + } +} + +.nav-left, +.nav-right { + -webkit-overflow-scrolling: touch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + max-width: 100%; + overflow: auto; +} + +@media screen and (min-width: 1200px) { + .nav-left, + .nav-right { + -ms-flex-preferred-size: 0; + flex-basis: 0; + } +} + +.nav-left { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + white-space: nowrap; +} + +.nav-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.nav-center { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: auto; + margin-right: auto; +} + +@media screen and (max-width: 768px) { + .nav-menu.nav-right { + background-color: white; + -webkit-box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); + box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); + left: 0; + display: none; + right: 0; + top: 100%; + position: absolute; + } + .nav-menu.nav-right .nav-item { + border-top: 1px solid rgba(219, 219, 219, 0.5); + padding: 0.75rem; + } + .nav-menu.nav-right.is-active { + display: block; + } +} + +.nav { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + background-color: white; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 3.25rem; + position: relative; + text-align: center; + z-index: 10; +} + +.nav > .container { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + width: 100%; +} + +.nav.has-shadow { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); +} + +.navbar { + background-color: white; + min-height: 3.25rem; + position: relative; +} + +.navbar > .container { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + width: 100%; +} + +.navbar.has-shadow { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); +} + +.navbar-brand { + -webkit-overflow-scrolling: touch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + overflow-x: auto; + overflow-y: hidden; +} + +.navbar-burger { + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; + margin-left: auto; +} + +.navbar-burger span { + background-color: #4a4a4a; + display: block; + height: 1px; + left: 50%; + margin-left: -7px; + position: absolute; + top: 50%; + -webkit-transition: none 86ms ease-out; + transition: none 86ms ease-out; + -webkit-transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, transform; + transition-property: background, left, opacity, transform, -webkit-transform; + width: 15px; +} + +.navbar-burger span:nth-child(1) { + margin-top: -6px; +} + +.navbar-burger span:nth-child(2) { + margin-top: -1px; +} + +.navbar-burger span:nth-child(3) { + margin-top: 4px; +} + +.navbar-burger:hover { + background-color: whitesmoke; +} + +.navbar-burger.is-active span { + background-color: #00d1b2; +} + +.navbar-burger.is-active span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.navbar-burger.is-active span:nth-child(2) { + opacity: 0; +} + +.navbar-burger.is-active span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +.navbar-menu { + display: none; +} + +.navbar-item, +.navbar-link { + color: #4a4a4a; + display: block; + line-height: 1.5; + padding: 0.5rem 1rem; + position: relative; +} + +a.navbar-item:hover, a.navbar-item.is-active, +.navbar-link:hover, +.navbar-link.is-active { + background-color: whitesmoke; + color: #0a0a0a; +} + +.navbar-item { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.navbar-item img { + max-height: 1.75rem; +} + +.navbar-item.has-dropdown { + padding: 0; +} + +.navbar-item.is-tab { + border-bottom: 1px solid transparent; + min-height: 3.25rem; + padding-bottom: calc(0.5rem - 1px); +} + +.navbar-item.is-tab:hover { + background-color: transparent; + border-bottom-color: #00d1b2; +} + +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom: 3px solid #00d1b2; + color: #00d1b2; + padding-bottom: calc(0.5rem - 3px); +} + +.navbar-content { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.navbar-link { + padding-right: 2.5em; +} + +.navbar-dropdown { + font-size: 0.875rem; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.navbar-divider { + background-color: #dbdbdb; + border: none; + display: none; + height: 1px; + margin: 0.5rem 0; +} + +@media screen and (max-width: 1007px) { + .navbar-brand .navbar-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar-menu { + -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + padding: 0.5rem 0; + } + .navbar-menu.is-active { + display: block; + } +} + +@media screen and (min-width: 1008px) { + .navbar, + .navbar-menu, + .navbar-start, + .navbar-end { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar { + min-height: 3.25rem; + } + .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, + .navbar.is-transparent .navbar-link:hover, + .navbar.is-transparent .navbar-link.is-active { + background-color: transparent; + } + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { + background-color: transparent; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + background-color: whitesmoke; + color: #0a0a0a; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #00d1b2; + } + .navbar-burger { + display: none; + } + .navbar-item, + .navbar-link { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar-item.has-dropdown { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { + display: block; + } + .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { + opacity: 1; + pointer-events: auto; + -webkit-transform: translateY(0); + transform: translateY(0); + } + .navbar-link::after { + border: 1px solid #00d1b2; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + } + .navbar-menu { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + } + .navbar-start { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + margin-right: auto; + } + .navbar-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-left: auto; + } + .navbar-dropdown { + background-color: white; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top: 1px solid #dbdbdb; + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + display: none; + font-size: 0.875rem; + left: 0; + min-width: 100%; + position: absolute; + top: 100%; + z-index: 20; + } + .navbar-dropdown .navbar-item { + padding: 0.375rem 1rem; + white-space: nowrap; + } + .navbar-dropdown a.navbar-item { + padding-right: 3rem; + } + .navbar-dropdown a.navbar-item:hover { + background-color: whitesmoke; + color: #0a0a0a; + } + .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #00d1b2; + } + .navbar-dropdown.is-boxed { + border-radius: 5px; + border-top: none; + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + (-4px)); + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; + } + .navbar-divider { + display: block; + } + .container > .navbar { + margin-left: -1rem; + margin-right: -1rem; + } + a.navbar-item.is-active, + .navbar-link.is-active { + color: #0a0a0a; + } + a.navbar-item.is-active:not(:hover), + .navbar-link.is-active:not(:hover) { + background-color: transparent; + } + .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { + background-color: whitesmoke; + } +} + +.pagination { + font-size: 1rem; + margin: -0.25rem; +} + +.pagination.is-small { + font-size: 0.75rem; +} + +.pagination.is-medium { + font-size: 1.25rem; +} + +.pagination.is-large { + font-size: 1.5rem; +} + +.pagination, +.pagination-list { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1em; + padding-left: 0.5em; + padding-right: 0.5em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0.25rem; + text-align: center; +} + +.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active, +.pagination-next:focus, +.pagination-next.is-focused, +.pagination-next:active, +.pagination-next.is-active, +.pagination-link:focus, +.pagination-link.is-focused, +.pagination-link:active, +.pagination-link.is-active, +.pagination-ellipsis:focus, +.pagination-ellipsis.is-focused, +.pagination-ellipsis:active, +.pagination-ellipsis.is-active { + outline: none; +} + +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled], +.pagination-ellipsis[disabled] { + cursor: not-allowed; +} + +.pagination-previous, +.pagination-next, +.pagination-link { + border-color: #dbdbdb; + min-width: 2.25em; +} + +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + border-color: #b5b5b5; + color: #363636; +} + +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus { + border-color: #00d1b2; +} + +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); +} + +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled] { + background-color: #dbdbdb; + border-color: #dbdbdb; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; + opacity: 0.5; +} + +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} + +.pagination-link.is-current { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.pagination-ellipsis { + color: #b5b5b5; + pointer-events: none; +} + +.pagination-list { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +@media screen and (max-width: 768px) { + .pagination { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .pagination-previous, + .pagination-next { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + } + .pagination-list li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + } +} + +@media screen and (min-width: 769px), print { + .pagination-list { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination-previous { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .pagination.is-centered .pagination-previous { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-centered .pagination-list { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-centered .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination.is-right .pagination-previous { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-right .pagination-next { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-right .pagination-list { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } +} + +.panel { + font-size: 1rem; +} + +.panel:not(:last-child) { + margin-bottom: 1.5rem; +} + +.panel-heading, +.panel-tabs, +.panel-block { + border-bottom: 1px solid #dbdbdb; + border-left: 1px solid #dbdbdb; + border-right: 1px solid #dbdbdb; +} + +.panel-heading:first-child, +.panel-tabs:first-child, +.panel-block:first-child { + border-top: 1px solid #dbdbdb; +} + +.panel-heading { + background-color: whitesmoke; + border-radius: 3px 3px 0 0; + color: #363636; + font-size: 1.25em; + font-weight: 300; + line-height: 1.25; + padding: 0.5em 0.75em; +} + +.panel-tabs { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 0.875em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: 0.5em; +} + +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636; +} + +.panel-list a { + color: #4a4a4a; +} + +.panel-list a:hover { + color: #00d1b2; +} + +.panel-block { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0.5em 0.75em; +} + +.panel-block input[type="checkbox"] { + margin-right: 0.75em; +} + +.panel-block > .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; +} + +.panel-block.is-wrapped { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.panel-block.is-active { + border-left-color: #00d1b2; + color: #363636; +} + +.panel-block.is-active .panel-icon { + color: #00d1b2; +} + +a.panel-block, +label.panel-block { + cursor: pointer; +} + +a.panel-block:hover, +label.panel-block:hover { + background-color: whitesmoke; +} + +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #7a7a7a; + margin-right: 0.75em; +} + +.panel-icon .fa { + font-size: inherit; + line-height: inherit; +} + +.tabs { + -webkit-overflow-scrolling: touch; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 1rem; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} + +.tabs:not(:last-child) { + margin-bottom: 1.5rem; +} + +.tabs a { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #dbdbdb; + color: #4a4a4a; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: -1px; + padding: 0.5em 1em; + vertical-align: top; +} + +.tabs a:hover { + border-bottom-color: #363636; + color: #363636; +} + +.tabs li { + display: block; +} + +.tabs li.is-active a { + border-bottom-color: #00d1b2; + color: #00d1b2; +} + +.tabs ul { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #dbdbdb; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.tabs ul.is-left { + padding-right: 0.75em; +} + +.tabs ul.is-center { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; +} + +.tabs ul.is-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + padding-left: 0.75em; +} + +.tabs .icon:first-child { + margin-right: 0.5em; +} + +.tabs .icon:last-child { + margin-left: 0.5em; +} + +.tabs.is-centered ul { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.tabs.is-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.tabs.is-boxed a { + border: 1px solid transparent; + border-radius: 3px 3px 0 0; +} + +.tabs.is-boxed a:hover { + background-color: whitesmoke; + border-bottom-color: #dbdbdb; +} + +.tabs.is-boxed li.is-active a { + background-color: white; + border-color: #dbdbdb; + border-bottom-color: transparent !important; +} + +.tabs.is-fullwidth li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.tabs.is-toggle a { + border: 1px solid #dbdbdb; + margin-bottom: 0; + position: relative; +} + +.tabs.is-toggle a:hover { + background-color: whitesmoke; + border-color: #b5b5b5; + z-index: 2; +} + +.tabs.is-toggle li + li { + margin-left: -1px; +} + +.tabs.is-toggle li:first-child a { + border-radius: 3px 0 0 3px; +} + +.tabs.is-toggle li:last-child a { + border-radius: 0 3px 3px 0; +} + +.tabs.is-toggle li.is-active a { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; + z-index: 1; +} + +.tabs.is-toggle ul { + border-bottom: none; +} + +.tabs.is-small { + font-size: 0.75rem; +} + +.tabs.is-medium { + font-size: 1.25rem; +} + +.tabs.is-large { + font-size: 1.5rem; +} + +.column { + display: block; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + padding: 0.75rem; +} + +.columns.is-mobile > .column.is-narrow { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; +} + +.columns.is-mobile > .column.is-full { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; +} + +.columns.is-mobile > .column.is-three-quarters { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; +} + +.columns.is-mobile > .column.is-two-thirds { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; +} + +.columns.is-mobile > .column.is-half { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; +} + +.columns.is-mobile > .column.is-one-third { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; +} + +.columns.is-mobile > .column.is-one-quarter { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; +} + +.columns.is-mobile > .column.is-offset-three-quarters { + margin-left: 75%; +} + +.columns.is-mobile > .column.is-offset-two-thirds { + margin-left: 66.6666%; +} + +.columns.is-mobile > .column.is-offset-half { + margin-left: 50%; +} + +.columns.is-mobile > .column.is-offset-one-third { + margin-left: 33.3333%; +} + +.columns.is-mobile > .column.is-offset-one-quarter { + margin-left: 25%; +} + +.columns.is-mobile > .column.is-1 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; +} + +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333%; +} + +.columns.is-mobile > .column.is-2 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; +} + +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66667%; +} + +.columns.is-mobile > .column.is-3 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; +} + +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25%; +} + +.columns.is-mobile > .column.is-4 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; +} + +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.33333%; +} + +.columns.is-mobile > .column.is-5 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; +} + +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.66667%; +} + +.columns.is-mobile > .column.is-6 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; +} + +.columns.is-mobile > .column.is-offset-6 { + margin-left: 50%; +} + +.columns.is-mobile > .column.is-7 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; +} + +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.33333%; +} + +.columns.is-mobile > .column.is-8 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; +} + +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.66667%; +} + +.columns.is-mobile > .column.is-9 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; +} + +.columns.is-mobile > .column.is-offset-9 { + margin-left: 75%; +} + +.columns.is-mobile > .column.is-10 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; +} + +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.33333%; +} + +.columns.is-mobile > .column.is-11 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; +} + +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.66667%; +} + +.columns.is-mobile > .column.is-12 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; +} + +.columns.is-mobile > .column.is-offset-12 { + margin-left: 100%; +} + +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-mobile { + margin-left: 75%; + } + .column.is-offset-two-thirds-mobile { + margin-left: 66.6666%; + } + .column.is-offset-half-mobile { + margin-left: 50%; + } + .column.is-offset-one-third-mobile { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-mobile { + margin-left: 25%; + } + .column.is-1-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-mobile { + margin-left: 8.33333%; + } + .column.is-2-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-mobile { + margin-left: 16.66667%; + } + .column.is-3-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-left: 25%; + } + .column.is-4-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-mobile { + margin-left: 33.33333%; + } + .column.is-5-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-mobile { + margin-left: 41.66667%; + } + .column.is-6-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-left: 50%; + } + .column.is-7-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-mobile { + margin-left: 58.33333%; + } + .column.is-8-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-mobile { + margin-left: 66.66667%; + } + .column.is-9-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-left: 75%; + } + .column.is-10-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-mobile { + margin-left: 83.33333%; + } + .column.is-11-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-mobile { + margin-left: 91.66667%; + } + .column.is-12-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-mobile { + margin-left: 100%; + } +} + +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full, .column.is-full-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters, .column.is-three-quarters-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds, .column.is-two-thirds-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half, .column.is-half-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third, .column.is-one-third-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter, .column.is-one-quarter-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { + margin-left: 75%; + } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { + margin-left: 66.6666%; + } + .column.is-offset-half, .column.is-offset-half-tablet { + margin-left: 50%; + } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { + margin-left: 25%; + } + .column.is-1, .column.is-1-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.33333%; + } + .column.is-2, .column.is-2-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.66667%; + } + .column.is-3, .column.is-3-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3, .column.is-offset-3-tablet { + margin-left: 25%; + } + .column.is-4, .column.is-4-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.33333%; + } + .column.is-5, .column.is-5-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.66667%; + } + .column.is-6, .column.is-6-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6, .column.is-offset-6-tablet { + margin-left: 50%; + } + .column.is-7, .column.is-7-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.33333%; + } + .column.is-8, .column.is-8-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.66667%; + } + .column.is-9, .column.is-9-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9, .column.is-offset-9-tablet { + margin-left: 75%; + } + .column.is-10, .column.is-10-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.33333%; + } + .column.is-11, .column.is-11-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.66667%; + } + .column.is-12, .column.is-12-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12, .column.is-offset-12-tablet { + margin-left: 100%; + } +} + +@media screen and (max-width: 1007px) { + .column.is-narrow-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-touch { + margin-left: 75%; + } + .column.is-offset-two-thirds-touch { + margin-left: 66.6666%; + } + .column.is-offset-half-touch { + margin-left: 50%; + } + .column.is-offset-one-third-touch { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-touch { + margin-left: 25%; + } + .column.is-1-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-touch { + margin-left: 8.33333%; + } + .column.is-2-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-touch { + margin-left: 16.66667%; + } + .column.is-3-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-left: 25%; + } + .column.is-4-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-touch { + margin-left: 33.33333%; + } + .column.is-5-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-touch { + margin-left: 41.66667%; + } + .column.is-6-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-left: 50%; + } + .column.is-7-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-touch { + margin-left: 58.33333%; + } + .column.is-8-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-touch { + margin-left: 66.66667%; + } + .column.is-9-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-left: 75%; + } + .column.is-10-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-touch { + margin-left: 83.33333%; + } + .column.is-11-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-touch { + margin-left: 91.66667%; + } + .column.is-12-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-touch { + margin-left: 100%; + } +} + +@media screen and (min-width: 1008px) { + .column.is-narrow-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-desktop { + margin-left: 75%; + } + .column.is-offset-two-thirds-desktop { + margin-left: 66.6666%; + } + .column.is-offset-half-desktop { + margin-left: 50%; + } + .column.is-offset-one-third-desktop { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-desktop { + margin-left: 25%; + } + .column.is-1-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-desktop { + margin-left: 8.33333%; + } + .column.is-2-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-desktop { + margin-left: 16.66667%; + } + .column.is-3-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-left: 25%; + } + .column.is-4-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-desktop { + margin-left: 33.33333%; + } + .column.is-5-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-desktop { + margin-left: 41.66667%; + } + .column.is-6-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-left: 50%; + } + .column.is-7-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-desktop { + margin-left: 58.33333%; + } + .column.is-8-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-desktop { + margin-left: 66.66667%; + } + .column.is-9-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-left: 75%; + } + .column.is-10-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-desktop { + margin-left: 83.33333%; + } + .column.is-11-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-desktop { + margin-left: 91.66667%; + } + .column.is-12-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-desktop { + margin-left: 100%; + } +} + +@media screen and (min-width: 1200px) { + .column.is-narrow-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-widescreen { + margin-left: 75%; + } + .column.is-offset-two-thirds-widescreen { + margin-left: 66.6666%; + } + .column.is-offset-half-widescreen { + margin-left: 50%; + } + .column.is-offset-one-third-widescreen { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-widescreen { + margin-left: 25%; + } + .column.is-1-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-widescreen { + margin-left: 8.33333%; + } + .column.is-2-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-widescreen { + margin-left: 16.66667%; + } + .column.is-3-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-left: 25%; + } + .column.is-4-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-widescreen { + margin-left: 33.33333%; + } + .column.is-5-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-widescreen { + margin-left: 41.66667%; + } + .column.is-6-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-left: 50%; + } + .column.is-7-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-widescreen { + margin-left: 58.33333%; + } + .column.is-8-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-widescreen { + margin-left: 66.66667%; + } + .column.is-9-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-left: 75%; + } + .column.is-10-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-widescreen { + margin-left: 83.33333%; + } + .column.is-11-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-widescreen { + margin-left: 91.66667%; + } + .column.is-12-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-widescreen { + margin-left: 100%; + } +} + +@media screen and (min-width: 1392px) { + .column.is-narrow-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-fullhd { + margin-left: 75%; + } + .column.is-offset-two-thirds-fullhd { + margin-left: 66.6666%; + } + .column.is-offset-half-fullhd { + margin-left: 50%; + } + .column.is-offset-one-third-fullhd { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-fullhd { + margin-left: 25%; + } + .column.is-1-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-fullhd { + margin-left: 8.33333%; + } + .column.is-2-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-fullhd { + margin-left: 16.66667%; + } + .column.is-3-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-left: 25%; + } + .column.is-4-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-fullhd { + margin-left: 33.33333%; + } + .column.is-5-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-fullhd { + margin-left: 41.66667%; + } + .column.is-6-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-left: 50%; + } + .column.is-7-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-fullhd { + margin-left: 58.33333%; + } + .column.is-8-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-fullhd { + margin-left: 66.66667%; + } + .column.is-9-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-left: 75%; + } + .column.is-10-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-fullhd { + margin-left: 83.33333%; + } + .column.is-11-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-fullhd { + margin-left: 91.66667%; + } + .column.is-12-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-fullhd { + margin-left: 100%; + } +} + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} + +.columns:last-child { + margin-bottom: -0.75rem; +} + +.columns:not(:last-child) { + margin-bottom: 0.75rem; +} + +.columns.is-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0; +} + +.columns.is-gapless:last-child { + margin-bottom: 0; +} + +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem; +} + +.columns.is-gapless > .column { + margin: 0; + padding: 0; +} + +@media screen and (min-width: 769px), print { + .columns.is-grid { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .columns.is-grid > .column { + max-width: 33.3333%; + padding: 0.75rem; + width: 33.3333%; + } + .columns.is-grid > .column + .column { + margin-left: 0; + } +} + +.columns.is-mobile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.columns.is-multiline { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.columns.is-vcentered { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +@media screen and (min-width: 1008px) { + .columns.is-desktop { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.tile { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: block; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-height: -webkit-min-content; + min-height: -moz-min-content; + min-height: min-content; +} + +.tile.is-ancestor { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} + +.tile.is-ancestor:last-child { + margin-bottom: -0.75rem; +} + +.tile.is-ancestor:not(:last-child) { + margin-bottom: 0.75rem; +} + +.tile.is-child { + margin: 0 !important; +} + +.tile.is-parent { + padding: 0.75rem; +} + +.tile.is-vertical { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.tile.is-vertical > .tile.is-child:not(:last-child) { + margin-bottom: 1.5rem !important; +} + +@media screen and (min-width: 769px), print { + .tile:not(.is-child) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .tile.is-1 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .tile.is-2 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .tile.is-3 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .tile.is-4 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .tile.is-5 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .tile.is-6 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .tile.is-7 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .tile.is-8 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .tile.is-9 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .tile.is-10 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .tile.is-11 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .tile.is-12 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } +} + +.hero-video { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + overflow: hidden; +} + +.hero-video video { + left: 50%; + min-height: 100%; + min-width: 100%; + position: absolute; + top: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} + +.hero-video.is-transparent { + opacity: 0.3; +} + +@media screen and (max-width: 768px) { + .hero-video { + display: none; + } +} + +.hero-buttons { + margin-top: 1.5rem; +} + +@media screen and (max-width: 768px) { + .hero-buttons .button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .hero-buttons .button:not(:last-child) { + margin-bottom: 0.75rem; + } +} + +@media screen and (min-width: 769px), print { + .hero-buttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + .hero-buttons .button:not(:last-child) { + margin-right: 1.5rem; + } +} + +.hero-head, +.hero-foot { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.hero-body { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + padding: 3rem 1.5rem; +} + +.hero { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + background-color: white; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.hero .nav { + background: none; + -webkit-box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3); + box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3); +} + +.hero .tabs ul { + border-bottom: none; +} + +.hero.is-white { + background-color: white; + color: #0a0a0a; +} + +.hero.is-white a:not(.button), +.hero.is-white strong { + color: inherit; +} + +.hero.is-white .title { + color: #0a0a0a; +} + +.hero.is-white .subtitle { + color: rgba(10, 10, 10, 0.9); +} + +.hero.is-white .subtitle a:not(.button), +.hero.is-white .subtitle strong { + color: #0a0a0a; +} + +.hero.is-white .nav { + -webkit-box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2); + box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-white .nav-menu { + background-color: white; + } +} + +.hero.is-white a.nav-item, +.hero.is-white .nav-item a:not(.button) { + color: rgba(10, 10, 10, 0.7); +} + +.hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active, +.hero.is-white .nav-item a:not(.button):hover, +.hero.is-white .nav-item a:not(.button).is-active { + color: #0a0a0a; +} + +.hero.is-white .tabs a { + color: #0a0a0a; + opacity: 0.9; +} + +.hero.is-white .tabs a:hover { + opacity: 1; +} + +.hero.is-white .tabs li.is-active a { + opacity: 1; +} + +.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { + color: #0a0a0a; +} + +.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .nav-menu { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-white .nav-toggle span { + background-color: #0a0a0a; + } + .hero.is-white .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-white .nav-toggle.is-active span { + background-color: #0a0a0a; + } + .hero.is-white .nav-menu .nav-item { + border-top-color: rgba(10, 10, 10, 0.2); + } +} + +.hero.is-black { + background-color: #0a0a0a; + color: white; +} + +.hero.is-black a:not(.button), +.hero.is-black strong { + color: inherit; +} + +.hero.is-black .title { + color: white; +} + +.hero.is-black .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: white; +} + +.hero.is-black .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-black .nav-menu { + background-color: #0a0a0a; + } +} + +.hero.is-black a.nav-item, +.hero.is-black .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active, +.hero.is-black .nav-item a:not(.button):hover, +.hero.is-black .nav-item a:not(.button).is-active { + color: white; +} + +.hero.is-black .tabs a { + color: white; + opacity: 0.9; +} + +.hero.is-black .tabs a:hover { + opacity: 1; +} + +.hero.is-black .tabs li.is-active a { + opacity: 1; +} + +.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { + color: white; +} + +.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .nav-menu { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-black .nav-toggle span { + background-color: white; + } + .hero.is-black .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-black .nav-toggle.is-active span { + background-color: white; + } + .hero.is-black .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-light { + background-color: whitesmoke; + color: #363636; +} + +.hero.is-light a:not(.button), +.hero.is-light strong { + color: inherit; +} + +.hero.is-light .title { + color: #363636; +} + +.hero.is-light .subtitle { + color: rgba(54, 54, 54, 0.9); +} + +.hero.is-light .subtitle a:not(.button), +.hero.is-light .subtitle strong { + color: #363636; +} + +.hero.is-light .nav { + -webkit-box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2); + box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-light .nav-menu { + background-color: whitesmoke; + } +} + +.hero.is-light a.nav-item, +.hero.is-light .nav-item a:not(.button) { + color: rgba(54, 54, 54, 0.7); +} + +.hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active, +.hero.is-light .nav-item a:not(.button):hover, +.hero.is-light .nav-item a:not(.button).is-active { + color: #363636; +} + +.hero.is-light .tabs a { + color: #363636; + opacity: 0.9; +} + +.hero.is-light .tabs a:hover { + opacity: 1; +} + +.hero.is-light .tabs li.is-active a { + opacity: 1; +} + +.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { + color: #363636; +} + +.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .nav-menu { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-light .nav-toggle span { + background-color: #363636; + } + .hero.is-light .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-light .nav-toggle.is-active span { + background-color: #363636; + } + .hero.is-light .nav-menu .nav-item { + border-top-color: rgba(54, 54, 54, 0.2); + } +} + +.hero.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.hero.is-dark a:not(.button), +.hero.is-dark strong { + color: inherit; +} + +.hero.is-dark .title { + color: whitesmoke; +} + +.hero.is-dark .subtitle { + color: rgba(245, 245, 245, 0.9); +} + +.hero.is-dark .subtitle a:not(.button), +.hero.is-dark .subtitle strong { + color: whitesmoke; +} + +.hero.is-dark .nav { + -webkit-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2); + box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-dark .nav-menu { + background-color: #363636; + } +} + +.hero.is-dark a.nav-item, +.hero.is-dark .nav-item a:not(.button) { + color: rgba(245, 245, 245, 0.7); +} + +.hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active, +.hero.is-dark .nav-item a:not(.button):hover, +.hero.is-dark .nav-item a:not(.button).is-active { + color: whitesmoke; +} + +.hero.is-dark .tabs a { + color: whitesmoke; + opacity: 0.9; +} + +.hero.is-dark .tabs a:hover { + opacity: 1; +} + +.hero.is-dark .tabs li.is-active a { + opacity: 1; +} + +.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { + color: whitesmoke; +} + +.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .nav-menu { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-dark .nav-toggle span { + background-color: whitesmoke; + } + .hero.is-dark .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-dark .nav-toggle.is-active span { + background-color: whitesmoke; + } + .hero.is-dark .nav-menu .nav-item { + border-top-color: rgba(245, 245, 245, 0.2); + } +} + +.hero.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.hero.is-primary a:not(.button), +.hero.is-primary strong { + color: inherit; +} + +.hero.is-primary .title { + color: #fff; +} + +.hero.is-primary .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-primary .subtitle a:not(.button), +.hero.is-primary .subtitle strong { + color: #fff; +} + +.hero.is-primary .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-primary .nav-menu { + background-color: #00d1b2; + } +} + +.hero.is-primary a.nav-item, +.hero.is-primary .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active, +.hero.is-primary .nav-item a:not(.button):hover, +.hero.is-primary .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-primary .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-primary .tabs a:hover { + opacity: 1; +} + +.hero.is-primary .tabs li.is-active a { + opacity: 1; +} + +.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { + color: #fff; +} + +.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #00d1b2; +} + +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .nav-menu { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-primary .nav-toggle span { + background-color: #fff; + } + .hero.is-primary .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-primary .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-primary .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-info { + background-color: #3273dc; + color: #fff; +} + +.hero.is-info a:not(.button), +.hero.is-info strong { + color: inherit; +} + +.hero.is-info .title { + color: #fff; +} + +.hero.is-info .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-info .subtitle a:not(.button), +.hero.is-info .subtitle strong { + color: #fff; +} + +.hero.is-info .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-info .nav-menu { + background-color: #3273dc; + } +} + +.hero.is-info a.nav-item, +.hero.is-info .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active, +.hero.is-info .nav-item a:not(.button):hover, +.hero.is-info .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-info .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-info .tabs a:hover { + opacity: 1; +} + +.hero.is-info .tabs li.is-active a { + opacity: 1; +} + +.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { + color: #fff; +} + +.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #3273dc; +} + +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .nav-menu { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-info .nav-toggle span { + background-color: #fff; + } + .hero.is-info .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-info .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-info .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-success { + background-color: #23d160; + color: #fff; +} + +.hero.is-success a:not(.button), +.hero.is-success strong { + color: inherit; +} + +.hero.is-success .title { + color: #fff; +} + +.hero.is-success .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-success .subtitle a:not(.button), +.hero.is-success .subtitle strong { + color: #fff; +} + +.hero.is-success .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-success .nav-menu { + background-color: #23d160; + } +} + +.hero.is-success a.nav-item, +.hero.is-success .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active, +.hero.is-success .nav-item a:not(.button):hover, +.hero.is-success .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-success .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-success .tabs a:hover { + opacity: 1; +} + +.hero.is-success .tabs li.is-active a { + opacity: 1; +} + +.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { + color: #fff; +} + +.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #23d160; +} + +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .nav-menu { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-success .nav-toggle span { + background-color: #fff; + } + .hero.is-success .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-success .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-success .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning a:not(.button), +.hero.is-warning strong { + color: inherit; +} + +.hero.is-warning .title { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .subtitle { + color: rgba(0, 0, 0, 0.9); +} + +.hero.is-warning .subtitle a:not(.button), +.hero.is-warning .subtitle strong { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .nav { + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-warning .nav-menu { + background-color: #ffdd57; + } +} + +.hero.is-warning a.nav-item, +.hero.is-warning .nav-item a:not(.button) { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active, +.hero.is-warning .nav-item a:not(.button):hover, +.hero.is-warning .nav-item a:not(.button).is-active { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .tabs a { + color: rgba(0, 0, 0, 0.7); + opacity: 0.9; +} + +.hero.is-warning .tabs a:hover { + opacity: 1; +} + +.hero.is-warning .tabs li.is-active a { + opacity: 1; +} + +.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.hero.is-warning.is-bold { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .nav-menu { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-warning .nav-toggle span { + background-color: rgba(0, 0, 0, 0.7); + } + .hero.is-warning .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-warning .nav-toggle.is-active span { + background-color: rgba(0, 0, 0, 0.7); + } + .hero.is-warning .nav-menu .nav-item { + border-top-color: rgba(0, 0, 0, 0.2); + } +} + +.hero.is-danger { + background-color: #ff3860; + color: #fff; +} + +.hero.is-danger a:not(.button), +.hero.is-danger strong { + color: inherit; +} + +.hero.is-danger .title { + color: #fff; +} + +.hero.is-danger .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-danger .subtitle a:not(.button), +.hero.is-danger .subtitle strong { + color: #fff; +} + +.hero.is-danger .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-danger .nav-menu { + background-color: #ff3860; + } +} + +.hero.is-danger a.nav-item, +.hero.is-danger .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active, +.hero.is-danger .nav-item a:not(.button):hover, +.hero.is-danger .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-danger .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-danger .tabs a:hover { + opacity: 1; +} + +.hero.is-danger .tabs li.is-active a { + opacity: 1; +} + +.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { + color: #fff; +} + +.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #ff3860; +} + +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .nav-menu { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-danger .nav-toggle span { + background-color: #fff; + } + .hero.is-danger .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-danger .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-danger .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +@media screen and (min-width: 769px), print { + .hero.is-medium .hero-body { + padding-bottom: 9rem; + padding-top: 9rem; + } +} + +@media screen and (min-width: 769px), print { + .hero.is-large .hero-body { + padding-bottom: 18rem; + padding-top: 18rem; + } +} + +.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.hero.is-halfheight { + min-height: 50vh; +} + +.hero.is-fullheight { + min-height: 100vh; +} + +.section { + background-color: white; + padding: 3rem 1.5rem; +} + +@media screen and (min-width: 1008px) { + .section.is-medium { + padding: 9rem 1.5rem; + } + .section.is-large { + padding: 18rem 1.5rem; + } +} + +.footer { + background-color: whitesmoke; + padding: 3rem 1.5rem 6rem; +} + +.highlight { + background-color: #f5f5f5; + color: #586e75; +} + +.highlight .c { + color: #93a1a1; +} + +.highlight .err, +.highlight .g { + color: #586e75; +} + +.highlight .k { + color: #859900; +} + +.highlight .l, +.highlight .n { + color: #586e75; +} + +.highlight .o { + color: #859900; +} + +.highlight .x { + color: #cb4b16; +} + +.highlight .p { + color: #586e75; +} + +.highlight .cm { + color: #93a1a1; +} + +.highlight .cp { + color: #859900; +} + +.highlight .c1 { + color: #93a1a1; +} + +.highlight .cs { + color: #859900; +} + +.highlight .gd { + color: #2aa198; +} + +.highlight .ge { + color: #586e75; + font-style: italic; +} + +.highlight .gr { + color: #dc322f; +} + +.highlight .gh { + color: #cb4b16; +} + +.highlight .gi { + color: #859900; +} + +.highlight .go, +.highlight .gp { + color: #586e75; +} + +.highlight .gs { + color: #586e75; + font-weight: bold; +} + +.highlight .gu { + color: #cb4b16; +} + +.highlight .gt { + color: #586e75; +} + +.highlight .kc { + color: #cb4b16; +} + +.highlight .kd { + color: #268bd2; +} + +.highlight .kn, +.highlight .kp { + color: #859900; +} + +.highlight .kr { + color: #268bd2; +} + +.highlight .kt { + color: #dc322f; +} + +.highlight .ld { + color: #586e75; +} + +.highlight .m, +.highlight .s { + color: #2aa198; +} + +.highlight .na { + color: #B58900; +} + +.highlight .nb { + color: #586e75; +} + +.highlight .nc { + color: #268bd2; +} + +.highlight .no { + color: #cb4b16; +} + +.highlight .nd { + color: #268bd2; +} + +.highlight .ni, +.highlight .ne { + color: #cb4b16; +} + +.highlight .nf { + color: #268bd2; +} + +.highlight .nl, +.highlight .nn, +.highlight .nx, +.highlight .py { + color: #586e75; +} + +.highlight .nt, +.highlight .nv { + color: #268bd2; +} + +.highlight .ow { + color: #859900; +} + +.highlight .w { + color: #586e75; +} + +.highlight .mf, +.highlight .mh, +.highlight .mi, +.highlight .mo { + color: #2aa198; +} + +.highlight .sb { + color: #93a1a1; +} + +.highlight .sc { + color: #2aa198; +} + +.highlight .sd { + color: #586e75; +} + +.highlight .s2 { + color: #2aa198; +} + +.highlight .se { + color: #cb4b16; +} + +.highlight .sh { + color: #586e75; +} + +.highlight .si, +.highlight .sx { + color: #2aa198; +} + +.highlight .sr { + color: #dc322f; +} + +.highlight .s1, +.highlight .ss { + color: #2aa198; +} + +.highlight .bp, +.highlight .vc, +.highlight .vg, +.highlight .vi { + color: #268bd2; +} + +.highlight .il { + color: #2aa198; +} + +.content .highlight { + text-align: left; +} + +@media screen and (min-width: 769px), print { + .button small { + color: #4a4a4a; + left: 0; + margin-top: 10px; + position: absolute; + top: 100%; + width: 100%; + } +} + +body.page-grid .column > .notification { + padding-left: 0; + padding-right: 0; + text-align: center; +} + +@media screen and (min-width: 769px), print { + .header-item .button + .button { + margin-left: 0.75rem; + } +} + +svg { + max-height: 100%; + max-width: 100%; +} + +#carbon { + margin-left: auto; + margin-right: auto; + max-width: 340px; + min-height: 150px; + padding: 0; + position: relative; +} + +#carbon:hover { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +@media screen and (min-width: 769px), print { + #carbon { + width: 340px; + } +} + +#carbonads { + font-size: 14px; + text-align: left; +} + +#carbonads a, +#carbonads span { + display: block; +} + +#carbonads .carbon-wrap { + position: relative; +} + +#carbonads .carbon-img { + background: whitesmoke; + float: left; + height: 100px; + margin: 15px 0 15px 15px; + width: 130px; +} + +#carbonads .carbon-img img { + display: block; + height: 100px; + width: 130px; +} + +#carbonads .carbon-text { + display: block; + color: #363636; + line-height: 20px; + padding: 15px 15px 35px 160px; +} + +#carbonads .carbon-poweredby { + bottom: 0; + color: #7a7a7a; + font-size: 0.75rem; + left: 160px; + line-height: 20px; + padding: 0 15px 10px 0; + position: absolute; + right: 0; +} + +@-webkit-keyframes floatUp { + 0% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes floatUp { + 0% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes strokePath { + from { + stroke-dashoffset: 880; + } + to { + stroke-dashoffset: 0; + } +} + +@keyframes strokePath { + from { + stroke-dashoffset: 880; + } + to { + stroke-dashoffset: 0; + } +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes fadeIn { + from { + opacity: 0; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 100% { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 100% { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes slideDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@-webkit-keyframes slideUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +#b { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: floatUp; + animation-name: floatUp; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + border-radius: 24px; + display: inline-block; + height: 240px; + margin-bottom: 40px; + position: relative; + vertical-align: top; + width: 240px; +} + +#b svg { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + display: block; + height: 240px; + width: 240px; +} + +#b svg:first-child { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeOut; + animation-name: fadeOut; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); +} + +#b svg:first-child g { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: strokePath; + animation-name: strokePath; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + fill: none; + stroke: #00d1b2; + stroke-dasharray: 880; + stroke-width: 2px; +} + +#b svg:last-child { + -webkit-animation-delay: 1s; + animation-delay: 1s; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); +} + +#b svg:last-child g { + fill: #00d1b2; +} + +@media screen and (max-width: 768px) { + #b { + border-radius: 16px; + height: 160px; + width: 160px; + } +} + +#bulma { + -webkit-animation: slideDown 500ms both; + animation: slideDown 500ms both; +} + +#modern-framework { + -webkit-animation: slideUp 500ms both; + animation: slideUp 500ms both; + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; +} + +#npm { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-animation: fadeIn 500ms both; + animation: fadeIn 500ms both; + -webkit-animation-delay: 0.4s; + animation-delay: 0.4s; + background: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: -10px 0 20px; +} + +#npm code { + background: whitesmoke; + border-radius: 3px; + color: #00d1b2; + display: inline-block; + font-size: 16px; + padding: 16px 32px; +} + +#ghbtns { + -webkit-animation: slideDown 500ms both; + animation: slideDown 500ms both; + -webkit-animation-delay: 0.6s; + animation-delay: 0.6s; +} + +html.route-index #carbon { + -webkit-animation: slideUp 500ms both; + animation: slideUp 500ms both; + -webkit-animation-delay: 0.8s; + animation-delay: 0.8s; +} + +#download { + -webkit-animation: fadeIn 500ms both; + animation: fadeIn 500ms both; + -webkit-animation-delay: 1s; + animation-delay: 1s; +} + +#grid .notification { + padding-left: 0; + padding-right: 0; +} + +#message { + display: none; +} + +#tweet { + background: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding: 1.5rem; +} + +#github { + color: #333333; + border-color: #333333; +} + +#github:hover { + background: #333333; + border-color: #333333; + color: white; +} + +#twitter { + color: #55acee; + border-color: #55acee; +} + +#twitter:hover { + background: #55acee; + border-color: #55acee; + color: white; +} + +@media screen and (min-width: 1008px) { + #blogDropdown { + width: 16rem; + } + #blogDropdown .navbar-item { + white-space: normal; + } + #moreDropdown { + width: 16rem; + } + #moreDropdown .navbar-item { + padding-right: 1rem; + } + #moreDropdown .navbar-item .level { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +} + +#about .twitter-container { + display: block; + height: 30px; + line-height: 30px; + margin-top: 5px; +} + +#about small { + display: block; + margin-top: 5px; +} + +#mc_embed_signup .field { + margin-bottom: 0; +} + +#mc_embed_signup .notification { + margin-top: 0.75rem; +} + +#share form { + height: 30px; + margin-top: 10px; +} + +#social { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +#social > iframe, +#social > a, +#social > form, +#social > div { + display: inline-block; + font-size: 11px; + height: 30px; + line-height: 30px; + margin-top: 5px; +} + +#social .github-btn { + width: 160px; +} + +#social .twitter-share-button { + margin-right: 10px; + min-width: 76px; +} + +#social .paypal-form { + min-width: 148px; +} + +#social .fb-like { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 130px; +} + +#newsletter .input { + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; +} + +#sister ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +#sister li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 30px; + margin: 5px 1rem 0 0; +} + +#sister img { + height: 30px; +} + +#tsp small { + display: block; +} + +#images tr td:nth-child(2) { + width: 320px; +} + +.color { + border-radius: 2px; + -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + display: inline-block; + float: left; + height: 24px; + margin-right: 8px; + width: 24px; +} + +.button.is-rss { + background-color: #f26522; + border-color: transparent; + color: #fff; +} + +.button.is-rss:hover { + background-color: #ed560e; +} + +.button.is-rss:active { + background-color: #d54d0d; +} + +.view-all-versions { + color: #7a7a7a; +} + +.view-all-versions:hover { + text-decoration: underline; +} + +.example, +.structure { + border: 1px solid #ffdd57; + border-top-right-radius: 3px; + color: rgba(0, 0, 0, 0.7); + padding: 1.5rem; + position: relative; +} + +.example:not(:first-child), +.structure:not(:first-child) { + margin-top: 2rem; +} + +.example:not(:last-child), +.structure:not(:last-child) { + margin-bottom: 1.5rem; +} + +.example:before, +.structure:before { + background: #ffdd57; + border-radius: 3px 3px 0 0; + bottom: 100%; + content: "Example"; + display: inline-block; + font-size: 7px; + font-weight: bold; + left: -1px; + letter-spacing: 1px; + padding: 3px 5px; + position: absolute; + text-transform: uppercase; + vertical-align: top; +} + +@media screen and (min-width: 769px), print { + .example.is-fullwidth, + .structure.is-fullwidth { + border-left: none; + border-right: none; + padding: 0; + } +} + +.example + .highlight { + border: 1px solid #ffdd57; + border-radius: 0 0 3px 3px; + border-top: none; + margin-top: -1.5rem; +} + +.example + .highlight:not(:last-child) { + margin-bottom: 1.5rem; +} + +.highlight pre { + max-height: 480px; + margin-bottom: 0 !important; + padding: 0; +} + +.highlight pre code { + padding: 1.25em 1.5em; +} + +.highlight-full .highlight pre, +#navbarJsExample .highlight pre { + max-height: none; +} + +.structure { + border-color: #ff3860; + border-radius: 3px; + padding: 1.5rem; +} + +.structure:before { + background: #ff3860; + color: #fff; + content: "Structure"; +} + +.structure-item { + position: relative; +} + +.structure-item:before { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + background: rgba(10, 10, 10, 0.7); + background: whitesmoke; + border: 1px solid #dbdbdb; + content: ""; + display: block; + z-index: 1; +} + +.structure-item:after { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + content: attr(title); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-family: monospace; + font-size: 11px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 3px 5px; + z-index: 2; +} + +.structure-item.is-structure-container { + padding: 1.5rem 0.75rem 0.75rem; +} + +.structure-item.is-structure-container:after { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0.5rem 0.75rem; +} + +.highlight { + position: relative; +} + +.highlight .copy, +.highlight .expand { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background: white; + border: solid #dbdbdb; + border-width: 0 0 1px 1px; + color: #7a7a7a; + cursor: pointer; + outline: none; + position: absolute; + right: 0; + top: 0; +} + +.highlight .copy:hover, +.highlight .expand:hover { + border-color: #ff3860; + color: #ff3860; +} + +.highlight .expand { + border-right-width: 1px; + right: 50px; +} + +@media screen and (min-width: 769px), print { + .highlight pre { + white-space: pre-wrap; + } +} + +@media screen and (min-width: 769px), print { + .section:not(.is-fullwidth) > .example:not(.is-fullwidth) { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .section:not(.is-fullwidth) > .example:not(.is-fullwidth) + .highlight { + margin-left: 1.5rem; + margin-right: 1.5rem; + } +} + +.section.is-fullwidth { + padding: 0 !important; +} + +.section.is-fullwidth .example { + border-left: none; + border-radius: 0; + border-right: none; + padding: 0; +} + +.section.is-fullwidth .example + .highlight { + border-left: none; + border-radius: 0; + border-right: none; +} + +.callout { + background-color: whitesmoke; + border-radius: 3px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative; +} + +.callout:not(:last-child) { + margin-bottom: 1.5rem; +} + +.callout.is-white { + background-color: white; + color: #0a0a0a; +} + +.callout.is-black { + background-color: #0a0a0a; + color: white; +} + +.callout.is-light { + background-color: whitesmoke; + color: #363636; +} + +.callout.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.callout.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.callout.is-info { + background-color: #3273dc; + color: #fff; +} + +.callout.is-success { + background-color: #23d160; + color: #fff; +} + +.callout.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.callout.is-danger { + background-color: #ff3860; + color: #fff; +} + +.bsa { + padding: 2rem; +} + +.bsa-cpc { + min-height: 1px; +} + +#_default_ .default-ad { + background-color: rgba(0, 0, 0, 0.3); + border-radius: 2px; + color: white; + display: inline-block; + font-size: 10px; + font-weight: bold; + padding: 0 4px; + text-transform: uppercase; + vertical-align: top; +} + +#_default_ > a { + background-color: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + display: block; + line-height: 1.375; + margin-top: 15px; + min-height: 70px; + padding: 15px; + padding-left: 70px; + position: relative; +} + +#_default_ > a:hover, #_default_ > a:focus { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +#_default_ > a:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; +} + +#_default_ > a span { + display: block; +} + +#_default_ > a .default-image { + display: block; + left: 15px; + height: 40px; + position: absolute; + top: 15px; + width: 40px; +} + +#_default_ > a .default-image img { + display: block; + height: 40px; + width: 40px; +} + +#_default_ > a .default-title { + color: #363636; + display: inline; + font-weight: 700; +} + +#_default_ > a .default-title:after { + content: " — "; +} + +#_default_ > a .default-description { + display: inline; +} + +@media screen and (min-width: 769px), print { + .bsa .columns { + min-height: 120px; + } + #_default_ { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + } + #_default_ .default-ad { + left: 100%; + margin-left: 2rem; + position: absolute; + top: 0; + } + #_default_ > a { + margin: 0; + } + #_default_ > a:not(:nth-child(2)) { + margin-left: 2rem; + } +} + +html.route-index .title.is-2 { + position: relative; +} + +html.route-index .title.is-2 a { + color: #242424; + padding-left: 48px; + position: relative; +} + +html.route-index .title.is-2 a:hover { + color: #00d1b2; +} + +html.route-index .title.is-2 .icon.is-medium { + left: 8px; + position: absolute; + top: 10px; +} + +html.route-index .hero .title.is-2 a { + color: white; +} + +html.route-index .hero .title.is-2 a:hover { + color: white; +} + +html.route-index .hero.is-primary a.column, +html.route-index .hero.is-primary a.column:hover { + color: white; +} + +html.route-index .hero.is-primary a.column:hover .title strong { + border-bottom: 1px solid; +} + +@media screen and (max-width: 979px) { + html.route-index .title.is-2 a { + padding-left: 0; + } + html.route-index .title.is-2 .icon.is-medium { + display: none; + } +} + +:root { + --primary: #00d1b2; + --gap: 0.75rem; +} + +html ::-moz-selection { + background: #00d1b2; + color: #fff; +} + +html ::selection { + background: #00d1b2; + color: #fff; +} + +/*# sourceMappingURL=data:application/json;base64,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QUNFLG1CQUFtQjtFQUNuQixlQUFlO0NBQ2hCOztBQUVEO0VBQ0Usb0JBQW9CO0VBQ3BCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQixZQUFZO0NBQ2IiLCJmaWxlIjoiYnVsbWEtZG9jcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAY2hhcnNldCBcIlVURi04XCI7XG4vKiEgYnVsbWEuaW8gdjAuNC40IHwgTUlUIExpY2Vuc2UgfCBnaXRodWIuY29tL2pndGhtcy9idWxtYSAqL1xuQGtleWZyYW1lcyBzcGluQXJvdW5kIHtcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM1OWRlZyk7XG4gIH1cbn1cblxuLyohIG1pbmlyZXNldC5jc3MgdjAuMC4yIHwgTUlUIExpY2Vuc2UgfCBnaXRodWIuY29tL2pndGhtcy9taW5pcmVzZXQuY3NzICovXG5odG1sLFxuYm9keSxcbnAsXG5vbCxcbnVsLFxubGksXG5kbCxcbmR0LFxuZGQsXG5ibG9ja3F1b3RlLFxuZmlndXJlLFxuZmllbGRzZXQsXG5sZWdlbmQsXG50ZXh0YXJlYSxcbnByZSxcbmlmcmFtZSxcbmhyLFxuaDEsXG5oMixcbmgzLFxuaDQsXG5oNSxcbmg2IHtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG5oMSxcbmgyLFxuaDMsXG5oNCxcbmg1LFxuaDYge1xuICBmb250LXNpemU6IDEwMCU7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG59XG5cbnVsIHtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuYnV0dG9uLFxuaW5wdXQsXG5zZWxlY3QsXG50ZXh0YXJlYSB7XG4gIG1hcmdpbjogMDtcbn1cblxuaHRtbCB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbioge1xuICBib3gtc2l6aW5nOiBpbmhlcml0O1xufVxuXG4qOmJlZm9yZSwgKjphZnRlciB7XG4gIGJveC1zaXppbmc6IGluaGVyaXQ7XG59XG5cbmltZyxcbmVtYmVkLFxub2JqZWN0LFxuYXVkaW8sXG52aWRlbyB7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cblxuaWZyYW1lIHtcbiAgYm9yZGVyOiAwO1xufVxuXG50YWJsZSB7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGJvcmRlci1zcGFjaW5nOiAwO1xufVxuXG50ZCxcbnRoIHtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuaHRtbCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG4gIG1pbi13aWR0aDogMzAwcHg7XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgb3ZlcmZsb3cteTogc2Nyb2xsO1xuICB0ZXh0LXJlbmRlcmluZzogb3B0aW1pemVMZWdpYmlsaXR5O1xufVxuXG5hcnRpY2xlLFxuYXNpZGUsXG5maWd1cmUsXG5mb290ZXIsXG5oZWFkZXIsXG5oZ3JvdXAsXG5zZWN0aW9uIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbmJvZHksXG5idXR0b24sXG5pbnB1dCxcbnNlbGVjdCxcbnRleHRhcmVhIHtcbiAgZm9udC1mYW1pbHk6IEJsaW5rTWFjU3lzdGVtRm9udCwgLWFwcGxlLXN5c3RlbSwgXCJTZWdvZSBVSVwiLCBcIlJvYm90b1wiLCBcIk94eWdlblwiLCBcIlVidW50dVwiLCBcIkNhbnRhcmVsbFwiLCBcIkZpcmEgU2Fuc1wiLCBcIkRyb2lkIFNhbnNcIiwgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBcIkhlbHZldGljYVwiLCBcIkFyaWFsXCIsIHNhbnMtc2VyaWY7XG59XG5cbmNvZGUsXG5wcmUge1xuICAtbW96LW9zeC1mb250LXNtb290aGluZzogYXV0bztcbiAgLXdlYmtpdC1mb250LXNtb290aGluZzogYXV0bztcbiAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbn1cblxuYm9keSB7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG59XG5cbmEge1xuICBjb2xvcjogIzAwZDFiMjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHRyYW5zaXRpb246IG5vbmUgODZtcyBlYXNlLW91dDtcbn1cblxuYTpob3ZlciB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG5jb2RlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICNmZjM4NjA7XG4gIGZvbnQtc2l6ZTogMC44ZW07XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIHBhZGRpbmc6IDAuMjVlbSAwLjVlbSAwLjI1ZW07XG59XG5cbmhyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2RiZGJkYjtcbiAgYm9yZGVyOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxcHg7XG4gIG1hcmdpbjogMS41cmVtIDA7XG59XG5cbmltZyB7XG4gIGhlaWdodDogYXV0bztcbiAgbWF4LXdpZHRoOiAxMDAlO1xufVxuXG5pbnB1dFt0eXBlPVwiY2hlY2tib3hcIl0sXG5pbnB1dFt0eXBlPVwicmFkaW9cIl0ge1xuICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XG59XG5cbnNtYWxsIHtcbiAgZm9udC1zaXplOiAwLjg3NWVtO1xufVxuXG5zcGFuIHtcbiAgZm9udC1zdHlsZTogaW5oZXJpdDtcbiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7XG59XG5cbnN0cm9uZyB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBmb250LXdlaWdodDogNzAwO1xufVxuXG5wcmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzRhNGE0YTtcbiAgZm9udC1zaXplOiAwLjhlbTtcbiAgd2hpdGUtc3BhY2U6IHByZTtcbiAgd29yZC13cmFwOiBub3JtYWw7XG59XG5cbnByZSBjb2RlIHtcbiAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICBwYWRkaW5nOiAxLjI1cmVtIDEuNXJlbTtcbn1cblxudGFibGUge1xuICB3aWR0aDogMTAwJTtcbn1cblxudGFibGUgdGQsXG50YWJsZSB0aCB7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbnRhYmxlIHRoIHtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5pcy1ibG9jayB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtYmxvY2stbW9iaWxlIHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaXMtYmxvY2stdGFibGV0IHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1ibG9jay10YWJsZXQtb25seSB7XG4gICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWJsb2NrLXRvdWNoIHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuaXMtYmxvY2stZGVza3RvcCB7XG4gICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWJsb2NrLWRlc2t0b3Atb25seSB7XG4gICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLWJsb2NrLXdpZGVzY3JlZW4ge1xuICAgIGRpc3BsYXk6IGJsb2NrICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLmlzLWZsZXgge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtZmxleC1tb2JpbGUge1xuICAgIGRpc3BsYXk6IGZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLWZsZXgtdGFibGV0IHtcbiAgICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWZsZXgtdGFibGV0LW9ubHkge1xuICAgIGRpc3BsYXk6IGZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWZsZXgtdG91Y2gge1xuICAgIGRpc3BsYXk6IGZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLWZsZXgtZGVza3RvcCB7XG4gICAgZGlzcGxheTogZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkgYW5kIChtYXgtd2lkdGg6IDExOTlweCkge1xuICAuaXMtZmxleC1kZXNrdG9wLW9ubHkge1xuICAgIGRpc3BsYXk6IGZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLWZsZXgtd2lkZXNjcmVlbiB7XG4gICAgZGlzcGxheTogZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5pcy1pbmxpbmUge1xuICBkaXNwbGF5OiBpbmxpbmU7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1pbmxpbmUtbW9iaWxlIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLWlubGluZS10YWJsZXQge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1pbmxpbmUtdGFibGV0LW9ubHkge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtaW5saW5lLXRvdWNoIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLWlubGluZS1kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWlubGluZS1kZXNrdG9wLW9ubHkge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAuaXMtaW5saW5lLXdpZGVzY3JlZW4ge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5pcy1pbmxpbmUtYmxvY2sge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1pbmxpbmUtYmxvY2stbW9iaWxlIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLWlubGluZS1ibG9jay10YWJsZXQge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1pbmxpbmUtYmxvY2stdGFibGV0LW9ubHkge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtaW5saW5lLWJsb2NrLXRvdWNoIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLWlubGluZS1ibG9jay1kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWlubGluZS1ibG9jay1kZXNrdG9wLW9ubHkge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAuaXMtaW5saW5lLWJsb2NrLXdpZGVzY3JlZW4ge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5pcy1pbmxpbmUtZmxleCB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtaW5saW5lLWZsZXgtbW9iaWxlIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaXMtaW5saW5lLWZsZXgtdGFibGV0IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1pbmxpbmUtZmxleC10YWJsZXQtb25seSB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWlubGluZS1mbGV4LXRvdWNoIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuaXMtaW5saW5lLWZsZXgtZGVza3RvcCB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWlubGluZS1mbGV4LWRlc2t0b3Atb25seSB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLWlubGluZS1mbGV4LXdpZGVzY3JlZW4ge1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLmlzLWNsZWFyZml4OmFmdGVyIHtcbiAgY2xlYXI6IGJvdGg7XG4gIGNvbnRlbnQ6IFwiIFwiO1xuICBkaXNwbGF5OiB0YWJsZTtcbn1cblxuLmlzLXB1bGxlZC1sZWZ0IHtcbiAgZmxvYXQ6IGxlZnQgIWltcG9ydGFudDtcbn1cblxuLmlzLXB1bGxlZC1yaWdodCB7XG4gIGZsb2F0OiByaWdodCAhaW1wb3J0YW50O1xufVxuXG4uaXMtY2xpcHBlZCB7XG4gIG92ZXJmbG93OiBoaWRkZW4gIWltcG9ydGFudDtcbn1cblxuLmlzLW92ZXJsYXkge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbn1cblxuLmlzLXNpemUtMSB7XG4gIGZvbnQtc2l6ZTogM3JlbTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmlzLXNpemUtMS1tb2JpbGUge1xuICAgIGZvbnQtc2l6ZTogM3JlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLXNpemUtMS10YWJsZXQge1xuICAgIGZvbnQtc2l6ZTogM3JlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLXNpemUtMS10b3VjaCB7XG4gICAgZm9udC1zaXplOiAzcmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuaXMtc2l6ZS0xLWRlc2t0b3Age1xuICAgIGZvbnQtc2l6ZTogM3JlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLXNpemUtMS13aWRlc2NyZWVuIHtcbiAgICBmb250LXNpemU6IDNyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTM5MnB4KSB7XG4gIC5pcy1zaXplLTEtZnVsbGhkIHtcbiAgICBmb250LXNpemU6IDNyZW07XG4gIH1cbn1cblxuLmlzLXNpemUtMiB7XG4gIGZvbnQtc2l6ZTogMi41cmVtO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtc2l6ZS0yLW1vYmlsZSB7XG4gICAgZm9udC1zaXplOiAyLjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5pcy1zaXplLTItdGFibGV0IHtcbiAgICBmb250LXNpemU6IDIuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLXNpemUtMi10b3VjaCB7XG4gICAgZm9udC1zaXplOiAyLjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5pcy1zaXplLTItZGVza3RvcCB7XG4gICAgZm9udC1zaXplOiAyLjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5pcy1zaXplLTItd2lkZXNjcmVlbiB7XG4gICAgZm9udC1zaXplOiAyLjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTM5MnB4KSB7XG4gIC5pcy1zaXplLTItZnVsbGhkIHtcbiAgICBmb250LXNpemU6IDIuNXJlbTtcbiAgfVxufVxuXG4uaXMtc2l6ZS0zIHtcbiAgZm9udC1zaXplOiAycmVtO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtc2l6ZS0zLW1vYmlsZSB7XG4gICAgZm9udC1zaXplOiAycmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaXMtc2l6ZS0zLXRhYmxldCB7XG4gICAgZm9udC1zaXplOiAycmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtc2l6ZS0zLXRvdWNoIHtcbiAgICBmb250LXNpemU6IDJyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5pcy1zaXplLTMtZGVza3RvcCB7XG4gICAgZm9udC1zaXplOiAycmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAuaXMtc2l6ZS0zLXdpZGVzY3JlZW4ge1xuICAgIGZvbnQtc2l6ZTogMnJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMzkycHgpIHtcbiAgLmlzLXNpemUtMy1mdWxsaGQge1xuICAgIGZvbnQtc2l6ZTogMnJlbTtcbiAgfVxufVxuXG4uaXMtc2l6ZS00IHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1zaXplLTQtbW9iaWxlIHtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLXNpemUtNC10YWJsZXQge1xuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtc2l6ZS00LXRvdWNoIHtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLXNpemUtNC1kZXNrdG9wIHtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLXNpemUtNC13aWRlc2NyZWVuIHtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMzkycHgpIHtcbiAgLmlzLXNpemUtNC1mdWxsaGQge1xuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICB9XG59XG5cbi5pcy1zaXplLTUge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1zaXplLTUtbW9iaWxlIHtcbiAgICBmb250LXNpemU6IDEuMjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5pcy1zaXplLTUtdGFibGV0IHtcbiAgICBmb250LXNpemU6IDEuMjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1zaXplLTUtdG91Y2gge1xuICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLXNpemUtNS1kZXNrdG9wIHtcbiAgICBmb250LXNpemU6IDEuMjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5pcy1zaXplLTUtd2lkZXNjcmVlbiB7XG4gICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEzOTJweCkge1xuICAuaXMtc2l6ZS01LWZ1bGxoZCB7XG4gICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB9XG59XG5cbi5pcy1zaXplLTYge1xuICBmb250LXNpemU6IDFyZW07XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1zaXplLTYtbW9iaWxlIHtcbiAgICBmb250LXNpemU6IDFyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5pcy1zaXplLTYtdGFibGV0IHtcbiAgICBmb250LXNpemU6IDFyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1zaXplLTYtdG91Y2gge1xuICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLXNpemUtNi1kZXNrdG9wIHtcbiAgICBmb250LXNpemU6IDFyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5pcy1zaXplLTYtd2lkZXNjcmVlbiB7XG4gICAgZm9udC1zaXplOiAxcmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEzOTJweCkge1xuICAuaXMtc2l6ZS02LWZ1bGxoZCB7XG4gICAgZm9udC1zaXplOiAxcmVtO1xuICB9XG59XG5cbi5oYXMtdGV4dC1jZW50ZXJlZCB7XG4gIHRleHQtYWxpZ246IGNlbnRlciAhaW1wb3J0YW50O1xufVxuXG4uaGFzLXRleHQtbGVmdCB7XG4gIHRleHQtYWxpZ246IGxlZnQgIWltcG9ydGFudDtcbn1cblxuLmhhcy10ZXh0LXJpZ2h0IHtcbiAgdGV4dC1hbGlnbjogcmlnaHQgIWltcG9ydGFudDtcbn1cblxuLmhhcy10ZXh0LXdoaXRlIHtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG5hLmhhcy10ZXh0LXdoaXRlOmhvdmVyLCBhLmhhcy10ZXh0LXdoaXRlOmZvY3VzIHtcbiAgY29sb3I6ICNlNmU2ZTY7XG59XG5cbi5oYXMtdGV4dC1ibGFjayB7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG5hLmhhcy10ZXh0LWJsYWNrOmhvdmVyLCBhLmhhcy10ZXh0LWJsYWNrOmZvY3VzIHtcbiAgY29sb3I6IGJsYWNrO1xufVxuXG4uaGFzLXRleHQtbGlnaHQge1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuYS5oYXMtdGV4dC1saWdodDpob3ZlciwgYS5oYXMtdGV4dC1saWdodDpmb2N1cyB7XG4gIGNvbG9yOiAjZGJkYmRiO1xufVxuXG4uaGFzLXRleHQtZGFyayB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG5hLmhhcy10ZXh0LWRhcms6aG92ZXIsIGEuaGFzLXRleHQtZGFyazpmb2N1cyB7XG4gIGNvbG9yOiAjMWMxYzFjO1xufVxuXG4uaGFzLXRleHQtcHJpbWFyeSB7XG4gIGNvbG9yOiAjMDBkMWIyO1xufVxuXG5hLmhhcy10ZXh0LXByaW1hcnk6aG92ZXIsIGEuaGFzLXRleHQtcHJpbWFyeTpmb2N1cyB7XG4gIGNvbG9yOiAjMDA5ZTg2O1xufVxuXG4uaGFzLXRleHQtaW5mbyB7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG5hLmhhcy10ZXh0LWluZm86aG92ZXIsIGEuaGFzLXRleHQtaW5mbzpmb2N1cyB7XG4gIGNvbG9yOiAjMjA1YmJjO1xufVxuXG4uaGFzLXRleHQtc3VjY2VzcyB7XG4gIGNvbG9yOiAjMjNkMTYwO1xufVxuXG5hLmhhcy10ZXh0LXN1Y2Nlc3M6aG92ZXIsIGEuaGFzLXRleHQtc3VjY2Vzczpmb2N1cyB7XG4gIGNvbG9yOiAjMWNhNjRjO1xufVxuXG4uaGFzLXRleHQtd2FybmluZyB7XG4gIGNvbG9yOiAjZmZkZDU3O1xufVxuXG5hLmhhcy10ZXh0LXdhcm5pbmc6aG92ZXIsIGEuaGFzLXRleHQtd2FybmluZzpmb2N1cyB7XG4gIGNvbG9yOiAjZmZkMzI0O1xufVxuXG4uaGFzLXRleHQtZGFuZ2VyIHtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbmEuaGFzLXRleHQtZGFuZ2VyOmhvdmVyLCBhLmhhcy10ZXh0LWRhbmdlcjpmb2N1cyB7XG4gIGNvbG9yOiAjZmYwNTM3O1xufVxuXG4uaXMtaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtaGlkZGVuLW1vYmlsZSB7XG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaXMtaGlkZGVuLXRhYmxldCB7XG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1oaWRkZW4tdGFibGV0LW9ubHkge1xuICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWhpZGRlbi10b3VjaCB7XG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuaXMtaGlkZGVuLWRlc2t0b3Age1xuICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWhpZGRlbi1kZXNrdG9wLW9ubHkge1xuICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLWhpZGRlbi13aWRlc2NyZWVuIHtcbiAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLmlzLW1hcmdpbmxlc3Mge1xuICBtYXJnaW46IDAgIWltcG9ydGFudDtcbn1cblxuLmlzLXBhZGRpbmdsZXNzIHtcbiAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xufVxuXG4uaXMtdW5zZWxlY3RhYmxlIHtcbiAgLXdlYmtpdC10b3VjaC1jYWxsb3V0OiBub25lO1xuICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuXG4uYm94IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKSwgMCAwIDAgMXB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwYWRkaW5nOiAxLjI1cmVtO1xufVxuXG4uYm94Om5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbmEuYm94OmhvdmVyLCBhLmJveDpmb2N1cyB7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDNweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMCAwIDFweCAjMDBkMWIyO1xufVxuXG5hLmJveDphY3RpdmUge1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpLCAwIDAgMCAxcHggIzAwZDFiMjtcbn1cblxuLmJ1dHRvbiB7XG4gIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBib3gtc2hhZG93OiBub25lO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBoZWlnaHQ6IDIuMjVlbTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBsaW5lLWhlaWdodDogMS41O1xuICBwYWRkaW5nLWJvdHRvbTogY2FsYygwLjM3NWVtIC0gMXB4KTtcbiAgcGFkZGluZy1sZWZ0OiBjYWxjKDAuNjI1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLXJpZ2h0OiBjYWxjKDAuNjI1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLXRvcDogY2FsYygwLjM3NWVtIC0gMXB4KTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICAtd2Via2l0LXRvdWNoLWNhbGxvdXQ6IG5vbmU7XG4gIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tcy11c2VyLXNlbGVjdDogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItY29sb3I6ICNkYmRiZGI7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6IDAuNzVlbTtcbiAgcGFkZGluZy1yaWdodDogMC43NWVtO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbi5idXR0b246Zm9jdXMsIC5idXR0b24uaXMtZm9jdXNlZCwgLmJ1dHRvbjphY3RpdmUsIC5idXR0b24uaXMtYWN0aXZlIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLmJ1dHRvbltkaXNhYmxlZF0ge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4uYnV0dG9uIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uYnV0dG9uIC5pY29uLCAuYnV0dG9uIC5pY29uLmlzLXNtYWxsLCAuYnV0dG9uIC5pY29uLmlzLW1lZGl1bSwgLmJ1dHRvbiAuaWNvbi5pcy1sYXJnZSB7XG4gIGhlaWdodDogMS41ZW07XG4gIHdpZHRoOiAxLjVlbTtcbn1cblxuLmJ1dHRvbiAuaWNvbjpmaXJzdC1jaGlsZDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoLTAuMzc1ZW0gLSAxcHgpO1xuICBtYXJnaW4tcmlnaHQ6IDAuMTg3NWVtO1xufVxuXG4uYnV0dG9uIC5pY29uOmxhc3QtY2hpbGQ6bm90KDpmaXJzdC1jaGlsZCkge1xuICBtYXJnaW4tbGVmdDogMC4xODc1ZW07XG4gIG1hcmdpbi1yaWdodDogY2FsYygtMC4zNzVlbSAtIDFweCk7XG59XG5cbi5idXR0b24gLmljb246Zmlyc3QtY2hpbGQ6bGFzdC1jaGlsZCB7XG4gIG1hcmdpbi1sZWZ0OiBjYWxjKC0wLjM3NWVtIC0gMXB4KTtcbiAgbWFyZ2luLXJpZ2h0OiBjYWxjKC0wLjM3NWVtIC0gMXB4KTtcbn1cblxuLmJ1dHRvbjpob3ZlciwgLmJ1dHRvbi5pcy1ob3ZlcmVkIHtcbiAgYm9yZGVyLWNvbG9yOiAjYjViNWI1O1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbjpmb2N1cywgLmJ1dHRvbi5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xuICBib3gtc2hhZG93OiAwIDAgMC41ZW0gcmdiYSgwLCAyMDksIDE3OCwgMC4yNSk7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uOmFjdGl2ZSwgLmJ1dHRvbi5pcy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6ICM0YTRhNGE7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDJweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWxpbmsge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuXG4uYnV0dG9uLmlzLWxpbms6aG92ZXIsIC5idXR0b24uaXMtbGluay5pcy1ob3ZlcmVkLCAuYnV0dG9uLmlzLWxpbms6Zm9jdXMsIC5idXR0b24uaXMtbGluay5pcy1mb2N1c2VkLCAuYnV0dG9uLmlzLWxpbms6YWN0aXZlLCAuYnV0dG9uLmlzLWxpbmsuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtbGlua1tkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZTpob3ZlciwgLmJ1dHRvbi5pcy13aGl0ZS5pcy1ob3ZlcmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y5ZjlmOTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5idXR0b24uaXMtd2hpdGU6Zm9jdXMsIC5idXR0b24uaXMtd2hpdGUuaXMtZm9jdXNlZCB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IDAgMCAwLjVlbSByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjUpO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZTphY3RpdmUsIC5idXR0b24uaXMtd2hpdGUuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5idXR0b24uaXMtd2hpdGVbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtaW52ZXJ0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtaW52ZXJ0ZWQ6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZS5pcy1pbnZlcnRlZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgIzBhMGEwYSAjMGEwYTBhICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXdoaXRlLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlLmlzLW91dGxpbmVkLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHdoaXRlIHdoaXRlICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZS5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMwYTBhMGE7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXdoaXRlLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlLmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMwYTBhMGE7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrOmhvdmVyLCAuYnV0dG9uLmlzLWJsYWNrLmlzLWhvdmVyZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDQwNDA0O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtYmxhY2s6Zm9jdXMsIC5idXR0b24uaXMtYmxhY2suaXMtZm9jdXNlZCB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IDAgMCAwLjVlbSByZ2JhKDEwLCAxMCwgMTAsIDAuMjUpO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtYmxhY2s6YWN0aXZlLCAuYnV0dG9uLmlzLWJsYWNrLmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtYmxhY2tbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1pbnZlcnRlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1pbnZlcnRlZDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7XG59XG5cbi5idXR0b24uaXMtYmxhY2suaXMtaW52ZXJ0ZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHdoaXRlIHdoaXRlICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtYmxhY2suaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMGEwYTBhO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1ibGFjay5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIGJvcmRlci1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLW91dGxpbmVkLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICMwYTBhMGEgIzBhMGEwYSAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMwYTBhMGE7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLWludmVydGVkLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1ibGFjay5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLWxpZ2h0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtbGlnaHQ6aG92ZXIsIC5idXR0b24uaXMtbGlnaHQuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZWVlZWU7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWxpZ2h0OmZvY3VzLCAuYnV0dG9uLmlzLWxpZ2h0LmlzLWZvY3VzZWQge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiAwIDAgMC41ZW0gcmdiYSgyNDUsIDI0NSwgMjQ1LCAwLjI1KTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtbGlnaHQ6YWN0aXZlLCAuYnV0dG9uLmlzLWxpZ2h0LmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlOGU4ZTg7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDJweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWxpZ2h0W2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtaW52ZXJ0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1pbnZlcnRlZDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyOTI5Mjk7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtaW52ZXJ0ZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgIzM2MzYzNiAjMzYzNjM2ICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1saWdodC5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtb3V0bGluZWQuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgd2hpdGVzbW9rZSB3aGl0ZXNtb2tlICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMzYzNjM2O1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1saWdodC5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLWxpZ2h0LmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrOmhvdmVyLCAuYnV0dG9uLmlzLWRhcmsuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyZjJmMmY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLWRhcms6Zm9jdXMsIC5idXR0b24uaXMtZGFyay5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogMCAwIDAuNWVtIHJnYmEoNTQsIDU0LCA1NCwgMC4yNSk7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLWRhcms6YWN0aXZlLCAuYnV0dG9uLmlzLWRhcmsuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzI5MjkyOTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtZGFya1tkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtaW52ZXJ0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLWludmVydGVkOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2U4ZThlODtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLWludmVydGVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgd2hpdGVzbW9rZSB3aGl0ZXNtb2tlICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtZGFyay5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtZGFyay5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGJvcmRlci1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtZGFyay5pcy1vdXRsaW5lZC5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjMzYzNjM2ICMzNjM2MzYgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLWRhcmsuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5OmhvdmVyLCAuYnV0dG9uLmlzLXByaW1hcnkuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGM0YTc7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnk6Zm9jdXMsIC5idXR0b24uaXMtcHJpbWFyeS5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogMCAwIDAuNWVtIHJnYmEoMCwgMjA5LCAxNzgsIDAuMjUpO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5OmFjdGl2ZSwgLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGI4OWM7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDJweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnlbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWludmVydGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1pbnZlcnRlZDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1pbnZlcnRlZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICNmZmYgI2ZmZiAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnkuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXByaW1hcnkuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnkuaXMtb3V0bGluZWQuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgIzAwZDFiMiAjMDBkMWIyICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWludmVydGVkLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWludmVydGVkLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMyNzNkYztcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtaW5mbzpob3ZlciwgLmJ1dHRvbi5pcy1pbmZvLmlzLWhvdmVyZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjc2Y2RhO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvOmZvY3VzLCAuYnV0dG9uLmlzLWluZm8uaXMtZm9jdXNlZCB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IDAgMCAwLjVlbSByZ2JhKDUwLCAxMTUsIDIyMCwgMC4yNSk7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLWluZm86YWN0aXZlLCAuYnV0dG9uLmlzLWluZm8uaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzNjZkMTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtaW5mb1tkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzI3M2RjO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtaW52ZXJ0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogIzMyNzNkYztcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLWludmVydGVkOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLWludmVydGVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgI2ZmZiAjZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtaW5mby5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtaW5mby5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGJvcmRlci1jb2xvcjogIzMyNzNkYztcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtaW5mby5pcy1vdXRsaW5lZC5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjMzI3M2RjICMzMjczZGMgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMzMjczZGM7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLWluZm8uaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogIzMyNzNkYztcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3Mge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzOmhvdmVyLCAuYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyMmM2NWI7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3M6Zm9jdXMsIC5idXR0b24uaXMtc3VjY2Vzcy5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogMCAwIDAuNWVtIHJnYmEoMzUsIDIwOSwgOTYsIDAuMjUpO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzOmFjdGl2ZSwgLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyMGJjNTY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDJweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3NbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWludmVydGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICMyM2QxNjA7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1pbnZlcnRlZDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1pbnZlcnRlZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzIzZDE2MDtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICNmZmYgI2ZmZiAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMjNkMTYwO1xuICBjb2xvcjogIzIzZDE2MDtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xuICBib3JkZXItY29sb3I6ICMyM2QxNjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtb3V0bGluZWQuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgIzIzZDE2MCAjMjNkMTYwICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMjNkMTYwO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzIzZDE2MDtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWludmVydGVkLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICMyM2QxNjA7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZGQ1NztcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nOmhvdmVyLCAuYnV0dG9uLmlzLXdhcm5pbmcuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmRiNGE7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG59XG5cbi5idXR0b24uaXMtd2FybmluZzpmb2N1cywgLmJ1dHRvbi5pcy13YXJuaW5nLmlzLWZvY3VzZWQge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiAwIDAgMC41ZW0gcmdiYSgyNTUsIDIyMSwgODcsIDAuMjUpO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmc6YWN0aXZlLCAuYnV0dG9uLmlzLXdhcm5pbmcuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZDgzZDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmRkNTc7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1pbnZlcnRlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgY29sb3I6ICNmZmRkNTc7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1pbnZlcnRlZDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nLmlzLWludmVydGVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICNmZmRkNTc7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCByZ2JhKDAsIDAsIDAsIDAuNykgcmdiYSgwLCAwLCAwLCAwLjcpICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICNmZmRkNTc7XG4gIGNvbG9yOiAjZmZkZDU3O1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmcuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtd2FybmluZy5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmRkNTc7XG4gIGJvcmRlci1jb2xvcjogI2ZmZGQ1NztcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nLmlzLW91dGxpbmVkLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICNmZmRkNTcgI2ZmZGQ1NyAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmcuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmZGQ1NztcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICNmZmRkNTc7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXdhcm5pbmcuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4gIGNvbG9yOiAjZmZkZDU3O1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmcuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjM4NjA7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlcjpob3ZlciwgLmJ1dHRvbi5pcy1kYW5nZXIuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjJiNTY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlcjpmb2N1cywgLmJ1dHRvbi5pcy1kYW5nZXIuaXMtZm9jdXNlZCB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IDAgMCAwLjVlbSByZ2JhKDI1NSwgNTYsIDk2LCAwLjI1KTtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyOmFjdGl2ZSwgLmJ1dHRvbi5pcy1kYW5nZXIuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMWY0YjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjM4NjA7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLWludmVydGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLWludmVydGVkOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbn1cblxuLmJ1dHRvbi5pcy1kYW5nZXIuaXMtaW52ZXJ0ZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICNmZmYgI2ZmZiAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlci5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICNmZjM4NjA7XG4gIGNvbG9yOiAjZmYzODYwO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlci5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1kYW5nZXIuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xuICBib3JkZXItY29sb3I6ICNmZjM4NjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlci5pcy1vdXRsaW5lZC5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjZmYzODYwICNmZjM4NjAgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1kYW5nZXIuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmMzg2MDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLWludmVydGVkLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLWRhbmdlci5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGNvbG9yOiAjZmYzODYwO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlci5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1zbWFsbCB7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuXG4uYnV0dG9uLmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLmJ1dHRvbi5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4uYnV0dG9uW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItY29sb3I6ICNkYmRiZGI7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIG9wYWNpdHk6IDAuNTtcbn1cblxuLmJ1dHRvbi5pcy1mdWxsd2lkdGgge1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmJ1dHRvbi5pcy1sb2FkaW5nIHtcbiAgY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uYnV0dG9uLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBhbmltYXRpb246IHNwaW5Bcm91bmQgNTAwbXMgaW5maW5pdGUgbGluZWFyO1xuICBib3JkZXI6IDJweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgYm9yZGVyLXJpZ2h0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMWVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IGNhbGMoNTAlIC0gKDFlbSAvIDIpKTtcbiAgdG9wOiBjYWxjKDUwJSAtICgxZW0gLyAyKSk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLXN0YXRpYyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1jb2xvcjogI2RiZGJkYjtcbiAgY29sb3I6ICM3YTdhN2E7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG5idXR0b24uYnV0dG9uLFxuaW5wdXRbdHlwZT1cInN1Ym1pdFwiXS5idXR0b24ge1xuICBsaW5lLWhlaWdodDogMTtcbiAgcGFkZGluZy1ib3R0b206IDAuNGVtO1xuICBwYWRkaW5nLXRvcDogMC4zNWVtO1xufVxuXG4uY29udGVudDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uY29udGVudCBsaSArIGxpIHtcbiAgbWFyZ2luLXRvcDogMC4yNWVtO1xufVxuXG4uY29udGVudCBwOm5vdCg6bGFzdC1jaGlsZCksXG4uY29udGVudCBkbDpub3QoOmxhc3QtY2hpbGQpLFxuLmNvbnRlbnQgb2w6bm90KDpsYXN0LWNoaWxkKSxcbi5jb250ZW50IHVsOm5vdCg6bGFzdC1jaGlsZCksXG4uY29udGVudCBibG9ja3F1b3RlOm5vdCg6bGFzdC1jaGlsZCksXG4uY29udGVudCBwcmU6bm90KDpsYXN0LWNoaWxkKSxcbi5jb250ZW50IHRhYmxlOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxZW07XG59XG5cbi5jb250ZW50IGgxLFxuLmNvbnRlbnQgaDIsXG4uY29udGVudCBoMyxcbi5jb250ZW50IGg0LFxuLmNvbnRlbnQgaDUsXG4uY29udGVudCBoNiB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBmb250LXdlaWdodDogNDAwO1xuICBsaW5lLWhlaWdodDogMS4xMjU7XG59XG5cbi5jb250ZW50IGgxIHtcbiAgZm9udC1zaXplOiAyZW07XG4gIG1hcmdpbi1ib3R0b206IDAuNWVtO1xufVxuXG4uY29udGVudCBoMTpub3QoOmZpcnN0LWNoaWxkKSB7XG4gIG1hcmdpbi10b3A6IDFlbTtcbn1cblxuLmNvbnRlbnQgaDIge1xuICBmb250LXNpemU6IDEuNzVlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC41NzE0ZW07XG59XG5cbi5jb250ZW50IGgyOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgbWFyZ2luLXRvcDogMS4xNDI4ZW07XG59XG5cbi5jb250ZW50IGgzIHtcbiAgZm9udC1zaXplOiAxLjVlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC42NjY2ZW07XG59XG5cbi5jb250ZW50IGgzOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgbWFyZ2luLXRvcDogMS4zMzMzZW07XG59XG5cbi5jb250ZW50IGg0IHtcbiAgZm9udC1zaXplOiAxLjI1ZW07XG4gIG1hcmdpbi1ib3R0b206IDAuOGVtO1xufVxuXG4uY29udGVudCBoNSB7XG4gIGZvbnQtc2l6ZTogMS4xMjVlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC44ODg4ZW07XG59XG5cbi5jb250ZW50IGg2IHtcbiAgZm9udC1zaXplOiAxZW07XG4gIG1hcmdpbi1ib3R0b206IDFlbTtcbn1cblxuLmNvbnRlbnQgYmxvY2txdW90ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgI2RiZGJkYjtcbiAgcGFkZGluZzogMS4yNWVtIDEuNWVtO1xufVxuXG4uY29udGVudCBvbCB7XG4gIGxpc3Qtc3R5bGU6IGRlY2ltYWwgb3V0c2lkZTtcbiAgbWFyZ2luLWxlZnQ6IDJlbTtcbiAgbWFyZ2luLXRvcDogMWVtO1xufVxuXG4uY29udGVudCB1bCB7XG4gIGxpc3Qtc3R5bGU6IGRpc2Mgb3V0c2lkZTtcbiAgbWFyZ2luLWxlZnQ6IDJlbTtcbiAgbWFyZ2luLXRvcDogMWVtO1xufVxuXG4uY29udGVudCB1bCB1bCB7XG4gIGxpc3Qtc3R5bGUtdHlwZTogY2lyY2xlO1xuICBtYXJnaW4tdG9wOiAwLjVlbTtcbn1cblxuLmNvbnRlbnQgdWwgdWwgdWwge1xuICBsaXN0LXN0eWxlLXR5cGU6IHNxdWFyZTtcbn1cblxuLmNvbnRlbnQgZGQge1xuICBtYXJnaW4tbGVmdDogMmVtO1xufVxuXG4uY29udGVudCBmaWd1cmUge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5jb250ZW50IGZpZ3VyZSBpbWcge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5jb250ZW50IGZpZ3VyZSBmaWdjYXB0aW9uIHtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xufVxuXG4uY29udGVudCBwcmUge1xuICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHBhZGRpbmc6IDEuMjVlbSAxLjVlbTtcbiAgd2hpdGUtc3BhY2U6IHByZTtcbiAgd29yZC13cmFwOiBub3JtYWw7XG59XG5cbi5jb250ZW50IHN1cCxcbi5jb250ZW50IHN1YiB7XG4gIGZvbnQtc2l6ZTogNzAlO1xufVxuXG4uY29udGVudCB0YWJsZSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY29udGVudCB0YWJsZSB0ZCxcbi5jb250ZW50IHRhYmxlIHRoIHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2RiZGJkYjtcbiAgYm9yZGVyLXdpZHRoOiAwIDAgMXB4O1xuICBwYWRkaW5nOiAwLjVlbSAwLjc1ZW07XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbi5jb250ZW50IHRhYmxlIHRoIHtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbi5jb250ZW50IHRhYmxlIHRyOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmNvbnRlbnQgdGFibGUgdGhlYWQgdGQsXG4uY29udGVudCB0YWJsZSB0aGVhZCB0aCB7XG4gIGJvcmRlci13aWR0aDogMCAwIDJweDtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5jb250ZW50IHRhYmxlIHRmb290IHRkLFxuLmNvbnRlbnQgdGFibGUgdGZvb3QgdGgge1xuICBib3JkZXItd2lkdGg6IDJweCAwIDA7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uY29udGVudCB0YWJsZSB0Ym9keSB0cjpsYXN0LWNoaWxkIHRkLFxuLmNvbnRlbnQgdGFibGUgdGJvZHkgdHI6bGFzdC1jaGlsZCB0aCB7XG4gIGJvcmRlci1ib3R0b20td2lkdGg6IDA7XG59XG5cbi5jb250ZW50LmlzLXNtYWxsIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuXG4uY29udGVudC5pcy1tZWRpdW0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5jb250ZW50LmlzLWxhcmdlIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi5pbnB1dCxcbi50ZXh0YXJlYSB7XG4gIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBib3gtc2hhZG93OiBub25lO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBoZWlnaHQ6IDIuMjVlbTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBsaW5lLWhlaWdodDogMS41O1xuICBwYWRkaW5nLWJvdHRvbTogY2FsYygwLjM3NWVtIC0gMXB4KTtcbiAgcGFkZGluZy1sZWZ0OiBjYWxjKDAuNjI1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLXJpZ2h0OiBjYWxjKDAuNjI1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLXRvcDogY2FsYygwLjM3NWVtIC0gMXB4KTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLWNvbG9yOiAjZGJkYmRiO1xuICBjb2xvcjogIzM2MzYzNjtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmlucHV0OmZvY3VzLCAuaW5wdXQuaXMtZm9jdXNlZCwgLmlucHV0OmFjdGl2ZSwgLmlucHV0LmlzLWFjdGl2ZSxcbi50ZXh0YXJlYTpmb2N1cyxcbi50ZXh0YXJlYS5pcy1mb2N1c2VkLFxuLnRleHRhcmVhOmFjdGl2ZSxcbi50ZXh0YXJlYS5pcy1hY3RpdmUge1xuICBvdXRsaW5lOiBub25lO1xufVxuXG4uaW5wdXRbZGlzYWJsZWRdLFxuLnRleHRhcmVhW2Rpc2FibGVkXSB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5pbnB1dDpob3ZlciwgLmlucHV0LmlzLWhvdmVyZWQsXG4udGV4dGFyZWE6aG92ZXIsXG4udGV4dGFyZWEuaXMtaG92ZXJlZCB7XG4gIGJvcmRlci1jb2xvcjogI2I1YjViNTtcbn1cblxuLmlucHV0OmZvY3VzLCAuaW5wdXQuaXMtZm9jdXNlZCwgLmlucHV0OmFjdGl2ZSwgLmlucHV0LmlzLWFjdGl2ZSxcbi50ZXh0YXJlYTpmb2N1cyxcbi50ZXh0YXJlYS5pcy1mb2N1c2VkLFxuLnRleHRhcmVhOmFjdGl2ZSxcbi50ZXh0YXJlYS5pcy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG59XG5cbi5pbnB1dFtkaXNhYmxlZF0sXG4udGV4dGFyZWFbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzdhN2E3YTtcbn1cblxuLmlucHV0W2Rpc2FibGVkXTo6LW1vei1wbGFjZWhvbGRlcixcbi50ZXh0YXJlYVtkaXNhYmxlZF06Oi1tb3otcGxhY2Vob2xkZXIge1xuICBjb2xvcjogcmdiYSg1NCwgNTQsIDU0LCAwLjMpO1xufVxuXG4uaW5wdXRbZGlzYWJsZWRdOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyLFxuLnRleHRhcmVhW2Rpc2FibGVkXTo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDU0LCA1NCwgNTQsIDAuMyk7XG59XG5cbi5pbnB1dFtkaXNhYmxlZF06LW1vei1wbGFjZWhvbGRlcixcbi50ZXh0YXJlYVtkaXNhYmxlZF06LW1vei1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDU0LCA1NCwgNTQsIDAuMyk7XG59XG5cbi5pbnB1dFtkaXNhYmxlZF06LW1zLWlucHV0LXBsYWNlaG9sZGVyLFxuLnRleHRhcmVhW2Rpc2FibGVkXTotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuICBjb2xvcjogcmdiYSg1NCwgNTQsIDU0LCAwLjMpO1xufVxuXG4uaW5wdXRbdHlwZT1cInNlYXJjaFwiXSxcbi50ZXh0YXJlYVt0eXBlPVwic2VhcmNoXCJdIHtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG59XG5cbi5pbnB1dC5pcy13aGl0ZSxcbi50ZXh0YXJlYS5pcy13aGl0ZSB7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG59XG5cbi5pbnB1dC5pcy1ibGFjayxcbi50ZXh0YXJlYS5pcy1ibGFjayB7XG4gIGJvcmRlci1jb2xvcjogIzBhMGEwYTtcbn1cblxuLmlucHV0LmlzLWxpZ2h0LFxuLnRleHRhcmVhLmlzLWxpZ2h0IHtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uaW5wdXQuaXMtZGFyayxcbi50ZXh0YXJlYS5pcy1kYXJrIHtcbiAgYm9yZGVyLWNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaW5wdXQuaXMtcHJpbWFyeSxcbi50ZXh0YXJlYS5pcy1wcmltYXJ5IHtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4uaW5wdXQuaXMtaW5mbyxcbi50ZXh0YXJlYS5pcy1pbmZvIHtcbiAgYm9yZGVyLWNvbG9yOiAjMzI3M2RjO1xufVxuXG4uaW5wdXQuaXMtc3VjY2Vzcyxcbi50ZXh0YXJlYS5pcy1zdWNjZXNzIHtcbiAgYm9yZGVyLWNvbG9yOiAjMjNkMTYwO1xufVxuXG4uaW5wdXQuaXMtd2FybmluZyxcbi50ZXh0YXJlYS5pcy13YXJuaW5nIHtcbiAgYm9yZGVyLWNvbG9yOiAjZmZkZDU3O1xufVxuXG4uaW5wdXQuaXMtZGFuZ2VyLFxuLnRleHRhcmVhLmlzLWRhbmdlciB7XG4gIGJvcmRlci1jb2xvcjogI2ZmMzg2MDtcbn1cblxuLmlucHV0LmlzLXNtYWxsLFxuLnRleHRhcmVhLmlzLXNtYWxsIHtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5pbnB1dC5pcy1tZWRpdW0sXG4udGV4dGFyZWEuaXMtbWVkaXVtIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4uaW5wdXQuaXMtbGFyZ2UsXG4udGV4dGFyZWEuaXMtbGFyZ2Uge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmlucHV0LmlzLWZ1bGx3aWR0aCxcbi50ZXh0YXJlYS5pcy1mdWxsd2lkdGgge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5pbnB1dC5pcy1pbmxpbmUsXG4udGV4dGFyZWEuaXMtaW5saW5lIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICB3aWR0aDogYXV0bztcbn1cblxuLnRleHRhcmVhIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAwLjYyNWVtO1xuICByZXNpemU6IHZlcnRpY2FsO1xufVxuXG4udGV4dGFyZWE6bm90KFtyb3dzXSkge1xuICBtYXgtaGVpZ2h0OiA2MDBweDtcbiAgbWluLWhlaWdodDogMTIwcHg7XG59XG5cbi50ZXh0YXJlYVtyb3dzXSB7XG4gIGhlaWdodDogdW5zZXQ7XG59XG5cbi5jaGVja2JveCxcbi5yYWRpbyB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBsaW5lLWhlaWdodDogMS4yNTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uY2hlY2tib3ggaW5wdXQsXG4ucmFkaW8gaW5wdXQge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jaGVja2JveDpob3Zlcixcbi5yYWRpbzpob3ZlciB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uY2hlY2tib3hbZGlzYWJsZWRdLFxuLnJhZGlvW2Rpc2FibGVkXSB7XG4gIGNvbG9yOiAjN2E3YTdhO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4ucmFkaW8gKyAucmFkaW8ge1xuICBtYXJnaW4tbGVmdDogMC41ZW07XG59XG5cbi5zZWxlY3Qge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4uc2VsZWN0Om5vdCguaXMtbXVsdGlwbGUpIHtcbiAgaGVpZ2h0OiAyLjI1ZW07XG59XG5cbi5zZWxlY3Q6bm90KC5pcy1tdWx0aXBsZSk6OmFmdGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgIzAwZDFiMjtcbiAgYm9yZGVyLXJpZ2h0OiAwO1xuICBib3JkZXItdG9wOiAwO1xuICBjb250ZW50OiBcIiBcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMC41ZW07XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gIHdpZHRoOiAwLjVlbTtcbiAgbWFyZ2luLXRvcDogLTAuMzc1ZW07XG4gIHJpZ2h0OiAxLjEyNWVtO1xuICB0b3A6IDUwJTtcbiAgei1pbmRleDogNDtcbn1cblxuLnNlbGVjdCBzZWxlY3Qge1xuICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgaGVpZ2h0OiAyLjI1ZW07XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgcGFkZGluZy1ib3R0b206IGNhbGMoMC4zNzVlbSAtIDFweCk7XG4gIHBhZGRpbmctbGVmdDogY2FsYygwLjYyNWVtIC0gMXB4KTtcbiAgcGFkZGluZy1yaWdodDogY2FsYygwLjYyNWVtIC0gMXB4KTtcbiAgcGFkZGluZy10b3A6IGNhbGMoMC4zNzVlbSAtIDFweCk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogI2RiZGJkYjtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5zZWxlY3Qgc2VsZWN0OmZvY3VzLCAuc2VsZWN0IHNlbGVjdC5pcy1mb2N1c2VkLCAuc2VsZWN0IHNlbGVjdDphY3RpdmUsIC5zZWxlY3Qgc2VsZWN0LmlzLWFjdGl2ZSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5zZWxlY3Qgc2VsZWN0W2Rpc2FibGVkXSB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5zZWxlY3Qgc2VsZWN0OmhvdmVyLCAuc2VsZWN0IHNlbGVjdC5pcy1ob3ZlcmVkIHtcbiAgYm9yZGVyLWNvbG9yOiAjYjViNWI1O1xufVxuXG4uc2VsZWN0IHNlbGVjdDpmb2N1cywgLnNlbGVjdCBzZWxlY3QuaXMtZm9jdXNlZCwgLnNlbGVjdCBzZWxlY3Q6YWN0aXZlLCAuc2VsZWN0IHNlbGVjdC5pcy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG59XG5cbi5zZWxlY3Qgc2VsZWN0W2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICM3YTdhN2E7XG59XG5cbi5zZWxlY3Qgc2VsZWN0W2Rpc2FibGVkXTo6LW1vei1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDU0LCA1NCwgNTQsIDAuMyk7XG59XG5cbi5zZWxlY3Qgc2VsZWN0W2Rpc2FibGVkXTo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDU0LCA1NCwgNTQsIDAuMyk7XG59XG5cbi5zZWxlY3Qgc2VsZWN0W2Rpc2FibGVkXTotbW96LXBsYWNlaG9sZGVyIHtcbiAgY29sb3I6IHJnYmEoNTQsIDU0LCA1NCwgMC4zKTtcbn1cblxuLnNlbGVjdCBzZWxlY3RbZGlzYWJsZWRdOi1tcy1pbnB1dC1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDU0LCA1NCwgNTQsIDAuMyk7XG59XG5cbi5zZWxlY3Qgc2VsZWN0OmhvdmVyIHtcbiAgYm9yZGVyLWNvbG9yOiAjYjViNWI1O1xufVxuXG4uc2VsZWN0IHNlbGVjdDpmb2N1cywgLnNlbGVjdCBzZWxlY3QuaXMtZm9jdXNlZCwgLnNlbGVjdCBzZWxlY3Q6YWN0aXZlLCAuc2VsZWN0IHNlbGVjdC5pcy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG59XG5cbi5zZWxlY3Qgc2VsZWN0OjotbXMtZXhwYW5kIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNlbGVjdCBzZWxlY3RbZGlzYWJsZWRdOmhvdmVyIHtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uc2VsZWN0IHNlbGVjdDpub3QoW211bHRpcGxlXSkge1xuICBwYWRkaW5nLXJpZ2h0OiAyLjVlbTtcbn1cblxuLnNlbGVjdCBzZWxlY3RbbXVsdGlwbGVdIHtcbiAgaGVpZ2h0OiB1bnNldDtcbiAgcGFkZGluZzogMDtcbn1cblxuLnNlbGVjdCBzZWxlY3RbbXVsdGlwbGVdIG9wdGlvbiB7XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbn1cblxuLnNlbGVjdDpob3Zlcjo6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG59XG5cbi5zZWxlY3QuaXMtd2hpdGUgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbn1cblxuLnNlbGVjdC5pcy1ibGFjayBzZWxlY3Qge1xuICBib3JkZXItY29sb3I6ICMwYTBhMGE7XG59XG5cbi5zZWxlY3QuaXMtbGlnaHQgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uc2VsZWN0LmlzLWRhcmsgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiAjMzYzNjM2O1xufVxuXG4uc2VsZWN0LmlzLXByaW1hcnkgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4uc2VsZWN0LmlzLWluZm8gc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiAjMzI3M2RjO1xufVxuXG4uc2VsZWN0LmlzLXN1Y2Nlc3Mgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiAjMjNkMTYwO1xufVxuXG4uc2VsZWN0LmlzLXdhcm5pbmcgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiAjZmZkZDU3O1xufVxuXG4uc2VsZWN0LmlzLWRhbmdlciBzZWxlY3Qge1xuICBib3JkZXItY29sb3I6ICNmZjM4NjA7XG59XG5cbi5zZWxlY3QuaXMtc21hbGwge1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLnNlbGVjdC5pcy1tZWRpdW0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5zZWxlY3QuaXMtbGFyZ2Uge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLnNlbGVjdC5pcy1kaXNhYmxlZDo6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6ICM3YTdhN2E7XG59XG5cbi5zZWxlY3QuaXMtZnVsbHdpZHRoIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5zZWxlY3QuaXMtZnVsbHdpZHRoIHNlbGVjdCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uc2VsZWN0LmlzLWxvYWRpbmc6OmFmdGVyIHtcbiAgYW5pbWF0aW9uOiBzcGluQXJvdW5kIDUwMG1zIGluZmluaXRlIGxpbmVhcjtcbiAgYm9yZGVyOiAycHggc29saWQgI2RiZGJkYjtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG4gIGJvcmRlci1yaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3AtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb250ZW50OiBcIlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDFlbTtcbiAgbWFyZ2luLXRvcDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMC42MjVlbTtcbiAgdG9wOiAwLjYyNWVtO1xuICB0cmFuc2Zvcm06IG5vbmU7XG59XG5cbi5zZWxlY3QuaXMtbG9hZGluZy5pcy1zbWFsbDphZnRlciB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLnNlbGVjdC5pcy1sb2FkaW5nLmlzLW1lZGl1bTphZnRlciB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLnNlbGVjdC5pcy1sb2FkaW5nLmlzLWxhcmdlOmFmdGVyIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi5sYWJlbCB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogNzAwO1xufVxuXG4ubGFiZWw6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNWVtO1xufVxuXG4ubGFiZWwuaXMtc21hbGwge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5sYWJlbC5pcy1tZWRpdW0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5sYWJlbC5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4uaGVscCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDAuNzVyZW07XG4gIG1hcmdpbi10b3A6IDAuMjVyZW07XG59XG5cbi5oZWxwLmlzLXdoaXRlIHtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uaGVscC5pcy1ibGFjayB7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uaGVscC5pcy1saWdodCB7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uaGVscC5pcy1kYXJrIHtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5oZWxwLmlzLXByaW1hcnkge1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLmhlbHAuaXMtaW5mbyB7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG4uaGVscC5pcy1zdWNjZXNzIHtcbiAgY29sb3I6ICMyM2QxNjA7XG59XG5cbi5oZWxwLmlzLXdhcm5pbmcge1xuICBjb2xvcjogI2ZmZGQ1Nztcbn1cblxuLmhlbHAuaXMtZGFuZ2VyIHtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbi5maWVsZDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbn1cblxuLmZpZWxkLmhhcy1hZGRvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tcmlnaHQ6IC0xcHg7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sOmZpcnN0LWNoaWxkIC5idXR0b24sXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbDpmaXJzdC1jaGlsZCAuaW5wdXQsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbDpmaXJzdC1jaGlsZCAuc2VsZWN0IHNlbGVjdCB7XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDNweDtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogM3B4O1xufVxuXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbDpsYXN0LWNoaWxkIC5idXR0b24sXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbDpsYXN0LWNoaWxkIC5pbnB1dCxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sOmxhc3QtY2hpbGQgLnNlbGVjdCBzZWxlY3Qge1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogM3B4O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogM3B4O1xufVxuXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuYnV0dG9uLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0LFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3Qge1xuICBib3JkZXItcmFkaXVzOiAwO1xufVxuXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuYnV0dG9uOmhvdmVyLCAuZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuYnV0dG9uLmlzLWhvdmVyZWQsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQ6aG92ZXIsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQuaXMtaG92ZXJlZCxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0OmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3QuaXMtaG92ZXJlZCB7XG4gIHotaW5kZXg6IDI7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b246Zm9jdXMsIC5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b24uaXMtZm9jdXNlZCwgLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmJ1dHRvbjphY3RpdmUsIC5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b24uaXMtYWN0aXZlLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0OmZvY3VzLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0LmlzLWZvY3VzZWQsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQ6YWN0aXZlLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0LmlzLWFjdGl2ZSxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0OmZvY3VzLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3QuaXMtZm9jdXNlZCxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0OmFjdGl2ZSxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0LmlzLWFjdGl2ZSB7XG4gIHotaW5kZXg6IDM7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b246Zm9jdXM6aG92ZXIsIC5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b24uaXMtZm9jdXNlZDpob3ZlciwgLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmJ1dHRvbjphY3RpdmU6aG92ZXIsIC5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b24uaXMtYWN0aXZlOmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0OmZvY3VzOmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0LmlzLWZvY3VzZWQ6aG92ZXIsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQ6YWN0aXZlOmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0LmlzLWFjdGl2ZTpob3Zlcixcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0OmZvY3VzOmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3QuaXMtZm9jdXNlZDpob3Zlcixcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0OmFjdGl2ZTpob3Zlcixcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0LmlzLWFjdGl2ZTpob3ZlciB7XG4gIHotaW5kZXg6IDQ7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sLmlzLWV4cGFuZGVkIHtcbiAgZmxleC1ncm93OiAxO1xufVxuXG4uZmllbGQuaGFzLWFkZG9ucy5oYXMtYWRkb25zLWNlbnRlcmVkIHtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zLmhhcy1hZGRvbnMtcmlnaHQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuXG4uZmllbGQuaGFzLWFkZG9ucy5oYXMtYWRkb25zLWZ1bGx3aWR0aCAuY29udHJvbCB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5maWVsZC5pcy1ncm91cGVkIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuXG4uZmllbGQuaXMtZ3JvdXBlZCA+IC5jb250cm9sIHtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5maWVsZC5pcy1ncm91cGVkID4gLmNvbnRyb2w6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIG1hcmdpbi1yaWdodDogMC43NXJlbTtcbn1cblxuLmZpZWxkLmlzLWdyb3VwZWQgPiAuY29udHJvbC5pcy1leHBhbmRlZCB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG59XG5cbi5maWVsZC5pcy1ncm91cGVkLmlzLWdyb3VwZWQtY2VudGVyZWQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLmZpZWxkLmlzLWdyb3VwZWQuaXMtZ3JvdXBlZC1yaWdodCB7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuZmllbGQuaXMtaG9yaXpvbnRhbCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxufVxuXG4uZmllbGQtbGFiZWwgLmxhYmVsIHtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuZmllbGQtbGFiZWwge1xuICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmZpZWxkLWxhYmVsIHtcbiAgICBmbGV4LWJhc2lzOiAwO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDEuNXJlbTtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgfVxuICAuZmllbGQtbGFiZWwuaXMtc21hbGwge1xuICAgIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgICBwYWRkaW5nLXRvcDogMC4zNzVlbTtcbiAgfVxuICAuZmllbGQtbGFiZWwuaXMtbm9ybWFsIHtcbiAgICBwYWRkaW5nLXRvcDogMC4zNzVlbTtcbiAgfVxuICAuZmllbGQtbGFiZWwuaXMtbWVkaXVtIHtcbiAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgcGFkZGluZy10b3A6IDAuMzc1ZW07XG4gIH1cbiAgLmZpZWxkLWxhYmVsLmlzLWxhcmdlIHtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBwYWRkaW5nLXRvcDogMC4zNzVlbTtcbiAgfVxufVxuXG4uZmllbGQtYm9keSAuZmllbGQgLmZpZWxkIHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5maWVsZC1ib2R5IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtYmFzaXM6IDA7XG4gICAgZmxleC1ncm93OiA1O1xuICAgIGZsZXgtc2hyaW5rOiAxO1xuICB9XG4gIC5maWVsZC1ib2R5IC5maWVsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuICAuZmllbGQtYm9keSA+IC5maWVsZCB7XG4gICAgZmxleC1zaHJpbms6IDE7XG4gIH1cbiAgLmZpZWxkLWJvZHkgPiAuZmllbGQ6bm90KC5pcy1uYXJyb3cpIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gIH1cbiAgLmZpZWxkLWJvZHkgPiAuZmllbGQ6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwLjc1cmVtO1xuICB9XG59XG5cbi5jb250cm9sIHtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbi5jb250cm9sLmhhcy1pY29uIC5pY29uIHtcbiAgY29sb3I6ICNkYmRiZGI7XG4gIGhlaWdodDogMi4yNWVtO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHdpZHRoOiAyLjI1ZW07XG4gIHotaW5kZXg6IDQ7XG59XG5cbi5jb250cm9sLmhhcy1pY29uIC5pbnB1dDpmb2N1cyArIC5pY29uIHtcbiAgY29sb3I6ICM3YTdhN2E7XG59XG5cbi5jb250cm9sLmhhcy1pY29uIC5pbnB1dC5pcy1zbWFsbCArIC5pY29uIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuXG4uY29udHJvbC5oYXMtaWNvbiAuaW5wdXQuaXMtbWVkaXVtICsgLmljb24ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5jb250cm9sLmhhcy1pY29uIC5pbnB1dC5pcy1sYXJnZSArIC5pY29uIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi5jb250cm9sLmhhcy1pY29uOm5vdCguaGFzLWljb24tcmlnaHQpIC5pY29uIHtcbiAgbGVmdDogMDtcbn1cblxuLmNvbnRyb2wuaGFzLWljb246bm90KC5oYXMtaWNvbi1yaWdodCkgLmlucHV0IHtcbiAgcGFkZGluZy1sZWZ0OiAyLjI1ZW07XG59XG5cbi5jb250cm9sLmhhcy1pY29uLmhhcy1pY29uLXJpZ2h0IC5pY29uIHtcbiAgcmlnaHQ6IDA7XG59XG5cbi5jb250cm9sLmhhcy1pY29uLmhhcy1pY29uLXJpZ2h0IC5pbnB1dCB7XG4gIHBhZGRpbmctcmlnaHQ6IDIuMjVlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLWxlZnQgLmlucHV0OmZvY3VzIH4gLmljb24sXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuc2VsZWN0OmZvY3VzIH4gLmljb24sIC5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuaW5wdXQ6Zm9jdXMgfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuc2VsZWN0OmZvY3VzIH4gLmljb24ge1xuICBjb2xvcjogIzdhN2E3YTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLWxlZnQgLmlucHV0LmlzLXNtYWxsIH4gLmljb24sXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuc2VsZWN0LmlzLXNtYWxsIH4gLmljb24sIC5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuaW5wdXQuaXMtc21hbGwgfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuc2VsZWN0LmlzLXNtYWxsIH4gLmljb24ge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5jb250cm9sLmhhcy1pY29ucy1sZWZ0IC5pbnB1dC5pcy1tZWRpdW0gfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1sZWZ0IC5zZWxlY3QuaXMtbWVkaXVtIH4gLmljb24sIC5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuaW5wdXQuaXMtbWVkaXVtIH4gLmljb24sXG4uY29udHJvbC5oYXMtaWNvbnMtcmlnaHQgLnNlbGVjdC5pcy1tZWRpdW0gfiAuaWNvbiB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLWxlZnQgLmlucHV0LmlzLWxhcmdlIH4gLmljb24sXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuc2VsZWN0LmlzLWxhcmdlIH4gLmljb24sIC5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuaW5wdXQuaXMtbGFyZ2UgfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuc2VsZWN0LmlzLWxhcmdlIH4gLmljb24ge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLWxlZnQgLmljb24sIC5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuaWNvbiB7XG4gIGNvbG9yOiAjZGJkYmRiO1xuICBoZWlnaHQ6IDIuMjVlbTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICB3aWR0aDogMi4yNWVtO1xuICB6LWluZGV4OiA0O1xufVxuXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuaW5wdXQsXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuc2VsZWN0IHNlbGVjdCB7XG4gIHBhZGRpbmctbGVmdDogMi4yNWVtO1xufVxuXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuaWNvbi5pcy1sZWZ0IHtcbiAgbGVmdDogMDtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5pbnB1dCxcbi5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuc2VsZWN0IHNlbGVjdCB7XG4gIHBhZGRpbmctcmlnaHQ6IDIuMjVlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5pY29uLmlzLXJpZ2h0IHtcbiAgcmlnaHQ6IDA7XG59XG5cbi5jb250cm9sLmlzLWxvYWRpbmc6OmFmdGVyIHtcbiAgYW5pbWF0aW9uOiBzcGluQXJvdW5kIDUwMG1zIGluZmluaXRlIGxpbmVhcjtcbiAgYm9yZGVyOiAycHggc29saWQgI2RiZGJkYjtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG4gIGJvcmRlci1yaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3AtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb250ZW50OiBcIlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDFlbTtcbiAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gIHJpZ2h0OiAwLjYyNWVtO1xuICB0b3A6IDAuNjI1ZW07XG59XG5cbi5jb250cm9sLmlzLWxvYWRpbmcuaXMtc21hbGw6YWZ0ZXIge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5jb250cm9sLmlzLWxvYWRpbmcuaXMtbWVkaXVtOmFmdGVyIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4uY29udHJvbC5pcy1sb2FkaW5nLmlzLWxhcmdlOmFmdGVyIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi5pY29uIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBoZWlnaHQ6IDEuNXJlbTtcbiAgd2lkdGg6IDEuNXJlbTtcbn1cblxuLmljb24gLmZhIHtcbiAgZm9udC1zaXplOiAyMXB4O1xufVxuXG4uaWNvbi5pcy1zbWFsbCB7XG4gIGhlaWdodDogMXJlbTtcbiAgd2lkdGg6IDFyZW07XG59XG5cbi5pY29uLmlzLXNtYWxsIC5mYSB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbn1cblxuLmljb24uaXMtbWVkaXVtIHtcbiAgaGVpZ2h0OiAycmVtO1xuICB3aWR0aDogMnJlbTtcbn1cblxuLmljb24uaXMtbWVkaXVtIC5mYSB7XG4gIGZvbnQtc2l6ZTogMjhweDtcbn1cblxuLmljb24uaXMtbGFyZ2Uge1xuICBoZWlnaHQ6IDNyZW07XG4gIHdpZHRoOiAzcmVtO1xufVxuXG4uaWNvbi5pcy1sYXJnZSAuZmEge1xuICBmb250LXNpemU6IDQycHg7XG59XG5cbi5pbWFnZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5pbWFnZSBpbWcge1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmltYWdlLmlzLXNxdWFyZSBpbWcsIC5pbWFnZS5pcy0xYnkxIGltZywgLmltYWdlLmlzLTRieTMgaW1nLCAuaW1hZ2UuaXMtM2J5MiBpbWcsIC5pbWFnZS5pcy0xNmJ5OSBpbWcsIC5pbWFnZS5pcy0yYnkxIGltZyB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uaW1hZ2UuaXMtc3F1YXJlLCAuaW1hZ2UuaXMtMWJ5MSB7XG4gIHBhZGRpbmctdG9wOiAxMDAlO1xufVxuXG4uaW1hZ2UuaXMtNGJ5MyB7XG4gIHBhZGRpbmctdG9wOiA3NSU7XG59XG5cbi5pbWFnZS5pcy0zYnkyIHtcbiAgcGFkZGluZy10b3A6IDY2LjY2NjYlO1xufVxuXG4uaW1hZ2UuaXMtMTZieTkge1xuICBwYWRkaW5nLXRvcDogNTYuMjUlO1xufVxuXG4uaW1hZ2UuaXMtMmJ5MSB7XG4gIHBhZGRpbmctdG9wOiA1MCU7XG59XG5cbi5pbWFnZS5pcy0xNngxNiB7XG4gIGhlaWdodDogMTZweDtcbiAgd2lkdGg6IDE2cHg7XG59XG5cbi5pbWFnZS5pcy0yNHgyNCB7XG4gIGhlaWdodDogMjRweDtcbiAgd2lkdGg6IDI0cHg7XG59XG5cbi5pbWFnZS5pcy0zMngzMiB7XG4gIGhlaWdodDogMzJweDtcbiAgd2lkdGg6IDMycHg7XG59XG5cbi5pbWFnZS5pcy00OHg0OCB7XG4gIGhlaWdodDogNDhweDtcbiAgd2lkdGg6IDQ4cHg7XG59XG5cbi5pbWFnZS5pcy02NHg2NCB7XG4gIGhlaWdodDogNjRweDtcbiAgd2lkdGg6IDY0cHg7XG59XG5cbi5pbWFnZS5pcy05Nng5NiB7XG4gIGhlaWdodDogOTZweDtcbiAgd2lkdGg6IDk2cHg7XG59XG5cbi5pbWFnZS5pcy0xMjh4MTI4IHtcbiAgaGVpZ2h0OiAxMjhweDtcbiAgd2lkdGg6IDEyOHB4O1xufVxuXG4ubm90aWZpY2F0aW9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBwYWRkaW5nOiAxLjI1cmVtIDIuNXJlbSAxLjI1cmVtIDEuNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ubm90aWZpY2F0aW9uOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5ub3RpZmljYXRpb24gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogY3VycmVudENvbG9yO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuLm5vdGlmaWNhdGlvbiBzdHJvbmcge1xuICBjb2xvcjogY3VycmVudENvbG9yO1xufVxuXG4ubm90aWZpY2F0aW9uIGNvZGUsXG4ubm90aWZpY2F0aW9uIHByZSB7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xufVxuXG4ubm90aWZpY2F0aW9uIHByZSBjb2RlIHtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG59XG5cbi5ub3RpZmljYXRpb24gPiAuZGVsZXRlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMC41ZW07XG4gIHRvcDogMC41ZW07XG59XG5cbi5ub3RpZmljYXRpb24gLnRpdGxlLFxuLm5vdGlmaWNhdGlvbiAuc3VidGl0bGUsXG4ubm90aWZpY2F0aW9uIC5jb250ZW50IHtcbiAgY29sb3I6IGN1cnJlbnRDb2xvcjtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy13aGl0ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy1ibGFjayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy1saWdodCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4ubm90aWZpY2F0aW9uLmlzLWRhcmsge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy1wcmltYXJ5IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5ub3RpZmljYXRpb24uaXMtaW5mbyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ubm90aWZpY2F0aW9uLmlzLXN1Y2Nlc3Mge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy13YXJuaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZGQ1NztcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy1kYW5nZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLnByb2dyZXNzIHtcbiAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFyZW07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4ucHJvZ3Jlc3M6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLnByb2dyZXNzOjotd2Via2l0LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkYmRiZGI7XG59XG5cbi5wcm9ncmVzczo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM0YTRhNGE7XG59XG5cbi5wcm9ncmVzczo6LW1vei1wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGE0YTRhO1xufVxuXG4ucHJvZ3Jlc3MuaXMtd2hpdGU6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbn1cblxuLnByb2dyZXNzLmlzLXdoaXRlOjotbW96LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xufVxuXG4ucHJvZ3Jlc3MuaXMtYmxhY2s6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xufVxuXG4ucHJvZ3Jlc3MuaXMtYmxhY2s6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbn1cblxuLnByb2dyZXNzLmlzLWxpZ2h0Ojotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLnByb2dyZXNzLmlzLWxpZ2h0OjotbW96LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5wcm9ncmVzcy5pcy1kYXJrOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbn1cblxuLnByb2dyZXNzLmlzLWRhcms6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbn1cblxuLnByb2dyZXNzLmlzLXByaW1hcnk6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4ucHJvZ3Jlc3MuaXMtcHJpbWFyeTo6LW1vei1wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4ucHJvZ3Jlc3MuaXMtaW5mbzo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG59XG5cbi5wcm9ncmVzcy5pcy1pbmZvOjotbW96LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG59XG5cbi5wcm9ncmVzcy5pcy1zdWNjZXNzOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbn1cblxuLnByb2dyZXNzLmlzLXN1Y2Nlc3M6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbn1cblxuLnByb2dyZXNzLmlzLXdhcm5pbmc6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xufVxuXG4ucHJvZ3Jlc3MuaXMtd2FybmluZzo6LW1vei1wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xufVxuXG4ucHJvZ3Jlc3MuaXMtZGFuZ2VyOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbn1cblxuLnByb2dyZXNzLmlzLWRhbmdlcjo6LW1vei1wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xufVxuXG4ucHJvZ3Jlc3MuaXMtc21hbGwge1xuICBoZWlnaHQ6IDAuNzVyZW07XG59XG5cbi5wcm9ncmVzcy5pcy1tZWRpdW0ge1xuICBoZWlnaHQ6IDEuMjVyZW07XG59XG5cbi5wcm9ncmVzcy5pcy1sYXJnZSB7XG4gIGhlaWdodDogMS41cmVtO1xufVxuXG4udGFibGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi50YWJsZSB0ZCxcbi50YWJsZSB0aCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGJvcmRlci13aWR0aDogMCAwIDFweDtcbiAgcGFkZGluZzogMC41ZW0gMC43NWVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4udGFibGUgdGQuaXMtbmFycm93LFxuLnRhYmxlIHRoLmlzLW5hcnJvdyB7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHdpZHRoOiAxJTtcbn1cblxuLnRhYmxlIHRoIHtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbi50YWJsZSB0cjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmYWZhZmE7XG59XG5cbi50YWJsZSB0ci5pcy1zZWxlY3RlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4udGFibGUgdHIuaXMtc2VsZWN0ZWQgYSxcbi50YWJsZSB0ci5pcy1zZWxlY3RlZCBzdHJvbmcge1xuICBjb2xvcjogY3VycmVudENvbG9yO1xufVxuXG4udGFibGUgdHIuaXMtc2VsZWN0ZWQgdGQsXG4udGFibGUgdHIuaXMtc2VsZWN0ZWQgdGgge1xuICBib3JkZXItY29sb3I6ICNmZmY7XG4gIGNvbG9yOiBjdXJyZW50Q29sb3I7XG59XG5cbi50YWJsZSB0aGVhZCB0ZCxcbi50YWJsZSB0aGVhZCB0aCB7XG4gIGJvcmRlci13aWR0aDogMCAwIDJweDtcbiAgY29sb3I6ICM3YTdhN2E7XG59XG5cbi50YWJsZSB0Zm9vdCB0ZCxcbi50YWJsZSB0Zm9vdCB0aCB7XG4gIGJvcmRlci13aWR0aDogMnB4IDAgMDtcbiAgY29sb3I6ICM3YTdhN2E7XG59XG5cbi50YWJsZSB0Ym9keSB0cjpsYXN0LWNoaWxkIHRkLFxuLnRhYmxlIHRib2R5IHRyOmxhc3QtY2hpbGQgdGgge1xuICBib3JkZXItYm90dG9tLXdpZHRoOiAwO1xufVxuXG4udGFibGUuaXMtYm9yZGVyZWQgdGQsXG4udGFibGUuaXMtYm9yZGVyZWQgdGgge1xuICBib3JkZXItd2lkdGg6IDFweDtcbn1cblxuLnRhYmxlLmlzLWJvcmRlcmVkIHRyOmxhc3QtY2hpbGQgdGQsXG4udGFibGUuaXMtYm9yZGVyZWQgdHI6bGFzdC1jaGlsZCB0aCB7XG4gIGJvcmRlci1ib3R0b20td2lkdGg6IDFweDtcbn1cblxuLnRhYmxlLmlzLW5hcnJvdyB0ZCxcbi50YWJsZS5pcy1uYXJyb3cgdGgge1xuICBwYWRkaW5nOiAwLjI1ZW0gMC41ZW07XG59XG5cbi50YWJsZS5pcy1zdHJpcGVkIHRib2R5IHRyOm5vdCguaXMtc2VsZWN0ZWQpOm50aC1jaGlsZChldmVuKSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmYWZhZmE7XG59XG5cbi50YWJsZS5pcy1zdHJpcGVkIHRib2R5IHRyOm5vdCguaXMtc2VsZWN0ZWQpOm50aC1jaGlsZChldmVuKTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi50YWcge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBmb250LXNpemU6IDAuNzVyZW07XG4gIGhlaWdodDogMmVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgcGFkZGluZy1sZWZ0OiAwLjg3NWVtO1xuICBwYWRkaW5nLXJpZ2h0OiAwLjg3NWVtO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4udGFnIC5kZWxldGUge1xuICBtYXJnaW4tbGVmdDogMC4yNWVtO1xuICBtYXJnaW4tcmlnaHQ6IC0wLjM3NWVtO1xufVxuXG4udGFnLmlzLXdoaXRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4udGFnLmlzLWJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4udGFnLmlzLWxpZ2h0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi50YWcuaXMtZGFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4udGFnLmlzLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLnRhZy5pcy1pbmZvIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMyNzNkYztcbiAgY29sb3I6ICNmZmY7XG59XG5cbi50YWcuaXMtc3VjY2VzcyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyM2QxNjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4udGFnLmlzLXdhcm5pbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4udGFnLmlzLWRhbmdlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjM4NjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4udGFnLmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cblxuLnRhZy5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLnRpdGxlLFxuLnN1YnRpdGxlIHtcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcbn1cblxuLnRpdGxlOm5vdCg6bGFzdC1jaGlsZCksXG4uc3VidGl0bGU6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLnRpdGxlIGVtLFxuLnRpdGxlIHNwYW4sXG4uc3VidGl0bGUgZW0sXG4uc3VidGl0bGUgc3BhbiB7XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG59XG5cbi50aXRsZSBzdHJvbmcsXG4uc3VidGl0bGUgc3Ryb25nIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuLnRpdGxlIC50YWcsXG4uc3VidGl0bGUgLnRhZyB7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG59XG5cbi50aXRsZSB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBmb250LXNpemU6IDJyZW07XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjEyNTtcbn1cblxuLnRpdGxlIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4udGl0bGUgKyAuaGlnaGxpZ2h0IHtcbiAgbWFyZ2luLXRvcDogLTAuNzVyZW07XG59XG5cbi50aXRsZTpub3QoLmlzLXNwYWNlZCkgKyAuc3VidGl0bGUge1xuICBtYXJnaW4tdG9wOiAtMS41cmVtO1xufVxuXG4udGl0bGUuaXMtMSB7XG4gIGZvbnQtc2l6ZTogM3JlbTtcbn1cblxuLnRpdGxlLmlzLTIge1xuICBmb250LXNpemU6IDIuNXJlbTtcbn1cblxuLnRpdGxlLmlzLTMge1xuICBmb250LXNpemU6IDJyZW07XG59XG5cbi50aXRsZS5pcy00IHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi50aXRsZS5pcy01IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4udGl0bGUuaXMtNiB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cblxuLnN1YnRpdGxlIHtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgbGluZS1oZWlnaHQ6IDEuMjU7XG59XG5cbi5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLnN1YnRpdGxlOm5vdCguaXMtc3BhY2VkKSArIC50aXRsZSB7XG4gIG1hcmdpbi10b3A6IC0xLjVyZW07XG59XG5cbi5zdWJ0aXRsZS5pcy0xIHtcbiAgZm9udC1zaXplOiAzcmVtO1xufVxuXG4uc3VidGl0bGUuaXMtMiB7XG4gIGZvbnQtc2l6ZTogMi41cmVtO1xufVxuXG4uc3VidGl0bGUuaXMtMyB7XG4gIGZvbnQtc2l6ZTogMnJlbTtcbn1cblxuLnN1YnRpdGxlLmlzLTQge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLnN1YnRpdGxlLmlzLTUge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5zdWJ0aXRsZS5pcy02IHtcbiAgZm9udC1zaXplOiAxcmVtO1xufVxuXG4uYmxvY2s6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLmNvbnRhaW5lciB7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuY29udGFpbmVyIHtcbiAgICBtYXgtd2lkdGg6IDk2MHB4O1xuICAgIHdpZHRoOiA5NjBweDtcbiAgfVxuICAuY29udGFpbmVyLmlzLWZsdWlkIHtcbiAgICBtYXJnaW4tbGVmdDogMjRweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDI0cHg7XG4gICAgbWF4LXdpZHRoOiBub25lO1xuICAgIHdpZHRoOiBhdXRvO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDExOTlweCkge1xuICAuY29udGFpbmVyLmlzLXdpZGVzY3JlZW4ge1xuICAgIG1heC13aWR0aDogMTE1MnB4O1xuICAgIHdpZHRoOiBhdXRvO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEzOTFweCkge1xuICAuY29udGFpbmVyLmlzLWZ1bGxoZCB7XG4gICAgbWF4LXdpZHRoOiAxMzQ0cHg7XG4gICAgd2lkdGg6IGF1dG87XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5jb250YWluZXIge1xuICAgIG1heC13aWR0aDogMTE1MnB4O1xuICAgIHdpZHRoOiAxMTUycHg7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTM5MnB4KSB7XG4gIC5jb250YWluZXIge1xuICAgIG1heC13aWR0aDogMTM0NHB4O1xuICAgIHdpZHRoOiAxMzQ0cHg7XG4gIH1cbn1cblxuLmRlbGV0ZSB7XG4gIC13ZWJraXQtdG91Y2gtY2FsbG91dDogbm9uZTtcbiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1zLXVzZXItc2VsZWN0OiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgaGVpZ2h0OiAyMHB4O1xuICBtYXgtaGVpZ2h0OiAyMHB4O1xuICBtYXgtd2lkdGg6IDIwcHg7XG4gIG1pbi1oZWlnaHQ6IDIwcHg7XG4gIG1pbi13aWR0aDogMjBweDtcbiAgb3V0bGluZTogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICB3aWR0aDogMjBweDtcbn1cblxuLmRlbGV0ZTpiZWZvcmUsIC5kZWxldGU6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxlZnQ6IDUwJTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSkgcm90YXRlKDQ1ZGVnKTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjtcbn1cblxuLmRlbGV0ZTpiZWZvcmUge1xuICBoZWlnaHQ6IDJweDtcbiAgd2lkdGg6IDUwJTtcbn1cblxuLmRlbGV0ZTphZnRlciB7XG4gIGhlaWdodDogNTAlO1xuICB3aWR0aDogMnB4O1xufVxuXG4uZGVsZXRlOmhvdmVyLCAuZGVsZXRlOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjMpO1xufVxuXG4uZGVsZXRlOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC40KTtcbn1cblxuLmRlbGV0ZS5pcy1zbWFsbCB7XG4gIGhlaWdodDogMTZweDtcbiAgbWF4LWhlaWdodDogMTZweDtcbiAgbWF4LXdpZHRoOiAxNnB4O1xuICBtaW4taGVpZ2h0OiAxNnB4O1xuICBtaW4td2lkdGg6IDE2cHg7XG4gIHdpZHRoOiAxNnB4O1xufVxuXG4uZGVsZXRlLmlzLW1lZGl1bSB7XG4gIGhlaWdodDogMjRweDtcbiAgbWF4LWhlaWdodDogMjRweDtcbiAgbWF4LXdpZHRoOiAyNHB4O1xuICBtaW4taGVpZ2h0OiAyNHB4O1xuICBtaW4td2lkdGg6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xufVxuXG4uZGVsZXRlLmlzLWxhcmdlIHtcbiAgaGVpZ2h0OiAzMnB4O1xuICBtYXgtaGVpZ2h0OiAzMnB4O1xuICBtYXgtd2lkdGg6IDMycHg7XG4gIG1pbi1oZWlnaHQ6IDMycHg7XG4gIG1pbi13aWR0aDogMzJweDtcbiAgd2lkdGg6IDMycHg7XG59XG5cbi5mYSB7XG4gIGZvbnQtc2l6ZTogMjFweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4uaGVhZGluZyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDExcHg7XG4gIGxldHRlci1zcGFjaW5nOiAxcHg7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbn1cblxuLmhpZ2hsaWdodCB7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogMDtcbn1cblxuLmhpZ2hsaWdodDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uaGlnaGxpZ2h0IHByZSB7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbi5sb2FkZXIge1xuICBhbmltYXRpb246IHNwaW5Bcm91bmQgNTAwbXMgaW5maW5pdGUgbGluZWFyO1xuICBib3JkZXI6IDJweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgYm9yZGVyLXJpZ2h0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMWVtO1xufVxuXG4ubnVtYmVyIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIGhlaWdodDogMmVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLXJpZ2h0OiAxLjVyZW07XG4gIG1pbi13aWR0aDogMi41ZW07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMC41cmVtO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbi5icmVhZGNydW1iIHtcbiAgLXdlYmtpdC10b3VjaC1jYWxsb3V0OiBub25lO1xuICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4uYnJlYWRjcnVtYjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uYnJlYWRjcnVtYiBhIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICM3YTdhN2E7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nOiAwLjVlbSAwLjc1ZW07XG59XG5cbi5icmVhZGNydW1iIGE6aG92ZXIge1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJyZWFkY3J1bWIgbGkge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uYnJlYWRjcnVtYiBsaS5pcy1hY3RpdmUgYSB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBjdXJzb3I6IGRlZmF1bHQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uYnJlYWRjcnVtYiBsaSArIGxpOmJlZm9yZSB7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBjb250ZW50OiAnXFwwMDAyZic7XG59XG5cbi5icmVhZGNydW1iIHVsLCAuYnJlYWRjcnVtYiBvbCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbn1cblxuLmJyZWFkY3J1bWIgLmljb246Zmlyc3QtY2hpbGQge1xuICBtYXJnaW4tcmlnaHQ6IDAuNWVtO1xufVxuXG4uYnJlYWRjcnVtYiAuaWNvbjpsYXN0LWNoaWxkIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xufVxuXG4uYnJlYWRjcnVtYi5pcy1jZW50ZXJlZCBvbCwgLmJyZWFkY3J1bWIuaXMtY2VudGVyZWQgdWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLmJyZWFkY3J1bWIuaXMtcmlnaHQgb2wsIC5icmVhZGNydW1iLmlzLXJpZ2h0IHVsIHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbn1cblxuLmJyZWFkY3J1bWIuaXMtc21hbGwge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5icmVhZGNydW1iLmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLmJyZWFkY3J1bWIuaXMtbGFyZ2Uge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmJyZWFkY3J1bWIuaGFzLWFycm93LXNlcGFyYXRvciBsaSArIGxpOmJlZm9yZSB7XG4gIGNvbnRlbnQ6ICdcXDAyMTkyJztcbn1cblxuLmJyZWFkY3J1bWIuaGFzLWJ1bGxldC1zZXBhcmF0b3IgbGkgKyBsaTpiZWZvcmUge1xuICBjb250ZW50OiAnXFwwMjAyMic7XG59XG5cbi5icmVhZGNydW1iLmhhcy1kb3Qtc2VwYXJhdG9yIGxpICsgbGk6YmVmb3JlIHtcbiAgY29udGVudDogJ1xcMDAwYjcnO1xufVxuXG4uYnJlYWRjcnVtYi5oYXMtc3VjY2VlZHMtc2VwYXJhdG9yIGxpICsgbGk6YmVmb3JlIHtcbiAgY29udGVudDogJ1xcMDIyN0InO1xufVxuXG4uY2FyZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3gtc2hhZG93OiAwIDJweCAzcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpLCAwIDAgMCAxcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICBjb2xvcjogIzRhNGE0YTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5jYXJkLWhlYWRlciB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBib3gtc2hhZG93OiAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uY2FyZC1oZWFkZXItdGl0bGUge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogIzM2MzYzNjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBmb250LXdlaWdodDogNzAwO1xuICBwYWRkaW5nOiAwLjc1cmVtO1xufVxuXG4uY2FyZC1oZWFkZXItaWNvbiB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuNzVyZW07XG59XG5cbi5jYXJkLWltYWdlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmNhcmQtY29udGVudCB7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbn1cblxuLmNhcmQtZm9vdGVyIHtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uY2FyZC1mb290ZXItaXRlbSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nOiAwLjc1cmVtO1xufVxuXG4uY2FyZC1mb290ZXItaXRlbTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2RiZGJkYjtcbn1cblxuLmNhcmQgLm1lZGlhOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xufVxuXG4uZHJvcGRvd24ge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4uZHJvcGRvd24uaXMtYWN0aXZlIC5kcm9wZG93bi1tZW51LCAuZHJvcGRvd24uaXMtaG92ZXJhYmxlOmhvdmVyIC5kcm9wZG93bi1tZW51IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5kcm9wZG93bi5pcy1yaWdodCAuZHJvcGRvd24tbWVudSB7XG4gIGxlZnQ6IGF1dG87XG4gIHJpZ2h0OiAwO1xufVxuXG4uZHJvcGRvd24tbWVudSB7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIGxlZnQ6IDA7XG4gIG1heC13aWR0aDogMjByZW07XG4gIG1pbi13aWR0aDogMTJyZW07XG4gIHBhZGRpbmctdG9wOiA0cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgei1pbmRleDogMjA7XG59XG5cbi5kcm9wZG93bi1jb250ZW50IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKSwgMCAwIDAgMXB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgcGFkZGluZy1ib3R0b206IDAuNXJlbTtcbiAgcGFkZGluZy10b3A6IDAuNXJlbTtcbn1cblxuLmRyb3Bkb3duLWl0ZW0ge1xuICBjb2xvcjogIzRhNGE0YTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDAuMzc1cmVtIDFyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuYS5kcm9wZG93bi1pdGVtIHtcbiAgcGFkZGluZy1yaWdodDogM3JlbTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuYS5kcm9wZG93bi1pdGVtOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbmEuZHJvcGRvd24taXRlbS5pcy1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmRyb3Bkb3duLWRpdmlkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGJkYmRiO1xuICBib3JkZXI6IG5vbmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFweDtcbiAgbWFyZ2luOiAwLjVyZW0gMDtcbn1cblxuLmxldmVsLWl0ZW0ge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWJhc2lzOiBhdXRvO1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLmxldmVsLWl0ZW0gLnRpdGxlLFxuLmxldmVsLWl0ZW0gLnN1YnRpdGxlIHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmxldmVsLWl0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbiAgfVxufVxuXG4ubGV2ZWwtbGVmdCxcbi5sZXZlbC1yaWdodCB7XG4gIGZsZXgtYmFzaXM6IGF1dG87XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5sZXZlbC1sZWZ0IC5sZXZlbC1pdGVtOm5vdCg6bGFzdC1jaGlsZCksXG4ubGV2ZWwtcmlnaHQgLmxldmVsLWl0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1yaWdodDogMC43NXJlbTtcbn1cblxuLmxldmVsLWxlZnQgLmxldmVsLWl0ZW0uaXMtZmxleGlibGUsXG4ubGV2ZWwtcmlnaHQgLmxldmVsLWl0ZW0uaXMtZmxleGlibGUge1xuICBmbGV4LWdyb3c6IDE7XG59XG5cbi5sZXZlbC1sZWZ0IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAubGV2ZWwtbGVmdCArIC5sZXZlbC1yaWdodCB7XG4gICAgbWFyZ2luLXRvcDogMS41cmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAubGV2ZWwtbGVmdCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxufVxuXG4ubGV2ZWwtcmlnaHQge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmxldmVsLXJpZ2h0IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG59XG5cbi5sZXZlbCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cblxuLmxldmVsOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5sZXZlbCBjb2RlIHtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xufVxuXG4ubGV2ZWwgaW1nIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4ubGV2ZWwuaXMtbW9iaWxlIHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmxldmVsLmlzLW1vYmlsZSAubGV2ZWwtbGVmdCxcbi5sZXZlbC5pcy1tb2JpbGUgLmxldmVsLXJpZ2h0IHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmxldmVsLmlzLW1vYmlsZSAubGV2ZWwtbGVmdCArIC5sZXZlbC1yaWdodCB7XG4gIG1hcmdpbi10b3A6IDA7XG59XG5cbi5sZXZlbC5pcy1tb2JpbGUgLmxldmVsLWl0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbi5sZXZlbC5pcy1tb2JpbGUgLmxldmVsLWl0ZW06bm90KC5pcy1uYXJyb3cpIHtcbiAgZmxleC1ncm93OiAxO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmxldmVsIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG4gIC5sZXZlbCA+IC5sZXZlbC1pdGVtOm5vdCguaXMtbmFycm93KSB7XG4gICAgZmxleC1ncm93OiAxO1xuICB9XG59XG5cbi5tZWRpYS1sZWZ0LFxuLm1lZGlhLXJpZ2h0IHtcbiAgZmxleC1iYXNpczogYXV0bztcbiAgZmxleC1ncm93OiAwO1xuICBmbGV4LXNocmluazogMDtcbn1cblxuLm1lZGlhLWxlZnQge1xuICBtYXJnaW4tcmlnaHQ6IDFyZW07XG59XG5cbi5tZWRpYS1yaWdodCB7XG4gIG1hcmdpbi1sZWZ0OiAxcmVtO1xufVxuXG4ubWVkaWEtY29udGVudCB7XG4gIGZsZXgtYmFzaXM6IGF1dG87XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbi5tZWRpYSB7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBkaXNwbGF5OiBmbGV4O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xufVxuXG4ubWVkaWEgLmNvbnRlbnQ6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG59XG5cbi5tZWRpYSAubWVkaWEge1xuICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgyMTksIDIxOSwgMjE5LCAwLjUpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLXRvcDogMC43NXJlbTtcbn1cblxuLm1lZGlhIC5tZWRpYSAuY29udGVudDpub3QoOmxhc3QtY2hpbGQpLFxuLm1lZGlhIC5tZWRpYSAuY29udHJvbDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xufVxuXG4ubWVkaWEgLm1lZGlhIC5tZWRpYSB7XG4gIHBhZGRpbmctdG9wOiAwLjVyZW07XG59XG5cbi5tZWRpYSAubWVkaWEgLm1lZGlhICsgLm1lZGlhIHtcbiAgbWFyZ2luLXRvcDogMC41cmVtO1xufVxuXG4ubWVkaWEgKyAubWVkaWEge1xuICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgyMTksIDIxOSwgMjE5LCAwLjUpO1xuICBtYXJnaW4tdG9wOiAxcmVtO1xuICBwYWRkaW5nLXRvcDogMXJlbTtcbn1cblxuLm1lZGlhLmlzLWxhcmdlICsgLm1lZGlhIHtcbiAgbWFyZ2luLXRvcDogMS41cmVtO1xuICBwYWRkaW5nLXRvcDogMS41cmVtO1xufVxuXG4ubWVudSB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cblxuLm1lbnUtbGlzdCB7XG4gIGxpbmUtaGVpZ2h0OiAxLjI1O1xufVxuXG4ubWVudS1saXN0IGEge1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBkaXNwbGF5OiBibG9jaztcbiAgcGFkZGluZzogMC41ZW0gMC43NWVtO1xufVxuXG4ubWVudS1saXN0IGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLm1lbnUtbGlzdCBhLmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ubWVudS1saXN0IGxpIHVsIHtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZGJkYmRiO1xuICBtYXJnaW46IDAuNzVlbTtcbiAgcGFkZGluZy1sZWZ0OiAwLjc1ZW07XG59XG5cbi5tZW51LWxhYmVsIHtcbiAgY29sb3I6ICM3YTdhN2E7XG4gIGZvbnQtc2l6ZTogMC44ZW07XG4gIGxldHRlci1zcGFjaW5nOiAwLjFlbTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbn1cblxuLm1lbnUtbGFiZWw6bm90KDpmaXJzdC1jaGlsZCkge1xuICBtYXJnaW4tdG9wOiAxZW07XG59XG5cbi5tZW51LWxhYmVsOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxZW07XG59XG5cbi5tZXNzYWdlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBmb250LXNpemU6IDFyZW07XG59XG5cbi5tZXNzYWdlOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5tZXNzYWdlLmlzLXdoaXRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG59XG5cbi5tZXNzYWdlLmlzLXdoaXRlIC5tZXNzYWdlLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLm1lc3NhZ2UuaXMtd2hpdGUgLm1lc3NhZ2UtYm9keSB7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjNGQ0ZDRkO1xufVxuXG4ubWVzc2FnZS5pcy1ibGFjayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmYWZhZmE7XG59XG5cbi5tZXNzYWdlLmlzLWJsYWNrIC5tZXNzYWdlLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLm1lc3NhZ2UuaXMtYmxhY2sgLm1lc3NhZ2UtYm9keSB7XG4gIGJvcmRlci1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6ICMwOTA5MDk7XG59XG5cbi5tZXNzYWdlLmlzLWxpZ2h0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZhZmFmYTtcbn1cblxuLm1lc3NhZ2UuaXMtbGlnaHQgLm1lc3NhZ2UtaGVhZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5tZXNzYWdlLmlzLWxpZ2h0IC5tZXNzYWdlLWJvZHkge1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjNTA1MDUwO1xufVxuXG4ubWVzc2FnZS5pcy1kYXJrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZhZmFmYTtcbn1cblxuLm1lc3NhZ2UuaXMtZGFyayAubWVzc2FnZS1oZWFkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLm1lc3NhZ2UuaXMtZGFyayAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLWNvbG9yOiAjMzYzNjM2O1xuICBjb2xvcjogIzJhMmEyYTtcbn1cblxuLm1lc3NhZ2UuaXMtcHJpbWFyeSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmNWZmZmQ7XG59XG5cbi5tZXNzYWdlLmlzLXByaW1hcnkgLm1lc3NhZ2UtaGVhZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5tZXNzYWdlLmlzLXByaW1hcnkgLm1lc3NhZ2UtYm9keSB7XG4gIGJvcmRlci1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICMwMjEzMTA7XG59XG5cbi5tZXNzYWdlLmlzLWluZm8ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjZmOWZlO1xufVxuXG4ubWVzc2FnZS5pcy1pbmZvIC5tZXNzYWdlLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ubWVzc2FnZS5pcy1pbmZvIC5tZXNzYWdlLWJvZHkge1xuICBib3JkZXItY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjMjI1MDlhO1xufVxuXG4ubWVzc2FnZS5pcy1zdWNjZXNzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y2ZmVmOTtcbn1cblxuLm1lc3NhZ2UuaXMtc3VjY2VzcyAubWVzc2FnZS1oZWFkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLm1lc3NhZ2UuaXMtc3VjY2VzcyAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLWNvbG9yOiAjMjNkMTYwO1xuICBjb2xvcjogIzBlMzAxYTtcbn1cblxuLm1lc3NhZ2UuaXMtd2FybmluZyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZkZjU7XG59XG5cbi5tZXNzYWdlLmlzLXdhcm5pbmcgLm1lc3NhZ2UtaGVhZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZGQ1NztcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLm1lc3NhZ2UuaXMtd2FybmluZyAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogIzNiMzEwODtcbn1cblxuLm1lc3NhZ2UuaXMtZGFuZ2VyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjVmNztcbn1cblxuLm1lc3NhZ2UuaXMtZGFuZ2VyIC5tZXNzYWdlLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjM4NjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ubWVzc2FnZS5pcy1kYW5nZXIgLm1lc3NhZ2UtYm9keSB7XG4gIGJvcmRlci1jb2xvcjogI2ZmMzg2MDtcbiAgY29sb3I6ICNjZDA5MzA7XG59XG5cbi5tZXNzYWdlLWhlYWRlciB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICM0YTRhNGE7XG4gIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICBjb2xvcjogI2ZmZjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBsaW5lLWhlaWdodDogMS4yNTtcbiAgcGFkZGluZzogMC41ZW0gMC43NWVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5tZXNzYWdlLWhlYWRlciBhOm5vdCguYnV0dG9uKSxcbi5tZXNzYWdlLWhlYWRlciBzdHJvbmcge1xuICBjb2xvcjogY3VycmVudENvbG9yO1xufVxuXG4ubWVzc2FnZS1oZWFkZXIgYTpub3QoLmJ1dHRvbikge1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuLm1lc3NhZ2UtaGVhZGVyIC5kZWxldGUge1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXJnaW4tbGVmdDogMC43NWVtO1xufVxuXG4ubWVzc2FnZS1oZWFkZXIgKyAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG4gIGJvcmRlci10b3A6IG5vbmU7XG59XG5cbi5tZXNzYWdlLWJvZHkge1xuICBib3JkZXI6IDFweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBwYWRkaW5nOiAxZW0gMS4yNWVtO1xufVxuXG4ubWVzc2FnZS1ib2R5IGE6bm90KC5idXR0b24pLFxuLm1lc3NhZ2UtYm9keSBzdHJvbmcge1xuICBjb2xvcjogY3VycmVudENvbG9yO1xufVxuXG4ubWVzc2FnZS1ib2R5IGE6bm90KC5idXR0b24pIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG59XG5cbi5tZXNzYWdlLWJvZHkgY29kZSxcbi5tZXNzYWdlLWJvZHkgcHJlIHtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG5cbi5tZXNzYWdlLWJvZHkgcHJlIGNvZGUge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cblxuLm1vZGFsLWJhY2tncm91bmQge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjg2KTtcbn1cblxuLm1vZGFsLWNvbnRlbnQsXG4ubW9kYWwtY2FyZCB7XG4gIG1hcmdpbjogMCAyMHB4O1xuICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMTYwcHgpO1xuICBvdmVyZmxvdzogYXV0bztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5tb2RhbC1jb250ZW50LFxuICAubW9kYWwtY2FyZCB7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDQwcHgpO1xuICAgIHdpZHRoOiA2NDBweDtcbiAgfVxufVxuXG4ubW9kYWwtY2xvc2Uge1xuICAtd2Via2l0LXRvdWNoLWNhbGxvdXQ6IG5vbmU7XG4gIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tcy11c2VyLXNlbGVjdDogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBmb250LXNpemU6IDFyZW07XG4gIGhlaWdodDogMjBweDtcbiAgbWF4LWhlaWdodDogMjBweDtcbiAgbWF4LXdpZHRoOiAyMHB4O1xuICBtaW4taGVpZ2h0OiAyMHB4O1xuICBtaW4td2lkdGg6IDIwcHg7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgd2lkdGg6IDIwcHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGhlaWdodDogNDBweDtcbiAgcG9zaXRpb246IGZpeGVkO1xuICByaWdodDogMjBweDtcbiAgdG9wOiAyMHB4O1xuICB3aWR0aDogNDBweDtcbn1cblxuLm1vZGFsLWNsb3NlOmJlZm9yZSwgLm1vZGFsLWNsb3NlOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBsZWZ0OiA1MCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpIHJvdGF0ZSg0NWRlZyk7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlciBjZW50ZXI7XG59XG5cbi5tb2RhbC1jbG9zZTpiZWZvcmUge1xuICBoZWlnaHQ6IDJweDtcbiAgd2lkdGg6IDUwJTtcbn1cblxuLm1vZGFsLWNsb3NlOmFmdGVyIHtcbiAgaGVpZ2h0OiA1MCU7XG4gIHdpZHRoOiAycHg7XG59XG5cbi5tb2RhbC1jbG9zZTpob3ZlciwgLm1vZGFsLWNsb3NlOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjMpO1xufVxuXG4ubW9kYWwtY2xvc2U6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjQpO1xufVxuXG4ubW9kYWwtY2xvc2UuaXMtc21hbGwge1xuICBoZWlnaHQ6IDE2cHg7XG4gIG1heC1oZWlnaHQ6IDE2cHg7XG4gIG1heC13aWR0aDogMTZweDtcbiAgbWluLWhlaWdodDogMTZweDtcbiAgbWluLXdpZHRoOiAxNnB4O1xuICB3aWR0aDogMTZweDtcbn1cblxuLm1vZGFsLWNsb3NlLmlzLW1lZGl1bSB7XG4gIGhlaWdodDogMjRweDtcbiAgbWF4LWhlaWdodDogMjRweDtcbiAgbWF4LXdpZHRoOiAyNHB4O1xuICBtaW4taGVpZ2h0OiAyNHB4O1xuICBtaW4td2lkdGg6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xufVxuXG4ubW9kYWwtY2xvc2UuaXMtbGFyZ2Uge1xuICBoZWlnaHQ6IDMycHg7XG4gIG1heC1oZWlnaHQ6IDMycHg7XG4gIG1heC13aWR0aDogMzJweDtcbiAgbWluLWhlaWdodDogMzJweDtcbiAgbWluLXdpZHRoOiAzMnB4O1xuICB3aWR0aDogMzJweDtcbn1cblxuLm1vZGFsLWNhcmQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gNDBweCk7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5tb2RhbC1jYXJkLWhlYWQsXG4ubW9kYWwtY2FyZC1mb290IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgcGFkZGluZzogMjBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ubW9kYWwtY2FyZC1oZWFkIHtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDVweDtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDVweDtcbn1cblxuLm1vZGFsLWNhcmQtdGl0bGUge1xuICBjb2xvcjogIzM2MzYzNjtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIGxpbmUtaGVpZ2h0OiAxO1xufVxuXG4ubW9kYWwtY2FyZC1mb290IHtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNXB4O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNXB4O1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2RiZGJkYjtcbn1cblxuLm1vZGFsLWNhcmQtZm9vdCAuYnV0dG9uOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG59XG5cbi5tb2RhbC1jYXJkLWJvZHkge1xuICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAxO1xuICBvdmVyZmxvdzogYXV0bztcbiAgcGFkZGluZzogMjBweDtcbn1cblxuLm1vZGFsIHtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDIwO1xufVxuXG4ubW9kYWwuaXMtYWN0aXZlIHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLm5hdi10b2dnbGUge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDMuMjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDMuMjVyZW07XG59XG5cbi5uYXYtdG9nZ2xlIHNwYW4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGE0YTRhO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxcHg7XG4gIGxlZnQ6IDUwJTtcbiAgbWFyZ2luLWxlZnQ6IC03cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIHRyYW5zaXRpb246IG5vbmUgODZtcyBlYXNlLW91dDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYmFja2dyb3VuZCwgbGVmdCwgb3BhY2l0eSwgdHJhbnNmb3JtO1xuICB3aWR0aDogMTVweDtcbn1cblxuLm5hdi10b2dnbGUgc3BhbjpudGgtY2hpbGQoMSkge1xuICBtYXJnaW4tdG9wOiAtNnB4O1xufVxuXG4ubmF2LXRvZ2dsZSBzcGFuOm50aC1jaGlsZCgyKSB7XG4gIG1hcmdpbi10b3A6IC0xcHg7XG59XG5cbi5uYXYtdG9nZ2xlIHNwYW46bnRoLWNoaWxkKDMpIHtcbiAgbWFyZ2luLXRvcDogNHB4O1xufVxuXG4ubmF2LXRvZ2dsZTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbn1cblxuLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW46bnRoLWNoaWxkKDEpIHtcbiAgbWFyZ2luLWxlZnQ6IC01cHg7XG4gIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCB0b3A7XG59XG5cbi5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuOm50aC1jaGlsZCgyKSB7XG4gIG9wYWNpdHk6IDA7XG59XG5cbi5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuOm50aC1jaGlsZCgzKSB7XG4gIG1hcmdpbi1sZWZ0OiAtNXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBsZWZ0IGJvdHRvbTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5uYXYtdG9nZ2xlIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG5cbi5uYXYtaXRlbSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjc1cmVtO1xufVxuXG4ubmF2LWl0ZW0gYSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5uYXYtaXRlbSBpbWcge1xuICBtYXgtaGVpZ2h0OiAxLjc1cmVtO1xufVxuXG4ubmF2LWl0ZW0gLnRhZzpmaXJzdC1jaGlsZDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG59XG5cbi5uYXYtaXRlbSAudGFnOmxhc3QtY2hpbGQ6bm90KDpmaXJzdC1jaGlsZCkge1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAubmF2LWl0ZW0ge1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgfVxufVxuXG4ubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbiksXG5hLm5hdi1pdGVtOm5vdCguYnV0dG9uKSB7XG4gIGNvbG9yOiAjN2E3YTdhO1xufVxuXG4ubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbik6aG92ZXIsXG5hLm5hdi1pdGVtOm5vdCguYnV0dG9uKTpob3ZlciB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4ubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlLFxuYS5uYXYtaXRlbTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy10YWIsXG5hLm5hdi1pdGVtOm5vdCguYnV0dG9uKS5pcy10YWIge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgcGFkZGluZy1ib3R0b206IGNhbGMoMC43NXJlbSAtIDFweCk7XG4gIHBhZGRpbmctbGVmdDogMXJlbTtcbiAgcGFkZGluZy1yaWdodDogMXJlbTtcbiAgcGFkZGluZy10b3A6IGNhbGMoMC43NXJlbSAtIDFweCk7XG59XG5cbi5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy10YWI6aG92ZXIsXG5hLm5hdi1pdGVtOm5vdCguYnV0dG9uKS5pcy10YWI6aG92ZXIge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAjMDBkMWIyO1xuICBib3JkZXItdG9wLWNvbG9yOiB0cmFuc3BhcmVudDtcbn1cblxuLm5hdi1pdGVtIGE6bm90KC5idXR0b24pLmlzLXRhYi5pcy1hY3RpdmUsXG5hLm5hdi1pdGVtOm5vdCguYnV0dG9uKS5pcy10YWIuaXMtYWN0aXZlIHtcbiAgYm9yZGVyLWJvdHRvbTogM3B4IHNvbGlkICMwMGQxYjI7XG4gIGNvbG9yOiAjMDBkMWIyO1xuICBwYWRkaW5nLWJvdHRvbTogY2FsYygwLjc1cmVtIC0gM3B4KTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1icmFuZCxcbiAgYS5uYXYtaXRlbTpub3QoLmJ1dHRvbikuaXMtYnJhbmQge1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgfVxufVxuXG4ubmF2LWxlZnQsXG4ubmF2LXJpZ2h0IHtcbiAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5uYXYtbGVmdCxcbiAgLm5hdi1yaWdodCB7XG4gICAgZmxleC1iYXNpczogMDtcbiAgfVxufVxuXG4ubmF2LWxlZnQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbi5uYXYtcmlnaHQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuXG4ubmF2LWNlbnRlciB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLm5hdi1tZW51Lm5hdi1yaWdodCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgYm94LXNoYWRvdzogMCA0cHggN3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgICBsZWZ0OiAwO1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuICAubmF2LW1lbnUubmF2LXJpZ2h0IC5uYXYtaXRlbSB7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHJnYmEoMjE5LCAyMTksIDIxOSwgMC41KTtcbiAgICBwYWRkaW5nOiAwLjc1cmVtO1xuICB9XG4gIC5uYXYtbWVudS5uYXYtcmlnaHQuaXMtYWN0aXZlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG4ubmF2IHtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDMuMjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB6LWluZGV4OiAxMDtcbn1cblxuLm5hdiA+IC5jb250YWluZXIge1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLWhlaWdodDogMy4yNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5uYXYuaGFzLXNoYWRvdyB7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDNweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG59XG5cbi5uYXZiYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgbWluLWhlaWdodDogMy4yNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ubmF2YmFyID4gLmNvbnRhaW5lciB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiAzLjI1cmVtO1xuICB3aWR0aDogMTAwJTtcbn1cblxuLm5hdmJhci5oYXMtc2hhZG93IHtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbn1cblxuLm5hdmJhci1icmFuZCB7XG4gIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi1oZWlnaHQ6IDMuMjVyZW07XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIG92ZXJmbG93LXk6IGhpZGRlbjtcbn1cblxuLm5hdmJhci1idXJnZXIge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDMuMjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDMuMjVyZW07XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xufVxuXG4ubmF2YmFyLWJ1cmdlciBzcGFuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzRhNGE0YTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMXB4O1xuICBsZWZ0OiA1MCU7XG4gIG1hcmdpbi1sZWZ0OiAtN3B4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2l0aW9uOiBub25lIDg2bXMgZWFzZS1vdXQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQsIGxlZnQsIG9wYWNpdHksIHRyYW5zZm9ybTtcbiAgd2lkdGg6IDE1cHg7XG59XG5cbi5uYXZiYXItYnVyZ2VyIHNwYW46bnRoLWNoaWxkKDEpIHtcbiAgbWFyZ2luLXRvcDogLTZweDtcbn1cblxuLm5hdmJhci1idXJnZXIgc3BhbjpudGgtY2hpbGQoMikge1xuICBtYXJnaW4tdG9wOiAtMXB4O1xufVxuXG4ubmF2YmFyLWJ1cmdlciBzcGFuOm50aC1jaGlsZCgzKSB7XG4gIG1hcmdpbi10b3A6IDRweDtcbn1cblxuLm5hdmJhci1idXJnZXI6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4ubmF2YmFyLWJ1cmdlci5pcy1hY3RpdmUgc3BhbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGQxYjI7XG59XG5cbi5uYXZiYXItYnVyZ2VyLmlzLWFjdGl2ZSBzcGFuOm50aC1jaGlsZCgxKSB7XG4gIG1hcmdpbi1sZWZ0OiAtNXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgdG9wO1xufVxuXG4ubmF2YmFyLWJ1cmdlci5pcy1hY3RpdmUgc3BhbjpudGgtY2hpbGQoMikge1xuICBvcGFjaXR5OiAwO1xufVxuXG4ubmF2YmFyLWJ1cmdlci5pcy1hY3RpdmUgc3BhbjpudGgtY2hpbGQoMykge1xuICBtYXJnaW4tbGVmdDogLTVweDtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCBib3R0b207XG59XG5cbi5uYXZiYXItbWVudSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5uYXZiYXItaXRlbSxcbi5uYXZiYXItbGluayB7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgcGFkZGluZzogMC41cmVtIDFyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuYS5uYXZiYXItaXRlbTpob3ZlciwgYS5uYXZiYXItaXRlbS5pcy1hY3RpdmUsXG4ubmF2YmFyLWxpbms6aG92ZXIsXG4ubmF2YmFyLWxpbmsuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5uYXZiYXItaXRlbSB7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5uYXZiYXItaXRlbSBpbWcge1xuICBtYXgtaGVpZ2h0OiAxLjc1cmVtO1xufVxuXG4ubmF2YmFyLWl0ZW0uaGFzLWRyb3Bkb3duIHtcbiAgcGFkZGluZzogMDtcbn1cblxuLm5hdmJhci1pdGVtLmlzLXRhYiB7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgbWluLWhlaWdodDogMy4yNXJlbTtcbiAgcGFkZGluZy1ib3R0b206IGNhbGMoMC41cmVtIC0gMXB4KTtcbn1cblxuLm5hdmJhci1pdGVtLmlzLXRhYjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4ubmF2YmFyLWl0ZW0uaXMtdGFiLmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tOiAzcHggc29saWQgIzAwZDFiMjtcbiAgY29sb3I6ICMwMGQxYjI7XG4gIHBhZGRpbmctYm90dG9tOiBjYWxjKDAuNXJlbSAtIDNweCk7XG59XG5cbi5uYXZiYXItY29udGVudCB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG59XG5cbi5uYXZiYXItbGluayB7XG4gIHBhZGRpbmctcmlnaHQ6IDIuNWVtO1xufVxuXG4ubmF2YmFyLWRyb3Bkb3duIHtcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgcGFkZGluZy1ib3R0b206IDAuNXJlbTtcbiAgcGFkZGluZy10b3A6IDAuNXJlbTtcbn1cblxuLm5hdmJhci1kcm9wZG93biAubmF2YmFyLWl0ZW0ge1xuICBwYWRkaW5nLWxlZnQ6IDEuNXJlbTtcbiAgcGFkZGluZy1yaWdodDogMS41cmVtO1xufVxuXG4ubmF2YmFyLWRpdmlkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGJkYmRiO1xuICBib3JkZXI6IG5vbmU7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIGhlaWdodDogMXB4O1xuICBtYXJnaW46IDAuNXJlbSAwO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLm5hdmJhci1icmFuZCAubmF2YmFyLWl0ZW0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuICAubmF2YmFyLW1lbnUge1xuICAgIGJveC1zaGFkb3c6IDAgOHB4IDE2cHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICAgIHBhZGRpbmc6IDAuNXJlbSAwO1xuICB9XG4gIC5uYXZiYXItbWVudS5pcy1hY3RpdmUge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAubmF2YmFyLFxuICAubmF2YmFyLW1lbnUsXG4gIC5uYXZiYXItc3RhcnQsXG4gIC5uYXZiYXItZW5kIHtcbiAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG4gIC5uYXZiYXIge1xuICAgIG1pbi1oZWlnaHQ6IDMuMjVyZW07XG4gIH1cbiAgLm5hdmJhci5pcy10cmFuc3BhcmVudCBhLm5hdmJhci1pdGVtOmhvdmVyLCAubmF2YmFyLmlzLXRyYW5zcGFyZW50IGEubmF2YmFyLWl0ZW0uaXMtYWN0aXZlLFxuICAubmF2YmFyLmlzLXRyYW5zcGFyZW50IC5uYXZiYXItbGluazpob3ZlcixcbiAgLm5hdmJhci5pcy10cmFuc3BhcmVudCAubmF2YmFyLWxpbmsuaXMtYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICAubmF2YmFyLmlzLXRyYW5zcGFyZW50IC5uYXZiYXItaXRlbS5oYXMtZHJvcGRvd24uaXMtYWN0aXZlIC5uYXZiYXItbGluaywgLm5hdmJhci5pcy10cmFuc3BhcmVudCAubmF2YmFyLWl0ZW0uaGFzLWRyb3Bkb3duLmlzLWhvdmVyYWJsZTpob3ZlciAubmF2YmFyLWxpbmsge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB9XG4gIC5uYXZiYXIuaXMtdHJhbnNwYXJlbnQgLm5hdmJhci1kcm9wZG93biBhLm5hdmJhci1pdGVtOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICAgIGNvbG9yOiAjMGEwYTBhO1xuICB9XG4gIC5uYXZiYXIuaXMtdHJhbnNwYXJlbnQgLm5hdmJhci1kcm9wZG93biBhLm5hdmJhci1pdGVtLmlzLWFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgICBjb2xvcjogIzAwZDFiMjtcbiAgfVxuICAubmF2YmFyLWJ1cmdlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuICAubmF2YmFyLWl0ZW0sXG4gIC5uYXZiYXItbGluayB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG4gIC5uYXZiYXItaXRlbS5oYXMtZHJvcGRvd24ge1xuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICB9XG4gIC5uYXZiYXItaXRlbS5pcy1hY3RpdmUgLm5hdmJhci1kcm9wZG93biwgLm5hdmJhci1pdGVtLmlzLWhvdmVyYWJsZTpob3ZlciAubmF2YmFyLWRyb3Bkb3duIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuICAubmF2YmFyLWl0ZW0uaXMtYWN0aXZlIC5uYXZiYXItZHJvcGRvd24uaXMtYm94ZWQsIC5uYXZiYXItaXRlbS5pcy1ob3ZlcmFibGU6aG92ZXIgLm5hdmJhci1kcm9wZG93bi5pcy1ib3hlZCB7XG4gICAgb3BhY2l0eTogMTtcbiAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG4gIH1cbiAgLm5hdmJhci1saW5rOjphZnRlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzAwZDFiMjtcbiAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgYm9yZGVyLXRvcDogMDtcbiAgICBjb250ZW50OiBcIiBcIjtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDAuNWVtO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgIHdpZHRoOiAwLjVlbTtcbiAgICBtYXJnaW4tdG9wOiAtMC4zNzVlbTtcbiAgICByaWdodDogMS4xMjVlbTtcbiAgICB0b3A6IDUwJTtcbiAgfVxuICAubmF2YmFyLW1lbnUge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBmbGV4LXNocmluazogMDtcbiAgfVxuICAubmF2YmFyLXN0YXJ0IHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICB9XG4gIC5uYXZiYXItZW5kIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICB9XG4gIC5uYXZiYXItZHJvcGRvd24ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDVweDtcbiAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNXB4O1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZGJkYmRiO1xuICAgIGJveC1zaGFkb3c6IDAgOHB4IDhweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgIGxlZnQ6IDA7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDEwMCU7XG4gICAgei1pbmRleDogMjA7XG4gIH1cbiAgLm5hdmJhci1kcm9wZG93biAubmF2YmFyLWl0ZW0ge1xuICAgIHBhZGRpbmc6IDAuMzc1cmVtIDFyZW07XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgfVxuICAubmF2YmFyLWRyb3Bkb3duIGEubmF2YmFyLWl0ZW0ge1xuICAgIHBhZGRpbmctcmlnaHQ6IDNyZW07XG4gIH1cbiAgLm5hdmJhci1kcm9wZG93biBhLm5hdmJhci1pdGVtOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICAgIGNvbG9yOiAjMGEwYTBhO1xuICB9XG4gIC5uYXZiYXItZHJvcGRvd24gYS5uYXZiYXItaXRlbS5pcy1hY3RpdmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gICAgY29sb3I6ICMwMGQxYjI7XG4gIH1cbiAgLm5hdmJhci1kcm9wZG93bi5pcy1ib3hlZCB7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogMCA4cHggOHB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKSwgMCAwIDAgMXB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBvcGFjaXR5OiAwO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRvcDogY2FsYygxMDAlICsgKC00cHgpKTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTVweCk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogODZtcztcbiAgICB0cmFuc2l0aW9uLXByb3BlcnR5OiBvcGFjaXR5LCB0cmFuc2Zvcm07XG4gIH1cbiAgLm5hdmJhci1kaXZpZGVyIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuICAuY29udGFpbmVyID4gLm5hdmJhciB7XG4gICAgbWFyZ2luLWxlZnQ6IC0xcmVtO1xuICAgIG1hcmdpbi1yaWdodDogLTFyZW07XG4gIH1cbiAgYS5uYXZiYXItaXRlbS5pcy1hY3RpdmUsXG4gIC5uYXZiYXItbGluay5pcy1hY3RpdmUge1xuICAgIGNvbG9yOiAjMGEwYTBhO1xuICB9XG4gIGEubmF2YmFyLWl0ZW0uaXMtYWN0aXZlOm5vdCg6aG92ZXIpLFxuICAubmF2YmFyLWxpbmsuaXMtYWN0aXZlOm5vdCg6aG92ZXIpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICAubmF2YmFyLWl0ZW0uaGFzLWRyb3Bkb3duOmhvdmVyIC5uYXZiYXItbGluaywgLm5hdmJhci1pdGVtLmhhcy1kcm9wZG93bi5pcy1hY3RpdmUgLm5hdmJhci1saW5rIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICB9XG59XG5cbi5wYWdpbmF0aW9uIHtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBtYXJnaW46IC0wLjI1cmVtO1xufVxuXG4ucGFnaW5hdGlvbi5pcy1zbWFsbCB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLnBhZ2luYXRpb24uaXMtbWVkaXVtIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4ucGFnaW5hdGlvbi5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4ucGFnaW5hdGlvbixcbi5wYWdpbmF0aW9uLWxpc3Qge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4ucGFnaW5hdGlvbi1wcmV2aW91cyxcbi5wYWdpbmF0aW9uLW5leHQsXG4ucGFnaW5hdGlvbi1saW5rLFxuLnBhZ2luYXRpb24tZWxsaXBzaXMge1xuICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgaGVpZ2h0OiAyLjI1ZW07XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgcGFkZGluZy1ib3R0b206IGNhbGMoMC4zNzVlbSAtIDFweCk7XG4gIHBhZGRpbmctbGVmdDogY2FsYygwLjYyNWVtIC0gMXB4KTtcbiAgcGFkZGluZy1yaWdodDogY2FsYygwLjYyNWVtIC0gMXB4KTtcbiAgcGFkZGluZy10b3A6IGNhbGMoMC4zNzVlbSAtIDFweCk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgLXdlYmtpdC10b3VjaC1jYWxsb3V0OiBub25lO1xuICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBmb250LXNpemU6IDFlbTtcbiAgcGFkZGluZy1sZWZ0OiAwLjVlbTtcbiAgcGFkZGluZy1yaWdodDogMC41ZW07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW46IDAuMjVyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLnBhZ2luYXRpb24tcHJldmlvdXM6Zm9jdXMsIC5wYWdpbmF0aW9uLXByZXZpb3VzLmlzLWZvY3VzZWQsIC5wYWdpbmF0aW9uLXByZXZpb3VzOmFjdGl2ZSwgLnBhZ2luYXRpb24tcHJldmlvdXMuaXMtYWN0aXZlLFxuLnBhZ2luYXRpb24tbmV4dDpmb2N1cyxcbi5wYWdpbmF0aW9uLW5leHQuaXMtZm9jdXNlZCxcbi5wYWdpbmF0aW9uLW5leHQ6YWN0aXZlLFxuLnBhZ2luYXRpb24tbmV4dC5pcy1hY3RpdmUsXG4ucGFnaW5hdGlvbi1saW5rOmZvY3VzLFxuLnBhZ2luYXRpb24tbGluay5pcy1mb2N1c2VkLFxuLnBhZ2luYXRpb24tbGluazphY3RpdmUsXG4ucGFnaW5hdGlvbi1saW5rLmlzLWFjdGl2ZSxcbi5wYWdpbmF0aW9uLWVsbGlwc2lzOmZvY3VzLFxuLnBhZ2luYXRpb24tZWxsaXBzaXMuaXMtZm9jdXNlZCxcbi5wYWdpbmF0aW9uLWVsbGlwc2lzOmFjdGl2ZSxcbi5wYWdpbmF0aW9uLWVsbGlwc2lzLmlzLWFjdGl2ZSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5wYWdpbmF0aW9uLXByZXZpb3VzW2Rpc2FibGVkXSxcbi5wYWdpbmF0aW9uLW5leHRbZGlzYWJsZWRdLFxuLnBhZ2luYXRpb24tbGlua1tkaXNhYmxlZF0sXG4ucGFnaW5hdGlvbi1lbGxpcHNpc1tkaXNhYmxlZF0ge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4ucGFnaW5hdGlvbi1wcmV2aW91cyxcbi5wYWdpbmF0aW9uLW5leHQsXG4ucGFnaW5hdGlvbi1saW5rIHtcbiAgYm9yZGVyLWNvbG9yOiAjZGJkYmRiO1xuICBtaW4td2lkdGg6IDIuMjVlbTtcbn1cblxuLnBhZ2luYXRpb24tcHJldmlvdXM6aG92ZXIsXG4ucGFnaW5hdGlvbi1uZXh0OmhvdmVyLFxuLnBhZ2luYXRpb24tbGluazpob3ZlciB7XG4gIGJvcmRlci1jb2xvcjogI2I1YjViNTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5wYWdpbmF0aW9uLXByZXZpb3VzOmZvY3VzLFxuLnBhZ2luYXRpb24tbmV4dDpmb2N1cyxcbi5wYWdpbmF0aW9uLWxpbms6Zm9jdXMge1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG59XG5cbi5wYWdpbmF0aW9uLXByZXZpb3VzOmFjdGl2ZSxcbi5wYWdpbmF0aW9uLW5leHQ6YWN0aXZlLFxuLnBhZ2luYXRpb24tbGluazphY3RpdmUge1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xufVxuXG4ucGFnaW5hdGlvbi1wcmV2aW91c1tkaXNhYmxlZF0sXG4ucGFnaW5hdGlvbi1uZXh0W2Rpc2FibGVkXSxcbi5wYWdpbmF0aW9uLWxpbmtbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2RiZGJkYjtcbiAgYm9yZGVyLWNvbG9yOiAjZGJkYmRiO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzdhN2E3YTtcbiAgb3BhY2l0eTogMC41O1xufVxuXG4ucGFnaW5hdGlvbi1wcmV2aW91cyxcbi5wYWdpbmF0aW9uLW5leHQge1xuICBwYWRkaW5nLWxlZnQ6IDAuNzVlbTtcbiAgcGFkZGluZy1yaWdodDogMC43NWVtO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4ucGFnaW5hdGlvbi1saW5rLmlzLWN1cnJlbnQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ucGFnaW5hdGlvbi1lbGxpcHNpcyB7XG4gIGNvbG9yOiAjYjViNWI1O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnBhZ2luYXRpb24tbGlzdCB7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLnBhZ2luYXRpb24ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuICAucGFnaW5hdGlvbi1wcmV2aW91cyxcbiAgLnBhZ2luYXRpb24tbmV4dCB7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtc2hyaW5rOiAxO1xuICB9XG4gIC5wYWdpbmF0aW9uLWxpc3QgbGkge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBmbGV4LXNocmluazogMTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLnBhZ2luYXRpb24tbGlzdCB7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtc2hyaW5rOiAxO1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICBvcmRlcjogMTtcbiAgfVxuICAucGFnaW5hdGlvbi1wcmV2aW91cyB7XG4gICAgb3JkZXI6IDI7XG4gIH1cbiAgLnBhZ2luYXRpb24tbmV4dCB7XG4gICAgb3JkZXI6IDM7XG4gIH1cbiAgLnBhZ2luYXRpb24ge1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgfVxuICAucGFnaW5hdGlvbi5pcy1jZW50ZXJlZCAucGFnaW5hdGlvbi1wcmV2aW91cyB7XG4gICAgb3JkZXI6IDE7XG4gIH1cbiAgLnBhZ2luYXRpb24uaXMtY2VudGVyZWQgLnBhZ2luYXRpb24tbGlzdCB7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgb3JkZXI6IDI7XG4gIH1cbiAgLnBhZ2luYXRpb24uaXMtY2VudGVyZWQgLnBhZ2luYXRpb24tbmV4dCB7XG4gICAgb3JkZXI6IDM7XG4gIH1cbiAgLnBhZ2luYXRpb24uaXMtcmlnaHQgLnBhZ2luYXRpb24tcHJldmlvdXMge1xuICAgIG9yZGVyOiAxO1xuICB9XG4gIC5wYWdpbmF0aW9uLmlzLXJpZ2h0IC5wYWdpbmF0aW9uLW5leHQge1xuICAgIG9yZGVyOiAyO1xuICB9XG4gIC5wYWdpbmF0aW9uLmlzLXJpZ2h0IC5wYWdpbmF0aW9uLWxpc3Qge1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgb3JkZXI6IDM7XG4gIH1cbn1cblxuLnBhbmVsIHtcbiAgZm9udC1zaXplOiAxcmVtO1xufVxuXG4ucGFuZWw6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLnBhbmVsLWhlYWRpbmcsXG4ucGFuZWwtdGFicyxcbi5wYW5lbC1ibG9jayB7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkYmRiZGI7XG59XG5cbi5wYW5lbC1oZWFkaW5nOmZpcnN0LWNoaWxkLFxuLnBhbmVsLXRhYnM6Zmlyc3QtY2hpbGQsXG4ucGFuZWwtYmxvY2s6Zmlyc3QtY2hpbGQge1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2RiZGJkYjtcbn1cblxuLnBhbmVsLWhlYWRpbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAzcHggM3B4IDAgMDtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIGZvbnQtc2l6ZTogMS4yNWVtO1xuICBmb250LXdlaWdodDogMzAwO1xuICBsaW5lLWhlaWdodDogMS4yNTtcbiAgcGFkZGluZzogMC41ZW0gMC43NWVtO1xufVxuXG4ucGFuZWwtdGFicyB7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAwLjg3NWVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLnBhbmVsLXRhYnMgYSB7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZGJkYmRiO1xuICBtYXJnaW4tYm90dG9tOiAtMXB4O1xuICBwYWRkaW5nOiAwLjVlbTtcbn1cblxuLnBhbmVsLXRhYnMgYS5pcy1hY3RpdmUge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAjNGE0YTRhO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLnBhbmVsLWxpc3QgYSB7XG4gIGNvbG9yOiAjNGE0YTRhO1xufVxuXG4ucGFuZWwtbGlzdCBhOmhvdmVyIHtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi5wYW5lbC1ibG9jayB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIHBhZGRpbmc6IDAuNWVtIDAuNzVlbTtcbn1cblxuLnBhbmVsLWJsb2NrIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXSB7XG4gIG1hcmdpbi1yaWdodDogMC43NWVtO1xufVxuXG4ucGFuZWwtYmxvY2sgPiAuY29udHJvbCB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4ucGFuZWwtYmxvY2suaXMtd3JhcHBlZCB7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cblxuLnBhbmVsLWJsb2NrLmlzLWFjdGl2ZSB7XG4gIGJvcmRlci1sZWZ0LWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLnBhbmVsLWJsb2NrLmlzLWFjdGl2ZSAucGFuZWwtaWNvbiB7XG4gIGNvbG9yOiAjMDBkMWIyO1xufVxuXG5hLnBhbmVsLWJsb2NrLFxubGFiZWwucGFuZWwtYmxvY2sge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbmEucGFuZWwtYmxvY2s6aG92ZXIsXG5sYWJlbC5wYW5lbC1ibG9jazpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5wYW5lbC1pY29uIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGhlaWdodDogMWVtO1xuICBsaW5lLWhlaWdodDogMWVtO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIHdpZHRoOiAxZW07XG4gIGNvbG9yOiAjN2E3YTdhO1xuICBtYXJnaW4tcmlnaHQ6IDAuNzVlbTtcbn1cblxuLnBhbmVsLWljb24gLmZhIHtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbn1cblxuLnRhYnMge1xuICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gIC13ZWJraXQtdG91Y2gtY2FsbG91dDogbm9uZTtcbiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1zLXVzZXItc2VsZWN0OiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4udGFiczpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4udGFicyBhIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogLTFweDtcbiAgcGFkZGluZzogMC41ZW0gMWVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4udGFicyBhOmhvdmVyIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi50YWJzIGxpIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi50YWJzIGxpLmlzLWFjdGl2ZSBhIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi50YWJzIHVsIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbn1cblxuLnRhYnMgdWwuaXMtbGVmdCB7XG4gIHBhZGRpbmctcmlnaHQ6IDAuNzVlbTtcbn1cblxuLnRhYnMgdWwuaXMtY2VudGVyIHtcbiAgZmxleDogbm9uZTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmctbGVmdDogMC43NWVtO1xuICBwYWRkaW5nLXJpZ2h0OiAwLjc1ZW07XG59XG5cbi50YWJzIHVsLmlzLXJpZ2h0IHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgcGFkZGluZy1sZWZ0OiAwLjc1ZW07XG59XG5cbi50YWJzIC5pY29uOmZpcnN0LWNoaWxkIHtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbn1cblxuLnRhYnMgLmljb246bGFzdC1jaGlsZCB7XG4gIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbn1cblxuLnRhYnMuaXMtY2VudGVyZWQgdWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLnRhYnMuaXMtcmlnaHQgdWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuXG4udGFicy5pcy1ib3hlZCBhIHtcbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xufVxuXG4udGFicy5pcy1ib3hlZCBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogI2RiZGJkYjtcbn1cblxuLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLWNvbG9yOiAjZGJkYmRiO1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xufVxuXG4udGFicy5pcy1mdWxsd2lkdGggbGkge1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAwO1xufVxuXG4udGFicy5pcy10b2dnbGUgYSB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNkYmRiZGI7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLnRhYnMuaXMtdG9nZ2xlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItY29sb3I6ICNiNWI1YjU7XG4gIHotaW5kZXg6IDI7XG59XG5cbi50YWJzLmlzLXRvZ2dsZSBsaSArIGxpIHtcbiAgbWFyZ2luLWxlZnQ6IC0xcHg7XG59XG5cbi50YWJzLmlzLXRvZ2dsZSBsaTpmaXJzdC1jaGlsZCBhIHtcbiAgYm9yZGVyLXJhZGl1czogM3B4IDAgMCAzcHg7XG59XG5cbi50YWJzLmlzLXRvZ2dsZSBsaTpsYXN0LWNoaWxkIGEge1xuICBib3JkZXItcmFkaXVzOiAwIDNweCAzcHggMDtcbn1cblxuLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbiAgei1pbmRleDogMTtcbn1cblxuLnRhYnMuaXMtdG9nZ2xlIHVsIHtcbiAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbn1cblxuLnRhYnMuaXMtc21hbGwge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi50YWJzLmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLnRhYnMuaXMtbGFyZ2Uge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmNvbHVtbiB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmbGV4LWJhc2lzOiAwO1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAxO1xuICBwYWRkaW5nOiAwLjc1cmVtO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW5hcnJvdyB7XG4gIGZsZXg6IG5vbmU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtZnVsbCB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLXRocmVlLXF1YXJ0ZXJzIHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDc1JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy10d28tdGhpcmRzIHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDY2LjY2NjYlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLWhhbGYge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogNTAlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9uZS10aGlyZCB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiAzMy4zMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vbmUtcXVhcnRlciB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiAyNSU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LXRocmVlLXF1YXJ0ZXJzIHtcbiAgbWFyZ2luLWxlZnQ6IDc1JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtdHdvLXRoaXJkcyB7XG4gIG1hcmdpbi1sZWZ0OiA2Ni42NjY2JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtaGFsZiB7XG4gIG1hcmdpbi1sZWZ0OiA1MCU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS10aGlyZCB7XG4gIG1hcmdpbi1sZWZ0OiAzMy4zMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtb25lLXF1YXJ0ZXIge1xuICBtYXJnaW4tbGVmdDogMjUlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTEge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogOC4zMzMzMyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTEge1xuICBtYXJnaW4tbGVmdDogOC4zMzMzMyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtMiB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiAxNi42NjY2NyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTIge1xuICBtYXJnaW4tbGVmdDogMTYuNjY2NjclO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTMge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogMjUlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC0zIHtcbiAgbWFyZ2luLWxlZnQ6IDI1JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy00IHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDMzLjMzMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtNCB7XG4gIG1hcmdpbi1sZWZ0OiAzMy4zMzMzMyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtNSB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA0MS42NjY2NyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTUge1xuICBtYXJnaW4tbGVmdDogNDEuNjY2NjclO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTYge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogNTAlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC02IHtcbiAgbWFyZ2luLWxlZnQ6IDUwJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy03IHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDU4LjMzMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtNyB7XG4gIG1hcmdpbi1sZWZ0OiA1OC4zMzMzMyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtOCB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA2Ni42NjY2NyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTgge1xuICBtYXJnaW4tbGVmdDogNjYuNjY2NjclO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTkge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogNzUlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC05IHtcbiAgbWFyZ2luLWxlZnQ6IDc1JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy0xMCB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA4My4zMzMzMyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTEwIHtcbiAgbWFyZ2luLWxlZnQ6IDgzLjMzMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy0xMSB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA5MS42NjY2NyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTExIHtcbiAgbWFyZ2luLWxlZnQ6IDkxLjY2NjY3JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy0xMiB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC0xMiB7XG4gIG1hcmdpbi1sZWZ0OiAxMDAlO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuY29sdW1uLmlzLW5hcnJvdy1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gIH1cbiAgLmNvbHVtbi5pcy1mdWxsLW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLXRocmVlLXF1YXJ0ZXJzLW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtdHdvLXRoaXJkcy1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtaGFsZi1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9uZS10aGlyZC1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXF1YXJ0ZXItbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdGhyZWUtcXVhcnRlcnMtbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXR3by10aGlyZHMtbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtaGFsZi1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXRoaXJkLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS1xdWFydGVyLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEtbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtMi1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDE2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0yLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDE2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTMtbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMy1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy00LW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTQtbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtNS1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDQxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC01LW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDQxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTYtbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNi1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy03LW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTctbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtOC1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDY2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC04LW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDY2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTktbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOS1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMC1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMC1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMS1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDkxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMS1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA5MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMi1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTItbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogMTAwJTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmNvbHVtbi5pcy1uYXJyb3csIC5jb2x1bW4uaXMtbmFycm93LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgfVxuICAuY29sdW1uLmlzLWZ1bGwsIC5jb2x1bW4uaXMtZnVsbC10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy10aHJlZS1xdWFydGVycywgLmNvbHVtbi5pcy10aHJlZS1xdWFydGVycy10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLXR3by10aGlyZHMsIC5jb2x1bW4uaXMtdHdvLXRoaXJkcy10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtaGFsZiwgLmNvbHVtbi5pcy1oYWxmLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXRoaXJkLCAuY29sdW1uLmlzLW9uZS10aGlyZC10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXF1YXJ0ZXIsIC5jb2x1bW4uaXMtb25lLXF1YXJ0ZXItdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdGhyZWUtcXVhcnRlcnMsIC5jb2x1bW4uaXMtb2Zmc2V0LXRocmVlLXF1YXJ0ZXJzLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC10d28tdGhpcmRzLCAuY29sdW1uLmlzLW9mZnNldC10d28tdGhpcmRzLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LWhhbGYsIC5jb2x1bW4uaXMtb2Zmc2V0LWhhbGYtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS10aGlyZCwgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXRoaXJkLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS1xdWFydGVyLCAuY29sdW1uLmlzLW9mZnNldC1vbmUtcXVhcnRlci10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xLCAuY29sdW1uLmlzLTEtdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xLCAuY29sdW1uLmlzLW9mZnNldC0xLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtMiwgLmNvbHVtbi5pcy0yLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTIsIC5jb2x1bW4uaXMtb2Zmc2V0LTItdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMywgLmNvbHVtbi5pcy0zLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTMsIC5jb2x1bW4uaXMtb2Zmc2V0LTMtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtNCwgLmNvbHVtbi5pcy00LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTQsIC5jb2x1bW4uaXMtb2Zmc2V0LTQtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtNSwgLmNvbHVtbi5pcy01LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTUsIC5jb2x1bW4uaXMtb2Zmc2V0LTUtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtNiwgLmNvbHVtbi5pcy02LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTYsIC5jb2x1bW4uaXMtb2Zmc2V0LTYtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtNywgLmNvbHVtbi5pcy03LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTcsIC5jb2x1bW4uaXMtb2Zmc2V0LTctdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtOCwgLmNvbHVtbi5pcy04LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTgsIC5jb2x1bW4uaXMtb2Zmc2V0LTgtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtOSwgLmNvbHVtbi5pcy05LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTksIC5jb2x1bW4uaXMtb2Zmc2V0LTktdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMTAsIC5jb2x1bW4uaXMtMTAtdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTAsIC5jb2x1bW4uaXMtb2Zmc2V0LTEwLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTExLCAuY29sdW1uLmlzLTExLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTExLCAuY29sdW1uLmlzLW9mZnNldC0xMS10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiA5MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMiwgLmNvbHVtbi5pcy0xMi10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTIsIC5jb2x1bW4uaXMtb2Zmc2V0LTEyLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwMCU7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5jb2x1bW4uaXMtbmFycm93LXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICB9XG4gIC5jb2x1bW4uaXMtZnVsbC10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLXRocmVlLXF1YXJ0ZXJzLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy10d28tdGhpcmRzLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLWhhbGYtdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9uZS10aGlyZC10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vbmUtcXVhcnRlci10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXRocmVlLXF1YXJ0ZXJzLXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXR3by10aGlyZHMtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1oYWxmLXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS10aGlyZC10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS1xdWFydGVyLXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMS10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMS10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtMi10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTItdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0zLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMy10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTQtdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC00LXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtNS10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTUtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy02LXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNi10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLTctdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDU4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC03LXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtOC10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTgtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy05LXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOS10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEwLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTAtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMS10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTExLXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMTItdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTItdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiAxMDAlO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuY29sdW1uLmlzLW5hcnJvdy1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICB9XG4gIC5jb2x1bW4uaXMtZnVsbC1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5jb2x1bW4uaXMtdGhyZWUtcXVhcnRlcnMtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtdHdvLXRoaXJkcy1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLWhhbGYtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXRoaXJkLWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXF1YXJ0ZXItZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXRocmVlLXF1YXJ0ZXJzLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdHdvLXRoaXJkcy1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtaGFsZi1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS10aGlyZC1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXF1YXJ0ZXItZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMS1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0yLWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDE2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0yLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0zLWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0zLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy00LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC00LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy01LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDQxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC01LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy02LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC02LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy03LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDU4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC03LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy04LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDY2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC04LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy05LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC05LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMC1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTAtZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTExLWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDkxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMS1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMTItZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMi1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogMTAwJTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmNvbHVtbi5pcy1uYXJyb3ctd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgfVxuICAuY29sdW1uLmlzLWZ1bGwtd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLXRocmVlLXF1YXJ0ZXJzLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLXR3by10aGlyZHMtd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1oYWxmLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9uZS10aGlyZC13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9uZS1xdWFydGVyLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC10aHJlZS1xdWFydGVycy13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXR3by10aGlyZHMtd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LWhhbGYtd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1vbmUtdGhpcmQtd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS1xdWFydGVyLXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEtd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtMi13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMi13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMy13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMy13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtNC13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNC13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtNS13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNS13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtNi13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNi13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtNy13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNy13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtOC13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOC13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtOS13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOS13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMTAtd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogODMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEwLXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMS13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA5MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTEtd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDkxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTEyLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTItd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwMCU7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTM5MnB4KSB7XG4gIC5jb2x1bW4uaXMtbmFycm93LWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgfVxuICAuY29sdW1uLmlzLWZ1bGwtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5jb2x1bW4uaXMtdGhyZWUtcXVhcnRlcnMtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy10d28tdGhpcmRzLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1oYWxmLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXRoaXJkLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vbmUtcXVhcnRlci1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC10aHJlZS1xdWFydGVycy1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdHdvLXRoaXJkcy1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1oYWxmLWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1vbmUtdGhpcmQtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXF1YXJ0ZXItZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMS1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0yLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTItZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMy1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0zLWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTQtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNC1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy01LWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTUtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtNi1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC02LWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLTctZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNy1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy04LWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTgtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtOS1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC05LWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEwLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogODMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEwLWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTExLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTExLWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDkxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTEyLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMi1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiAxMDAlO1xuICB9XG59XG5cbi5jb2x1bW5zIHtcbiAgbWFyZ2luLWxlZnQ6IC0wLjc1cmVtO1xuICBtYXJnaW4tcmlnaHQ6IC0wLjc1cmVtO1xuICBtYXJnaW4tdG9wOiAtMC43NXJlbTtcbn1cblxuLmNvbHVtbnM6bGFzdC1jaGlsZCB7XG4gIG1hcmdpbi1ib3R0b206IC0wLjc1cmVtO1xufVxuXG4uY29sdW1uczpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbn1cblxuLmNvbHVtbnMuaXMtY2VudGVyZWQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLmNvbHVtbnMuaXMtZ2FwbGVzcyB7XG4gIG1hcmdpbi1sZWZ0OiAwO1xuICBtYXJnaW4tcmlnaHQ6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG5cbi5jb2x1bW5zLmlzLWdhcGxlc3M6bGFzdC1jaGlsZCB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbi5jb2x1bW5zLmlzLWdhcGxlc3M6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLmNvbHVtbnMuaXMtZ2FwbGVzcyA+IC5jb2x1bW4ge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuY29sdW1ucy5pcy1ncmlkIHtcbiAgICBmbGV4LXdyYXA6IHdyYXA7XG4gIH1cbiAgLmNvbHVtbnMuaXMtZ3JpZCA+IC5jb2x1bW4ge1xuICAgIG1heC13aWR0aDogMzMuMzMzMyU7XG4gICAgcGFkZGluZzogMC43NXJlbTtcbiAgICB3aWR0aDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbnMuaXMtZ3JpZCA+IC5jb2x1bW4gKyAuY29sdW1uIHtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgfVxufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uY29sdW1ucy5pcy1tdWx0aWxpbmUge1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbi5jb2x1bW5zLmlzLXZjZW50ZXJlZCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuY29sdW1uczpub3QoLmlzLWRlc2t0b3ApIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuY29sdW1ucy5pcy1kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG59XG5cbi50aWxlIHtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmbGV4LWJhc2lzOiAwO1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAxO1xuICBtaW4taGVpZ2h0OiBtaW4tY29udGVudDtcbn1cblxuLnRpbGUuaXMtYW5jZXN0b3Ige1xuICBtYXJnaW4tbGVmdDogLTAuNzVyZW07XG4gIG1hcmdpbi1yaWdodDogLTAuNzVyZW07XG4gIG1hcmdpbi10b3A6IC0wLjc1cmVtO1xufVxuXG4udGlsZS5pcy1hbmNlc3RvcjpsYXN0LWNoaWxkIHtcbiAgbWFyZ2luLWJvdHRvbTogLTAuNzVyZW07XG59XG5cbi50aWxlLmlzLWFuY2VzdG9yOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xufVxuXG4udGlsZS5pcy1jaGlsZCB7XG4gIG1hcmdpbjogMCAhaW1wb3J0YW50O1xufVxuXG4udGlsZS5pcy1wYXJlbnQge1xuICBwYWRkaW5nOiAwLjc1cmVtO1xufVxuXG4udGlsZS5pcy12ZXJ0aWNhbCB7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi50aWxlLmlzLXZlcnRpY2FsID4gLnRpbGUuaXMtY2hpbGQ6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbSAhaW1wb3J0YW50O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLnRpbGU6bm90KC5pcy1jaGlsZCkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbiAgLnRpbGUuaXMtMSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOC4zMzMzMyU7XG4gIH1cbiAgLnRpbGUuaXMtMiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTYuNjY2NjclO1xuICB9XG4gIC50aWxlLmlzLTMge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAudGlsZS5pcy00IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzMyU7XG4gIH1cbiAgLnRpbGUuaXMtNSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNDEuNjY2NjclO1xuICB9XG4gIC50aWxlLmlzLTYge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAudGlsZS5pcy03IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1OC4zMzMzMyU7XG4gIH1cbiAgLnRpbGUuaXMtOCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NjclO1xuICB9XG4gIC50aWxlLmlzLTkge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAudGlsZS5pcy0xMCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogODMuMzMzMzMlO1xuICB9XG4gIC50aWxlLmlzLTExIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA5MS42NjY2NyU7XG4gIH1cbiAgLnRpbGUuaXMtMTIge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbn1cblxuLmhlcm8tdmlkZW8ge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuLmhlcm8tdmlkZW8gdmlkZW8ge1xuICBsZWZ0OiA1MCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbn1cblxuLmhlcm8tdmlkZW8uaXMtdHJhbnNwYXJlbnQge1xuICBvcGFjaXR5OiAwLjM7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLXZpZGVvIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG5cbi5oZXJvLWJ1dHRvbnMge1xuICBtYXJnaW4tdG9wOiAxLjVyZW07XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLWJ1dHRvbnMgLmJ1dHRvbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuICAuaGVyby1idXR0b25zIC5idXR0b246bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmhlcm8tYnV0dG9ucyB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuICAuaGVyby1idXR0b25zIC5idXR0b246bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAxLjVyZW07XG4gIH1cbn1cblxuLmhlcm8taGVhZCxcbi5oZXJvLWZvb3Qge1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xufVxuXG4uaGVyby1ib2R5IHtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbiAgcGFkZGluZzogM3JlbSAxLjVyZW07XG59XG5cbi5oZXJvIHtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG5cbi5oZXJvIC5uYXYge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjE5LCAyMTksIDIxOSwgMC4zKTtcbn1cblxuLmhlcm8gLnRhYnMgdWwge1xuICBib3JkZXItYm90dG9tOiBub25lO1xufVxuXG4uaGVyby5pcy13aGl0ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmhlcm8uaXMtd2hpdGUgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy13aGl0ZSBzdHJvbmcge1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLmhlcm8uaXMtd2hpdGUgLnRpdGxlIHtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuOSk7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC5zdWJ0aXRsZSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLXdoaXRlIC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmhlcm8uaXMtd2hpdGUgLm5hdiB7XG4gIGJveC1zaGFkb3c6IDAgMXB4IDAgcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy13aGl0ZSAubmF2LW1lbnUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB9XG59XG5cbi5oZXJvLmlzLXdoaXRlIGEubmF2LWl0ZW0sXG4uaGVyby5pcy13aGl0ZSAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13aGl0ZSBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy13aGl0ZSBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLXdoaXRlIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLXdoaXRlIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmhlcm8uaXMtd2hpdGUgLnRhYnMgYSB7XG4gIGNvbG9yOiAjMGEwYTBhO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC50YWJzIGE6aG92ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy13aGl0ZSAudGFicyBsaS5pcy1hY3RpdmUgYSB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLXRvZ2dsZSBhIHtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy13aGl0ZSAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtd2hpdGUgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtd2hpdGUgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgYm9yZGVyLWNvbG9yOiAjMGEwYTBhO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLXdoaXRlLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZTZlNmU2IDAlLCB3aGl0ZSA3MSUsIHdoaXRlIDEwMCUpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy13aGl0ZS5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgI2U2ZTZlNiAwJSwgd2hpdGUgNzElLCB3aGl0ZSAxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy13aGl0ZSAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICB9XG4gIC5oZXJvLmlzLXdoaXRlIC5uYXYtdG9nZ2xlOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIH1cbiAgLmhlcm8uaXMtd2hpdGUgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIH1cbiAgLmhlcm8uaXMtd2hpdGUgLm5hdi1tZW51IC5uYXYtaXRlbSB7XG4gICAgYm9yZGVyLXRvcC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICB9XG59XG5cbi5oZXJvLmlzLWJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uaGVyby5pcy1ibGFjayBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWJsYWNrIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1ibGFjayAudGl0bGUge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSk7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC5zdWJ0aXRsZSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWJsYWNrIC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC5uYXYge1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtYmxhY2sgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICB9XG59XG5cbi5oZXJvLmlzLWJsYWNrIGEubmF2LWl0ZW0sXG4uaGVyby5pcy1ibGFjayAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xufVxuXG4uaGVyby5pcy1ibGFjayBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy1ibGFjayBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLWJsYWNrIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLWJsYWNrIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC50YWJzIGEge1xuICBjb2xvcjogd2hpdGU7XG4gIG9wYWNpdHk6IDAuOTtcbn1cblxuLmhlcm8uaXMtYmxhY2sgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC50YWJzIGxpLmlzLWFjdGl2ZSBhIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtYm94ZWQgYSwgLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLWJsYWNrIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy1ibGFjayAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLWJsYWNrIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uaGVyby5pcy1ibGFjay5pcy1ib2xkIHtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgYmxhY2sgMCUsICMwYTBhMGEgNzElLCAjMTgxNjE2IDEwMCUpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1ibGFjay5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgYmxhY2sgMCUsICMwYTBhMGEgNzElLCAjMTgxNjE2IDEwMCUpO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWJsYWNrIC5uYXYtdG9nZ2xlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB9XG4gIC5oZXJvLmlzLWJsYWNrIC5uYXYtdG9nZ2xlOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIH1cbiAgLmhlcm8uaXMtYmxhY2sgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB9XG4gIC5oZXJvLmlzLWJsYWNrIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1saWdodCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1saWdodCBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWxpZ2h0IHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1saWdodCAudGl0bGUge1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnN1YnRpdGxlIHtcbiAgY29sb3I6IHJnYmEoNTQsIDU0LCA1NCwgMC45KTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtbGlnaHQgLnN1YnRpdGxlIHN0cm9uZyB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1saWdodCAubmF2IHtcbiAgYm94LXNoYWRvdzogMCAxcHggMCByZ2JhKDU0LCA1NCwgNTQsIDAuMik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWxpZ2h0IC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgfVxufVxuXG4uaGVyby5pcy1saWdodCBhLm5hdi1pdGVtLFxuLmhlcm8uaXMtbGlnaHQgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pIHtcbiAgY29sb3I6IHJnYmEoNTQsIDU0LCA1NCwgMC43KTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtbGlnaHQgYS5uYXYtaXRlbS5pcy1hY3RpdmUsXG4uaGVyby5pcy1saWdodCAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbik6aG92ZXIsXG4uaGVyby5pcy1saWdodCAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5oZXJvLmlzLWxpZ2h0IC50YWJzIGEge1xuICBjb2xvcjogIzM2MzYzNjtcbiAgb3BhY2l0eTogMC45O1xufVxuXG4uaGVyby5pcy1saWdodCAudGFicyBhOmhvdmVyIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1saWdodCAudGFicy5pcy1ib3hlZCBhLCAuaGVyby5pcy1saWdodCAudGFicy5pcy10b2dnbGUgYSB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1saWdodCAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1saWdodCAudGFicy5pcy10b2dnbGUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLWxpZ2h0IC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1saWdodCAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLWxpZ2h0IC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGJvcmRlci1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWxpZ2h0LmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZGZkOGQ5IDAlLCB3aGl0ZXNtb2tlIDcxJSwgd2hpdGUgMTAwJSk7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWxpZ2h0LmlzLWJvbGQgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZGZkOGQ5IDAlLCB3aGl0ZXNtb2tlIDcxJSwgd2hpdGUgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtbGlnaHQgLm5hdi10b2dnbGUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgfVxuICAuaGVyby5pcy1saWdodCAubmF2LXRvZ2dsZTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICB9XG4gIC5oZXJvLmlzLWxpZ2h0IC5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICB9XG4gIC5oZXJvLmlzLWxpZ2h0IC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoNTQsIDU0LCA1NCwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1kYXJrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWRhcmsgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy1kYXJrIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1kYXJrIC50aXRsZSB7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uaGVyby5pcy1kYXJrIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDI0NSwgMjQ1LCAyNDUsIDAuOSk7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtZGFyayAuc3VidGl0bGUgc3Ryb25nIHtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWRhcmsgLm5hdiB7XG4gIGJveC1zaGFkb3c6IDAgMXB4IDAgcmdiYSgyNDUsIDI0NSwgMjQ1LCAwLjIpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1kYXJrIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgfVxufVxuXG4uaGVyby5pcy1kYXJrIGEubmF2LWl0ZW0sXG4uaGVyby5pcy1kYXJrIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKSB7XG4gIGNvbG9yOiByZ2JhKDI0NSwgMjQ1LCAyNDUsIDAuNyk7XG59XG5cbi5oZXJvLmlzLWRhcmsgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtZGFyayBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLWRhcmsgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pOmhvdmVyLFxuLmhlcm8uaXMtZGFyayAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnRhYnMgYSB7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1kYXJrIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLWRhcmsgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmhlcm8uaXMtZGFyayAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1kYXJrIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy1kYXJrIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1kYXJrIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1kYXJrIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtZGFyayAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1kYXJrLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjMWYxOTFhIDAlLCAjMzYzNjM2IDcxJSwgIzQ2NDAzZiAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFyay5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgIzFmMTkxYSAwJSwgIzM2MzYzNiA3MSUsICM0NjQwM2YgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFyayAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICB9XG4gIC5oZXJvLmlzLWRhcmsgLm5hdi10b2dnbGU6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgfVxuICAuaGVyby5pcy1kYXJrIC5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICB9XG4gIC5oZXJvLmlzLWRhcmsgLm5hdi1tZW51IC5uYXYtaXRlbSB7XG4gICAgYm9yZGVyLXRvcC1jb2xvcjogcmdiYSgyNDUsIDI0NSwgMjQ1LCAwLjIpO1xuICB9XG59XG5cbi5oZXJvLmlzLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLXByaW1hcnkgc3Ryb25nIHtcbiAgY29sb3I6IGluaGVyaXQ7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnRpdGxlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnN1YnRpdGxlIHtcbiAgY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAuc3VidGl0bGUgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy1wcmltYXJ5IC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAubmF2IHtcbiAgYm94LXNoYWRvdzogMCAxcHggMCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLXByaW1hcnkgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICB9XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgYS5uYXYtaXRlbSxcbi5oZXJvLmlzLXByaW1hcnkgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pIHtcbiAgY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC43KTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy1wcmltYXJ5IGEubmF2LWl0ZW0uaXMtYWN0aXZlLFxuLmhlcm8uaXMtcHJpbWFyeSAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbik6aG92ZXIsXG4uaGVyby5pcy1wcmltYXJ5IC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAudGFicyBhIHtcbiAgY29sb3I6ICNmZmY7XG4gIG9wYWNpdHk6IDAuOTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAudGFicyBhOmhvdmVyIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAudGFicyBsaS5pcy1hY3RpdmUgYSB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtYm94ZWQgYSwgLmhlcm8uaXMtcHJpbWFyeSAudGFicy5pcy10b2dnbGUgYSB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1wcmltYXJ5IC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtdG9nZ2xlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1wcmltYXJ5IC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlci1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkuaXMtYm9sZCB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgxNDFkZWcsICMwMDllNmMgMCUsICMwMGQxYjIgNzElLCAjMDBlN2ViIDEwMCUpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1wcmltYXJ5LmlzLWJvbGQgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjMDA5ZTZjIDAlLCAjMDBkMWIyIDcxJSwgIzAwZTdlYiAxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1wcmltYXJ5IC5uYXYtdG9nZ2xlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIH1cbiAgLmhlcm8uaXMtcHJpbWFyeSAubmF2LXRvZ2dsZTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICB9XG4gIC5oZXJvLmlzLXByaW1hcnkgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIH1cbiAgLmhlcm8uaXMtcHJpbWFyeSAubmF2LW1lbnUgLm5hdi1pdGVtIHtcbiAgICBib3JkZXItdG9wLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XG4gIH1cbn1cblxuLmhlcm8uaXMtaW5mbyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1pbmZvIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtaW5mbyBzdHJvbmcge1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLmhlcm8uaXMtaW5mbyAudGl0bGUge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtaW5mbyAuc3VidGl0bGUge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpO1xufVxuXG4uaGVyby5pcy1pbmZvIC5zdWJ0aXRsZSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWluZm8gLnN1YnRpdGxlIHN0cm9uZyB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1pbmZvIC5uYXYge1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtaW5mbyAubmF2LW1lbnUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIH1cbn1cblxuLmhlcm8uaXMtaW5mbyBhLm5hdi1pdGVtLFxuLmhlcm8uaXMtaW5mbyAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xufVxuXG4uaGVyby5pcy1pbmZvIGEubmF2LWl0ZW06aG92ZXIsIC5oZXJvLmlzLWluZm8gYS5uYXYtaXRlbS5pcy1hY3RpdmUsXG4uaGVyby5pcy1pbmZvIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLWluZm8gLm5hdi1pdGVtIGE6bm90KC5idXR0b24pLmlzLWFjdGl2ZSB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1pbmZvIC50YWJzIGEge1xuICBjb2xvcjogI2ZmZjtcbiAgb3BhY2l0eTogMC45O1xufVxuXG4uaGVyby5pcy1pbmZvIC50YWJzIGE6aG92ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1pbmZvIC50YWJzIGxpLmlzLWFjdGl2ZSBhIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtaW5mbyAudGFicy5pcy1ib3hlZCBhLCAuaGVyby5pcy1pbmZvIC50YWJzLmlzLXRvZ2dsZSBhIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWluZm8gLnRhYnMuaXMtYm94ZWQgYTpob3ZlciwgLmhlcm8uaXMtaW5mbyAudGFicy5pcy10b2dnbGUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbn1cblxuLmhlcm8uaXMtaW5mbyAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtaW5mbyAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYTpob3ZlciwgLmhlcm8uaXMtaW5mbyAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLWluZm8gLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogIzMyNzNkYztcbn1cblxuLmhlcm8uaXMtaW5mby5pcy1ib2xkIHtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgIzE1NzdjNiAwJSwgIzMyNzNkYyA3MSUsICM0MzY2ZTUgMTAwJSk7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWluZm8uaXMtYm9sZCAubmF2LW1lbnUge1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgxNDFkZWcsICMxNTc3YzYgMCUsICMzMjczZGMgNzElLCAjNDM2NmU1IDEwMCUpO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWluZm8gLm5hdi10b2dnbGUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgfVxuICAuaGVyby5pcy1pbmZvIC5uYXYtdG9nZ2xlOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIH1cbiAgLmhlcm8uaXMtaW5mbyAubmF2LXRvZ2dsZS5pcy1hY3RpdmUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgfVxuICAuaGVyby5pcy1pbmZvIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1zdWNjZXNzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy1zdWNjZXNzIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC50aXRsZSB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSk7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtc3VjY2VzcyAuc3VidGl0bGUgc3Ryb25nIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLm5hdiB7XG4gIGJveC1zaGFkb3c6IDAgMXB4IDAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1zdWNjZXNzIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbiAgfVxufVxuXG4uaGVyby5pcy1zdWNjZXNzIGEubmF2LWl0ZW0sXG4uaGVyby5pcy1zdWNjZXNzIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKSB7XG4gIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNyk7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtc3VjY2VzcyBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLXN1Y2Nlc3MgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pOmhvdmVyLFxuLmhlcm8uaXMtc3VjY2VzcyAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMgYSB7XG4gIGNvbG9yOiAjZmZmO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtc3VjY2VzcyAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtc3VjY2VzcyAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXItY29sb3I6ICNmZmY7XG4gIGNvbG9yOiAjMjNkMTYwO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjMTJhZjJmIDAlLCAjMjNkMTYwIDcxJSwgIzJjZTI4YSAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtc3VjY2Vzcy5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgIzEyYWYyZiAwJSwgIzIzZDE2MCA3MSUsICMyY2UyOGEgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtc3VjY2VzcyAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICB9XG4gIC5oZXJvLmlzLXN1Y2Nlc3MgLm5hdi10b2dnbGU6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgfVxuICAuaGVyby5pcy1zdWNjZXNzIC5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICB9XG4gIC5oZXJvLmlzLXN1Y2Nlc3MgLm5hdi1tZW51IC5uYXYtaXRlbSB7XG4gICAgYm9yZGVyLXRvcC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xuICB9XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtd2FybmluZyBzdHJvbmcge1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLmhlcm8uaXMtd2FybmluZyAudGl0bGUge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOSk7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtd2FybmluZyAuc3VidGl0bGUgc3Ryb25nIHtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmhlcm8uaXMtd2FybmluZyAubmF2IHtcbiAgYm94LXNoYWRvdzogMCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLXdhcm5pbmcgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICB9XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgYS5uYXYtaXRlbSxcbi5oZXJvLmlzLXdhcm5pbmcgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pIHtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmhlcm8uaXMtd2FybmluZyBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy13YXJuaW5nIGEubmF2LWl0ZW0uaXMtYWN0aXZlLFxuLmhlcm8uaXMtd2FybmluZyAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbik6aG92ZXIsXG4uaGVyby5pcy13YXJuaW5nIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC50YWJzIGEge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtdG9nZ2xlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy13YXJuaW5nIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgYm9yZGVyLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4gIGNvbG9yOiAjZmZkZDU3O1xufVxuXG4uaGVyby5pcy13YXJuaW5nLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZmZhZjI0IDAlLCAjZmZkZDU3IDcxJSwgI2ZmZmE3MCAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtd2FybmluZy5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgI2ZmYWYyNCAwJSwgI2ZmZGQ1NyA3MSUsICNmZmZhNzAgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtd2FybmluZyAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4gIH1cbiAgLmhlcm8uaXMtd2FybmluZyAubmF2LXRvZ2dsZTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICB9XG4gIC5oZXJvLmlzLXdhcm5pbmcgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgfVxuICAuaGVyby5pcy13YXJuaW5nIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1kYW5nZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtZGFuZ2VyIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnRpdGxlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAuc3VidGl0bGUge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtZGFuZ2VyIC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyIC5uYXYge1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFuZ2VyIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbiAgfVxufVxuXG4uaGVyby5pcy1kYW5nZXIgYS5uYXYtaXRlbSxcbi5oZXJvLmlzLWRhbmdlciAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtZGFuZ2VyIGEubmF2LWl0ZW0uaXMtYWN0aXZlLFxuLmhlcm8uaXMtZGFuZ2VyIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLWRhbmdlciAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAudGFicyBhIHtcbiAgY29sb3I6ICNmZmY7XG4gIG9wYWNpdHk6IDAuOTtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyIC50YWJzIGE6aG92ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtYm94ZWQgYSwgLmhlcm8uaXMtZGFuZ2VyIC50YWJzLmlzLXRvZ2dsZSBhIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtdG9nZ2xlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtZGFuZ2VyIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogI2ZmMzg2MDtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZmYwNTYxIDAlLCAjZmYzODYwIDcxJSwgI2ZmNTI1NyAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFuZ2VyLmlzLWJvbGQgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZmYwNTYxIDAlLCAjZmYzODYwIDcxJSwgI2ZmNTI1NyAxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1kYW5nZXIgLm5hdi10b2dnbGUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgfVxuICAuaGVyby5pcy1kYW5nZXIgLm5hdi10b2dnbGU6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgfVxuICAuaGVyby5pcy1kYW5nZXIgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIH1cbiAgLmhlcm8uaXMtZGFuZ2VyIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmhlcm8uaXMtbWVkaXVtIC5oZXJvLWJvZHkge1xuICAgIHBhZGRpbmctYm90dG9tOiA5cmVtO1xuICAgIHBhZGRpbmctdG9wOiA5cmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaGVyby5pcy1sYXJnZSAuaGVyby1ib2R5IHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMThyZW07XG4gICAgcGFkZGluZy10b3A6IDE4cmVtO1xuICB9XG59XG5cbi5oZXJvLmlzLWhhbGZoZWlnaHQgLmhlcm8tYm9keSwgLmhlcm8uaXMtZnVsbGhlaWdodCAuaGVyby1ib2R5IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmhlcm8uaXMtaGFsZmhlaWdodCAuaGVyby1ib2R5ID4gLmNvbnRhaW5lciwgLmhlcm8uaXMtZnVsbGhlaWdodCAuaGVyby1ib2R5ID4gLmNvbnRhaW5lciB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG59XG5cbi5oZXJvLmlzLWhhbGZoZWlnaHQge1xuICBtaW4taGVpZ2h0OiA1MHZoO1xufVxuXG4uaGVyby5pcy1mdWxsaGVpZ2h0IHtcbiAgbWluLWhlaWdodDogMTAwdmg7XG59XG5cbi5zZWN0aW9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHBhZGRpbmc6IDNyZW0gMS41cmVtO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLnNlY3Rpb24uaXMtbWVkaXVtIHtcbiAgICBwYWRkaW5nOiA5cmVtIDEuNXJlbTtcbiAgfVxuICAuc2VjdGlvbi5pcy1sYXJnZSB7XG4gICAgcGFkZGluZzogMThyZW0gMS41cmVtO1xuICB9XG59XG5cbi5mb290ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBwYWRkaW5nOiAzcmVtIDEuNXJlbSA2cmVtO1xufVxuXG4uaGlnaGxpZ2h0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLmMge1xuICBjb2xvcjogIzkzYTFhMTtcbn1cblxuLmhpZ2hsaWdodCAuZXJyLFxuLmhpZ2hsaWdodCAuZyB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5rIHtcbiAgY29sb3I6ICM4NTk5MDA7XG59XG5cbi5oaWdobGlnaHQgLmwsXG4uaGlnaGxpZ2h0IC5uIHtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLm8ge1xuICBjb2xvcjogIzg1OTkwMDtcbn1cblxuLmhpZ2hsaWdodCAueCB7XG4gIGNvbG9yOiAjY2I0YjE2O1xufVxuXG4uaGlnaGxpZ2h0IC5wIHtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLmNtIHtcbiAgY29sb3I6ICM5M2ExYTE7XG59XG5cbi5oaWdobGlnaHQgLmNwIHtcbiAgY29sb3I6ICM4NTk5MDA7XG59XG5cbi5oaWdobGlnaHQgLmMxIHtcbiAgY29sb3I6ICM5M2ExYTE7XG59XG5cbi5oaWdobGlnaHQgLmNzIHtcbiAgY29sb3I6ICM4NTk5MDA7XG59XG5cbi5oaWdobGlnaHQgLmdkIHtcbiAgY29sb3I6ICMyYWExOTg7XG59XG5cbi5oaWdobGlnaHQgLmdlIHtcbiAgY29sb3I6ICM1ODZlNzU7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbn1cblxuLmhpZ2hsaWdodCAuZ3Ige1xuICBjb2xvcjogI2RjMzIyZjtcbn1cblxuLmhpZ2hsaWdodCAuZ2gge1xuICBjb2xvcjogI2NiNGIxNjtcbn1cblxuLmhpZ2hsaWdodCAuZ2kge1xuICBjb2xvcjogIzg1OTkwMDtcbn1cblxuLmhpZ2hsaWdodCAuZ28sXG4uaGlnaGxpZ2h0IC5ncCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5ncyB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xuICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuLmhpZ2hsaWdodCAuZ3Uge1xuICBjb2xvcjogI2NiNGIxNjtcbn1cblxuLmhpZ2hsaWdodCAuZ3Qge1xuICBjb2xvcjogIzU4NmU3NTtcbn1cblxuLmhpZ2hsaWdodCAua2Mge1xuICBjb2xvcjogI2NiNGIxNjtcbn1cblxuLmhpZ2hsaWdodCAua2Qge1xuICBjb2xvcjogIzI2OGJkMjtcbn1cblxuLmhpZ2hsaWdodCAua24sXG4uaGlnaGxpZ2h0IC5rcCB7XG4gIGNvbG9yOiAjODU5OTAwO1xufVxuXG4uaGlnaGxpZ2h0IC5rciB7XG4gIGNvbG9yOiAjMjY4YmQyO1xufVxuXG4uaGlnaGxpZ2h0IC5rdCB7XG4gIGNvbG9yOiAjZGMzMjJmO1xufVxuXG4uaGlnaGxpZ2h0IC5sZCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5tLFxuLmhpZ2hsaWdodCAucyB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5uYSB7XG4gIGNvbG9yOiAjQjU4OTAwO1xufVxuXG4uaGlnaGxpZ2h0IC5uYiB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5uYyB7XG4gIGNvbG9yOiAjMjY4YmQyO1xufVxuXG4uaGlnaGxpZ2h0IC5ubyB7XG4gIGNvbG9yOiAjY2I0YjE2O1xufVxuXG4uaGlnaGxpZ2h0IC5uZCB7XG4gIGNvbG9yOiAjMjY4YmQyO1xufVxuXG4uaGlnaGxpZ2h0IC5uaSxcbi5oaWdobGlnaHQgLm5lIHtcbiAgY29sb3I6ICNjYjRiMTY7XG59XG5cbi5oaWdobGlnaHQgLm5mIHtcbiAgY29sb3I6ICMyNjhiZDI7XG59XG5cbi5oaWdobGlnaHQgLm5sLFxuLmhpZ2hsaWdodCAubm4sXG4uaGlnaGxpZ2h0IC5ueCxcbi5oaWdobGlnaHQgLnB5IHtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLm50LFxuLmhpZ2hsaWdodCAubnYge1xuICBjb2xvcjogIzI2OGJkMjtcbn1cblxuLmhpZ2hsaWdodCAub3cge1xuICBjb2xvcjogIzg1OTkwMDtcbn1cblxuLmhpZ2hsaWdodCAudyB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5tZixcbi5oaWdobGlnaHQgLm1oLFxuLmhpZ2hsaWdodCAubWksXG4uaGlnaGxpZ2h0IC5tbyB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5zYiB7XG4gIGNvbG9yOiAjOTNhMWExO1xufVxuXG4uaGlnaGxpZ2h0IC5zYyB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5zZCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5zMiB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5zZSB7XG4gIGNvbG9yOiAjY2I0YjE2O1xufVxuXG4uaGlnaGxpZ2h0IC5zaCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5zaSxcbi5oaWdobGlnaHQgLnN4IHtcbiAgY29sb3I6ICMyYWExOTg7XG59XG5cbi5oaWdobGlnaHQgLnNyIHtcbiAgY29sb3I6ICNkYzMyMmY7XG59XG5cbi5oaWdobGlnaHQgLnMxLFxuLmhpZ2hsaWdodCAuc3Mge1xuICBjb2xvcjogIzJhYTE5ODtcbn1cblxuLmhpZ2hsaWdodCAuYnAsXG4uaGlnaGxpZ2h0IC52Yyxcbi5oaWdobGlnaHQgLnZnLFxuLmhpZ2hsaWdodCAudmkge1xuICBjb2xvcjogIzI2OGJkMjtcbn1cblxuLmhpZ2hsaWdodCAuaWwge1xuICBjb2xvcjogIzJhYTE5ODtcbn1cblxuLmNvbnRlbnQgLmhpZ2hsaWdodCB7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuYnV0dG9uIHNtYWxsIHtcbiAgICBjb2xvcjogIzRhNGE0YTtcbiAgICBsZWZ0OiAwO1xuICAgIG1hcmdpbi10b3A6IDEwcHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxufVxuXG5ib2R5LnBhZ2UtZ3JpZCAuY29sdW1uID4gLm5vdGlmaWNhdGlvbiB7XG4gIHBhZGRpbmctbGVmdDogMDtcbiAgcGFkZGluZy1yaWdodDogMDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmhlYWRlci1pdGVtIC5idXR0b24gKyAuYnV0dG9uIHtcbiAgICBtYXJnaW4tbGVmdDogMC43NXJlbTtcbiAgfVxufVxuXG5zdmcge1xuICBtYXgtaGVpZ2h0OiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbiNjYXJib24ge1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICBtYXgtd2lkdGg6IDM0MHB4O1xuICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgcGFkZGluZzogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4jY2FyYm9uOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKSwgMCAwIDAgMXB4ICMwMGQxYjI7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAjY2FyYm9uIHtcbiAgICB3aWR0aDogMzQwcHg7XG4gIH1cbn1cblxuI2NhcmJvbmFkcyB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuI2NhcmJvbmFkcyBhLFxuI2NhcmJvbmFkcyBzcGFuIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbiNjYXJib25hZHMgLmNhcmJvbi13cmFwIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4jY2FyYm9uYWRzIC5jYXJib24taW1nIHtcbiAgYmFja2dyb3VuZDogd2hpdGVzbW9rZTtcbiAgZmxvYXQ6IGxlZnQ7XG4gIGhlaWdodDogMTAwcHg7XG4gIG1hcmdpbjogMTVweCAwIDE1cHggMTVweDtcbiAgd2lkdGg6IDEzMHB4O1xufVxuXG4jY2FyYm9uYWRzIC5jYXJib24taW1nIGltZyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDEwMHB4O1xuICB3aWR0aDogMTMwcHg7XG59XG5cbiNjYXJib25hZHMgLmNhcmJvbi10ZXh0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBsaW5lLWhlaWdodDogMjBweDtcbiAgcGFkZGluZzogMTVweCAxNXB4IDM1cHggMTYwcHg7XG59XG5cbiNjYXJib25hZHMgLmNhcmJvbi1wb3dlcmVkYnkge1xuICBib3R0b206IDA7XG4gIGNvbG9yOiAjN2E3YTdhO1xuICBmb250LXNpemU6IDAuNzVyZW07XG4gIGxlZnQ6IDE2MHB4O1xuICBsaW5lLWhlaWdodDogMjBweDtcbiAgcGFkZGluZzogMCAxNXB4IDEwcHggMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbn1cblxuQGtleWZyYW1lcyBmbG9hdFVwIHtcbiAgMCUge1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCksIDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCksIDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCk7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjg2KTtcbiAgfVxuICA2NyUge1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCksIDAgNXB4IDEwcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpLCAwIDFweCAxcHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgYm94LXNoYWRvdzogMCAyMHB4IDYwcHggcmdiYSgxMCwgMTAsIDEwLCAwLjA1KSwgMCA1cHggMTBweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMXB4IDFweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHN0cm9rZVBhdGgge1xuICBmcm9tIHtcbiAgICBzdHJva2UtZGFzaG9mZnNldDogODgwO1xuICB9XG4gIHRvIHtcbiAgICBzdHJva2UtZGFzaG9mZnNldDogMDtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGZhZGVJbiB7XG4gIGZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjg2KTtcbiAgfVxuICB0byB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgZmFkZU91dCB7XG4gIDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMC44Nik7XG4gIH1cbiAgNjclIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMC44Nik7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGVEb3duIHtcbiAgMCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xMHB4KTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlVXAge1xuICAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTBweCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG4gIH1cbn1cblxuI2Ige1xuICBhbmltYXRpb24tZHVyYXRpb246IDEuNXM7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIGFuaW1hdGlvbi1uYW1lOiBmbG9hdFVwO1xuICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMCwgMC43MSwgMC4yOSwgMSk7XG4gIGJvcmRlci1yYWRpdXM6IDI0cHg7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgaGVpZ2h0OiAyNDBweDtcbiAgbWFyZ2luLWJvdHRvbTogNDBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICB3aWR0aDogMjQwcHg7XG59XG5cbiNiIHN2ZyB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAyNDBweDtcbiAgd2lkdGg6IDI0MHB4O1xufVxuXG4jYiBzdmc6Zmlyc3QtY2hpbGQge1xuICBhbmltYXRpb24tZHVyYXRpb246IDEuNXM7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIGFuaW1hdGlvbi1uYW1lOiBmYWRlT3V0O1xuICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMCwgMC43MSwgMC4yOSwgMSk7XG59XG5cbiNiIHN2ZzpmaXJzdC1jaGlsZCBnIHtcbiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogYm90aDtcbiAgYW5pbWF0aW9uLW5hbWU6IHN0cm9rZVBhdGg7XG4gIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLCAwLjcxLCAwLjI5LCAxKTtcbiAgZmlsbDogbm9uZTtcbiAgc3Ryb2tlOiAjMDBkMWIyO1xuICBzdHJva2UtZGFzaGFycmF5OiA4ODA7XG4gIHN0cm9rZS13aWR0aDogMnB4O1xufVxuXG4jYiBzdmc6bGFzdC1jaGlsZCB7XG4gIGFuaW1hdGlvbi1kZWxheTogMXM7XG4gIGFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIGFuaW1hdGlvbi1uYW1lOiBmYWRlSW47XG4gIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLCAwLjcxLCAwLjI5LCAxKTtcbn1cblxuI2Igc3ZnOmxhc3QtY2hpbGQgZyB7XG4gIGZpbGw6ICMwMGQxYjI7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICNiIHtcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIGhlaWdodDogMTYwcHg7XG4gICAgd2lkdGg6IDE2MHB4O1xuICB9XG59XG5cbiNidWxtYSB7XG4gIGFuaW1hdGlvbjogc2xpZGVEb3duIDUwMG1zIGJvdGg7XG59XG5cbiNtb2Rlcm4tZnJhbWV3b3JrIHtcbiAgYW5pbWF0aW9uOiBzbGlkZVVwIDUwMG1zIGJvdGg7XG4gIGFuaW1hdGlvbi1kZWxheTogMC4ycztcbn1cblxuI25wbSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFuaW1hdGlvbjogZmFkZUluIDUwMG1zIGJvdGg7XG4gIGFuaW1hdGlvbi1kZWxheTogMC40cztcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1hcmdpbjogLTEwcHggMCAyMHB4O1xufVxuXG4jbnBtIGNvZGUge1xuICBiYWNrZ3JvdW5kOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGNvbG9yOiAjMDBkMWIyO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgcGFkZGluZzogMTZweCAzMnB4O1xufVxuXG4jZ2hidG5zIHtcbiAgYW5pbWF0aW9uOiBzbGlkZURvd24gNTAwbXMgYm90aDtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwLjZzO1xufVxuXG5odG1sLnJvdXRlLWluZGV4ICNjYXJib24ge1xuICBhbmltYXRpb246IHNsaWRlVXAgNTAwbXMgYm90aDtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwLjhzO1xufVxuXG4jZG93bmxvYWQge1xuICBhbmltYXRpb246IGZhZGVJbiA1MDBtcyBib3RoO1xuICBhbmltYXRpb24tZGVsYXk6IDFzO1xufVxuXG4jZ3JpZCAubm90aWZpY2F0aW9uIHtcbiAgcGFkZGluZy1sZWZ0OiAwO1xuICBwYWRkaW5nLXJpZ2h0OiAwO1xufVxuXG4jbWVzc2FnZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbiN0d2VldCB7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDNweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMCAwIDFweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbn1cblxuI2dpdGh1YiB7XG4gIGNvbG9yOiAjMzMzMzMzO1xuICBib3JkZXItY29sb3I6ICMzMzMzMzM7XG59XG5cbiNnaXRodWI6aG92ZXIge1xuICBiYWNrZ3JvdW5kOiAjMzMzMzMzO1xuICBib3JkZXItY29sb3I6ICMzMzMzMzM7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuI3R3aXR0ZXIge1xuICBjb2xvcjogIzU1YWNlZTtcbiAgYm9yZGVyLWNvbG9yOiAjNTVhY2VlO1xufVxuXG4jdHdpdHRlcjpob3ZlciB7XG4gIGJhY2tncm91bmQ6ICM1NWFjZWU7XG4gIGJvcmRlci1jb2xvcjogIzU1YWNlZTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgI2Jsb2dEcm9wZG93biB7XG4gICAgd2lkdGg6IDE2cmVtO1xuICB9XG4gICNibG9nRHJvcGRvd24gLm5hdmJhci1pdGVtIHtcbiAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICB9XG4gICNtb3JlRHJvcGRvd24ge1xuICAgIHdpZHRoOiAxNnJlbTtcbiAgfVxuICAjbW9yZURyb3Bkb3duIC5uYXZiYXItaXRlbSB7XG4gICAgcGFkZGluZy1yaWdodDogMXJlbTtcbiAgfVxuICAjbW9yZURyb3Bkb3duIC5uYXZiYXItaXRlbSAubGV2ZWwge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxufVxuXG4jYWJvdXQgLnR3aXR0ZXItY29udGFpbmVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMzBweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuI2Fib3V0IHNtYWxsIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuI21jX2VtYmVkX3NpZ251cCAuZmllbGQge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4jbWNfZW1iZWRfc2lnbnVwIC5ub3RpZmljYXRpb24ge1xuICBtYXJnaW4tdG9wOiAwLjc1cmVtO1xufVxuXG4jc2hhcmUgZm9ybSB7XG4gIGhlaWdodDogMzBweDtcbiAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuI3NvY2lhbCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuXG4jc29jaWFsID4gaWZyYW1lLFxuI3NvY2lhbCA+IGEsXG4jc29jaWFsID4gZm9ybSxcbiNzb2NpYWwgPiBkaXYge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgaGVpZ2h0OiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgbWFyZ2luLXRvcDogNXB4O1xufVxuXG4jc29jaWFsIC5naXRodWItYnRuIHtcbiAgd2lkdGg6IDE2MHB4O1xufVxuXG4jc29jaWFsIC50d2l0dGVyLXNoYXJlLWJ1dHRvbiB7XG4gIG1hcmdpbi1yaWdodDogMTBweDtcbiAgbWluLXdpZHRoOiA3NnB4O1xufVxuXG4jc29jaWFsIC5wYXlwYWwtZm9ybSB7XG4gIG1pbi13aWR0aDogMTQ4cHg7XG59XG5cbiNzb2NpYWwgLmZiLWxpa2Uge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTMwcHg7XG59XG5cbiNuZXdzbGV0dGVyIC5pbnB1dCB7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbiNzaXN0ZXIgdWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbiNzaXN0ZXIgbGkge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIG1hcmdpbjogNXB4IDFyZW0gMCAwO1xufVxuXG4jc2lzdGVyIGltZyB7XG4gIGhlaWdodDogMzBweDtcbn1cblxuI3RzcCBzbWFsbCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4jaW1hZ2VzIHRyIHRkOm50aC1jaGlsZCgyKSB7XG4gIHdpZHRoOiAzMjBweDtcbn1cblxuLmNvbG9yIHtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBib3gtc2hhZG93OiAwIDJweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMSksIGluc2V0IDAgMCAwIDFweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgZmxvYXQ6IGxlZnQ7XG4gIGhlaWdodDogMjRweDtcbiAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gIHdpZHRoOiAyNHB4O1xufVxuXG4uYnV0dG9uLmlzLXJzcyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMjY1MjI7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXJzczpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZDU2MGU7XG59XG5cbi5idXR0b24uaXMtcnNzOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkNTRkMGQ7XG59XG5cbi5leGFtcGxlLFxuLnN0cnVjdHVyZSB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNmZmRkNTc7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAzcHg7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZXhhbXBsZTpub3QoOmZpcnN0LWNoaWxkKSxcbi5zdHJ1Y3R1cmU6bm90KDpmaXJzdC1jaGlsZCkge1xuICBtYXJnaW4tdG9wOiAycmVtO1xufVxuXG4uZXhhbXBsZTpub3QoOmxhc3QtY2hpbGQpLFxuLnN0cnVjdHVyZTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uZXhhbXBsZTpiZWZvcmUsXG4uc3RydWN0dXJlOmJlZm9yZSB7XG4gIGJhY2tncm91bmQ6ICNmZmRkNTc7XG4gIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICBib3R0b206IDEwMCU7XG4gIGNvbnRlbnQ6IFwiRXhhbXBsZVwiO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtc2l6ZTogN3B4O1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgbGVmdDogLTFweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDFweDtcbiAgcGFkZGluZzogM3B4IDVweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmV4YW1wbGUuaXMtZnVsbHdpZHRoLFxuICAuc3RydWN0dXJlLmlzLWZ1bGx3aWR0aCB7XG4gICAgYm9yZGVyLWxlZnQ6IG5vbmU7XG4gICAgYm9yZGVyLXJpZ2h0OiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbn1cblxuLmV4YW1wbGUgKyAuaGlnaGxpZ2h0IHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2ZmZGQ1NztcbiAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIG1hcmdpbi10b3A6IC0xLjVyZW07XG59XG5cbi5leGFtcGxlICsgLmhpZ2hsaWdodDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uaGlnaGxpZ2h0IHByZSB7XG4gIG1heC1oZWlnaHQ6IDQ4MHB4O1xuICBtYXJnaW4tYm90dG9tOiAwICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi5oaWdobGlnaHQgcHJlIGNvZGUge1xuICBwYWRkaW5nOiAxLjI1ZW0gMS41ZW07XG59XG5cbi5oaWdobGlnaHQtZnVsbCAuaGlnaGxpZ2h0IHByZSxcbiNuYXZiYXJKc0V4YW1wbGUgLmhpZ2hsaWdodCBwcmUge1xuICBtYXgtaGVpZ2h0OiBub25lO1xufVxuXG4uc3RydWN0dXJlIHtcbiAgYm9yZGVyLWNvbG9yOiAjZmYzODYwO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbn1cblxuLnN0cnVjdHVyZTpiZWZvcmUge1xuICBiYWNrZ3JvdW5kOiAjZmYzODYwO1xuICBjb2xvcjogI2ZmZjtcbiAgY29udGVudDogXCJTdHJ1Y3R1cmVcIjtcbn1cblxuLnN0cnVjdHVyZS1pdGVtIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uc3RydWN0dXJlLWl0ZW06YmVmb3JlIHtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJhY2tncm91bmQ6IHJnYmEoMTAsIDEwLCAxMCwgMC43KTtcbiAgYmFja2dyb3VuZDogd2hpdGVzbW9rZTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2RiZGJkYjtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHotaW5kZXg6IDE7XG59XG5cbi5zdHJ1Y3R1cmUtaXRlbTphZnRlciB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb250ZW50OiBhdHRyKHRpdGxlKTtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogM3B4IDVweDtcbiAgei1pbmRleDogMjtcbn1cblxuLnN0cnVjdHVyZS1pdGVtLmlzLXN0cnVjdHVyZS1jb250YWluZXIge1xuICBwYWRkaW5nOiAxLjVyZW0gMC43NXJlbSAwLjc1cmVtO1xufVxuXG4uc3RydWN0dXJlLWl0ZW0uaXMtc3RydWN0dXJlLWNvbnRhaW5lcjphZnRlciB7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjc1cmVtO1xufVxuXG4uaGlnaGxpZ2h0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uaGlnaGxpZ2h0IC5jb3B5LFxuLmhpZ2hsaWdodCAuZXhwYW5kIHtcbiAgLXdlYmtpdC10b3VjaC1jYWxsb3V0OiBub25lO1xuICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm9yZGVyOiBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItd2lkdGg6IDAgMCAxcHggMXB4O1xuICBjb2xvcjogIzdhN2E3YTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdXRsaW5lOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG59XG5cbi5oaWdobGlnaHQgLmNvcHk6aG92ZXIsXG4uaGlnaGxpZ2h0IC5leHBhbmQ6aG92ZXIge1xuICBib3JkZXItY29sb3I6ICNmZjM4NjA7XG4gIGNvbG9yOiAjZmYzODYwO1xufVxuXG4uaGlnaGxpZ2h0IC5leHBhbmQge1xuICBib3JkZXItcmlnaHQtd2lkdGg6IDFweDtcbiAgcmlnaHQ6IDUwcHg7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaGlnaGxpZ2h0IHByZSB7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuc2VjdGlvbjpub3QoLmlzLWZ1bGx3aWR0aCkgPiAuZXhhbXBsZTpub3QoLmlzLWZ1bGx3aWR0aCkge1xuICAgIG1hcmdpbi1sZWZ0OiAxLjVyZW07XG4gICAgbWFyZ2luLXJpZ2h0OiAxLjVyZW07XG4gIH1cbiAgLnNlY3Rpb246bm90KC5pcy1mdWxsd2lkdGgpID4gLmV4YW1wbGU6bm90KC5pcy1mdWxsd2lkdGgpICsgLmhpZ2hsaWdodCB7XG4gICAgbWFyZ2luLWxlZnQ6IDEuNXJlbTtcbiAgICBtYXJnaW4tcmlnaHQ6IDEuNXJlbTtcbiAgfVxufVxuXG4uc2VjdGlvbi5pcy1mdWxsd2lkdGgge1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG59XG5cbi5zZWN0aW9uLmlzLWZ1bGx3aWR0aCAuZXhhbXBsZSB7XG4gIGJvcmRlci1sZWZ0OiBub25lO1xuICBib3JkZXItcmFkaXVzOiAwO1xuICBib3JkZXItcmlnaHQ6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi5zZWN0aW9uLmlzLWZ1bGx3aWR0aCAuZXhhbXBsZSArIC5oaWdobGlnaHQge1xuICBib3JkZXItbGVmdDogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgYm9yZGVyLXJpZ2h0OiBub25lO1xufVxuXG4uY2FsbG91dCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgcGFkZGluZzogMS4yNXJlbSAyLjVyZW0gMS4yNXJlbSAxLjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmNhbGxvdXQ6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLmNhbGxvdXQuaXMtd2hpdGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5jYWxsb3V0LmlzLWJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uY2FsbG91dC5pcy1saWdodCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uY2FsbG91dC5pcy1kYXJrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5jYWxsb3V0LmlzLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmNhbGxvdXQuaXMtaW5mbyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uY2FsbG91dC5pcy1zdWNjZXNzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5jYWxsb3V0LmlzLXdhcm5pbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uY2FsbG91dC5pcy1kYW5nZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJzYSB7XG4gIHBhZGRpbmc6IDJyZW07XG59XG5cbi5ic2EtY3BjIHtcbiAgbWluLWhlaWdodDogMXB4O1xufVxuXG4jX2RlZmF1bHRfIC5kZWZhdWx0LWFkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjMpO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBmb250LXNpemU6IDEwcHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAwIDRweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbn1cblxuI19kZWZhdWx0XyA+IGEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBib3gtc2hhZG93OiAwIDJweCAzcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpLCAwIDAgMCAxcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICBjb2xvcjogIzRhNGE0YTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxpbmUtaGVpZ2h0OiAxLjM3NTtcbiAgbWFyZ2luLXRvcDogMTVweDtcbiAgbWluLWhlaWdodDogNzBweDtcbiAgcGFkZGluZzogMTVweDtcbiAgcGFkZGluZy1sZWZ0OiA3MHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbiNfZGVmYXVsdF8gPiBhOmhvdmVyLCAjX2RlZmF1bHRfID4gYTpmb2N1cyB7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDNweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMCAwIDFweCAjMDBkMWIyO1xufVxuXG4jX2RlZmF1bHRfID4gYTphY3RpdmUge1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpLCAwIDAgMCAxcHggIzAwZDFiMjtcbn1cblxuI19kZWZhdWx0XyA+IGEgc3BhbiB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4jX2RlZmF1bHRfID4gYSAuZGVmYXVsdC1pbWFnZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBsZWZ0OiAxNXB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxNXB4O1xuICB3aWR0aDogNDBweDtcbn1cblxuI19kZWZhdWx0XyA+IGEgLmRlZmF1bHQtaW1hZ2UgaW1nIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG59XG5cbiNfZGVmYXVsdF8gPiBhIC5kZWZhdWx0LXRpdGxlIHtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cblxuI19kZWZhdWx0XyA+IGEgLmRlZmF1bHQtdGl0bGU6YWZ0ZXIge1xuICBjb250ZW50OiBcIiDigJQgXCI7XG59XG5cbiNfZGVmYXVsdF8gPiBhIC5kZWZhdWx0LWRlc2NyaXB0aW9uIHtcbiAgZGlzcGxheTogaW5saW5lO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmJzYSAuY29sdW1ucyB7XG4gICAgbWluLWhlaWdodDogMTIwcHg7XG4gIH1cbiAgI19kZWZhdWx0XyB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIH1cbiAgI19kZWZhdWx0XyAuZGVmYXVsdC1hZCB7XG4gICAgbGVmdDogMTAwJTtcbiAgICBtYXJnaW4tbGVmdDogMnJlbTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICB9XG4gICNfZGVmYXVsdF8gPiBhIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cbiAgI19kZWZhdWx0XyA+IGE6bm90KDpudGgtY2hpbGQoMikpIHtcbiAgICBtYXJnaW4tbGVmdDogMnJlbTtcbiAgfVxufVxuXG5odG1sLnJvdXRlLWluZGV4IC50aXRsZS5pcy0yIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG5odG1sLnJvdXRlLWluZGV4IC50aXRsZS5pcy0yIGEge1xuICBjb2xvcjogIzI0MjQyNDtcbiAgcGFkZGluZy1sZWZ0OiA0OHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbmh0bWwucm91dGUtaW5kZXggLnRpdGxlLmlzLTIgYTpob3ZlciB7XG4gIGNvbG9yOiAjMDBkMWIyO1xufVxuXG5odG1sLnJvdXRlLWluZGV4IC50aXRsZS5pcy0yIC5pY29uLmlzLW1lZGl1bSB7XG4gIGxlZnQ6IDhweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEwcHg7XG59XG5cbmh0bWwucm91dGUtaW5kZXggLmhlcm8gLnRpdGxlLmlzLTIgYSB7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuaHRtbC5yb3V0ZS1pbmRleCAuaGVybyAudGl0bGUuaXMtMiBhOmhvdmVyIHtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG5odG1sLnJvdXRlLWluZGV4IC5oZXJvLmlzLXByaW1hcnkgYS5jb2x1bW4sXG5odG1sLnJvdXRlLWluZGV4IC5oZXJvLmlzLXByaW1hcnkgYS5jb2x1bW46aG92ZXIge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbmh0bWwucm91dGUtaW5kZXggLmhlcm8uaXMtcHJpbWFyeSBhLmNvbHVtbjpob3ZlciAudGl0bGUgc3Ryb25nIHtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA5NzlweCkge1xuICBodG1sLnJvdXRlLWluZGV4IC50aXRsZS5pcy0yIGEge1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgfVxuICBodG1sLnJvdXRlLWluZGV4IC50aXRsZS5pcy0yIC5pY29uLmlzLW1lZGl1bSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG46cm9vdCB7XG4gIC0tcHJpbWFyeTogIzAwZDFiMjtcbiAgLS1nYXA6IDAuNzVyZW07XG59XG5cbmh0bWwgOjotbW96LXNlbGVjdGlvbiB7XG4gIGJhY2tncm91bmQ6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG5odG1sIDo6c2VsZWN0aW9uIHtcbiAgYmFja2dyb3VuZDogIzAwZDFiMjtcbiAgY29sb3I6ICNmZmY7XG59XG4iXX0= */ \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/breadcrumb/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/breadcrumb/index.html new file mode 100644 index 000000000..8d35969c6 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/breadcrumb/index.html @@ -0,0 +1,909 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+

Breadcrumb

+

+ A simple breadcrumb component to improve your navigation experience +

+
+ +
+

+ New! + 0.4.3 +

+
+
+ +
+ +
+

The breadcrumb component only requires a .breadcrumb container and a ul list.

+

The dividers are automatically created in the content of the ::before pseudo-element of li tags.

+

You can inform the current page using the is-active modifier in a li tag. It will disable the navigation of inner links.

+
+ +
+
+ + + +
+ + 
<nav class="breadcrumb">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

Alignment

+
+

For alternative alignments, use the is-centered and is-right modifiers on the .breadcrumb container.

+
+ + +
+ + + +
+ + + 
<nav class="breadcrumb is-centered">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-right">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

Icons

+ +
+

You can use any of the Font Awesome icons.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb">
+  <ul>
+    <li><a><span class="icon is-small"><i class="fa fa-home"></i></span><span>Bulma</span></a></li>
+    <li><a><span class="icon is-small"><i class="fa fa-book"></i></span><span>Documentation</span></a></li>
+    <li><a><span class="icon is-small"><i class="fa fa-puzzle-piece"></i></span><span>Components</span></a></li>
+    <li class="is-active"><a><span class="icon is-small"><i class="fa fa-thumbs-up"></i></span><span>Breadcrumb</span></a></li>
+  </ul>
+</nav>
+ +
+ +

Sizes

+ +
+

You can choose between 3 additional sizes: is-small is-medium and is-large.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb is-small">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-medium">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-large">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

Alternative separators

+
+

You can choose between 4 additional separators: has-arrow-separator has-bullet-separator has-dot-separator and has-succeeds-separator.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb has-arrow-separator">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-bullet-separator">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-dot-separator">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-succeeds-separator">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/card/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/card/index.html new file mode 100644 index 000000000..311ef9bf5 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/card/index.html @@ -0,0 +1,817 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Card

+

An all-around flexible and composable component

+ +
+ +
+

The card component comprises several elements that you can mix and match:

+
    +
  • + card: the main container +
      +
    • + card-header: a horizontal bar with a shadow +
        +
      • + card-header-title: a left-aligned bold text +
        • +
      • + card-header-icon: a placeholder for an icon +
        • +
      +
      • +
    • + card-image: a fullwidth container for a reponsive image +
      • +
    • + card-content: a multi-purpose container for any other element +
      • +
    • + card-footer: a horizontal list of controls +
        +
      • + card-footer-item: a repeatable list item +
        • +
      +
      • +
    +
    • +
+
+ +
+ +
+
+ +
+
+
+ Image +
+
+
+
+
+
+ Image +
+
+
+

John Smith

+

@johnsmith

+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Phasellus nec iaculis mauris. @bulmaio. + #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+
+ +
+
+ 
<div class="card">
+  <div class="card-image">
+    <figure class="image is-4by3">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/1280x960.png" alt="Image">
+    </figure>
+  </div>
+  <div class="card-content">
+    <div class="media">
+      <div class="media-left">
+        <figure class="image is-48x48">
+          <img src="http://bulma.io/versions/0.4.4/images/placeholders/96x96.png" alt="Image">
+        </figure>
+      </div>
+      <div class="media-content">
+        <p class="title is-4">John Smith</p>
+        <p class="subtitle is-6">@johnsmith</p>
+      </div>
+    </div>
+
+    <div class="content">
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+      Phasellus nec iaculis mauris. <a>@bulmaio</a>.
+      <a>#css</a> <a>#responsive</a>
+      <br>
+      <small>11:09 PM - 1 Jan 2016</small>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +
+
+ +
+
+

+ Component +

+ + + + + +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. + @bulmaio. #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+ +
+ +
+
+ 
<div class="card">
+  <header class="card-header">
+    <p class="card-header-title">
+      Component
+    </p>
+    <a class="card-header-icon">
+      <span class="icon">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </header>
+  <div class="card-content">
+    <div class="content">
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
+      <a>@bulmaio</a>. <a>#css</a> <a>#responsive</a>
+      <br>
+      <small>11:09 PM - 1 Jan 2016</small>
+    </div>
+  </div>
+  <footer class="card-footer">
+    <a class="card-footer-item">Save</a>
+    <a class="card-footer-item">Edit</a>
+    <a class="card-footer-item">Delete</a>
+  </footer>
+</div>
+
+
+ +
+ +
+
+ +
+
+

+ “There are two hard things in computer science: cache invalidation, naming things, and off-by-one errors.” +

+

+ Jeff Atwood +

+
+ +
+ +
+
+ 
<div class="card">
+  <div class="card-content">
+    <p class="title">
+      “There are two hard things in computer science: cache invalidation, naming things, and off-by-one errors.”
+    </p>
+    <p class="subtitle">
+      Jeff Atwood
+    </p>
+  </div>
+  <footer class="card-footer">
+    <p class="card-footer-item">
+      <span>
+        View on <a href="https://twitter.com/codinghorror/status/506010907021828096">Twitter</a>
+      </span>
+    </p>
+    <p class="card-footer-item">
+      <span>
+        Share on <a href="#">Facebook</a>
+      </span>
+    </p>
+  </footer>
+</div>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/dropdown/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/dropdown/index.html new file mode 100644 index 000000000..80ae58196 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/dropdown/index.html @@ -0,0 +1,1022 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + +
+
+ +
+
+

Dropdown

+

+ An interactive dropdown menu for discoverable content +

+
+ +
+

+ New! + 0.4.4 +

+
+
+ +
+ +
+

+ The dropdown component is a container for a dropdown button and a dropdown menu. +

+
    +
  • + dropdown the main container +
      +
    • + dropdown-trigger the container for a button +
      • +
    • + dropdown-menu the toggable menu, hidden by default +
        +
      • + dropdown-content the dropdown box, with a white background and a shadow +
          +
        • + dropdown-item each single item of the dropdown, which can either be a a or a div +
          • +
        • + dropdown-divider a horizontal line to separate dropdown items +
          • +
        +
        • +
      +
      • +
    +
    • +
+
+ +
+
+ +
+
+ + Dropdown button + + + + +
+
+
+ + Dropdown item + + + Other dropdown item + + + Active dropdown item + + + Other dropdown item + +
+ + With a divider + +
+
+
+ +
+
+ 
<div class="dropdown is-active">
+  <div class="dropdown-trigger">
+    <a class="button">
+      <span>Dropdown button</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </div>
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+      <a class="dropdown-item">
+        Dropdown item
+      </a>
+      <a class="dropdown-item">
+        Other dropdown item
+      </a>
+      <a class="dropdown-item is-active">
+        Active dropdown item
+      </a>
+      <a class="dropdown-item">
+        Other dropdown item
+      </a>
+      <hr class="dropdown-divider">
+      <a class="dropdown-item">
+        With a divider
+      </a>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Dropdown content +

+ +
+

+ While the dropdown-item can be used as an anchor link <a>, you can also use a <div> and insert almost any type of content. +

+
+ +
+
+ +
+
+ + Content + + + + +
+
+
+
+

You can insert any type of content within the dropdown menu.

+
+
+
+

You simply need to use a <div> instead.

+
+
+ + This is a link + +
+
+
+ +
+
+ 
<div class="dropdown is-active">
+  <div class="dropdown-trigger">
+    <a class="button is-info">
+      <span>Content</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </div>
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>You can insert <strong>any type of content</strong> within the dropdown menu.</p>
+      </div>
+      <hr class="dropdown-divider">
+      <div class="dropdown-item">
+        <p>You simply need to use a <code>&lt;div&gt;</code> instead.</p>
+      </div>
+      <hr class="dropdown-divider">
+      <a class="dropdown-item">
+        This is a link
+      </a>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Hoverable or Toggable +

+ +
+

+ The dropdown component has 2 additional modifiers +

+
    +
  • + is-hoverable: the dropdown will show up when hovering the dropdown-trigger +
    • +
  • + is-active: the dropdown will show up all the time +
    • +
+
+ +
+

+ While the CSS :hover implementation works perfectly, the is-active class is available for users who want to control the display of the dropdown with JavaScript. +

+
+ +
+
+ +
+
+ + Click me + + + + +
+
+
+ + Overview + + + Modifiers + + + Grid + + + Form + + + Elements + + + Components + + + Layout + +
+ + More + +
+
+
+ +
+
+ + Hover me + + + + +
+
+
+
+

You can insert any type of content within the dropdown menu.

+
+
+
+
+ +
+
+ 
<div class="dropdown">
+  <div class="dropdown-trigger">
+    <a class="button is-primary">
+      <span>Click me</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </div>
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+      <a class="dropdown-item">
+        Overview
+      </a>
+      <a class="dropdown-item">
+        Modifiers
+      </a>
+      <a class="dropdown-item">
+        Grid
+      </a>
+      <a class="dropdown-item">
+        Form
+      </a>
+      <a class="dropdown-item">
+        Elements
+      </a>
+      <a class="dropdown-item">
+        Components
+      </a>
+      <a class="dropdown-item">
+        Layout
+      </a>
+      <hr class="dropdown-divider">
+      <a class="dropdown-item">
+        More
+      </a>
+    </div>
+  </div>
+</div>
+
+<div class="dropdown is-hoverable">
+  <div class="dropdown-trigger">
+    <a class="button is-info">
+      <span>Hover me</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </div>
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>You can insert <strong>any type of content</strong> within the dropdown menu.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Right aligned +

+ +
+

+ You can add the is-right modifier to have a right-aligned dropdown. +

+
+ +
+
+
+
+
+ +
+
+ + Left aligned + + + + +
+
+
+
+

The dropdown is left-aligned by default.

+
+
+
+
+ +
+
+
+
+ +
+
+ + Right aligned + + + + +
+
+
+
+

Add the is-right modifier for a right-aligned dropdown.

+
+
+
+
+ +
+
+
+
+
+ 
<div class="dropdown is-right is-active">
+  <div class="dropdown-trigger">
+    <a class="button is-info">
+      <span>Right aligned</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </div>
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>Add the <code>is-right</code> modifier for a <strong>right-aligned</strong> dropdown.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/level/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/level/index.html new file mode 100644 index 000000000..2816ea1c2 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/level/index.html @@ -0,0 +1,891 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Level

+

A multi-purpose horizontal level, which can contain almost any other element

+ +
+ +
+

The structure of a level is the following:

+
    +
  • + level: main container +
      +
    • level-left for the left side. This element is required, even if it is empty
      • +
    • + level-right for the right side +
        +
      • level-item for each individual element
        • +
      +
      • +
    +
    • +
+

In a level-item, you can then insert almost anything you want: a title, a button, a text input, or just simple text. No matter what elements you put inside a Bulma level, they will always be vertically centered.

+
+ +
+ +
+ + +
+ + + + +
+
<!-- Main container -->
+<nav class="level">
+  <!-- Left side -->
+  <div class="level-left">
+    <div class="level-item">
+      <p class="subtitle is-5">
+        <strong>123</strong> posts
+      </p>
+    </div>
+    <div class="level-item">
+      <div class="field has-addons">
+        <p class="control">
+          <input class="input" type="text" placeholder="Find a post">
+        </p>
+        <p class="control">
+          <button class="button">
+            Search
+          </button>
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <!-- Right side -->
+  <div class="level-right">
+    <p class="level-item"><strong>All</strong></p>
+    <p class="level-item"><a>Published</a></p>
+    <p class="level-item"><a>Drafts</a></p>
+    <p class="level-item"><a>Deleted</a></p>
+    <p class="level-item"><a class="button is-success">New</a></p>
+  </div>
+</nav>
+ +
+ +

Centered level

+
+ If you want a centered level, you can use as many level-item as you want, as long as they are direct children of the level container. +
+ + +
+ + + +
+
<nav class="level">
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Tweets</p>
+      <p class="title">3,456</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Following</p>
+      <p class="title">123</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Followers</p>
+      <p class="title">456K</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Likes</p>
+      <p class="title">789</p>
+    </div>
+  </div>
+</nav>
+
+ + + +
+
<nav class="level">
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Home</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Menu</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <img src="http://bulma.io/versions/0.4.4/images/bulma-type.png" alt="" style="height: 30px;">
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Reservations</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Contact</a>
+  </p>
+</nav>
+ +
+ +

Mobile level

+
+ By default, for space concerns, the level is vertical on mobile. If you want the level to be horizontal on mobile as well, add the is-mobile modifier on the level container. +
+ +
+ + + +
+
<nav class="level is-mobile">
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Tweets</p>
+      <p class="title">3,456</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Following</p>
+      <p class="title">123</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Followers</p>
+      <p class="title">456K</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Likes</p>
+      <p class="title">789</p>
+    </div>
+  </div>
+</nav>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/media-object/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/media-object/index.html new file mode 100644 index 000000000..83166993f --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/media-object/index.html @@ -0,0 +1,945 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Media Object

+

The famous media object prevalent in social media interfaces, but useful in any context

+ +
+ +
+

The media object is a UI element perfect for repeatable and nestable content.

+
+ +
+
+
+

+ +

+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+ +
+
+
+ + +
+ +
+
+

+ +

+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+ +
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="content">
+      <p>
+        <strong>John Smith</strong> <small>@johnsmith</small> <small>31m</small>
+        <br>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
+      </p>
+    </div>
+    <nav class="level is-mobile">
+      <div class="level-left">
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-reply"></i></span>
+        </a>
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-retweet"></i></span>
+        </a>
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-heart"></i></span>
+        </a>
+      </div>
+    </nav>
+  </div>
+  <div class="media-right">
+    <button class="delete"></button>
+  </div>
+</article>
+ +
+

You can include any other Bulma element, like inputs, textareas, icons, buttons... or even a nav bar.

+
+ + +
+ +
+
+

+ +

+
+
+
+

+ +

+
+ +
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="field">
+      <p class="control">
+        <textarea class="textarea" placeholder="Add a comment..."></textarea>
+      </p>
+    </div>
+    <nav class="level">
+      <div class="level-left">
+        <div class="level-item">
+          <a class="button is-info">Submit</a>
+        </div>
+      </div>
+      <div class="level-right">
+        <div class="level-item">
+          <label class="checkbox">
+            <input type="checkbox"> Press enter to submit
+          </label>
+        </div>
+      </div>
+    </nav>
+  </div>
+</article>
+ +
+ +

Nesting

+
+

You can nest media objects up to 3 levels deep.

+
+ +
+ +
+
+

+ +

+
+
+
+

+ Barbara Middleton +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta eros lacus, nec ultricies elit blandit non. Suspendisse pellentesque mauris sit amet dolor blandit rutrum. Nunc in tempus turpis. +
+ Like · Reply · 3 hrs +

+
+ +
+
+

+ +

+
+
+
+

+ Sean Brown +
+ Donec sollicitudin urna eget eros malesuada sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam blandit nisl a nulla sagittis, a lobortis leo feugiat. +
+ Like · Reply · 2 hrs +

+
+ +
+ Vivamus quis semper metus, non tincidunt dolor. Vivamus in mi eu lorem cursus ullamcorper sit amet nec massa. +
+ +
+ Morbi vitae diam et purus tincidunt porttitor vel vitae augue. Praesent malesuada metus sed pharetra euismod. Cras tellus odio, tincidunt iaculis diam non, porta aliquet tortor. +
+
+
+ +
+
+

+ +

+
+
+
+

+ Kayli Eunice +
+ Sed convallis scelerisque mauris, non pulvinar nunc mattis vel. Maecenas varius felis sit amet magna vestibulum euismod malesuada cursus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lacinia non nisl id feugiat. +
+ Like · Reply · 2 hrs +

+
+
+
+
+
+
+
+

+ +

+
+
+
+

+ +

+
+
+

+ +

+
+
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="content">
+      <p>
+        <strong>Barbara Middleton</strong>
+        <br>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta eros lacus, nec ultricies elit blandit non. Suspendisse pellentesque mauris sit amet dolor blandit rutrum. Nunc in tempus turpis.
+        <br>
+        <small><a>Like</a> · <a>Reply</a> · 3 hrs</small>
+      </p>
+    </div>
+
+    <article class="media">
+      <figure class="media-left">
+        <p class="image is-48x48">
+          <img src="http://bulma.io/versions/0.4.4/images/placeholders/96x96.png">
+        </p>
+      </figure>
+      <div class="media-content">
+        <div class="content">
+          <p>
+            <strong>Sean Brown</strong>
+            <br>
+            Donec sollicitudin urna eget eros malesuada sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam blandit nisl a nulla sagittis, a lobortis leo feugiat.
+            <br>
+            <small><a>Like</a> · <a>Reply</a> · 2 hrs</small>
+          </p>
+        </div>
+
+        <article class="media">
+          Vivamus quis semper metus, non tincidunt dolor. Vivamus in mi eu lorem cursus ullamcorper sit amet nec massa.
+        </article>
+
+        <article class="media">
+          Morbi vitae diam et purus tincidunt porttitor vel vitae augue. Praesent malesuada metus sed pharetra euismod. Cras tellus odio, tincidunt iaculis diam non, porta aliquet tortor.
+        </article>
+      </div>
+    </article>
+
+    <article class="media">
+      <figure class="media-left">
+        <p class="image is-48x48">
+          <img src="http://bulma.io/versions/0.4.4/images/placeholders/96x96.png">
+        </p>
+      </figure>
+      <div class="media-content">
+        <div class="content">
+          <p>
+            <strong>Kayli Eunice </strong>
+            <br>
+            Sed convallis scelerisque mauris, non pulvinar nunc mattis vel. Maecenas varius felis sit amet magna vestibulum euismod malesuada cursus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lacinia non nisl id feugiat.
+            <br>
+            <small><a>Like</a> · <a>Reply</a> · 2 hrs</small>
+          </p>
+        </div>
+      </div>
+    </article>
+  </div>
+</article>
+<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="field">
+      <p class="control">
+        <textarea class="textarea" placeholder="Add a comment..."></textarea>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control">
+        <button class="button">Post comment</button>
+      </p>
+    </div>
+  </div>
+</article>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/menu/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/menu/index.html new file mode 100644 index 000000000..ab0cf629a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/menu/index.html @@ -0,0 +1,670 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Menu

+

A simple menu, for any type of vertical navigation

+ +
+ + +
+
+ + + +
+
+
<aside class="menu">
+  <p class="menu-label">
+    General
+  </p>
+  <ul class="menu-list">
+    <li><a>Dashboard</a></li>
+    <li><a>Customers</a></li>
+  </ul>
+  <p class="menu-label">
+    Administration
+  </p>
+  <ul class="menu-list">
+    <li><a>Team Settings</a></li>
+    <li>
+      <a class="is-active">Manage Your Team</a>
+      <ul>
+        <li><a>Members</a></li>
+        <li><a>Plugins</a></li>
+        <li><a>Add a member</a></li>
+      </ul>
+    </li>
+    <li><a>Invitations</a></li>
+    <li><a>Cloud Storage Environment Settings</a></li>
+    <li><a>Authentication</a></li>
+  </ul>
+  <p class="menu-label">
+    Transactions
+  </p>
+  <ul class="menu-list">
+    <li><a>Payments</a></li>
+    <li><a>Transfers</a></li>
+    <li><a>Balance</a></li>
+  </ul>
+</aside>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/message/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/message/index.html new file mode 100644 index 000000000..a914a9239 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/message/index.html @@ -0,0 +1,816 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Messages

+

+ Colored message blocks, to emphasize part of your page +

+ +
+ + +
+
+ +
+
+

Hello World

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Dark

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Primary

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Info

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Success

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Warning

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Danger! Learn more

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+
<article class="message">
+  <div class="message-header">
+    <p>Hello World</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-dark">
+  <div class="message-header">
+    <p>Dark</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-primary">
+  <div class="message-header">
+    <p>Primary</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-info">
+  <div class="message-header">
+    <p>Info</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-success">
+  <div class="message-header">
+    <p>Success</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-warning">
+  <div class="message-header">
+    <p>Warning</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-danger">
+  <div class="message-header">
+    <p><strong>Danger</strong>! <a>Learn more</a></p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+ +

Message body only

+
+

You can omit the message header:

+
+ +
+
+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+
<article class="message">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-dark">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-primary">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-info">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-success">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-warning">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-danger">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/modal/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/modal/index.html new file mode 100644 index 000000000..e25543170 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/modal/index.html @@ -0,0 +1,785 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Modal

+

A classic modal overlay, in which you can include any content you want

+ +
+ +
+

The modal structure is very simple:

+
    +
  • + modal: the main container +
      +
    • + modal-background: a transparent overlay that can act as a click target to close the modal +
      • +
    • + modal-content: a horizontally and verticaly centered container, with a maximum width of 640px, in which you can include any content +
      • +
    • + modal-close: a simple cross located in the top right corner +
      • +
    +
    • +
+

+ Launch example modal +

+
+ +
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-content">
+    <!-- Any other Bulma elements you want -->
+  </div>
+  <button class="modal-close is-large"></button>
+</div>
+ +
+

To activate the modal, just add the is-active modifier on the .modal container

+
+ +
+
+ No JavaScript +
+
+ Bulma does not include any JavaScript interaction. You will have to implement the class toggle yourself. +
+
+ +
+ +

Image modal

+ +
+

Because a modal can contain anything you want, you can very simply use it to build an image gallery for example:

+

+ Launch image modal +

+
+ +
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-content">
+    <p class="image is-4by3">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/1280x960.png">
+    </p>
+  </div>
+  <button class="modal-close is-large"></button>
+</div>
+ +
+ +

Modal card

+ +
+

If you want a more classic modal, with a head, a body and a foot, use the modal-card.

+

+ Launch modal card +

+
+ +
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-card">
+    <header class="modal-card-head">
+      <p class="modal-card-title">Modal title</p>
+      <button class="delete"></button>
+    </header>
+    <section class="modal-card-body">
+      <!-- Content ... -->
+    </section>
+    <footer class="modal-card-foot">
+      <a class="button is-success">Save changes</a>
+      <a class="button">Cancel</a>
+    </footer>
+  </div>
+</div>
+ +
+
+ + + + + + + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/nav/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/nav/index.html new file mode 100644 index 000000000..92635ca18 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/nav/index.html @@ -0,0 +1,850 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+ + +
+
+

This component has been deprecated and will be deleted soon.

+
+
+ +
+
+

While both .nav and .navbar currently co-exist to ensure backwards compatibility, the .nav will probably be deleted in an upcoming update, so you should start using the new navbar instead.

+
+
+ + +

Nav

+

+ A responsive horizontal nav bar that can contain links, tabs, buttons, icons, and a logo +

+ +
+ +
+

+ The nav container can have 3 parts: +

+
    +
  • nav-left
    • +
  • nav-center
    • +
  • nav-right
    • +
+

+ Each nav item needs to be wrapped in a nav-item element. +

+

+ For responsiveness, 2 additional classes are available: +

+
    +
  • nav-toggle for the hamburger menu on mobile
    • +
  • nav-menu for menu that is collapsable on mobile (you can combine it with nav-right)
    • +
  • toggle is-active on nav-toggle and nav-menu when nav-toggle was clicked
    • +
+
+ + + +
+ + + +
+ +
<nav class="nav">
+  <div class="nav-left">
+    <a class="nav-item">
+      <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma logo">
+    </a>
+  </div>
+
+  <div class="nav-center">
+    <a class="nav-item">
+      <span class="icon">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+    <a class="nav-item">
+      <span class="icon">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+  </div>
+
+  <!-- This "nav-toggle" hamburger menu is only visible on mobile -->
+  <!-- You need JavaScript to toggle the "is-active" class on "nav-menu" -->
+  <span class="nav-toggle">
+    <span></span>
+    <span></span>
+    <span></span>
+  </span>
+
+  <!-- This "nav-menu" is hidden on mobile -->
+  <!-- Add the modifier "is-active" to display it on mobile -->
+  <div class="nav-right nav-menu">
+    <a class="nav-item">
+      Home
+    </a>
+    <a class="nav-item">
+      Documentation
+    </a>
+    <a class="nav-item">
+      Blog
+    </a>
+
+    <div class="nav-item">
+      <div class="field is-grouped">
+        <p class="control">
+          <a class="button" >
+            <span class="icon">
+              <i class="fa fa-twitter"></i>
+            </span>
+            <span>Tweet</span>
+          </a>
+        </p>
+        <p class="control">
+          <a class="button is-primary">
+            <span class="icon">
+              <i class="fa fa-download"></i>
+            </span>
+            <span>Download</span>
+          </a>
+        </p>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ +

Modifiers

+ +
+
    +
  • the nav container can have a shadow by adding the has-shadow modifier
    • +
  • the nav-item can become active by adding the is-active modifier
    • +
  • the nav-item can become a tab by adding the is-tab modifier
    • +
+

+ To optimise the space on desktop, but also allow the mobile view to be usable, you can duplicate nav items in both nav-left and nav-right, and show/hide them with responsive helpers. +

+
+
+ + + +
+ + + +
+ +
<nav class="nav has-shadow">
+  <div class="container">
+    <div class="nav-left">
+      <a class="nav-item">
+        <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma logo">
+      </a>
+      <a class="nav-item is-tab is-hidden-mobile is-active">Home</a>
+      <a class="nav-item is-tab is-hidden-mobile">Features</a>
+      <a class="nav-item is-tab is-hidden-mobile">Pricing</a>
+      <a class="nav-item is-tab is-hidden-mobile">About</a>
+    </div>
+    <span class="nav-toggle">
+      <span></span>
+      <span></span>
+      <span></span>
+    </span>
+    <div class="nav-right nav-menu">
+      <a class="nav-item is-tab is-hidden-tablet is-active">Home</a>
+      <a class="nav-item is-tab is-hidden-tablet">Features</a>
+      <a class="nav-item is-tab is-hidden-tablet">Pricing</a>
+      <a class="nav-item is-tab is-hidden-tablet">About</a>
+      <a class="nav-item is-tab">
+        <figure class="image is-16x16" style="margin-right: 8px;">
+          <img src="http://bulma.io/versions/0.4.4/images/jgthms.png">
+        </figure>
+        Profile
+      </a>
+      <a class="nav-item is-tab">Log out</a>
+    </div>
+  </div>
+</nav>
+ +
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/navbar/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/navbar/index.html new file mode 100644 index 000000000..9a9e38b0f --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/navbar/index.html @@ -0,0 +1,2388 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+

Navbar

+

+ A responsive horizontal navbar that can supports images, links, buttons, and dropdowns +

+
+ +
+

+ New! + 0.4.3 +

+ +
+
+ +
+ +
+
+

The new navbar replaces the deprecated nav component, whose documentation you can still access temporarily here.

+
+
+ +
+

+ The navbar component is a responsive and versatile horizontal navigation bar with the following structure: +

+
    +
  • + navbar the main container +
      +
    • + navbar-brand the left side, always visible, which usually contains the logo and optionally some links or icons +
        +
      • + navbar-burger the hamburger icon, which toggles the navbar menu on touch devices +
        • +
      +
      • +
    • + navbar-menu the right side, hidden on touch devices, visible on desktop +
        +
      • + navbar-start the left part of the menu, which appears next to the navbar brand on desktop +
        • +
      • + navbar-end the right part of the menu, which appears at the end of the navbar +
          +
        • + navbar-item each single item of the navbar, which can either be a a or a div +
            +
          • + navbar-link a link as the sibling of a dropdown, with an arrow +
            • +
          • + navbar-dropdown the dropdown menu, which can include navbar items and dividers +
              +
            • + navbar-divider a horizontal line to separate navbar items +
              • +
            +
            • +
          +
          • +
        +
        • +
      +
      • +
    +
    • +
+
+ +
+ + + + +
+ + 
<nav class="navbar ">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.4.4">
+      <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://github.com/jgthms/bulma" target="_blank">
+      <span class="icon" style="color: #333;">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://twitter.com/jgthms" target="_blank">
+      <span class="icon" style="color: #55acee;">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+
+    <div class="navbar-burger burger" data-target="navMenuExample">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+
+  <div id="navMenuExample" class="navbar-menu">
+    <div class="navbar-start">
+      <a class="navbar-item " href="http://bulma.io/versions/0.4.4/">
+        Home
+      </a>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link  is-active" href="/versions/0.4.4/documentation/overview/start/">
+          Docs
+        </a>
+        <div class="navbar-dropdown ">
+          <a class="navbar-item " href="/versions/0.4.4/documentation/overview/start/">
+            Overview
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/modifiers/syntax/">
+            Modifiers
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/grid/columns/">
+            Grid
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/form/general/">
+            Form
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/elements/box/">
+            Elements
+          </a>
+          
+            <a class="navbar-item is-active" href="http://bulma.io/versions/0.4.4/documentation/components/breadcrumb/">
+              Components
+            </a>
+          
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/layout/container/">
+            Layout
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div>
+              <p class="has-text-info is-size-6-desktop"><strong>0.4.4</strong></p>
+              
+                <small>
+                  <a class="view-all-versions" href="/versions">View all versions</a>
+                </small>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link " href="http://bulma.io/versions/0.4.4/blog/">
+          Blog
+        </a>
+        <div id="blogDropdown" class="navbar-dropdown " data-style="width: 18rem;">
+          
+            <a class="navbar-item" href="/2017/03/10/new-field-element/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">10 Mar 2017</small>
+                </p>
+                <p>New field element (for better controls)</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2016/04/11/metro-ui-css-grid-with-bulma-tiles/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">11 Apr 2016</small>
+                </p>
+                <p>Metro UI CSS grid with Bulma tiles</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2016/02/09/blog-launched-new-responsive-columns-new-helpers/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">09 Feb 2016</small>
+                </p>
+                <p>Blog launched, new responsive columns, new helpers</p>
+              </div>
+            </a>
+          
+          <a class="navbar-item" href="http://bulma.io/versions/0.4.4/blog/">
+            More posts
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div class="navbar-content">
+              <div class="level is-mobile">
+                <div class="level-left">
+                  <div class="level-item">
+                    <strong>Stay up to date!</strong>
+                  </div>
+                </div>
+                <div class="level-right">
+                  <div class="level-item">
+                    <a class="button is-rss is-small" href="http://bulma.io/versions/0.4.4/atom.xml">
+                      <span class="icon is-small">
+                        <i class="fa fa-rss"></i>
+                      </span>
+                      <span>Subscribe</span>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <div class="navbar-link">
+          More
+        </div>
+        <div id="moreDropdown" class="navbar-dropdown ">
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/extensions/">
+            <div class="level is-mobile">
+              <div class="level-left">
+                <div class="level-item">
+                  <p>
+                    <strong>Extensions</strong>
+                    <br>
+                    <small>Side projects to enhance Bulma</small>
+                  </p>
+                </div>
+              </div>
+              <div class="level-right">
+                <div class="level-item">
+                  <span class="icon has-text-info">
+                    <i class="fa fa-plug"></i>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+
+    <div class="navbar-end">
+      <a class="navbar-item" href="https://github.com/jgthms/bulma" target="_blank">
+        Github
+      </a>
+      <a class="navbar-item" href="https://twitter.com/jgthms" target="_blank">
+        Twitter
+      </a>
+      <div class="navbar-item">
+        <div class="field is-grouped">
+          <p class="control">
+            <a id="twitter"
+              class="button"
+              data-social-network="Twitter"
+              data-social-action="tweet"
+              data-social-target="http://bulma.io/versions/0.4.4"
+              target="_blank"
+              href="https://twitter.com/intent/tweet?text=Bulma v0.4.4: a modern CSS framework based on Flexbox&url=http://bulma.io/versions/0.4.4&via=jgthms">
+              <span class="icon">
+                <i class="fa fa-twitter"></i>
+              </span>
+              <span>Tweet</span>
+            </a>
+          </p>
+          <p class="control">
+            <a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.4.4.zip">
+              <span class="icon">
+                <i class="fa fa-download"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ +

Navbar brand

+ +
+

+ The navbar-brand is the left side of the navbar. It can contain: +

+
    +
  • + a number of navbar-item +
    • +
  • + the navbar-burger as last child +
    • +
+
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <!-- navbar items, navbar burger ... -->
+  </div>
+</nav>
+ +
+

+ The navbar brand is always visible: on both touch devices < 1008px + and desktop >= 1008px +. As a result, it is recommended to only use a few navbar items to avoid overflowing horizontally on small devices. +

+
+ +
+ + + +
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.4.4">
+      <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <div class="navbar-burger">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+</nav>
+ +
+

+ On desktop >= 1008px +, the navbar brand will only take up the space it needs. +

+
+ +
+ +

Navbar burger

+ +
+

+ The navbar-burger is a hamburger menu that only appears on mobile. It has to appear as the last child of navbar-brand. +

+
+ +
+
+ + + +
+
+ + 
<div class="navbar-burger">
+  <span></span>
+  <span></span>
+  <span></span>
+</div>
+ +
+

+ You can add the modifier class is-active to turn it into a cross. +

+
+ +
+
+ + + +
+
+ +
+ +

Navbar menu

+ +
+

+ The navbar-menu is the counterpart of the navbar brand. As such, it must appear as a direct child of navbar, as a sibling of navbar-brand. +

+
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <!-- navbar items, nav burger ... -->
+  </div>
+  <div class="navbar-menu">
+    <!-- navbar start, navbar end -->
+  </div>
+</nav>
+ +
+

+ The navbar-menu is hidden on touch devices < 1008px +. You need to add the modifier class is-active to display it. +

+
+ + 
<div class="navbar-menu">
+  <!-- hidden on mobile -->
+</div>
+
+<div class="navbar-menu is-active">
+  <!-- shown on mobile -->
+</div>
+ +
+

+ On desktop >= 1008px +, the navbar-menu will fill up the space available in the navbar, leaving the navbar brand just the space it needs. It needs, however, two elements as direct children: +

+
    +
  • + navbar-start +
    • +
  • + navbar-end +
    • +
+
+ +
+ + + +
+ +

Navbar start and navbar end

+ +
+

+ The navbar-start and navbar-end are the two direct and only children of the navbar-menu. +

+

+ On desktop >= 1008px +: +

+
    +
  • + navbar-start will appear on the left +
    • +
  • + navbar-end will appear on the right +
    • +
+

+ Each of them can contain any number of navbar-item. +

+
+ + 
<div class="navbar-menu">
+  <div class="navbar-start">
+    <!-- navbar items -->
+  </div>
+
+  <div class="navbar-end">
+    <!-- navbar items -->
+  </div>
+</div>
+ +
+ +

Navbar item

+ +
+

+ A navbar-item is a repeatable element that can be: +

+
    +
  • + a navigation link + 
    <a class="navbar-item">
+  Home
+</a>
    +
    • +
  • + a container for the brand logo + 
    <a class="navbar-item">
+  <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" width="112" height="28">
+</a>
    +
    • +
  • + the parent of a dropdown menu + 
    <div class="navbar-item has-dropdown">
+  <a class="navbar-link">
+    Docs
+  </a>
+
+  <div class="navbar-dropdown">
+    <!-- Other navbar items -->
+  </div>
+</div>
    +
    • +
  • + a child of a navbar dropdown + 
    <div class="navbar-dropdown">
+  <a class="navbar-item">
+    Overview
+  </a>
+</div>
    +
    • +
  • + a container for almost anything you want, like a field + 
    <div class="navbar-item">
+  <div class="field is-grouped">
+    <p class="control">
+      <a class="button">
+        <span class="icon">
+          <i class="fa fa-twitter"></i>
+        </span>
+        <span>Tweet</span>
+      </a>
+    </p>
+    <p class="control">
+      <a class="button is-primary">
+        <span class="icon">
+          <i class="fa fa-download"></i>
+        </span>
+        <span>Download</span>
+      </a>
+    </p>
+  </div>
+</div>
    +
    • +
+

+ It can either be an anchor tag <a> or a <div>, as a direct child of either: +

+
    +
  • + navbar +
    • +
  • + navbar-brand +
    • +
  • + navbar-start +
    • +
  • + navbar-end +
    • +
  • + navbar-dropdown +
    • +
+
+ +
+ +

Transparent navbar

+ +
+

+ To seamlessly integrate the navbar in any visual context, you can add the is-transparent modifer on the navbar component. This will remove any hover or active background from the navbar items. +

+
+ +
+ + + + +
+ + 
<nav class="navbar is-transparent">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.4.4">
+      <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://github.com/jgthms/bulma" target="_blank">
+      <span class="icon" style="color: #333;">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://twitter.com/jgthms" target="_blank">
+      <span class="icon" style="color: #55acee;">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+
+    <div class="navbar-burger burger" data-target="navMenuTransparentExample">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+
+  <div id="navMenuTransparentExample" class="navbar-menu">
+    <div class="navbar-start">
+      <a class="navbar-item " href="http://bulma.io/versions/0.4.4/">
+        Home
+      </a>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link  is-active" href="/versions/0.4.4/documentation/overview/start/">
+          Docs
+        </a>
+        <div class="navbar-dropdown is-boxed">
+          <a class="navbar-item " href="/versions/0.4.4/documentation/overview/start/">
+            Overview
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/modifiers/syntax/">
+            Modifiers
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/grid/columns/">
+            Grid
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/form/general/">
+            Form
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/elements/box/">
+            Elements
+          </a>
+          
+            <a class="navbar-item is-active" href="http://bulma.io/versions/0.4.4/documentation/components/breadcrumb/">
+              Components
+            </a>
+          
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/layout/container/">
+            Layout
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div>
+              <p class="has-text-info is-size-6-desktop"><strong>0.4.4</strong></p>
+              
+                <small>
+                  <a class="view-all-versions" href="/versions">View all versions</a>
+                </small>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link " href="http://bulma.io/versions/0.4.4/blog/">
+          Blog
+        </a>
+        <div id="blogDropdown" class="navbar-dropdown is-boxed" data-style="width: 18rem;">
+          
+            <a class="navbar-item" href="/2017/03/10/new-field-element/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">10 Mar 2017</small>
+                </p>
+                <p>New field element (for better controls)</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2016/04/11/metro-ui-css-grid-with-bulma-tiles/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">11 Apr 2016</small>
+                </p>
+                <p>Metro UI CSS grid with Bulma tiles</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2016/02/09/blog-launched-new-responsive-columns-new-helpers/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">09 Feb 2016</small>
+                </p>
+                <p>Blog launched, new responsive columns, new helpers</p>
+              </div>
+            </a>
+          
+          <a class="navbar-item" href="http://bulma.io/versions/0.4.4/blog/">
+            More posts
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div class="navbar-content">
+              <div class="level is-mobile">
+                <div class="level-left">
+                  <div class="level-item">
+                    <strong>Stay up to date!</strong>
+                  </div>
+                </div>
+                <div class="level-right">
+                  <div class="level-item">
+                    <a class="button is-rss is-small" href="http://bulma.io/versions/0.4.4/atom.xml">
+                      <span class="icon is-small">
+                        <i class="fa fa-rss"></i>
+                      </span>
+                      <span>Subscribe</span>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <div class="navbar-link">
+          More
+        </div>
+        <div id="moreDropdown" class="navbar-dropdown is-boxed">
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/extensions/">
+            <div class="level is-mobile">
+              <div class="level-left">
+                <div class="level-item">
+                  <p>
+                    <strong>Extensions</strong>
+                    <br>
+                    <small>Side projects to enhance Bulma</small>
+                  </p>
+                </div>
+              </div>
+              <div class="level-right">
+                <div class="level-item">
+                  <span class="icon has-text-info">
+                    <i class="fa fa-plug"></i>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+
+    <div class="navbar-end">
+      <a class="navbar-item" href="https://github.com/jgthms/bulma" target="_blank">
+        Github
+      </a>
+      <a class="navbar-item" href="https://twitter.com/jgthms" target="_blank">
+        Twitter
+      </a>
+      <div class="navbar-item">
+        <div class="field is-grouped">
+          <p class="control">
+            <a id="twitter"
+              class="button"
+              data-social-network="Twitter"
+              data-social-action="tweet"
+              data-social-target="http://bulma.io/versions/0.4.4"
+              target="_blank"
+              href="https://twitter.com/intent/tweet?text=Bulma v0.4.4: a modern CSS framework based on Flexbox&url=http://bulma.io/versions/0.4.4&via=jgthms">
+              <span class="icon">
+                <i class="fa fa-twitter"></i>
+              </span>
+              <span>Tweet</span>
+            </a>
+          </p>
+          <p class="control">
+            <a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.4.4.zip">
+              <span class="icon">
+                <i class="fa fa-download"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ + + +
+

+ To create a dropdown menu, you will need 4 elements: +

+
    +
  • + navbar-item with the has-dropdown modifier +
    • +
  • + navbar-link which contains the dropdown arrow +
    • +
  • + navbar-dropdown which can contain instances of navbar-item and navbar-divider +
    • +
+
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ +

+ Show/hide the dropdown with either CSS or JavaScript +

+ +
+

+ The navbar-dropdown is visible on touch devices < 1008px + but hidden on desktop >= 1008px +. How the dropdown is displayed on desktop depends on the parent's class. +

+

+ The navbar-item with the has-dropdown modifier, has 2 additional modifiers +

+
    +
  • + is-hoverable: the dropdown will show up when hovering the parent navbar-item +
    • +
  • + is-active: the dropdown will show up all the time +
    • +
+
+ +
+

+ While the CSS :hover implementation works perfectly, the is-active class is available for users who want to control the display of the dropdown with JavaScript. +

+
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown is-hoverable">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ +

+ Styles for the dropdown menu +

+ +
+

+ By default, the navbar-dropdown has: +

+
    +
  • + a grey border-top +
    • +
  • + a border-radius at both bottom corners +
    • +
+
+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero is-primary">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +
+

+ When having a transparent navbar, it is preferable to use the boxed version of the dropdown, by using the is-boxed modifier. +

+
    +
  • + the grey border is removed +
    • +
  • + a slight inner shadow is added +
    • +
  • + all corners are rounded +
    • +
  • + the hover/active state is animated +
    • +
+
+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar is-transparent">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown is-boxed">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +

+ Active dropdown navbar item +

+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item is-active">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero is-primary">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +

+ Dropdown divider +

+ +
+

+ You can add a navbar-divider to display a horizontal rule in a navbar-dropdown. +

+
+ + 
<hr class="navbar-divider">
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/pagination/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/pagination/index.html new file mode 100644 index 000000000..e601c81c2 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/pagination/index.html @@ -0,0 +1,857 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Pagination

+

A responsive, usable, and flexible pagination

+ +
+ +
+

+ The pagination component consists of several elements: +

+
    +
  • + pagination-previous and pagination-next for incremental navigation +
    • +
  • + pagination-list which displays page items: +
      +
    • + pagination-link for the page numbers +
      • +
    • + pagination-ellipsis for range separators +
      • +
    +
    • +
+

+ All elements are optional so you can compose your pagination as you wish. +

+
+ + +
+ + + +
+
<nav class="pagination">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li>
+      <a class="pagination-link">1</a>
+    </li>
+    <li>
+      <span class="pagination-ellipsis">&hellip;</span>
+    </li>
+    <li>
+      <a class="pagination-link">45</a>
+    </li>
+    <li>
+      <a class="pagination-link is-current">46</a>
+    </li>
+    <li>
+      <a class="pagination-link">47</a>
+    </li>
+    <li>
+      <span class="pagination-ellipsis">&hellip;</span>
+    </li>
+    <li>
+      <a class="pagination-link">86</a>
+    </li>
+  </ul>
+</nav>
+ +
+

+ You can disable some links if they are not active, or change the amount of page numbers available. +

+
+ + +
+ + + +
+
<nav class="pagination">
+  <a class="pagination-previous" title="This is the first page" disabled>Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li>
+      <a class="pagination-link is-current">1</a>
+    </li>
+    <li>
+      <a class="pagination-link">2</a>
+    </li>
+    <li>
+      <a class="pagination-link">3</a>
+    </li>
+  </ul>
+</nav>
+ +
+

+ By default, the list is located on the left, and the previous/next buttons on the right. But you can change the order of these elements by using the is-centered and is-right modifiers. +

+
+ + +
+ + + +
+
<nav class="pagination is-centered">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li><a class="pagination-link">1</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">45</a></li>
+    <li><a class="pagination-link is-current">46</a></li>
+    <li><a class="pagination-link">47</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">86</a></li>
+  </ul>
+</nav>
+ + +
+ + + +
+
<nav class="pagination is-right">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li><a class="pagination-link">1</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">45</a></li>
+    <li><a class="pagination-link is-current">46</a></li>
+    <li><a class="pagination-link">47</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">86</a></li>
+  </ul>
+</nav>
+ +
+ +

Sizes New!

+

+ The pagination comes in 3 additional sizes.
+ You only need to append the modifier is-small, is-medium, or is-large to the pagination component. +

+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/panel/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/panel/index.html new file mode 100644 index 000000000..05e25399c --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/panel/index.html @@ -0,0 +1,758 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Panel

+

A composable panel, for compact controls

+ +
+ +
+

+ The panel is container for several types: +

+
    +
  • + panel-heading as the first child +
    • +
  • + panel-tabs for navigation +
    • +
  • + panel-block which can contain other elements, like: +
      +
    • control
      • +
    • input
      • +
    • button
      • +
    • panel-icon
      • +
    +
    • +
+

+ The panel-block can be an anchor tag <a> or a label <label> with a checkbox inside. +

+
+ + +
+
+ + + +
+
+
<nav class="panel">
+  <p class="panel-heading">
+    Repositories
+  </p>
+  <div class="panel-block">
+    <p class="control has-icons-left">
+      <input class="input is-small" type="text" placeholder="Search">
+      <span class="icon is-small is-left">
+        <i class="fa fa-search"></i>
+      </span>
+    </p>
+  </div>
+  <p class="panel-tabs">
+    <a class="is-active">All</a>
+    <a>Public</a>
+    <a>Private</a>
+    <a>Sources</a>
+    <a>Forks</a>
+  </p>
+  <a class="panel-block is-active">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    bulma
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    marksheet
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    minireset.css
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    jgthms.github.io
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-code-fork"></i>
+    </span>
+    daniellowtw/infBoard
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-code-fork"></i>
+    </span>
+    mojs
+  </a>
+  <label class="panel-block">
+    <input type="checkbox">
+    Remember me
+  </label>
+  <div class="panel-block">
+    <button class="button is-primary is-outlined is-fullwidth">
+      Reset all filters
+    </button>
+  </div>
+</nav>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/components/tabs/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/components/tabs/index.html new file mode 100644 index 000000000..5c48b0280 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/components/tabs/index.html @@ -0,0 +1,1252 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Tabs

+

Simple responsive horizontal navigation tabs, with different styles

+ +
+ +
+

Tabs only require a tabs container and a <ul> list.
+ The default tabs style has a single border at the bottom.

+
+ + +
+ +
+ +
+ +
+
<div class="tabs">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Alignment

+
+

+ To align the tabs list, use the is-centered or is-right modifier on the .tabs container: +

+
+ +
+ +
+ +
+ +
+
<div class="tabs is-centered">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-right">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Icons

+
+

You can use any of the Font Awesome icons.

+
+ + +
+ +
+ +
+ +
+
<div class="tabs is-centered">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +

Sizes

+
+

You can choose between 3 additional sizes: is-small is-medium and is-large.

+
+ +
+ +
+ +
+ +
+
<div class="tabs is-small">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-medium">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-large">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Styles

+
+ If you want a more classic style with borders, just append the is-boxed modifier. +
+ +
+ +
+ +
+ +
+
<div class="tabs is-boxed">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +

+ If you want mutually exclusive tabs (like radio buttons where clicking one deselects all other ones), use the is-toggle modifier. +

+ +
+ +
+ +
+ +
+
<div class="tabs is-toggle">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +

+ If you want the tabs to take up the whole width available, use is-fullwidth. +

+ +
+ +
+ +
+ +
+
<div class="tabs is-fullwidth">
+  <ul>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-angle-left"></i></span>
+        <span>Left</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-angle-up"></i></span>
+        <span>Up</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span>Right</span>
+        <span class="icon"><i class="fa fa-angle-right"></i></span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +

Combining

+
+

You can combine different modifiers. For example, you can have centered boxed tabs, or fullwidth toggle ones.

+
+ +
+ +
+ +
+ +
+
<div class="tabs is-centered is-boxed">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-toggle is-fullwidth">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-centered is-boxed is-medium">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-toggle is-fullwidth is-large">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/box/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/box/index.html new file mode 100644 index 000000000..366cb3bad --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/box/index.html @@ -0,0 +1,667 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Box

+

+ A white box to contain other elements +

+ +
+ +
+
+
+

+ The .box element is simply a container with a shadow, a border, a radius, and some padding. +
+ For example, you can include a media object: +

+
+
+ +
+ +
+
+
+
+ Image +
+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. +

+
+ +
+
+
+ +
+
+ + 
<div class="box">
+  <article class="media">
+    <div class="media-left">
+      <figure class="image is-64x64">
+        <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png" alt="Image">
+      </figure>
+    </div>
+    <div class="media-content">
+      <div class="content">
+        <p>
+          <strong>John Smith</strong> <small>@johnsmith</small> <small>31m</small>
+          <br>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
+        </p>
+      </div>
+      <nav class="level is-mobile">
+        <div class="level-left">
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-reply"></i></span>
+          </a>
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-retweet"></i></span>
+          </a>
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-heart"></i></span>
+          </a>
+        </div>
+      </nav>
+    </div>
+  </article>
+</div>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/button/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/button/index.html new file mode 100644 index 000000000..657ce264a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/button/index.html @@ -0,0 +1,1405 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Buttons

+

+ The classic button, in different colors, sizes, and states +

+ +
+ + +
+
+ +
+ Button + White + Light + Dark + Black + Link +
+
+ Primary + Info + Success + Warning + Danger +
+ +
+
+
<div class="block">
+  <a class="button">Button</a>
+  <a class="button is-white">White</a>
+  <a class="button is-light">Light</a>
+  <a class="button is-dark">Dark</a>
+  <a class="button is-black">Black</a>
+  <a class="button is-link">Link</a>
+</div>
+<div class="block">
+  <a class="button is-primary">Primary</a>
+  <a class="button is-info">Info</a>
+  <a class="button is-success">Success</a>
+  <a class="button is-warning">Warning</a>
+  <a class="button is-danger">Danger</a>
+</div>
+
+
+ +
+ +

Sizes

+ + +
+
+ +Small +Normal +Medium +Large + +
+
+
<a class="button is-small">Small</a>
+<a class="button">Normal</a>
+<a class="button is-medium">Medium</a>
+<a class="button is-large">Large</a>
+
+
+ +
+ +

Styles

+

Outlined

+ +
+
+ +Outlined +Outlined +Outlined +Outlined +Outlined + +
+
+
<a class="button is-outlined">Outlined</a>
+<a class="button is-primary is-outlined">Outlined</a>
+<a class="button is-info is-outlined">Outlined</a>
+<a class="button is-success is-outlined">Outlined</a>
+<a class="button is-danger is-outlined">Outlined</a>
+
+
+ +

Inverted (the text color becomes the background color, and vice-versa)

+ + +
+
+
+ +Inverted +Inverted +Inverted +Inverted + +
+
+
+
<a class="button is-primary is-inverted">Inverted</a>
+<a class="button is-info is-inverted">Inverted</a>
+<a class="button is-success is-inverted">Inverted</a>
+<a class="button is-danger is-inverted">Inverted</a>
+
+
+ +

Invert Outlined (the invert color becomes the text and border colors)

+ + +
+
+
+ +Invert Outlined +Invert Outlined +Invert Outlined +Invert Outlined + +
+
+
+
<a class="button is-primary is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-info is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-success is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-danger is-inverted is-outlined">Invert Outlined</a>
+
+
+ +
+ +

States

+

Normal

+ + +
+
+ +Normal +Normal +Normal +Normal +Normal +Normal + +
+
+
<a class="button">Normal</a>
+<a class="button is-primary">Normal</a>
+<a class="button is-info">Normal</a>
+<a class="button is-success">Normal</a>
+<a class="button is-warning">Normal</a>
+<a class="button is-danger">Normal</a>
+
+
+ +

Hover

+ + +
+
+ +Hover +Hover +Hover +Hover +Hover +Hover + +
+
+
<a class="button is-hovered">Hover</a>
+<a class="button is-primary is-hovered">Hover</a>
+<a class="button is-info is-hovered">Hover</a>
+<a class="button is-success is-hovered">Hover</a>
+<a class="button is-warning is-hovered">Hover</a>
+<a class="button is-danger is-hovered">Hover</a>
+
+
+ +

Focus

+ + +
+
+ +Focus +Focus +Focus +Focus +Focus +Focus + +
+
+
<a class="button is-focused">Focus</a>
+<a class="button is-primary is-focused">Focus</a>
+<a class="button is-info is-focused">Focus</a>
+<a class="button is-success is-focused">Focus</a>
+<a class="button is-warning is-focused">Focus</a>
+<a class="button is-danger is-focused">Focus</a>
+
+
+ +

Active

+ + +
+
+ +Active +Active +Active +Active +Active +Active + +
+
+
<a class="button is-active">Active</a>
+<a class="button is-primary is-active">Active</a>
+<a class="button is-info is-active">Active</a>
+<a class="button is-success is-active">Active</a>
+<a class="button is-warning is-active">Active</a>
+<a class="button is-danger is-active">Active</a>
+
+
+ +

Loading

+ + +
+
+ +Loading +Loading +Loading +Loading +Loading +Loading + +
+
+
<a class="button is-loading">Loading</a>
+<a class="button is-primary is-loading">Loading</a>
+<a class="button is-info is-loading">Loading</a>
+<a class="button is-success is-loading">Loading</a>
+<a class="button is-warning is-loading">Loading</a>
+<a class="button is-danger is-loading">Loading</a>
+
+
+ +

+ Static +

+ + +
+
+ +
+

+ New! + 0.4.2 +

+

+ You can create a non-interactive button by using the is-static modifier. This is useful to align a text label with an input, for example when using form addons. +

+
+ +Static + +
+
+
<span class="button is-static">Static</span>
+
+
+ +

Disabled

+ + +
+
+
+Disabled +Disabled +Disabled +Disabled +Disabled +Disabled +
+
+
+

The is-disabled CSS class has been deprecated in favor of the disabled HTML attribute. Learn more

+
+
+
+
+
<a class="button" title="Disabled button" disabled>Disabled</a>
+<a class="button is-primary" title="Disabled button" disabled>Disabled</a>
+<a class="button is-info" title="Disabled button" disabled>Disabled</a>
+<a class="button is-success" title="Disabled button" disabled>Disabled</a>
+<a class="button is-warning" title="Disabled button" disabled>Disabled</a>
+<a class="button is-danger" title="Disabled button" disabled>Disabled</a>
+
+
+ +

With Font Awesome icons

+ + +
+
+ +

+ + + + + + + + + + + + + + + +

+

+ + + + + GitHub + + + + + + Twitter + + + + + + Save + + + Delete + + + + +

+

+ + + + + GitHub + + + + + + GitHub + + + + + + GitHub + + + + + + GitHub + +

+ +
+
+
<p class="field">
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-bold"></i>
+    </span>
+  </a>
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-italic"></i>
+    </span>
+  </a>
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-underline"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-primary">
+    <span class="icon">
+      <i class="fa fa-twitter"></i>
+    </span>
+    <span>Twitter</span>
+  </a>
+  <a class="button is-success">
+    <span class="icon is-small">
+      <i class="fa fa-check"></i>
+    </span>
+    <span>Save</span>
+  </a>
+  <a class="button is-danger is-outlined">
+    <span>Delete</span>
+    <span class="icon is-small">
+      <i class="fa fa-times"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-small">
+    <span class="icon is-small">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-medium">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-medium">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+</p>
+
+
+ +
+
+
+

+ New! +

+

+ If the button only contains an icon, Bulma will make sure the button remains square, no matter the size of the button or of the icon. +

+
+ + +

+ + + + + +

+

+ + + + + + + + + + +

+

+ + + + + + + + + + + + + + + +

+

+ + + + + + + + + + + + + + + + + + + + +

+ +
+
+
<p class="field">
+  <a class="button is-small">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-medium">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-medium">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+  <a class="button is-medium">
+    <span class="icon is-medium">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-large">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-large">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-medium">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-large">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+
+
+ +
+ +

Button group

+
+

If you want to group buttons together, use the is-grouped modifier on the field container:

+
+ +
+ +
+

+ + Save changes + +

+

+ + Cancel + +

+

+ + Delete post + +

+
+ +
+
<div class="field is-grouped">
+  <p class="control">
+    <a class="button is-primary">
+      Save changes
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Cancel
+    </a>
+  </p>
+  <p class="control">
+    <a class="button is-danger">
+      Delete post
+    </a>
+  </p>
+</div>
+ +
+ +

Button addons

+
+

If you want to use buttons as addons, use the has-addons modifier on the field container:

+
+ +
+ +
+

+ + + + + Left + +

+

+ + + + + Center + +

+

+ + + + + Right + +

+
+ +
+
<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-left"></i>
+      </span>
+      <span>Left</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-center"></i>
+      </span>
+      <span>Center</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-right"></i>
+      </span>
+      <span>Right</span>
+    </a>
+  </p>
+</div>
+ +
+ +

Button group with addons

+
+

You can group together addons as well:

+
+ +
+ +
+

+ + + + + Bold + +

+

+ + + + + Italic + +

+

+ + + + + Underline + +

+
+ +
+

+ + + + + Left + +

+

+ + + + + Center + +

+

+ + + + + Right + +

+
+ +
+
<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-bold"></i>
+      </span>
+      <span>Bold</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-italic"></i>
+      </span>
+      <span>Italic</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-underline"></i>
+      </span>
+      <span>Underline</span>
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-left"></i>
+      </span>
+      <span>Left</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-center"></i>
+      </span>
+      <span>Center</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-right"></i>
+      </span>
+      <span>Right</span>
+    </a>
+  </p>
+</div>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/content/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/content/index.html new file mode 100644 index 000000000..84be5a3e1 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/content/index.html @@ -0,0 +1,832 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Content

+

+ A single class to handle WYSIWYG generated content, where only HTML tags are available +

+ +
+ +
+

When you can't use the CSS classes you want, or when you just want to directly use HTML tags, use content as container. It can handle almost any HTML tag:

+
    +
  • <p> paragraphs
    • +
  • <ul> <ol> <dl> lists
    • +
  • <h1> to <h6> headings
    • +
  • <blockquote> quotes
    • +
  • <em> and <strong>
    • +
  • <table> <tr> <th> <td> tables
    • +
+

This content class can be used in any context where you just want to (or can only) write some text. For example, it's used for the paragraph you're currently reading.

+
+ + + +
+ +
+

Hello World

+

Lorem ipsum[1] dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Subscript works as well!

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+

Third level

+

Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.

+
    +
  1. Donec blandit a lorem id convallis.
    2. +
  2. Cras gravida arcu at diam gravida gravida.
    3. +
  3. Integer in volutpat libero.
    4. +
  4. Donec a diam tellus.
    5. +
  5. Aenean nec tortor orci.
    6. +
  6. Quisque aliquam cursus urna, non bibendum massa viverra eget.
    7. +
  7. Vivamus maximus ultricies pulvinar.
    8. +
+
Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.
+

Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et justo sodales elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.

+

Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.

+
+
Web
+
The part of the Internet that contains websites and web pages
+
HTML
+
A markup language for creating web pages
+
CSS
+
A technology to make HTML look better
+
+

Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.

+

Fourth level

+

Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.

+ 
<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello World</title>
+  </head>
+  <body>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p>
+  </body>
+</html>
+

Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+

Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.

+
Fifth level
+

Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.

+
+ + +
+ Figure 1: Some beautiful placeholders +
+
+
Sixth level
+

Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.

+
+ +
+ +
<div class="content">
+  <h1>Hello World</h1>
+  <p>Lorem ipsum<sup><a>[1]</a></sup> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<sub>script</sub> works as well!</p>
+  <h2>Second level</h2>
+  <p>Curabitur accumsan turpis pharetra <strong>augue tincidunt</strong> blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.</p>
+  <ul>
+    <li>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</li>
+    <li>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</li>
+    <li>Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.</li>
+    <li>Ut non enim metus.</li>
+  </ul>
+  <h3>Third level</h3>
+  <p>Quisque ante lacus, malesuada ac auctor vitae, congue <a href="#">non ante</a>. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.</p>
+  <ol>
+    <li>Donec blandit a lorem id convallis.</li>
+    <li>Cras gravida arcu at diam gravida gravida.</li>
+    <li>Integer in volutpat libero.</li>
+    <li>Donec a diam tellus.</li>
+    <li>Aenean nec tortor orci.</li>
+    <li>Quisque aliquam cursus urna, non bibendum massa viverra eget.</li>
+    <li>Vivamus maximus ultricies pulvinar.</li>
+  </ol>
+  <blockquote>Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.</blockquote>
+  <p>Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et <em>justo sodales</em> elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.</p>
+  <p>Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.</p>
+  <dl>
+    <dt>Web</dt>
+    <dd>The part of the Internet that contains websites and web pages</dd>
+    <dt>HTML</dt>
+    <dd>A markup language for creating web pages</dd>
+    <dt>CSS</dt>
+    <dd>A technology to make HTML look better</dd>
+  </dl>
+  <p>Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.</p>
+  <h4>Fourth level</h4>
+  <p>Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.</p>
+  <pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;Hello World&lt;/title&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.&lt;/p&gt;
+  &lt;/body&gt;
+&lt;/html&gt;</pre>
+  <p>Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.</p>
+  <table>
+    <thead>
+      <tr>
+        <th>One</th>
+        <th>Two</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Three</td>
+        <td>Four</td>
+      </tr>
+      <tr>
+        <td>Five</td>
+        <td>Six</td>
+      </tr>
+      <tr>
+        <td>Seven</td>
+        <td>Eight</td>
+      </tr>
+      <tr>
+        <td>Nine</td>
+        <td>Ten</td>
+      </tr>
+      <tr>
+        <td>Eleven</td>
+        <td>Twelve</td>
+      </tr>
+    </tbody>
+  </table>
+  <p>Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.</p>
+  <h5>Fifth level</h5>
+  <p>Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.</p>
+  <figure>
+    <img src="http://bulma.io/versions/0.4.4/images/placeholders/256x256.png">
+    <img src="http://bulma.io/versions/0.4.4/images/placeholders/256x256.png">
+    <figcaption>
+      Figure 1: Some beautiful placeholders
+    </figcaption>
+  </figure>
+  <h6>Sixth level</h6>
+  <p>Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.</p>
+</div>
+ +
+ +

Sizes

+
+

You can use the is-small, is-medium and is-large modifiers to change the font size.

+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/delete/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/delete/index.html new file mode 100644 index 000000000..999c3c2d0 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/delete/index.html @@ -0,0 +1,688 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Delete

+

+ A versatile delete cross +

+ +
+ +
+

+ The .delete element is a stand-alone element that can be used in different contexts. +

+
+ + +
+
+
+

+ On its own, it's a simple circle with a cross: +

+
+ + + +
+
+
<a class="delete"></a>
+
+
+ + +
+
+
+

+ It comes in 4 sizes: +

+
+ + + + + + +
+
+
<a class="delete is-small"></a>
+<a class="delete"></a>
+<a class="delete is-medium"></a>
+<a class="delete is-large"></a>
+
+
+ + +
+
+
+

+ Bulma uses it for the tags, the notifications, and the messages: +

+
+ +
+ + Hello World + + +
+ +
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit +
+ +
+
+ Info + +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+
<div class="block">
+  <span class="tag is-success">
+    Hello World
+    <button class="delete is-small"></button>
+  </span>
+</div>
+
+<div class="notification is-danger">
+  <button class="delete"></button>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit
+</div>
+
+<article class="message is-info">
+  <div class="message-header">
+    Info
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/form/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/form/index.html new file mode 100644 index 000000000..f5e510261 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/form/index.html @@ -0,0 +1,2539 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Form controls

+

+ All generic form controls, designed for consistency +

+ +
+ +
+

The following form controls classes are supported:

+
    +
  • .label
    • +
  • .input
    • +
  • .textarea
    • +
  • .select
    • +
  • .checkbox
    • +
  • .radio
    • +
  • .button
    • +
  • .help
    • +
+

Each of them should be wrapped in a .control container.
+ When combining several controls in a form, use the .field class as a container, to keep the spacing consistent.

+
+ +
+
+ +
+ +

+ +

+
+ +
+ +

+ + + + + + + +

+

This username is available

+
+ +
+ +

+ + + + + + + +

+

This email is invalid

+
+ +
+ +

+ + + +

+
+ +
+ +

+ +

+
+ +
+

+ +

+
+ +
+

+ + +

+
+ +
+

+ +

+

+ +

+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <p class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </p>
+</div>
+
+<div class="field">
+  <label class="label">Username</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small is-left">
+      <i class="fa fa-user"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+  <p class="help is-success">This username is available</p>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-danger" type="text" placeholder="Email input" value="hello@">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-warning"></i>
+    </span>
+  </p>
+  <p class="help is-danger">This email is invalid</p>
+</div>
+
+<div class="field">
+  <label class="label">Subject</label>
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <label class="label">Message</label>
+  <p class="control">
+    <textarea class="textarea" placeholder="Textarea"></textarea>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control">
+    <label class="checkbox">
+      <input type="checkbox">
+      I agree to the <a href="#">terms and conditions</a>
+    </label>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control">
+    <label class="radio">
+      <input type="radio" name="question">
+      Yes
+    </label>
+    <label class="radio">
+      <input type="radio" name="question">
+      No
+    </label>
+  </p>
+</div>
+
+<div class="field is-grouped">
+  <p class="control">
+    <button class="button is-primary">Submit</button>
+  </p>
+  <p class="control">
+    <button class="button is-link">Cancel</button>
+  </p>
+</div>
+
+
+ +
+ +

Colors

+
+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-primary" type="text" placeholder="Primary input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-info" type="text" placeholder="Info input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-success" type="text" placeholder="Success input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-warning" type="text" placeholder="Warning input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-danger" type="text" placeholder="Danger input">
+  </p>
+</div>
+
+
+ +
+

Sizes

+
+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ + + +

+
+
+

+ + + +

+
+
+

+ + + +

+
+
+

+ + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-small" type="text" placeholder="Small input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-medium" type="text" placeholder="Medium input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-large" type="text" placeholder="Large input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-small">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-medium">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-large">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea" placeholder="Normal textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Hover

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-hovered" type="text" placeholder="Hovered input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea is-hovered" placeholder="Hovered textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Focus

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-focused" type="text" placeholder="Focused input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea is-focused" placeholder="Focused textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Loading

+
+
+ +
+

+ +

+
+
+
+
+ +
+
+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control is-loading">
+    <input class="input" type="text" placeholder="Loading input">
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-loading">
+      <select>
+        <option>Loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <p class="control is-loading">
+    <textarea class="textarea" placeholder="Loading textarea"></textarea>
+  </p>
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <p class="control is-small is-loading">
+    <input class="input is-small" type="text" placeholder="Small loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-loading">
+    <input class="input" type="text" placeholder="Normal loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-medium is-loading">
+    <input class="input is-medium" type="text" placeholder="Medium loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-large is-loading">
+    <input class="input is-large" type="text" placeholder="Large loading input">
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-small is-loading">
+      <select>
+        <option>Small loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-loading">
+      <select>
+        <option>Normal loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-medium is-loading">
+      <select>
+        <option>Medium loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-large is-loading">
+      <select>
+        <option>Large loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+

+ +

+
+
+
+
+ +
+
+
+
+

+ +

+
+
+

+ +

+
+
+

+ + +

+
+
+

+ +

+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Disabled input" disabled>
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-disabled">
+      <select disabled>
+        <option>Disabled dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea" placeholder="Disabled textarea" disabled></textarea>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <label class="checkbox" disabled>
+      <input type="checkbox" disabled>
+      Remember me
+    </label>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <label class="radio" disabled>
+      <input type="radio" name="question" disabled>
+      Yes
+    </label>
+    <label class="radio" disabled>
+      <input type="radio" name="question" disabled>
+      No
+    </label>
+  </p>
+</div>
+<div class="field is-grouped">
+  <p class="control">
+    <button class="button is-primary" disabled>Submit</button>
+  </p>
+  <p class="control">
+    <button class="button" disabled>Cancel</button>
+  </p>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + +

+
+
+

+ + + + +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <button class="button is-success">
+      Login
+    </button>
+  </p>
+</div>
+
+
+ +
+
+
+

+ New! + 0.4.2 +

+

+ You can now append icons to select dropdowns as well. +

+
+ +
+

+ + + + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <span class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+    <span class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-small">Small input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-small" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label">Normal input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-medium">Medium input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-large">Large input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-large is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-large is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+ +

Form addons

+
+

If you want to attach controls together, use the has-addons modifier on the control container:

+
+
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+
+

You can attach inputs, buttons, and dropdowns only.

+
+ +
+

+ New! + 0.4.2 +

+

It can be useful to append a static button.

+
+ +
+ +
+

+ +

+

+ + @gmail.com + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Your email">
+  </p>
+  <p class="control">
+    <a class="button is-static">
+      @gmail.com
+    </a>
+  </p>
+</div>
+ +
+

Use the is-expanded modifier on the element you want to fill up the remaining space (in this case, the input):

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+

If you want a full width select dropdown, pair control is-expanded with select is-fullwidth.

+
+
+ +
+

+ + + +

+

+ +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control is-expanded">
+    <span class="select is-fullwidth">
+      <select name="country">
+        <option value="Argentina">Argentina</option>
+        <option value="Bolivia">Bolivia</option>
+        <option value="Brazil">Brazil</option>
+        <option value="Chile">Chile</option>
+        <option value="Colombia">Colombia</option>
+        <option value="Ecuador">Ecuador</option>
+        <option value="Guyana">Guyana</option>
+        <option value="Paraguay">Paraguay</option>
+        <option value="Peru">Peru</option>
+        <option value="Suriname">Suriname</option>
+        <option value="Uruguay">Uruguay</option>
+        <option value="Venezuela">Venezuela</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <button type="submit" class="button is-primary">Choose</button>
+  </p>
+</div>
+ +
+

Use the has-addons-centered or the has-addons-right modifers to alter the alignment.

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-centered">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-right">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+ +

Form group

+
+

+ If you want to group controls together, use the is-grouped modifier on the control container. +
+ Use the is-grouped-centered or the is-grouped-right modifers to alter the alignment. +

+

+ Add the is-expanded modifier on the control element you want to fill up the remaining space. +

+
+
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+ +
+ +

Horizontal form

+
+

If you want a horizontal form control, use the is-horizontal modifier on the field container, in which you include:

+
    +
  • + field-label for the side label +
    • +
  • + field-body for the input/select/textarea container +
    • +
+

You can of course use is-grouped or has-addons for the child elements.

+
+
+ +
+
+ +
+
+
+

+ + + + +

+
+
+

+ + + + + + + +

+

This email is correct

+
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+ +
+

+ This field is required +

+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">From</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-grouped">
+      <p class="control is-expanded has-icons-left">
+        <input class="input" type="text" placeholder="Name">
+        <span class="icon is-small is-left">
+          <i class="fa fa-user"></i>
+        </span>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control is-expanded has-icons-left has-icons-right">
+        <input class="input is-success" type="email" placeholder="Email" value="alex@smith.com">
+        <span class="icon is-small is-left">
+          <i class="fa fa-envelope"></i>
+        </span>
+        <span class="icon is-small is-right">
+          <i class="fa fa-check"></i>
+        </span>
+      </p>
+      <p class="help is-success">This email is correct</p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Department</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <div class="select is-fullwidth">
+          <select>
+            <option>Business development</option>
+            <option>Marketing</option>
+            <option>Sales</option>
+          </select>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">Already a member?</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <label class="radio">
+          <input type="radio" name="member">
+          Yes
+        </label>
+        <label class="radio">
+          <input type="radio" name="member">
+          No
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Subject</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-danger" type="text" placeholder="e.g. Partnership opportunity">
+      </div>
+      <p class="help is-danger">
+        This field is required
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Question</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <textarea class="textarea" placeholder="Explain how we can help you"></textarea>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <!-- Left empty for spacing -->
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <button class="button is-primary">
+          Send message
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+ +
+

+ New! +

+

+ To preserve the vertical alignment of labels with each type and size of control, the .field-label comes with 4 size modifiers: +

+
    +
  • + .is-small +
    • +
  • + .is-normal for any .input or .button +
    • +
  • + .is-medium +
    • +
  • + .is-large +
    • +
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">No padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input type="checkbox">
+          Checkbox
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-small">
+    <label class="label">Small padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-small" type="text" placeholder="Small sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Normal label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input" type="text" placeholder="Normal sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-medium">
+    <label class="label">Medium label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-medium" type="text" placeholder="Medium sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-large">
+    <label class="label">Large label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-large" type="text" placeholder="Large sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/icon/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/icon/index.html new file mode 100644 index 000000000..88085de39 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/icon/index.html @@ -0,0 +1,650 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Icons

+

+ Bulma is compatible with Font Awesome icons. +

+ +
+ +
+

Because the icons can take a few seconds to load, and because you want control over the space the icons will take, you can use the icon class as a container:

+
+ + +
+ + + + + +
+ +
<span class="icon">
+  <i class="fa fa-home"></i>
+</span>
+ +
+

The icon container will take up exactly 1.5rem x 1.5rem. The icon itself is sized at 21px.

+
+ +
+ +

Sizes

+ +
+

Font Awesome icons use a font-size of 28px by default, and are best rendered when using multiples of 7.

+

The Bulma icon container is always slightly bigger than the font-size used:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClassFont-sizeContainer size
icon is-small14px1rem x 1rem
icon21px1.5rem x 1.5rem
icon is-medium28px2rem x 2rem
icon is-large42px3rem x 3rem
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/image/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/image/index.html new file mode 100644 index 000000000..73496ad3f --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/image/index.html @@ -0,0 +1,708 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Images

+

+ A container for responsive images +

+ +
+ +
+

Because images can take a few seconds to load (or not at all), use the .image container to specify a precisely sized container so that your layout isn't broken because of image loading or image errors.

+
+ +
+
+ +
+
+ +
<figure class="image is-128x128">
+  <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png">
+</figure>
+ +
+ +

Fixed square images

+
+

There are 7 dimensions to choose from, useful for avatars:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
image is-16x16
16x16px
image is-24x24
24x24px
image is-32x32
32x32px
image is-48x48
48x48px
image is-64x64
64x64px
image is-96x96
96x96px
image is-128x128
128x128px
+ +

Retina images

+ +
+

Because the image is fixed in size, you can use an image that is twice as big. So for example, in a 128x128 container, you can use a 256x256 image, but resized to 128x128 pixels.

+
+ +
+
+ +
+
+ +
<figure class="image is-128x128">
+  <img src="http://bulma.io/versions/0.4.4/images/placeholders/256x256.png">
+</figure>
+ +
+ +

Responsive images with ratios

+ +
+

If you don't know the exact dimensions but know the ratio instead, you can use one of the 5 ratio modifers:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
image is-square
Square (or 1by1)
image is-1by1
1 by 1
image is-4by3
4 by 3
image is-3by2
3 by 2
image is-16by9
16 by 9
image is-2by1
2 by 1
+ +
+

The .image container will take up the whole width while maintaining the perfect ratio.

+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/notification/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/notification/index.html new file mode 100644 index 000000000..7c276ed9c --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/notification/index.html @@ -0,0 +1,656 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Notifications

+

+ Bold notification blocks, to alert your users of something +

+ +
+ +
+
+
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+ + Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+ + Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+ + Success lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+ + Warning lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+ + Danger lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+
+
<div class="notification">
+  <button class="delete"></button>
+  Lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-primary">
+  <button class="delete"></button>
+  Primar lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-info">
+  <button class="delete"></button>
+  Info lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-success">
+  <button class="delete"></button>
+  Success lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-warning">
+  <button class="delete"></button>
+  Warning lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-danger">
+  <button class="delete"></button>
+  Danger lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/progress/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/progress/index.html new file mode 100644 index 000000000..49551b31d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/progress/index.html @@ -0,0 +1,614 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Progress bars

+

+ Native HTML progress bars +

+ +
+ +
+ 15% + 30% + 45% + 60% + 75% + 90% +
+
<progress class="progress" value="15" max="100">15%</progress>
+<progress class="progress is-primary" value="30" max="100">30%</progress>
+<progress class="progress is-info" value="45" max="100">45%</progress>
+<progress class="progress is-success" value="60" max="100">60%</progress>
+<progress class="progress is-warning" value="75" max="100">75%</progress>
+<progress class="progress is-danger" value="90" max="100">90%</progress>
+ +
+ +

Sizes

+
+ 15% + 30% + 45% + 60% +
+
<progress class="progress is-small" value="15" max="100">15%</progress>
+<progress class="progress" value="30" max="100">30%</progress>
+<progress class="progress is-medium" value="45" max="100">45%</progress>
+<progress class="progress is-large" value="60" max="100">60%</progress>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/table/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/table/index.html new file mode 100644 index 000000000..93124ed09 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/table/index.html @@ -0,0 +1,1376 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Tables

+

The inevitable HTML table, with special case cells

+ +
+ +
+

You simply need to attach a single .table CSS class on a <table> with the following structure:

+
    +
  • + table +
      +
    • + thead +
      • +
    • + tfoot +
      • +
    • + tbody +
        +
      • + tr +
          +
        • + th +
          • +
        • + td +
          • +
        +
        • +
      +
      • +
    +
    • +
+

+ New! + 0.4.2 +

+

+ You can set a table row as selected by appending the is-selected modifier on a <tr> +

+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PosTeamPldWDLGFGAGDPtsQualification or relegation
PosTeamPldWDLGFGAGDPtsQualification or relegation
1Leicester City (C) + 38231236836+3281Qualification for the Champions League group stage
2Arsenal38201176536+2971Qualification for the Champions League group stage
3Tottenham Hotspur38191366935+3470Qualification for the Champions League group stage
4Manchester City38199107141+3066Qualification for the Champions League play-off round
5Manchester United38199104935+1466Qualification for the Europa League group stage
6Southampton38189115941+1863Qualification for the Europa League group stage
7West Ham United38161486551+1462Qualification for the Europa League third qualifying round
8Liverpool381612106350+1360
9Stoke City38149154155−1451
10Chelsea381214125953+650
11Everton381114135955+447
12Swansea City381211154252−1047
13Watford38129174050−1045
14West Bromwich Albion381013153448−1443
15Crystal Palace38119183951−1242
16AFC Bournemouth38119184567−2242
17Sunderland38912174862−1439
18Newcastle United (R) + 38910194465−2137Relegation to the Football League Championship
19Norwich City (R) + 3897223967−2834Relegation to the Football League Championship
20Aston Villa (R) + 3838272776−4917Relegation to the Football League Championship
+ +
+ +
<table class="table">
+  <thead>
+    <tr>
+      <th><abbr title="Position">Pos</abbr></th>
+      <th>Team</th>
+      <th><abbr title="Played">Pld</abbr></th>
+      <th><abbr title="Won">W</abbr></th>
+      <th><abbr title="Drawn">D</abbr></th>
+      <th><abbr title="Lost">L</abbr></th>
+      <th><abbr title="Goals for">GF</abbr></th>
+      <th><abbr title="Goals against">GA</abbr></th>
+      <th><abbr title="Goal difference">GD</abbr></th>
+      <th><abbr title="Points">Pts</abbr></th>
+      <th>Qualification or relegation</th>
+    </tr>
+  </thead>
+  <tfoot>
+    <tr>
+      <th><abbr title="Position">Pos</abbr></th>
+      <th>Team</th>
+      <th><abbr title="Played">Pld</abbr></th>
+      <th><abbr title="Won">W</abbr></th>
+      <th><abbr title="Drawn">D</abbr></th>
+      <th><abbr title="Lost">L</abbr></th>
+      <th><abbr title="Goals for">GF</abbr></th>
+      <th><abbr title="Goals against">GA</abbr></th>
+      <th><abbr title="Goal difference">GD</abbr></th>
+      <th><abbr title="Points">Pts</abbr></th>
+      <th>Qualification or relegation</th>
+    </tr>
+  </tfoot>
+  <tbody>
+    <tr>
+      <th>1</th>
+      <td><a href="https://en.wikipedia.org/wiki/Leicester_City_F.C." title="Leicester City F.C.">Leicester City</a> <strong>(C)</strong>
+      </td>
+      <td>38</td>
+      <td>23</td>
+      <td>12</td>
+      <td>3</td>
+      <td>68</td>
+      <td>36</td>
+      <td>+32</td>
+      <td>81</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr>
+      <th>2</th>
+      <td><a href="https://en.wikipedia.org/wiki/Arsenal_F.C." title="Arsenal F.C.">Arsenal</a></td>
+      <td>38</td>
+      <td>20</td>
+      <td>11</td>
+      <td>7</td>
+      <td>65</td>
+      <td>36</td>
+      <td>+29</td>
+      <td>71</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr>
+      <th>3</th>
+      <td><a href="https://en.wikipedia.org/wiki/Tottenham_Hotspur_F.C." title="Tottenham Hotspur F.C.">Tottenham Hotspur</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>13</td>
+      <td>6</td>
+      <td>69</td>
+      <td>35</td>
+      <td>+34</td>
+      <td>70</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr class="is-selected">
+      <th>4</th>
+      <td><a href="https://en.wikipedia.org/wiki/Manchester_City_F.C." title="Manchester City F.C.">Manchester City</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>9</td>
+      <td>10</td>
+      <td>71</td>
+      <td>41</td>
+      <td>+30</td>
+      <td>66</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Play-off_round" title="2016–17 UEFA Champions League">Champions League play-off round</a></td>
+    </tr>
+    <tr>
+      <th>5</th>
+      <td><a href="https://en.wikipedia.org/wiki/Manchester_United_F.C." title="Manchester United F.C.">Manchester United</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>9</td>
+      <td>10</td>
+      <td>49</td>
+      <td>35</td>
+      <td>+14</td>
+      <td>66</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Group_stage" title="2016–17 UEFA Europa League">Europa League group stage</a></td>
+    </tr>
+    <tr>
+      <th>6</th>
+      <td><a href="https://en.wikipedia.org/wiki/Southampton_F.C." title="Southampton F.C.">Southampton</a></td>
+      <td>38</td>
+      <td>18</td>
+      <td>9</td>
+      <td>11</td>
+      <td>59</td>
+      <td>41</td>
+      <td>+18</td>
+      <td>63</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Group_stage" title="2016–17 UEFA Europa League">Europa League group stage</a></td>
+    </tr>
+    <tr>
+      <th>7</th>
+      <td><a href="https://en.wikipedia.org/wiki/West_Ham_United_F.C." title="West Ham United F.C.">West Ham United</a></td>
+      <td>38</td>
+      <td>16</td>
+      <td>14</td>
+      <td>8</td>
+      <td>65</td>
+      <td>51</td>
+      <td>+14</td>
+      <td>62</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Third_qualifying_round" title="2016–17 UEFA Europa League">Europa League third qualifying round</a></td>
+    </tr>
+    <tr>
+      <th>8</th>
+      <td><a href="https://en.wikipedia.org/wiki/Liverpool_F.C." title="Liverpool F.C.">Liverpool</a></td>
+      <td>38</td>
+      <td>16</td>
+      <td>12</td>
+      <td>10</td>
+      <td>63</td>
+      <td>50</td>
+      <td>+13</td>
+      <td>60</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>9</th>
+      <td><a href="https://en.wikipedia.org/wiki/Stoke_City_F.C." title="Stoke City F.C.">Stoke City</a></td>
+      <td>38</td>
+      <td>14</td>
+      <td>9</td>
+      <td>15</td>
+      <td>41</td>
+      <td>55</td>
+      <td>−14</td>
+      <td>51</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>10</th>
+      <td><a href="https://en.wikipedia.org/wiki/Chelsea_F.C." title="Chelsea F.C.">Chelsea</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>14</td>
+      <td>12</td>
+      <td>59</td>
+      <td>53</td>
+      <td>+6</td>
+      <td>50</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>11</th>
+      <td><a href="https://en.wikipedia.org/wiki/Everton_F.C." title="Everton F.C.">Everton</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>14</td>
+      <td>13</td>
+      <td>59</td>
+      <td>55</td>
+      <td>+4</td>
+      <td>47</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>12</th>
+      <td><a href="https://en.wikipedia.org/wiki/Swansea_City_A.F.C." title="Swansea City A.F.C.">Swansea City</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>11</td>
+      <td>15</td>
+      <td>42</td>
+      <td>52</td>
+      <td>−10</td>
+      <td>47</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>13</th>
+      <td><a href="https://en.wikipedia.org/wiki/Watford_F.C." title="Watford F.C.">Watford</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>9</td>
+      <td>17</td>
+      <td>40</td>
+      <td>50</td>
+      <td>−10</td>
+      <td>45</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>14</th>
+      <td><a href="https://en.wikipedia.org/wiki/West_Bromwich_Albion_F.C." title="West Bromwich Albion F.C.">West Bromwich Albion</a></td>
+      <td>38</td>
+      <td>10</td>
+      <td>13</td>
+      <td>15</td>
+      <td>34</td>
+      <td>48</td>
+      <td>−14</td>
+      <td>43</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>15</th>
+      <td><a href="https://en.wikipedia.org/wiki/Crystal_Palace_F.C." title="Crystal Palace F.C.">Crystal Palace</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>9</td>
+      <td>18</td>
+      <td>39</td>
+      <td>51</td>
+      <td>−12</td>
+      <td>42</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>16</th>
+      <td><a href="https://en.wikipedia.org/wiki/A.F.C._Bournemouth" title="A.F.C. Bournemouth">AFC Bournemouth</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>9</td>
+      <td>18</td>
+      <td>45</td>
+      <td>67</td>
+      <td>−22</td>
+      <td>42</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>17</th>
+      <td><a href="https://en.wikipedia.org/wiki/Sunderland_A.F.C." title="Sunderland A.F.C.">Sunderland</a></td>
+      <td>38</td>
+      <td>9</td>
+      <td>12</td>
+      <td>17</td>
+      <td>48</td>
+      <td>62</td>
+      <td>−14</td>
+      <td>39</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>18</th>
+      <td><a href="https://en.wikipedia.org/wiki/Newcastle_United_F.C." title="Newcastle United F.C.">Newcastle United</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>9</td>
+      <td>10</td>
+      <td>19</td>
+      <td>44</td>
+      <td>65</td>
+      <td>−21</td>
+      <td>37</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>
+    </tr>
+    <tr>
+      <th>19</th>
+      <td><a href="https://en.wikipedia.org/wiki/Norwich_City_F.C." title="Norwich City F.C.">Norwich City</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>9</td>
+      <td>7</td>
+      <td>22</td>
+      <td>39</td>
+      <td>67</td>
+      <td>−28</td>
+      <td>34</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>    </tr>
+    <tr>
+      <th>20</th>
+      <td><a href="https://en.wikipedia.org/wiki/Aston_Villa_F.C." title="Aston Villa F.C.">Aston Villa</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>3</td>
+      <td>8</td>
+      <td>27</td>
+      <td>27</td>
+      <td>76</td>
+      <td>−49</td>
+      <td>17</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>
+    </tr>
+  </tbody>
+</table>
+ +
+ +

Modifiers

+ +
+
+

Add borders to all the cells.

+
+
+ table is-bordered +
+
+ + + + + + + + + + + + + +
OneTwo
ThreeFour
+
+
+ +
+
+

Add stripes to the table.

+
+
+ table is-striped +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+
+

Make the cells narrower.

+
+
+ table is-narrow +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+
+

You can combine all three modifiers.

+
+
+ table is-bordered is-striped is-narrow +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/tag/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/tag/index.html new file mode 100644 index 000000000..c02555fb6 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/tag/index.html @@ -0,0 +1,724 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Tags

+

+ Small tag labels to insert anywhere +

+ +
+ +
+
+ By default, a tag is a 1.5rem high label. +
+
+ + Tag label + +
+
+
<span class="tag">
+  Tag label
+</span>
+
+
+ +
+
+ Like with buttons, there are 9 different colors available. +
+
+

+ + Black + +

+

+ + Dark + +

+

+ + Light + +

+

+ + White + +

+

+ + Primary + +

+

+ + Info + +

+

+ + Success + +

+

+ + Warning + +

+ + Danger + +
+
+
<span class="tag is-black">Black</span>
+<span class="tag is-dark">Dark</span>
+<span class="tag is-light">Light</span>
+<span class="tag is-white">White</span>
+<span class="tag is-primary">Primary</span>
+<span class="tag is-info">Info</span>
+<span class="tag is-success">Success</span>
+<span class="tag is-warning">Warning</span>
+<span class="tag is-danger">Danger</span>
+
+
+ +
+
+ And 2 additional sizes. +
+
+

+ + Medium + +

+

+ + Large + +

+
+
+
<span class="tag is-primary is-medium">Medium</span>
+<span class="tag is-info is-large">Large</span>
+
+
+ +
+
+ You can also append a delete button. +
+
+

+ + Bar + + +

+

+ + Hello + + +

+

+ + World + + +

+
+
+
<span class="tag is-success">
+  Bar
+  <button class="delete is-small"></button>
+</span>
+<span class="tag is-warning is-medium">
+  Hello
+  <button class="delete is-small"></button>
+</span>
+<span class="tag is-danger is-large">
+  World
+  <button class="delete"></button>
+</span>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/elements/title/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/title/index.html new file mode 100644 index 000000000..2ed9b2a3d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/elements/title/index.html @@ -0,0 +1,714 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Titles

+

+ Simple headings to add depth to your page +

+ +
+ +
+
+

There are 2 types of heading:

+
+
+

Title

+

Subtitle

+
+
+
<h1 class="title">Title</h1>
+<h2 class="subtitle">Subtitle</h2>
+
+
+ +
+ +
+
+

There are 6 sizes available:

+
+
+

Title 1

+

Title 2

+

Title 3 (default size)

+

Title 4

+

Title 5

+

Title 6

+
+
+
<h1 class="title is-1">Title 1</h1>
+<h2 class="title is-2">Title 2</h2>
+<h3 class="title is-3">Title 3</h3>
+<h4 class="title is-4">Title 4</h4>
+<h5 class="title is-5">Title 5</h5>
+<h6 class="title is-6">Title 6</h6>
+
+
+ +
+
+
+

Subtitle 1

+

Subtitle 2

+

Subtitle 3

+

Subtitle 4

+

Subtitle 5 (default size)

+

Subtitle 6

+
+
+
<h1 class="subtitle is-1">Subtitle 1</h1>
+<h2 class="subtitle is-2">Subtitle 2</h2>
+<h3 class="subtitle is-3">Subtitle 3</h3>
+<h4 class="subtitle is-4">Subtitle 4</h4>
+<h5 class="subtitle is-5">Subtitle 5</h5>
+<h6 class="subtitle is-6">Subtitle 6</h6>
+
+
+ +
+ +
+
+
+

When you combine a title and a subtitle, they move closer together.

+

As a rule of thumb, it is recommended to use a size difference of two. So if you use a title is-1, combine it with a subtitle is-3.

+
+
+
+
+

Title 1

+

Subtitle 3

+
+
+

Title 2

+

Subtitle 4

+
+
+

Title 3

+

Subtitle 5

+
+
+
+
<p class="title is-1">Title 1</p>
+<p class="subtitle is-3">Subtitle 3</p>
+
+<p class="title is-2">Title 2</p>
+<p class="subtitle is-4">Subtitle 4</p>
+
+<p class="title is-3">Title 3</p>
+<p class="subtitle is-5">Subtitle 5</p>
+
+
+ +
+ +
+
+
+

+ New! +

+

You can maintain the normal spacing between titles and subtitles if you use the is-spaced modifier on the first element.

+
+
+
+
+

Title 1

+

Subtitle 3

+
+
+

Title 2

+

Subtitle 4

+
+
+

Title 3

+

Subtitle 5

+
+
+
+
<p class="title is-1 is-spaced">Title 1</p>
+<p class="subtitle is-3">Subtitle 3</p>
+
+<p class="title is-2 is-spaced">Title 2</p>
+<p class="subtitle is-4">Subtitle 4</p>
+
+<p class="title is-3 is-spaced">Title 3</p>
+<p class="subtitle is-5">Subtitle 5</p>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/form/checkbox/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/form/checkbox/index.html new file mode 100644 index 000000000..c9831435e --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/form/checkbox/index.html @@ -0,0 +1,638 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Checkbox

+

+ The 2-state checkbox in its native format +

+ +
+ +
+

+ The checkbox class is a simple wrapper around the <input type="checkbox"> HTML element. It is intentionally not styled, to preserve cross-browser compatibility and the user experience. +

+
+ +
+
+ + + +
+
+ 
<label class="checkbox">
+  <input type="checkbox">
+  Remember me
+</label>
+
+
+ +
+

+ You can add links to your checkbox, or even disable it. +

+
+ +
+
+ + + +
+
+ 
<label class="checkbox">
+  <input type="checkbox">
+  I agree to the <a href="#">terms and conditions</a>
+</label>
+
+
+ +
+
+ + + +
+
+ 
<label class="checkbox" disabled>
+  <input type="checkbox" disabled>
+  Save my preferences
+</label>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/form/general/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/form/general/index.html new file mode 100644 index 000000000..ae3471cdc --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/form/general/index.html @@ -0,0 +1,2124 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Form controls

+

+ All generic form controls, designed for consistency +

+ +
+ +
+

The following form controls classes are supported:

+
    +
  • .label
    • +
  • .input
    • +
  • .textarea
    • +
  • .select
    • +
  • .checkbox
    • +
  • .radio
    • +
  • .button
    • +
  • .help
    • +
+

Each of them should be wrapped in a .control container.
+ When combining several controls in a form, use the .field class as a container, to keep the spacing consistent.

+
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ + + + + + + +
+

This username is available

+
+ +
+ +
+ + + + + + + +
+

This email is invalid

+
+ +
+ +
+
+ +
+
+
+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Username</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small is-left">
+      <i class="fa fa-user"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+  <p class="help is-success">This username is available</p>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-danger" type="text" placeholder="Email input" value="hello@">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-warning"></i>
+    </span>
+  </div>
+  <p class="help is-danger">This email is invalid</p>
+</div>
+
+<div class="field">
+  <label class="label">Subject</label>
+  <div class="control">
+    <div class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Message</label>
+  <div class="control">
+    <textarea class="textarea" placeholder="Textarea"></textarea>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control">
+    <label class="checkbox">
+      <input type="checkbox">
+      I agree to the <a href="#">terms and conditions</a>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control">
+    <label class="radio">
+      <input type="radio" name="question">
+      Yes
+    </label>
+    <label class="radio">
+      <input type="radio" name="question">
+      No
+    </label>
+  </div>
+</div>
+
+<div class="field is-grouped">
+  <div class="control">
+    <button class="button is-primary">Submit</button>
+  </div>
+  <div class="control">
+    <button class="button is-link">Cancel</button>
+  </div>
+</div>
+
+
+ +
+ +

Form field

+ +
+

The field container is a simple container for:

+
    +
  • a text label
    • +
  • a form control
    • +
  • an optional helptext
    • +
+
+ +
+
+ +
+ +
+ +
+

This is a help text

+
+ +
+
+ 
<div class="field">
+  <label class="label">Label</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </div>
+  <p class="help">This is a help text</p>
+</div>
+
+
+ +
+

This container allows form fields to be spaced consistently.

+
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="e.g Alex Smith">
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <div class="control">
+    <input class="input" type="email" placeholder="e.g. alexsmith@gmail.com">
+  </div>
+</div>
+
+
+ +
+ +

Form control

+ +
+

The control is a versatile container meant to enhance single form controls. Because it has the same height as a control elements, it can only contain the following elements:

+
    +
  • input
    • +
  • select
    • +
  • button
    • +
  • icon
    • +
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Text input">
+</div>
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <button class="button is-primary">Submit</button>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + + + + +

+
+
+

+ + + + +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <button class="button is-success">
+      Login
+    </button>
+  </p>
+</div>
+
+
+ +
+
+
+

+ You can append icons to select dropdowns as well. +

+
+ +
+

+ + + + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <span class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+    <span class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-small">Small input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-small" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Normal input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-medium">Medium input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-large">Large input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-large is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-large is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+ +

Form addons

+
+

If you want to attach controls together, use the has-addons modifier on the field container:

+
+
+ +
+
+ +
+
+ + Search + +
+
+ +
+ 
<div class="field has-addons">
+  <div class="control">
+    <input class="input" type="text" placeholder="Find a repository">
+  </div>
+  <div class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </div>
+</div>
+
+

You can attach inputs, buttons, and dropdowns only.

+
+ +
+

+ New! + 0.4.2 +

+

It can be useful to append a static button.

+
+ +
+ +
+

+ +

+

+ + @gmail.com + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Your email">
+  </p>
+  <p class="control">
+    <a class="button is-static">
+      @gmail.com
+    </a>
+  </p>
+</div>
+ +
+

Use the is-expanded modifier on the element you want to fill up the remaining space (in this case, the input):

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+

If you want a full width select dropdown, pair control is-expanded with select is-fullwidth.

+
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+ 
<div class="field has-addons">
+  <div class="control is-expanded">
+    <div class="select is-fullwidth">
+      <select name="country">
+        <option value="Argentina">Argentina</option>
+        <option value="Bolivia">Bolivia</option>
+        <option value="Brazil">Brazil</option>
+        <option value="Chile">Chile</option>
+        <option value="Colombia">Colombia</option>
+        <option value="Ecuador">Ecuador</option>
+        <option value="Guyana">Guyana</option>
+        <option value="Paraguay">Paraguay</option>
+        <option value="Peru">Peru</option>
+        <option value="Suriname">Suriname</option>
+        <option value="Uruguay">Uruguay</option>
+        <option value="Venezuela">Venezuela</option>
+      </select>
+    </div>
+  </div>
+  <div class="control">
+    <button type="submit" class="button is-primary">Choose</button>
+  </div>
+</div>
+ +
+

Use the has-addons-centered or the has-addons-right modifers to alter the alignment.

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-centered">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-right">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+ +

Form group

+
+

+ If you want to group controls together, use the is-grouped modifier on the field container. +
+ Use the is-grouped-centered or the is-grouped-right modifers to alter the alignment. +

+

+ Add the is-expanded modifier on the control element you want to fill up the remaining space with. +

+
+
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+ +
+ +

Horizontal form

+
+

If you want a horizontal form control, use the is-horizontal modifier on the field container, in which you include:

+
    +
  • + field-label for the side label +
    • +
  • + field-body for the input/select/textarea container +
    • +
+

You can use is-grouped or has-addons for the child elements.

+
+
+ +
+
+ +
+
+
+

+ + + + +

+
+
+

+ + + + + + + +

+
+
+
+ +
+
+
+
+
+

+ + +44 + +

+

+ +

+
+

Do not enter the first zero

+
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+ +
+

+ This field is required +

+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">From</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <p class="control is-expanded has-icons-left">
+        <input class="input" type="text" placeholder="Name">
+        <span class="icon is-small is-left">
+          <i class="fa fa-user"></i>
+        </span>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control is-expanded has-icons-left has-icons-right">
+        <input class="input is-success" type="email" placeholder="Email" value="alex@smith.com">
+        <span class="icon is-small is-left">
+          <i class="fa fa-envelope"></i>
+        </span>
+        <span class="icon is-small is-right">
+          <i class="fa fa-check"></i>
+        </span>
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label"></div>
+  <div class="field-body">
+    <div class="field is-expanded">
+      <div class="field has-addons">
+        <p class="control">
+          <a class="button is-static">
+            +44
+          </a>
+        </p>
+        <p class="control is-expanded">
+          <input class="input" type="tel" placeholder="Your phone number">
+        </p>
+      </div>
+      <p class="help">Do not enter the first zero</p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Department</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <div class="select is-fullwidth">
+          <select>
+            <option>Business development</option>
+            <option>Marketing</option>
+            <option>Sales</option>
+          </select>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">Already a member?</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <label class="radio">
+          <input type="radio" name="member">
+          Yes
+        </label>
+        <label class="radio">
+          <input type="radio" name="member">
+          No
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Subject</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-danger" type="text" placeholder="e.g. Partnership opportunity">
+      </div>
+      <p class="help is-danger">
+        This field is required
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Question</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <textarea class="textarea" placeholder="Explain how we can help you"></textarea>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <!-- Left empty for spacing -->
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <button class="button is-primary">
+          Send message
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+ +
+

+ To preserve the vertical alignment of labels with each type and size of control, the .field-label comes with 4 size modifiers: +

+
    +
  • + .is-small +
    • +
  • + .is-normal for any .input or .button +
    • +
  • + .is-medium +
    • +
  • + .is-large +
    • +
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">No padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input type="checkbox">
+          Checkbox
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-small">
+    <label class="label">Small padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-small" type="text" placeholder="Small sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Normal label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input" type="text" placeholder="Normal sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-medium">
+    <label class="label">Medium label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-medium" type="text" placeholder="Medium sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-large">
+    <label class="label">Large label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-large" type="text" placeholder="Large sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/form/input/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/form/input/index.html new file mode 100644 index 000000000..dbe4cb2b1 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/form/input/index.html @@ -0,0 +1,1067 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Input

+

+ The text input and its variations +

+ +
+ +
+

The following modifiers are supported:

+ +

The following type attributes are supported:

+
    +
  • type="text"
    • +
  • type="password"
    • +
  • type="email"
    • +
  • type="tel"
    • +
+
+ +
+
+ + + +
+
+ 
<input class="input" type="text" placeholder="Text input">
+
+
+ +
+ +

Colors

+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <input class="input is-primary" type="text" placeholder="Primary input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-info" type="text" placeholder="Info input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-success" type="text" placeholder="Success input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-warning" type="text" placeholder="Warning input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-danger" type="text" placeholder="Danger input">
+  </div>
+</div>
+
+
+ +
+

Sizes

+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <input class="input is-small" type="text" placeholder="Small input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-medium" type="text" placeholder="Medium input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-large" type="text" placeholder="Large input">
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Normal input">
+</div>
+
+
+ +

Hover

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input is-hovered" type="text" placeholder="Hovered input">
+</div>
+
+
+ +

Focus

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input is-focused" type="text" placeholder="Focused input">
+</div>
+
+
+ +

Loading

+
+
+ +
+ +
+ +
+
+ 
<div class="control is-loading">
+  <input class="input" type="text" placeholder="Loading input">
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control is-small is-loading">
+    <input class="input is-small" type="text" placeholder="Small loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-loading">
+    <input class="input" type="text" placeholder="Normal loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-medium is-loading">
+    <input class="input is-medium" type="text" placeholder="Medium loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-large is-loading">
+    <input class="input is-large" type="text" placeholder="Large loading input">
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Disabled input" disabled>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + + + + +

+
+
+

+ + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-small" type="email" placeholder="Email">
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-small is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input" type="email" placeholder="Email">
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-small is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-medium" type="email" placeholder="Email">
+  <span class="icon is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-large" type="email" placeholder="Email">
+  <span class="icon is-medium is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-medium is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/form/radio/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/form/radio/index.html new file mode 100644 index 000000000..113d38eda --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/form/radio/index.html @@ -0,0 +1,691 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Radio

+

+ The mutually exclusive radio buttons in their native format +

+ +
+ +
+

+ The radio class is a simple wrapper around the <input type="radio"> HTML elements. It is intentionally not styled, to preserve cross-browser compatibility and the user experience. +

+

+ Make sure the linked radio buttons have the same value for their name HTML attribute. +

+
+ +
+
+ +
+ + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="answer">
+    Yes
+  </label>
+  <label class="radio">
+    <input type="radio" name="answer">
+    No
+  </label>
+</div>
+
+
+ +
+

+ You can check a radio button by default by adding the checked HTML attribute to the <input> element. +

+
+ +
+
+ +
+ + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="foobar">
+    Foo
+  </label>
+  <label class="radio">
+    <input type="radio" name="foobar" checked>
+    Bar
+  </label>
+</div>
+
+
+ +
+

+ You can add disable a radio button by adding the disabled HTML attribute to both the <label> and the <input>. +

+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="rsvp">
+    Going
+  </label>
+  <label class="radio">
+    <input type="radio" name="rsvp">
+    Not going
+  </label>
+  <label class="radio" disabled>
+    <input type="radio" name="rsvp" disabled>
+    Maybe
+  </label>
+</div>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/form/select/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/form/select/index.html new file mode 100644 index 000000000..af328821e --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/form/select/index.html @@ -0,0 +1,1188 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Select

+

+ The browser built-in select dropdown, styled accordingly +

+ +
+ +
+

The following modifiers are supported:

+ +
+ +
+
+ +
+ +
+ +
+
+ 
<div class="select">
+  <select>
+    <option>Select dropdown</option>
+    <option>With options</option>
+  </select>
+</div>
+
+
+ + +
+ +

Multiple select

+ +
+
+
+

+ New! + 0.4.4 +

+

+ You can style a multiple select dropdown, by using the is-multiple modifier, and by using the multiple HTML attribute. +

+
+ +
+ +
+ +
+
+ 
<div class="select is-multiple">
+  <select multiple size="8">
+    <option value="Argentina">Argentina</option>
+    <option value="Bolivia">Bolivia</option>
+    <option value="Brazil">Brazil</option>
+    <option value="Chile">Chile</option>
+    <option value="Colombia">Colombia</option>
+    <option value="Ecuador">Ecuador</option>
+    <option value="Guyana">Guyana</option>
+    <option value="Paraguay">Paraguay</option>
+    <option value="Peru">Peru</option>
+    <option value="Suriname">Suriname</option>
+    <option value="Uruguay">Uruguay</option>
+    <option value="Venezuela">Venezuela</option>
+  </select>
+</div>
+
+
+ + +
+ +

Colors

+ +
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <div class="select is-primary">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-info">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-success">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-warning">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-danger">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ +
+

Sizes

+
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <div class="select is-small">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-medium">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-large">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Hover

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select class="is-hovered">
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Focus

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select class="is-focused">
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Loading

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select is-loading">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append the modifier on a control:

+
    +
  • + has-icons-left +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left since has-icons-left is used +
    • +
+

The size of the select will define the size of the icon container.

+
+
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control has-icons-left">
+    <div class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+    <div class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-small">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-medium">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-medium is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-large">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-large is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/form/textarea/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/form/textarea/index.html new file mode 100644 index 000000000..cc0156f63 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/form/textarea/index.html @@ -0,0 +1,888 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Textarea

+

+ The multiline textarea and its variations +

+ +
+ +
+

The following modifiers are supported:

+ +
+ +
+
+ + + +
+
+ 
<textarea class="textarea" placeholder="e.g. Hello world"></textarea>
+
+
+ +
+

+ New! + 0.4.4 +

+

+ You can set the height of the textarea using the `rows` HTML attribute. +

+
+ +
+
+ + + +
+
+ 
<textarea class="textarea" placeholder="10 lines of textarea" rows="10"></textarea>
+
+
+ +
+ +

Colors

+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <textarea class="textarea is-primary" type="text" placeholder="Primary textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-info" type="text" placeholder="Info textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-success" type="text" placeholder="Success textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-warning" type="text" placeholder="Warning textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-danger" type="text" placeholder="Danger textarea"></textarea>
+  </div>
+</div>
+
+
+ +
+

Sizes

+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <textarea class="textarea is-small" type="text" placeholder="Small textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea" type="text" placeholder="Normal textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-medium" type="text" placeholder="Medium textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-large" type="text" placeholder="Large textarea"></textarea>
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea" type="text" placeholder="Normal textarea"></textarea>
+</div>
+
+
+ +

Hover

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea is-hovered" type="text" placeholder="Hovered textarea"></textarea>
+</div>
+
+
+ +

Focus

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea is-focused" type="text" placeholder="Focused textarea"></textarea>
+</div>
+
+
+ +

Loading

+
+
+ +
+ +
+ +
+
+ 
<div class="control is-loading">
+  <textarea class="textarea" type="text" placeholder="Loading textarea"></textarea>
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control is-small is-loading">
+    <textarea class="textarea is-small" type="text" placeholder="Small loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-loading">
+    <textarea class="textarea" type="text" placeholder="Normal loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-medium is-loading">
+    <textarea class="textarea is-medium" type="text" placeholder="Medium loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-large is-loading">
+    <textarea class="textarea is-large" type="text" placeholder="Large loading textarea"></textarea>
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea" type="text" placeholder="Disabled textarea" disabled></textarea>
+</div>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/grid/columns/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/grid/columns/index.html new file mode 100644 index 000000000..cbd4ce130 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/grid/columns/index.html @@ -0,0 +1,1408 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Columns

+

A simple way to build responsive columns

+
+
+

To build a grid, just:

+
    +
  1. Add a columns container
    2. +
  2. Add as many column elements as you want
    3. +
+

Each column will have an equal width, no matter the number of columns.

+
+ +
+
+

First column

+
+
+

Second column

+
+
+

Third column

+
+
+

Fourth column

+
+
+ +
<div class="columns">
+  <div class="column">
+    First column
+  </div>
+  <div class="column">
+    Second column
+  </div>
+  <div class="column">
+    Third column
+  </div>
+  <div class="column">
+    Fourth column
+  </div>
+</div>
+ +
+ +

Sizes

+
+

If you want to change the size of a single column, you can use one the following classes:

+
    +
  • + is-three-quarters +
    • +
  • + is-two-thirds +
    • +
  • + is-half +
    • +
  • + is-one-third +
    • +
  • + is-one-quarter +
    • +
+

The other columns will fill up the remaining space automatically.

+
+
+
+

+ is-three-quarters +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-two-thirds +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-half +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-one-third +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-one-quarter +

+
+
+

Auto

+
+
+ +
<div class="columns">
+  <div class="column is-three-quarters">
+    <p class="notification is-info">
+      <code class="html">is-three-quarters</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-two-thirds">
+    <p class="notification is-info">
+      <code class="html">is-two-thirds</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-half">
+    <p class="notification is-info">
+      <code class="html">is-half</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-one-third">
+    <p class="notification is-info">
+      <code class="html">is-one-third</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-success">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-one-quarter">
+    <p class="notification is-info">
+      <code class="html">is-one-quarter</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-success">Auto</p>
+  </div>
+</div>
+ +

12 columns

+
+

As the grid can be divided into 12 columns, there are size classes for each division:

+
    +
  • is-2
    • +
  • is-3
    • +
  • is-4
    • +
  • is-5
    • +
  • is-6
    • +
  • is-7
    • +
  • is-8
    • +
  • is-9
    • +
  • is-10
    • +
  • is-11
    • +
+
+
+

Naming

+

Each modifier class is named after how many columns you want out of 12. So if you want 7 columns out of 12, use is-7.

+
+ +
+
+

is-2

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-3

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-4

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-5

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-6

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-7

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-8

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-9

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-10

+
+
+

1

+
+
+

1

+
+
+
+
+

is-11

+
+
+

1

+
+
+ +
+ +

Offset

+
+

While you can use empty columns (like <div class="column"></div>) to create horizontal space around .column elements, you can also use offset modifiers like .is-offset-x: +

+ +
+
+

+ is-half
+ is-offset-one-quarter +

+
+
+ +
+
+

+ is-4
+ is-offset-8 +

+
+
+ +
+
+

+ is-11
+ is-offset-1 +

+
+
+ +
<div class="columns is-mobile">
+  <div class="column is-half is-offset-one-quarter"></div>
+</div>
+
+<div class="columns is-mobile">
+  <div class="column is-4 is-offset-8"></div>
+</div>
+
+<div class="columns is-mobile">
+  <div class="column is-11 is-offset-1"></div>
+</div>
+ +
+ +

Responsiveness

+
+

By default, columns are only activated from tablet onwards. This means columns are stacked on top of each other on mobile.

+

If you want columns to work on mobile too, just add the is-mobile modifier on the columns container:

+
+
+
+

1

+
+
+

2

+
+
+

3

+
+
+

4

+
+
+
<div class="columns is-mobile">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+</div>
+
+

Resize

+

If you want to see the difference, resize your browser and see when the columns are stacked and when they are horizontally distributed.

+
+
+

If you only want columns on desktop, just use the is-desktop modifier on the columns container:

+
+
+
+

1

+
+
+

2

+
+
+

3

+
+
+

4

+
+
+
<div class="columns is-desktop">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+</div>
+ +

Different sizes per breakpoint

+
+

You can define a column size for each viewport size: mobile, tablet, and desktop.

+
+
+
+

+ is-half-mobile
+ is-one-third-tablet
+ is-one-quarter-desktop +

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+

Resize

+

If you want to see these classes in action, resize your browser window and see how the same column varies in width at each breakpoint.

+
+
<div class="columns is-mobile">
+  <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop">
+    <code>is-half-mobile</code><br>
+    <code>is-one-third-tablet</code><br>
+    <code>is-one-quarter-desktop</code>
+  </div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+</div>
+ +
+ +

Nesting

+
+

+ You can nest columns to have more flexibility in your design. You only need to follow this structure: +

+
    +
  • + columns: top-level columns container +
      +
    • + column +
        +
      • + columns: nested columns +
          +
        • + column and so on… +
          • +
        +
        • +
      +
      • +
    +
    • +
+

+ The difference with multiline columns is the order in the HTML code: all the blue columns appear before the red ones. Resize to a narrower viewport to see the result. +

+
+ +
+
+

First column

+
+
+

First nested column

+
+
+

Second nested column

+
+
+
+
+

Second column

+
+
+

50%

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+ +
<div class="columns">
+  <div class="column">
+    First column
+    <div class="columns is-mobile">
+      <div class="column">
+        First nested column
+      </div>
+      <div class="column">
+        Second nested column
+      </div>
+    </div>
+  </div>
+  <div class="column">
+    Second column
+    <div class="columns is-mobile">
+      <div class="column is-half">
+        50%
+      </div>
+      <div class="column">
+        Auto
+      </div>
+      <div class="column">
+        Auto
+      </div>
+    </div>
+  </div>
+</div>
+ +
+ +

Multiline

+
+

Whenever you want to start a new line, you can close a columns container and start a new one. But you can also add the is-multiline modifier and add more column elements that would fit in a single row.

+
+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+ +
<div class="columns is-multiline is-mobile">
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-half">
+    <code>is-half</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column">
+    Auto
+  </div>
+</div>
+
+ +

Gapless

+
+

If you want to remove the space between the columns, add the is-gapless modifier on the columns container:

+
+
+
+

First column

+
+
+

Second column

+
+
+

Third column

+
+
+

Fourth column

+
+
+
<div class="columns is-gapless">
+  <div class="column">First column</div>
+  <div class="column">Second column</div>
+  <div class="column">Third column</div>
+  <div class="column">Fourth column</div>
+</div>
+
+

You can combine it with the is-multiline modifier:

+
+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+
<div class="columns is-gapless is-multiline is-mobile">
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-half">
+    <code>is-half</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column">
+    Auto
+  </div>
+</div>
+ +
+ +

Narrow column

+
+

If you want a column to only take the space it needs, use the is-narrow modifier. The other column(s) will fill up the remaining space.

+
+
+
+
+

Narrow column

+

This column is only 200px wide.

+
+
+
+
+

Flexible column

+

This column will take up the remaining space available.

+
+
+
+
<div class="columns">
+  <div class="column is-narrow">
+    <div class="box" style="width: 200px;">
+      <p class="title is-5">Narrow column</p>
+      <p class="subtitle">This column is only 200px wide.</p>
+    </div>
+  </div>
+  <div class="column">
+    <div class="box">
+      <p class="title is-5">Flexible column</p>
+      <p class="subtitle">This column will take up the remaining space available.</p>
+    </div>
+  </div>
+</div>
+
+

As for the size modifiers, you can have narrow columns for different breakpoints:

+
    +
  • + is-narrow-mobile +
    • +
  • + is-narrow-tablet +
    • +
  • + is-narrow-desktop +
    • +
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/grid/tiles/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/grid/tiles/index.html new file mode 100644 index 000000000..bb5eb4bc3 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/grid/tiles/index.html @@ -0,0 +1,1408 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Tiles

+

A single tile element to build 2-dimensional Metro-like, Pinterest-like, or whatever-you-like grids

+ +
+ +
+

To build intricate 2-dimensional, you only need a single element: the tile:

+
+ +
<div class="tile">
+  <!-- The magical tile element! -->
+</div>
+ +
+ +

Example

+
+
+
+
+
+

Vertical...

+

Top tile

+
+
+

...tiles

+

Bottom tile

+
+
+
+
+

Middle tile

+

With an image

+
+ +
+
+
+
+
+
+

Wide tile

+

Aligned with the right tile

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall tile

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child notification is-primary">
+          <p class="title">Vertical...</p>
+          <p class="subtitle">Top tile</p>
+        </article>
+        <article class="tile is-child notification is-warning">
+          <p class="title">...tiles</p>
+          <p class="subtitle">Bottom tile</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child notification is-info">
+          <p class="title">Middle tile</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.4.4/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child notification is-danger">
+        <p class="title">Wide tile</p>
+        <p class="subtitle">Aligned with the right tile</p>
+        <div class="content">
+          <!-- Content -->
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child notification is-success">
+      <div class="content">
+        <p class="title">Tall tile</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <!-- Content -->
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

Modifiers

+ +
+

The tile element has 16 modifiers:

+
    +
  • + 3 contextual modifiers +
      +
    • is-ancestor
      • +
    • is-parent
      • +
    • is-child
      • +
    +
    • +
  • + 1 directional modifier +
      +
    • is-vertical
      • +
    +
    • +
  • + 12 horizontal size modifiers +
      +
    • from is-1
      • +
    • to is-12
      • +
    +
    • +
+
+ +
+ +

How it works: Nesting

+
+

Everything is a tile! To create a grid of tiles, you only need to nest tile elements.

+
+ +
+
+

Start with an ancestor tile that will wrap all other tiles:

+
+
+
<div class="tile is-ancestor">
+  <!-- All other tile elemnts -->
+</div>
+
+
+ +
+
+

Add tile elements that will distribute themselves horizontally:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+</div>
+
+
+ +
+
+

+ You can resize any tile according to a 12 column grid. +
+ For example, is-4 will take up 1/3 of the horizontal space: +

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4">
+    <!-- 1/3 -->
+  </div>
+  <div class="tile">
+    <!-- This tile will take the rest: 2/3 -->
+  </div>
+</div>
+
+
+ +
+
+

If you want to stack tiles vertically, add is-vertical on the parent tile:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical">
+    <div class="tile">
+      <!-- Top tile -->
+    </div>
+    <div class="tile">
+      <!-- Bottom tile -->
+    </div>
+  </div>
+  <div class="tile">
+    <!-- This tile will take up the whole vertical space -->
+  </div>
+</div>
+
+
+ +
+
+
+

As soon as you want to add content to a tile, just:

+
    +
  • add any class you want, like box
    • +
  • add the is-child modifier on the tile
    • +
  • add the is-parent modifier on the parent tile
    • +
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

One

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+

Two

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+

Three

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+      <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+      <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+    </div>
+  </div>
+</div>
+ +
+ +

Nesting requirements

+ +
+
+ 3 levels deep at least... +
+
+
+

You need at least 3 levels of hierarchy:

+
tile is-ancestor
+|
+└───tile is-parent
+    |
+    └───tile is-child
+
+
+
+ +
+
+ ...but more levels if you want! +
+
+
+

You can however nest tiles more deeply than that, and mix it up!

+
tile is-ancestor
+|
+├───tile is-vertical is-8
+|   |
+|   ├───tile
+|   |   |
+|   |   ├───tile is-parent is-vertical
+|   |   |   ├───tile is-child
+|   |   |   └───tile is-child
+|   |   |
+|   |   └───tile is-parent
+|   |       └───tile is-child
+|   |
+|   └───tile is-parent
+|       └───tile is-child
+|
+└───tile is-parent
+    └───tile is-child
+
+
+
+ +
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <!-- Put any content you want -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <!-- Put any content you want -->
+    </article>
+  </div>
+</div>
+ +
+ +

3 columns

+ +
+
+
+

Hello World

+

What is up?

+
+
+
+
+

Foo

+

Bar

+
+
+
+
+

Third column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Side column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Main column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Hello World</p>
+      <p class="subtitle">What is up?</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Foo</p>
+      <p class="subtitle">Bar</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Third column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Top box</p>
+        </article>
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Bottom box</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Middle box</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.4.4/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <p class="title">Wide column</p>
+        <p class="subtitle">Aligned with the right column</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Tall column</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Side column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-8">
+    <article class="tile is-child box">
+      <p class="title">Main column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

4 columns

+ +
+
+
+

One

+

Subtitle

+
+
+
+
+

Two

+

Subtitle

+
+
+
+
+

Three

+

Subtitle

+
+
+
+
+

Four

+

Subtitle

+
+
+
+
+
+
+
+
+

Five

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+
+
+
+
+
+
+
+

Six

+

Subtitle

+
+
+
+
+

Seven

+

Subtitle

+
+
+
+
+
+

Eight

+

Subtitle

+
+
+
+
+
+
+
+

Nine

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Ten

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+

Eleven

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Twelve

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+
+

Thirteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Fourteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">One</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Two</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Three</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Four</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-9">
+    <div class="tile">
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Five</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-8 is-vertical">
+        <div class="tile">
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Six</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Seven</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+        </div>
+        <div class="tile is-parent">
+          <article class="tile is-child box">
+            <p class="title">Eight</p>
+            <p class="subtitle">Subtitle</p>
+          </article>
+        </div>
+      </div>
+    </div>
+    <div class="tile">
+      <div class="tile is-8 is-parent">
+        <article class="tile is-child box">
+          <p class="title">Nine</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Ten</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Eleven</p>
+        <p class="subtitle">Subtitle</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Twelve</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-6">
+    <article class="tile is-child box">
+      <p class="title">Thirteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Fourteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/layout/container/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/layout/container/index.html new file mode 100644 index 000000000..e42dc8d01 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/layout/container/index.html @@ -0,0 +1,684 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + +
+
+

Container

+

+ A simple container to center your content horizontally +

+ +
+ +
+

The .container class can be used in any context, but mostly as a direct child of either:

+
    +
  • .nav
    • +
  • .hero
    • +
  • .section
    • +
  • .footer
    • +
+

This is how the container will behave:

+
    +
  • on mobile and tablet < 1008px +, it will have a margin of 24px on each side.
    • +
  • on desktop >= 1008px +, it will have a maximum width of 960px and will be horizontally centered.
    • +
  • on widescreen >= 1200px +, it will have a maximum width of 1152px.
    • +
  • on fullhd >= 1392px +, it will have a maximum width of 1344px.
    • +
+

+ The $gap variable has a default value of 24px but can be modified. +

+

The values 960, 1152 and 1344 have been chosen because they are divisible by both 12 and 16.

+
+
+
+ +
+ +
+
+ This container is centered on desktop. +
+
+ +
+ +
<div class="container">
+  <div class="notification">
+    This container is <strong>centered</strong> on desktop.
+  </div>
+</div>
+ +
+
+

Fluid container

+
+

If you don't want to have a maximum width but want to keep the 24px margin on the left and right sides, add the is-fluid modifier:

+
+
+
+ +
+ +
+
+ This container is fluid: it will have a 24px gap on either side, on any viewport size. +
+
+ +
+ +
<div class="container is-fluid">
+  <div class="notification">
+    This container is <strong>fluid</strong>: it will have a 24px gap on either side, on any viewport size.
+  </div>
+</div>
+ +
+
+

Breakpoint containers

+
+

+ New! + 0.4.4 +

+

+ With the two modifiers .is-widescreen and .is-fullhd, you can have a fullwidth container until those specific breakpoints. +

+
+
+
+ +
+ +
+
+ This container is fullwidth until the $widescreen breakpoint. +
+
+ +
+ +
<div class="container is-widescreen">
+  <div class="notification">
+    This container is <strong>fullwidth</strong> <em>until</em> the <code>$widescreen</code> breakpoint.
+  </div>
+</div>
+ +
+ +
+
+ This container is fullwidth until the $fullhd breakpoint. +
+
+ +
+ +
<div class="container is-fullhd">
+  <div class="notification">
+    This container is <strong>fullwidth</strong> <em>until</em> the <code>$fullhd</code> breakpoint.
+  </div>
+</div>
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/layout/footer/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/layout/footer/index.html new file mode 100644 index 000000000..ddc75af58 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/layout/footer/index.html @@ -0,0 +1,597 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Footer

+

+ A simple responsive footer which can include anything: lists, headings, columns, icons, buttons... +

+ +
+ +
+ +
<footer class="footer">
+  <div class="container">
+    <div class="content has-text-centered">
+      <p>
+        <strong>Bulma</strong> by <a href="http://jgthms.com">Jeremy Thomas</a>. The source code is licensed
+        <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
+        is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC ANS 4.0</a>.
+      </p>
+      <p>
+        <a class="icon" href="https://github.com/jgthms/bulma">
+          <i class="fa fa-github"></i>
+        </a>
+      </p>
+    </div>
+  </div>
+</footer>
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/layout/hero/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/layout/hero/index.html new file mode 100644 index 000000000..4d5b95581 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/layout/hero/index.html @@ -0,0 +1,1397 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Hero

+

+ An imposing hero banner to showcase something +

+
+
+ +
+
+
+
+
+

+ Hero title +

+

+ Hero subtitle +

+
+
+
+
+ +
<section class="hero">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Hero title
+      </h1>
+      <h2 class="subtitle">
+        Hero subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+ +
+
+

Colors

+

+ As with buttons, you can choose one of the 7 different colors +

+
+
+ +
+
+
+
+
+

+ Primary title +

+

+ Primary subtitle +

+
+
+
+
+ +
<section class="hero is-primary">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Primary title
+      </h1>
+      <h2 class="subtitle">
+        Primary subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Info title +

+

+ Info subtitle +

+
+
+
+
+ +
+
+
+
+

+ Success title +

+

+ Success subtitle +

+
+
+
+
+ +
+
+
+
+

+ Warning title +

+

+ Warning subtitle +

+
+
+
+
+ +
+
+
+
+

+ Danger title +

+

+ Danger subtitle +

+
+
+
+
+ +
+
+
+
+

+ Light title +

+

+ Light subtitle +

+
+
+
+
+ +
+
+
+
+

+ Dark title +

+

+ Dark subtitle +

+
+
+
+
+
+ +
+
+

+ Gradients + Experimental +

+

+ By adding the is-bold modifier, you can generate a subtle gradient +

+
+
+ +
+
+
+
+
+

+ Primary bold title +

+

+ Primary bold subtitle +

+
+
+
+
+
<section class="hero is-medium is-primary is-bold">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Primary bold title
+      </h1>
+      <h2 class="subtitle">
+        Primary bold subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+
+
+
+

+ Info bold title +

+

+ Info bold subtitle +

+
+
+
+
+
+
+
+
+

+ Success bold title +

+

+ Success bold subtitle +

+
+
+
+
+
+
+
+
+

+ Warning bold title +

+

+ Warning bold subtitle +

+
+
+
+
+
+
+
+
+

+ Danger bold title +

+

+ Danger bold subtitle +

+
+
+
+
+
+
+
+
+

+ Light bold title +

+

+ Light bold subtitle +

+
+
+
+
+
+
+
+
+

+ Dark bold title +

+

+ Dark bold subtitle +

+
+
+
+
+
+ +
+
+

Sizes

+

+ You can have even more imposing banners by using one of 3 different sizes +

+
+
+ +
+
+
+
+
+

+ Medium title +

+

+ Medium subtitle +

+
+
+
+
+ +
<section class="hero is-primary is-medium">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Medium title
+      </h1>
+      <h2 class="subtitle">
+        Medium subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Large title +

+

+ Large subtitle +

+
+
+
+
+ +
<section class="hero is-info is-large">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Large title
+      </h1>
+      <h2 class="subtitle">
+        Large subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Full Height title +

+

+ Full Height subtitle +

+
+
+
+
+ +
<section class="hero is-success is-fullheight">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Full Height title
+      </h1>
+      <h2 class="subtitle">
+        Full Height subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+ +
+
+

Full height hero

+

And vertically centered

+
+

You can split the hero in 3 vertical parts:

+
    +
  • + hero +
      +
    • hero-head (always at the top)
      • +
    • hero-body (always vertically centered)
      • +
    • hero-foot (always at the bottom)
      • +
    +
    • +
+
+
+
+ +
+
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-primary is-medium">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-primary is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+ +
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-info is-large">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-info is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs is-boxed is-fullwidth">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+ +
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-success is-fullheight">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-success is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs is-boxed is-fullwidth">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/layout/section/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/layout/section/index.html new file mode 100644 index 000000000..f8c3ec2cb --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/layout/section/index.html @@ -0,0 +1,583 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Section

+

+ A simple container to divide your page into sections, like the one you're currently reading +

+ +
+ +
+

Use sections as direct children of body.

+
+ +
<body>
+  <section class="section">
+    <div class="container">
+      <h1 class="title">Section</h1>
+      <h2 class="subtitle">
+        A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading
+      </h2>
+    </div>
+  </section>
+</body>
+ +
+

You can use the modifiers is-medium and is-large to change the spacing.

+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/modifiers/helpers/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/modifiers/helpers/index.html new file mode 100644 index 000000000..7dc38659a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/modifiers/helpers/index.html @@ -0,0 +1,614 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Helpers

+

You can apply responsive helper classes to almost any element, in order to alter its style based upon the browser's width.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Floatis-clearfixFixes an element's floating children
is-pulled-leftMoves an element to the left
is-pulled-rightMoves an element to the right
Overlayis-overlayCompletely covers the first positioned parent
Sizeis-fullwidthTakes up the whole width (100%)
Texthas-text-centeredCenters the text
has-text-leftText is left-aligned
has-text-rightText is right-aligned
Otheris-marginlessRemoves any margin
is-paddinglessRemoves any padding
is-unselectablePrevents the text from being selectable
is-hiddenHides element
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/modifiers/responsive-helpers/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/modifiers/responsive-helpers/index.html new file mode 100644 index 000000000..b63aa8603 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/modifiers/responsive-helpers/index.html @@ -0,0 +1,885 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Responsive helpers

+

Show/hide content depending on the width of the viewport

+ +
+ +

Show

+ +
+

+ You can use one of the following display classes: +

+
    +
  • block
    • +
  • flex
    • +
  • inline
    • +
  • inline-block
    • +
  • inline-flex
    • +
+

For example, here's what the is-flex helper works:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 979px + 		+ Desktop
+ Between 980px and 1179px + 		+ Widescreen
+ Above 1180px +
+ is-flex-mobile + +

flex

+ 		+

unchanged

+ 		+

unchanged

+ 		+

unchanged

+
+ is-flex-tablet-only + +

unchanged

+ 		+

flex

+ 		+

unchanged

+ 		+

unchanged

+
+ is-flex-desktop-only + +

unchanged

+ 		+

unchanged

+ 		+

flex

+ 		+

unchanged

+
+ is-flex-widescreen + +

unchanged

+ 		+

unchanged

+ 		+

unchanged

+ 		+

flex

+
+

Classes to display up to or from a specific breakpoint

+
+ is-flex-touch + +

flex

+ 		+

flex

+ 		+

unchanged

+ 		+

unchanged

+
+ is-flex-tablet + +

unchanged

+ 		+

flex

+ 		+

flex

+ 		+

flex

+
+ is-flex-desktop + +

unchanged

+ 		+

unchanged

+ 		+

flex

+ 		+

flex

+
+ +
+

For the other display options, just replace is-flex with is-block is-inline is-inline-block or is-inline-flex + +

+ +

Hide

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 999px + 		+ Desktop
+ Between 1000px and 1239px + 		+ Widescreen
+ Above 1240px +
+ is-hidden-mobile + +

hidden

+ 		+

visible

+ 		+

visible

+ 		+

visible

+
+ is-hidden-tablet-only + +

visible

+ 		+

hidden

+ 		+

visible

+ 		+

visible

+
+ is-hidden-desktop-only + +

visible

+ 		+

visible

+ 		+

hidden

+ 		+

visible

+
+ is-hidden-widescreen + +

visible

+ 		+

visible

+ 		+

visible

+ 		+

hidden

+
+

Classes to hide up to or from a specific breakpoint

+
+ is-hidden-touch + +

hidden

+ 		+

hidden

+ 		+

visible

+ 		+

visible

+
+ is-hidden-tablet + +

visible

+ 		+

hidden

+ 		+

hidden

+ 		+

hidden

+
+ is-hidden-desktop + +

visible

+ 		+

visible

+ 		+

hidden

+ 		+

hidden

+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/modifiers/syntax/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/modifiers/syntax/index.html new file mode 100644 index 000000000..f190b3ade --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/modifiers/syntax/index.html @@ -0,0 +1,721 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Modifiers syntax

+

Most Bulma elements have alternative styles. To apply them, you only need to append one of the modifier classes. +
+ They all start with is- or has-.

+
+
+
+

Let's start with a simple button that uses the "button" CSS class:

+
+ +
+

+ + + Button + + +

+
+
+
<a class="button">
+  Button
+</a>
+
+
+
+
+

By adding the "is-primary" CSS class, you can modify the color:

+
+ +
+

+ + + Button + + +

+
+
+
<a class="button is-primary">
+  Button
+</a>
+
+
+
+
+
+

You can use one of the 5 main colors:

+
    +
  • is-primary
    • +
  • is-info
    • +
  • is-success
    • +
  • is-warning
    • +
  • is-danger
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-primary">
+  Button
+</a>
+<a class="button is-info">
+  Button
+</a>
+<a class="button is-success">
+  Button
+</a>
+<a class="button is-warning">
+  Button
+</a>
+<a class="button is-danger">
+  Button
+</a>
+
+
+
+
+
+

You can also alter the size:

+
    +
  • is-small
    • +
  • is-medium
    • +
  • is-large
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-small">
+  Button
+</a>
+<a class="button">
+  Button
+</a>
+<a class="button is-medium">
+  Button
+</a>
+<a class="button is-large">
+  Button
+</a>
+
+
+
+
+
+

Or the style or state:

+
    +
  • is-outlined
    • +
  • is-loading
    • +
  • [disabled]
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-primary is-outlined">
+  Button
+</a>
+<a class="button is-primary is-loading">
+  Button
+</a>
+<a class="button is-primary" disabled>
+  Button
+</a>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/overview/classes/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/classes/index.html new file mode 100644 index 000000000..e50c8174e --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/classes/index.html @@ -0,0 +1,594 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Classes

+

Bulma is simply a collection of CSS classes. Write the HTML code you want.

+ +
+ +
+

+ Bulma is a CSS framework, meaning that the end result is simply a single .css file: +
+ https://github.com/jgthms/bulma/blob/master/css/bulma.css

+

+ Because Bulma solely comprises CSS classes, the HTML code you write has no impact on the styling of your page. That's why .input exists as a class, so you can choose which <input type="text"> elements you want to style. +

+

+ Bulma only styles generic tags directly twice: +

+ +
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/overview/customize/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/customize/index.html new file mode 100644 index 000000000..ebe087467 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/customize/index.html @@ -0,0 +1,646 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Customizing with Sass

+

Create your own theme with a simple set of variables

+ +
+ +
+

If you're familiar with Sass and want to customize Bulma with your own colors and variables, just install Bulma via npm:

+
+ + + +
+
+

2

+
+
+

+ Set your variables +

+

+ Add your own colors, set new fonts, override Bulma styles... +

+
// 1. Import the initial variables
+@import "../sass/utilities/initial-variables"
+
+// 2. Set your own initial variables
+// Update blue
+$blue: #72d0eb
+// Add pink and its invert
+$pink: #ffb3b3
+$pink-invert: #fff
+// Add a serif family
+$family-serif: "Merriweather", "Georgia", serif
+
+// 3. Set the derived variables
+// Use the new pink as the primary color
+$primary: $pink
+$primary-invert: $pink-invert
+// Use the existing orange as the danger color
+$danger: $orange
+// Use the new serif family
+$family-primary: $family-serif
+
+// 4. Import the rest of Bulma
+@import "../bulma"
+

+
+
+ +
+
+

3

+
+
+

+ See the result: before and after +

+

+ As $blue has been updated, and since $blue-invert is automatically calculated with the function $blue-invert: findColorInvert($blue), the $blue-invert is now black instead of white

+

+
+ Customizing Bulma with Sass + Customizing Bulma with Sass +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/overview/functions/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/functions/index.html new file mode 100644 index 000000000..c6096c1cb --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/functions/index.html @@ -0,0 +1,794 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Functions

+

Utility functions to calculate colors and other values

+ +
+ +
+

Bulma uses 5 custom functions to help define the values and colors dynamically:

+
    +
  • powerNumber($number, $exp): calculates the value of a number exposed to another one. Returns a number.
    • +
  • colorLuminance($color): defines if a color is dark or light. Return a decimal number between 0 and 1 where <= 0.5 is dark and > 0.5 is light.
    • +
  • findColorInvert($color): returns either 70% transparent black or 100% opaque white depending on the luminance of the color.
    • +
+
+ +
+ +

The findColorInvert() function

+ +
+

The findColorInvert($color) function takes a color as an input, and outputs either transparent black rgba(#000, 0.7) or white #fff:

+
    +
  • if colorLuminance($color) > 0.55, it outputs rgba(#000, 0.7)
    • +
  • otherwise, it outputs #fff
    • +
+

Its purpose is to guarantee a readable shade for the text when the input color is used as the background.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
colorcolor luminancefindColorInvert()result
+ + #00d1b2 + + 0.52831 + + + #fff + + + Button + +
+ + #3273dc + + 0.23119 + + + #fff + + + Button + +
+ + #23d160 + + 0.51067 + + + #fff + + + Button + +
+ + #ffdd57 + + 0.76863 + + + rgba(0, 0, 0, 0.7) + + + Button + +
+ + #ff3860 + + 0.27313 + + + #fff + + + Button + +
+ + #ffb3b3 + + 0.61796 + + + rgba(0,0,0,0.7) + + + Button + +
+ + #ffbc6b + + 0.63053 + + + rgba(0,0,0,0.7) + + + Button + +
+ + hsl(294, 71%, 79%) + + 0.5529 + + + rgba(0,0,0,0.7) + + + Button + +
+

+ For colors that have a luminance close to the 0.55 threshold, it can be useful to override the findColorInvert() function, and rather set the invert color manually. +
+ For example, this shade of purple has a color luminance of 0.5529. It can be preferable to set a color invert of white instead of transparent black: +

+ + + + + + + + + + + + + + + +
+ with findColorInvert() + + $purple-invert: findColorInvert($purple) + + + rgba(0,0,0,0.7) + + + Button + +
+ with manual setting + + $purple-invert: #fff + + + #fff + + + Button + +
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/overview/mixins/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/mixins/index.html new file mode 100644 index 000000000..a99fa73d3 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/mixins/index.html @@ -0,0 +1,628 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Mixins

+

Utility mixins for custom elements and responsive helpers

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
=arrow($color)Creates a CSS-only down arrow. Used for the dropdown select.
=blockDefines a margin-bottom of 1.5rem, except when the element is the last child. Used for almost all block elements.
=clearfixAdds a clearfix at the end of the element. Used for the "is-clearfix" helper.
=center($size)Positions an element in the exact center of its parent. Used for the spinner in a loading button.
=deleteCreates a CSS-only cross. Used for the delete element in modals, messages, tags...
=fa($size, $dimensions)Sets the style of a Font Awesome icon container.
=hamburger($dimensions)Creates a CSS-only hamburger menu with 3 bars. Used for the "nav-toggle".
=loaderCreates a CSS-only loading spinner. Used for the ".loader" element, and for input and button spinners.
=overflow-touchSets the style of a container so that it keeps momentum when scrolling on iOS devices.
=overlay($offset: 0)Makes the element overlay its parent container, like the transparent modal background.
=placeholderSets the styles of an input placeholder.
=unselectableTurns the element unselectable. Used for buttons to prevent selection when clicking.
+ +
+

These mixins are already used throughout Bulma, but you can use them as well to extend your own styles.

+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/overview/modular/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/modular/index.html new file mode 100644 index 000000000..04a6f1417 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/modular/index.html @@ -0,0 +1,648 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Modular

+

Just import what you need

+ +
+ +
+

+ Bulma consists of 29 .sass files that you can import individually. +

+

+ For example, let's say you only want the Bulma columns. +
+ The file is located in the bulma/sass/grid folder. +
+ Simply import the utilities dependencies, and then the files you need directly: +

+
@import "bulma/sass/utilities/_all"
+@import "bulma/sass/grid/columns"
+

+ Now you can use the classes .columns (for the container) and .column directly: +

+
<div class="columns">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+  <div class="column">5</div>
+</div>
+ +
+ +

+ What if you only want the button styles instead? +

+
@import "bulma/sass/utilities/_all"
+@import "bulma/sass/elements/button.sass"
+

+ You can now use the .button class, and all its modifiers: +

+
    +
  • + .is-active +
    • +
  • + .is-primary, + .is-info, + .is-success... +
    • +
  • + .is-small, + .is-medium, + .is-large +
    • +
  • + .is-outlined, + .is-inverted, + .is-link +
    • +
  • + .is-loading, + [disabled] +
    • +
+
<a class="button">
+  Button
+</a>
+
+<a class="button is-primary">
+  Primary button
+</a>
+
+<a class="button is-large">
+  Large button
+</a>
+
+<a class="button is-loading">
+  Loading button
+</a>
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/overview/responsiveness/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/responsiveness/index.html new file mode 100644 index 000000000..b8226a0cc --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/responsiveness/index.html @@ -0,0 +1,750 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Responsiveness

+

Bulma is a mobile-first framework

+ +
+ +

Vertical by default

+
+

+ Every element in Bulma is mobile-first and optimizes for vertical reading, so by default on mobile: +

+
    +
  • columns are stacked vertically
    • +
  • the level component will show its children stacked vertically
    • +
  • the nav menu will be hidden
    • +
+

For example, you can enforce the horizontal layout for both columns or nav by appending the is-mobile modifer.

+
+ +
+ +

Breakpoints

+
+

Bulma has 5 breakpoints:

+
    +
  • mobile: up to 768px
    • +
  • tablet: from 769px
    • +
  • desktop: from 1000px
    • +
  • widescreen: from 1192px
    • +
  • New! fullhd: from 1384px
    • +
+

Bulma uses 9 responsive mixins:

+
    +
  • + =mobile
    + until 768px +
    • +
  • + =tablet
    + from 769px +
    • +
  • + =tablet-only
    + from 769px and until 999px +
    • +
  • + =touch
    + until 999px +
    • +
  • + =desktop
    + from 1000px +
    • +
  • + =desktop-only
    + from 1000px and until 1191px +
    • +
  • + =widescreen
    + from 1192px +
    • +
  • + =widescreen-only
    + from 1192px and until 1383px +
    • +
  • + New! + =fullhd
    + from 1384px +
    • +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 999px + 		+ Desktop
+ Between 1000px and 1191px + 		+ Widescreen
+ Between 1192px and 1383px + 		+ FullHD
+ 1384px and above +
+

mobile

+ 		+

-

+
+

-

+ 		+

tablet

+
+

-

+ 		+

desktop

+
+

-

+ 		+

widescreen

+
+

-

+ 		+

fullhd

+
+

-

+ 		+

tablet-only

+ 		+

-

+
+

-

+ 		+

desktop-only

+ 		+

-

+
+

-

+ 		+

widescreen-only

+ 		+

-

+
+

touch

+ 		+

-

+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/overview/start/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/start/index.html new file mode 100644 index 000000000..bfc1d1e01 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/start/index.html @@ -0,0 +1,623 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

3 ways to start

+

You only need 1 CSS file to use Bulma

+ +
+ +
+
+

1

+
+
+

+ Use NPM (recommended): +

+
npm install bulma
+
+
+ + + + + +
+ +
+
+ Font Awesome icons +
+
+

If you want to use icons with Bulma, don't forget to include Font Awesome:

+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/documentation/overview/variables/index.html b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/variables/index.html new file mode 100644 index 000000000..eb0688ab2 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/documentation/overview/variables/index.html @@ -0,0 +1,1056 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Variables

+

Easily customize Bulma to match your design

+ +
+ +
+

Bulma has 1 variable file divided into 4 sections:

+
    +
  • + Initial variables: where you define variables by direct value, like: +
      +
    • colors: $blue: hsl(217, 71%, 53%)
      • +
    • font sizes: $size-1: 3rem
      • +
    • other values: $easing: ease-out or $radius-large: 5px
      • +
    +
    • +
  • + Primary colors derived from the initial variables: +
      +
    • $primary: $turquoise
      • +
    • $info: $blue
      • +
    • $success: $green
      • +
    • $warning: $yellow
      • +
    • $danger: $red
      • +
    • $dark: $grey-darker
      • +
    • $text: $grey-dark
      • +
    +
    • +
  • + Generated variables where variables are calculated from the values set in the previous file. For example, you can have: +
      +
    • $body-background: $white: the main background color
      • +
    • $link: $primary: the links use the primary color
      • +
    • $family-primary: $family-sans-serif: the primary font family is the sans-serif one
      • +
    +
    • +
  • + Lists and maps which are collections so already defined variables: +
      +
    • $colors: (dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert))
      • +
    • $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6
      • +
    +
    • +
+

+ To override any of these variables, just set them before importing Bulma. +

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
1. Initial variables
Colors
$black + + hsl(0, 0%, 4%) +
$black-bis + + hsl(0, 0%, 7%) +
$black-ter + + hsl(0, 0%, 14%) +
$grey-darker + + hsl(0, 0%, 21%) +
$grey-dark + + hsl(0, 0%, 29%) +
$grey + + hsl(0, 0%, 48%) +
$grey-light + + hsl(0, 0%, 71%) +
$grey-lighter + + hsl(0, 0%, 86%) +
$white-ter + + hsl(0, 0%, 96%) +
$white-bis + + hsl(0, 0%, 98%) +
$white + + hsl(0, 0%, 100%) +
$orange + + hsl(14, 100%, 53%) +
$yellow + + hsl(48, 100%, 67%) +
$green + + hsl(141, 71%, 48%) +
$turquoise + + hsl(171, 100%, 41%) +
$blue + + hsl(217, 71%, 53%) +
$purple + + hsl(271, 100%, 71%) +
$red + + hsl(348, 100%, 61%) +
Typography
$family-sans-serif-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
"Helvetica Neue", "Helvetica", "Arial", sans-serif
$family-monospacemonospace
$size-13rem
$size-22.5rem
$size-32rem
$size-41.5rem
$size-51.25rem
$size-61rem
$size-70.75rem
$weight-light300
$weight-normal400
$weight-semibold500
$weight-bold700
Body
$body-background$white
$body-size16px
Breakpoints
$gap24px
$tablet769px
$desktop1008px (960px + 2 * $gap)
$widescreen1200px (1152px+ 2 * $gap)
$fullhd1392px (1344px+ 2 * $gap)
Miscellaneous
$easingease-out
$radius3px
$speed86ms
2. Primary colors
$primary$turquoise
$info$blue
$success$green
$warning$yellow
$danger$red
$light$white-ter
$dark$grey-darker
3. Generated variables
Invert colors
$primary-invertfindColorInvert($primary)
$info-invertfindColorInvert($info)
$success-invertfindColorInvert($success)
$warning-invertfindColorInvert($warning)
$danger-invertfindColorInvert($danger)
$light-invert$dark
$dark-invert$light
General colors
$body-background$grey-lighter
$background$grey-lighter
$border$grey-light
$border-hover$grey
Text colors
$text$grey-dark
$text-invertfindColorInvert($text)
$text-light$grey
$text-strong$grey-darker
Code colors
$code$red
$code-background$background
$pre$text
$pre-background$background
Link colors
$link$primary
$link-invert$primary-invert
$link-visited$purple
$link-hover$grey-darker
$link-hover-border$grey-darker
$link-focus$grey-darker
$link-focus-border$primary
$link-active$grey-darker
$link-active-border$grey-dark
Typography
$family-primary$family-sans-serif
$family-code$family-monospace
$size-small$size-7
$size-normal$size-6
$size-medium$size-5
$size-large$size-4
4. Lists and maps
$colors + + 
+(
+  white: ($white, $black),
+  black: ($black, $white),
+  light: ($light, $light-invert),
+  dark: ($dark, $dark-invert),
+  primary: ($primary, $primary-invert),
+  info: ($info, $info-invert),
+  success: ($success, $success-invert),
+  warning: ($warning, $warning-invert),
+  danger: ($danger, $danger-invert)
+)
+
+
$sizes$size-1 $size-2 $size-3 $size-4 $size-5 $size-6
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/extensions/index.html b/docs/versions/0.5.1/versions/0.4.4/extensions/index.html new file mode 100644 index 000000000..c823b8064 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/extensions/index.html @@ -0,0 +1,588 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Extensions +

+

+ Side projects to enhance Bulma +

+
+
+
+ + +
+ +
+
+
+
+
+ +
+
+ + +
+
+

+ bulma-badge +

+

+ github.com/Wikiki/bulma-badge +

+
+
+ +
+
+ + + +
+
+

+ bulma-steps +

+

+ github.com/Wikiki/bulma-steps +

+
+
+ +
+
+ + + +
+
+

+ bulma-tooltip +

+

+ github.com/Wikiki/bulma-tooltip +

+
+
+ +
+
+ + + +
+
+

+ bulma-timeline +

+

+ github.com/Wikiki/bulma-timeline +

+
+
+ +
+
+ + + +
+
+
+
+
+

Have an extension to share with the community?

+
+
+
+
+ + Submit a Pull Request + +
+
+
+
+
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/favicons/android-chrome-192x192.png b/docs/versions/0.5.1/versions/0.4.4/favicons/android-chrome-192x192.png new file mode 100644 index 000000000..d26e0efc8 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/favicons/android-chrome-192x192.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/favicons/android-chrome-384x384.png b/docs/versions/0.5.1/versions/0.4.4/favicons/android-chrome-384x384.png new file mode 100644 index 000000000..a94896a1b Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/favicons/android-chrome-384x384.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/favicons/apple-touch-icon.png b/docs/versions/0.5.1/versions/0.4.4/favicons/apple-touch-icon.png new file mode 100644 index 000000000..f3622d36d Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/favicons/apple-touch-icon.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/favicons/browserconfig.xml b/docs/versions/0.5.1/versions/0.4.4/favicons/browserconfig.xml new file mode 100644 index 000000000..45c44a90f --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/favicons/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #00d1b2 + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/favicons/favicon-16x16.png b/docs/versions/0.5.1/versions/0.4.4/favicons/favicon-16x16.png new file mode 100644 index 000000000..04af7be89 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/favicons/favicon-16x16.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/favicons/favicon-32x32.png b/docs/versions/0.5.1/versions/0.4.4/favicons/favicon-32x32.png new file mode 100644 index 000000000..4b45c42d6 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/favicons/favicon-32x32.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/favicons/favicon.ico b/docs/versions/0.5.1/versions/0.4.4/favicons/favicon.ico new file mode 100644 index 000000000..46c186f54 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/favicons/favicon.ico differ diff --git a/docs/versions/0.5.1/versions/0.4.4/favicons/manifest.json b/docs/versions/0.5.1/versions/0.4.4/favicons/manifest.json new file mode 100644 index 000000000..14b1ae3a6 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/favicons/manifest.json @@ -0,0 +1,17 @@ +{ + "name": "", + "icons": [ + { + "src": "\/favicons\/android-chrome-192x192.png?v=201701041855", + "sizes": "192x192", + "type": "image\/png" + }, + { + "src": "\/favicons\/android-chrome-384x384.png?v=201701041855", + "sizes": "384x384", + "type": "image\/png" + } + ], + "theme_color": "#00d1b2", + "display": "standalone" +} diff --git a/docs/versions/0.5.1/versions/0.4.4/favicons/mstile-150x150.png b/docs/versions/0.5.1/versions/0.4.4/favicons/mstile-150x150.png new file mode 100644 index 000000000..ce916b38d Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/favicons/mstile-150x150.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/favicons/safari-pinned-tab.svg b/docs/versions/0.5.1/versions/0.4.4/favicons/safari-pinned-tab.svg new file mode 100644 index 000000000..5d4f2c286 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/favicons/safari-pinned-tab.svg @@ -0,0 +1,19 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/images/blog/metro-ui-css-grid-tiles.png b/docs/versions/0.5.1/versions/0.4.4/images/blog/metro-ui-css-grid-tiles.png new file mode 100644 index 000000000..764ff9ace Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/blog/metro-ui-css-grid-tiles.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/bulma-banner.png b/docs/versions/0.5.1/versions/0.4.4/images/bulma-banner.png new file mode 100644 index 000000000..643ac47bd Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/bulma-banner.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/bulma-icon.png b/docs/versions/0.5.1/versions/0.4.4/images/bulma-icon.png new file mode 100644 index 000000000..eaf235de5 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/bulma-icon.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/bulma-logo.png b/docs/versions/0.5.1/versions/0.4.4/images/bulma-logo.png new file mode 100644 index 000000000..a016c2b51 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/bulma-logo.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/bulma-type-white.png b/docs/versions/0.5.1/versions/0.4.4/images/bulma-type-white.png new file mode 100644 index 000000000..b29667213 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/bulma-type-white.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/bulma-type.png b/docs/versions/0.5.1/versions/0.4.4/images/bulma-type.png new file mode 100644 index 000000000..d6c1baac1 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/bulma-type.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/css-reference-logo.png b/docs/versions/0.5.1/versions/0.4.4/images/css-reference-logo.png new file mode 100644 index 000000000..3b770bdd7 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/css-reference-logo.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/customize-after.png b/docs/versions/0.5.1/versions/0.4.4/images/customize-after.png new file mode 100644 index 000000000..d5ddc7b0c Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/customize-after.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/customize-before.png b/docs/versions/0.5.1/versions/0.4.4/images/customize-before.png new file mode 100644 index 000000000..738a3181e Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/customize-before.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-badge.png b/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-badge.png new file mode 100644 index 000000000..2bbb48ec6 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-badge.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-steps.png b/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-steps.png new file mode 100644 index 000000000..c15eff52e Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-steps.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-timeline.png b/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-timeline.png new file mode 100644 index 000000000..c8453b562 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-timeline.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-tooltip.png b/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-tooltip.png new file mode 100644 index 000000000..a15749044 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/extensions/bulma-tooltip.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/html-reference-logo.png b/docs/versions/0.5.1/versions/0.4.4/images/html-reference-logo.png new file mode 100644 index 000000000..7b41e3ca8 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/html-reference-logo.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/jgthms.png b/docs/versions/0.5.1/versions/0.4.4/images/jgthms.png new file mode 100644 index 000000000..b89c0097f Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/jgthms.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/paypal-donate.png b/docs/versions/0.5.1/versions/0.4.4/images/paypal-donate.png new file mode 100644 index 000000000..19ffbc0d7 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/paypal-donate.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/1280x960.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/1280x960.png new file mode 100644 index 000000000..6c54c1aaa Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/1280x960.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/128x128.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/128x128.png new file mode 100644 index 000000000..0e5bd89be Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/128x128.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/16x16.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/16x16.png new file mode 100644 index 000000000..18c4349ab Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/16x16.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/24x24.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/24x24.png new file mode 100644 index 000000000..39d3ba408 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/24x24.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/256x256.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/256x256.png new file mode 100644 index 000000000..379b9c5df Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/256x256.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/300x225.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/300x225.png new file mode 100644 index 000000000..1aa2338ac Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/300x225.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/32x32.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/32x32.png new file mode 100644 index 000000000..0cd1aa239 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/32x32.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/480x320.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/480x320.png new file mode 100644 index 000000000..e041058a8 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/480x320.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/480x480.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/480x480.png new file mode 100644 index 000000000..9587d57d2 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/480x480.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/48x48.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/48x48.png new file mode 100644 index 000000000..9860891d3 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/48x48.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/640x320.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/640x320.png new file mode 100644 index 000000000..0f5e54730 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/640x320.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/640x360.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/640x360.png new file mode 100644 index 000000000..cf807906c Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/640x360.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/640x480.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/640x480.png new file mode 100644 index 000000000..e0bd2346f Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/640x480.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/64x64.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/64x64.png new file mode 100644 index 000000000..e2db8f4f9 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/64x64.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/images/placeholders/96x96.png b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/96x96.png new file mode 100644 index 000000000..ba64ab9a4 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.4.4/images/placeholders/96x96.png differ diff --git a/docs/versions/0.5.1/versions/0.4.4/index.html b/docs/versions/0.5.1/versions/0.4.4/index.html new file mode 100644 index 000000000..7ea0db451 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/index.html @@ -0,0 +1,1122 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+

+ + + + + + + + + + + + + + +

+

+ Bulma +

+

+ A modern CSS framework based on Flexbox +

+ 
npm install bulma
+
+ + +
+
+ + +
+ +

+ + + + + Download + v0.4.4 + + + View docs + +

+
+
+
+ +
+
+
+ +
+
+
+ +
+
+

+ + + + + Simple columns + +

+

Just add columns, they will resize themselves

+
+
+
+

1

+
+
+
+
+

2

+
+
+
+
+

3

+
+
+
+
+

4

+
+
+
+
+

5

+
+
+ + + + + + + +
+
+

+ Add column +

+

+ Remove column +

+
+
+

Info

+

While it's possible to add as many columns as you want, it is recommended to stick with 12 columns.
+ If you want smaller divisions, you can always nest columns.

+
+
+
<div class="columns">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+  <div class="column">5</div>
+</div>
+
+
+
+ +
+ +
+
+

+ + + + + Magic tiles + +

+

A single element for a Metro UI CSS grid

+
+
+
+
+
+

Vertical...

+

Top tile

+
+
+

...tiles

+

Bottom tile

+
+
+
+
+

Middle tile

+

With an image

+
+ +
+
+
+
+
+
+

Wide tile

+

Aligned with the right tile

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+

Tall tile

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child">
+        <!-- Any content you want here -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child">
+      <!-- Any content you want here -->
+    </article>
+  </div>
+</div>
+
+
+ +
+ +
+
+

+ + + + + Flexible horizontal level + +

+

Include any type of element, they will remain vertically centered

+ +
+
+ +
+ +
+
+
+
+

+ + + + + Versatile media object + +

+

A simple block with an image that will solve 90% of your UI problems

+
+ +
+
+
+
+
+ Image +
+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+ +
+
+

+ + + + + Easy vertical centering in fullscreen + +

+

Include any content you want, it's always centered

+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+

+ + + + + Compose your element with modifier classes + +

+

Add and combine is-* CSS classes to quickly alter styles

+
+
+
+
+

+ button +

+
+ Button +
+
+
+

+ button is-primary +

+
+ Button +
+
+
+

+ button is-primary is-large +

+
+ Button +
+
+
+

+ button is-primary is-large is-loading +

+
+ Button +
+
+
+
+
+ +
+ +
+
+

+ + + + + And all the usual elements + +

+

Buttons, form controls, menus, tabs, titles, notifications, etc.

+ +
+
+
+
+
+ Image +
+
+
+
+
+
+ Image +
+
+
+

Card

+

Subtitle

+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. @bulmaio. #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+
+
+
+

Title

+

Subtitle

+
+

+ + + +

+

+ +

+
+
+

+ +

+
+
+

+ + +

+
+
+

+ Button +

+
+
+ +
+

+ Tag + Two + Three +

+
+
+ Hello world +
+
+ Message +
+
+
+ + Success! +
+
+
+
+
+ +
+ +
+
+

Get started

+
+ + + + + Check the Docs + + + + + + Contribute + +
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/lib/bulma.js b/docs/versions/0.5.1/versions/0.4.4/lib/bulma.js new file mode 100644 index 000000000..62e5bc97a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/lib/bulma.js @@ -0,0 +1,66 @@ +'use strict'; + +jQuery(document).ready(function ($) { + + var $toggle = $('#nav-toggle'); + var $menu = $('#nav-menu'); + + $toggle.click(function () { + $(this).toggleClass('is-active'); + $menu.toggleClass('is-active'); + }); + + $('.modal-button').click(function () { + var target = $(this).data('target'); + $('html').addClass('is-clipped'); + $(target).addClass('is-active'); + }); + + $('.modal-background, .modal-close').click(function () { + $('html').removeClass('is-clipped'); + $(this).parent().removeClass('is-active'); + }); + + $('.modal-card-head .delete, .modal-card-foot .button').click(function () { + $('html').removeClass('is-clipped'); + $('#modal-ter').removeClass('is-active'); + }); + + $(document).on('keyup', function (e) { + if (e.keyCode == 27) { + $('html').removeClass('is-clipped'); + $('.modal').removeClass('is-active'); + } + }); + + var $highlights = $('.highlight'); + + $highlights.each(function () { + var $el = $(this); + var copy = ''; + var expand = ''; + $el.append(copy); + + if ($el.find('pre code').innerHeight() > 600) { + $el.append(expand); + } + }); + + var $highlightButtons = $('.highlight .copy, .highlight .expand'); + + $highlightButtons.hover(function () { + $(this).parent().css('box-shadow', '0 0 0 1px #ed6c63'); + }, function () { + $(this).parent().css('box-shadow', 'none'); + }); + + $('.highlight .expand').click(function () { + $(this).parent().children('pre').css('max-height', 'none'); + }); + + new Clipboard('.copy', { + target: function target(trigger) { + return trigger.previousSibling; + } + }); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.4.4/lib/clipboard.min.js b/docs/versions/0.5.1/versions/0.4.4/lib/clipboard.min.js new file mode 100644 index 000000000..0a5f5f867 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/lib/clipboard.min.js @@ -0,0 +1,222 @@ +"use strict"; + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; } + +/*! + * clipboard.js v1.5.9 + * https://zenorocha.github.io/clipboard.js + * + * Licensed MIT © Zeno Rocha + */ +!function (t) { + if ("object" == (typeof exports === "undefined" ? "undefined" : _typeof(exports)) && "undefined" != typeof module) module.exports = t();else if ("function" == typeof define && define.amd) define([], t);else { + var e;e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : this, e.Clipboard = t(); + } +}(function () { + var t, e, n;return function t(e, n, o) { + function r(c, s) { + if (!n[c]) { + if (!e[c]) { + var a = "function" == typeof require && require;if (!s && a) return a(c, !0);if (i) return i(c, !0);var l = new Error("Cannot find module '" + c + "'");throw l.code = "MODULE_NOT_FOUND", l; + }var u = n[c] = { exports: {} };e[c][0].call(u.exports, function (t) { + var n = e[c][1][t];return r(n ? n : t); + }, u, u.exports, t, e, n, o); + }return n[c].exports; + }for (var i = "function" == typeof require && require, c = 0; c < o.length; c++) { + r(o[c]); + }return r; + }({ 1: [function (t, e, n) { + var o = t("matches-selector");e.exports = function (t, e, n) { + for (var r = n ? t : t.parentNode; r && r !== document;) { + if (o(r, e)) return r;r = r.parentNode; + } + }; + }, { "matches-selector": 5 }], 2: [function (t, e, n) { + function o(t, e, n, o, i) { + var c = r.apply(this, arguments);return t.addEventListener(n, c, i), { destroy: function destroy() { + t.removeEventListener(n, c, i); + } }; + }function r(t, e, n, o) { + return function (n) { + n.delegateTarget = i(n.target, e, !0), n.delegateTarget && o.call(t, n); + }; + }var i = t("closest");e.exports = o; + }, { closest: 1 }], 3: [function (t, e, n) { + n.node = function (t) { + return void 0 !== t && t instanceof HTMLElement && 1 === t.nodeType; + }, n.nodeList = function (t) { + var e = Object.prototype.toString.call(t);return void 0 !== t && ("[object NodeList]" === e || "[object HTMLCollection]" === e) && "length" in t && (0 === t.length || n.node(t[0])); + }, n.string = function (t) { + return "string" == typeof t || t instanceof String; + }, n.fn = function (t) { + var e = Object.prototype.toString.call(t);return "[object Function]" === e; + }; + }, {}], 4: [function (t, e, n) { + function o(t, e, n) { + if (!t && !e && !n) throw new Error("Missing required arguments");if (!s.string(e)) throw new TypeError("Second argument must be a String");if (!s.fn(n)) throw new TypeError("Third argument must be a Function");if (s.node(t)) return r(t, e, n);if (s.nodeList(t)) return i(t, e, n);if (s.string(t)) return c(t, e, n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList"); + }function r(t, e, n) { + return t.addEventListener(e, n), { destroy: function destroy() { + t.removeEventListener(e, n); + } }; + }function i(t, e, n) { + return Array.prototype.forEach.call(t, function (t) { + t.addEventListener(e, n); + }), { destroy: function destroy() { + Array.prototype.forEach.call(t, function (t) { + t.removeEventListener(e, n); + }); + } }; + }function c(t, e, n) { + return a(document.body, t, e, n); + }var s = t("./is"), + a = t("delegate");e.exports = o; + }, { "./is": 3, delegate: 2 }], 5: [function (t, e, n) { + function o(t, e) { + if (i) return i.call(t, e);for (var n = t.parentNode.querySelectorAll(e), o = 0; o < n.length; ++o) { + if (n[o] == t) return !0; + }return !1; + }var r = Element.prototype, + i = r.matchesSelector || r.webkitMatchesSelector || r.mozMatchesSelector || r.msMatchesSelector || r.oMatchesSelector;e.exports = o; + }, {}], 6: [function (t, e, n) { + function o(t) { + var e;if ("INPUT" === t.nodeName || "TEXTAREA" === t.nodeName) t.focus(), t.setSelectionRange(0, t.value.length), e = t.value;else { + t.hasAttribute("contenteditable") && t.focus();var n = window.getSelection(), + o = document.createRange();o.selectNodeContents(t), n.removeAllRanges(), n.addRange(o), e = n.toString(); + }return e; + }e.exports = o; + }, {}], 7: [function (t, e, n) { + function o() {}o.prototype = { on: function on(t, e, n) { + var o = this.e || (this.e = {});return (o[t] || (o[t] = [])).push({ fn: e, ctx: n }), this; + }, once: function once(t, e, n) { + function o() { + r.off(t, o), e.apply(n, arguments); + }var r = this;return o._ = e, this.on(t, o, n); + }, emit: function emit(t) { + var e = [].slice.call(arguments, 1), + n = ((this.e || (this.e = {}))[t] || []).slice(), + o = 0, + r = n.length;for (o; r > o; o++) { + n[o].fn.apply(n[o].ctx, e); + }return this; + }, off: function off(t, e) { + var n = this.e || (this.e = {}), + o = n[t], + r = [];if (o && e) for (var i = 0, c = o.length; c > i; i++) { + o[i].fn !== e && o[i].fn._ !== e && r.push(o[i]); + }return r.length ? n[t] = r : delete n[t], this; + } }, e.exports = o; + }, {}], 8: [function (e, n, o) { + !function (r, i) { + if ("function" == typeof t && t.amd) t(["module", "select"], i);else if ("undefined" != typeof o) i(n, e("select"));else { + var c = { exports: {} };i(c, r.select), r.clipboardAction = c.exports; + } + }(this, function (t, e) { + "use strict"; + function n(t) { + return t && t.__esModule ? t : { "default": t }; + }function o(t, e) { + if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function"); + }var r = n(e), + i = "function" == typeof Symbol && "symbol" == _typeof(Symbol.iterator) ? function (t) { + return typeof t === "undefined" ? "undefined" : _typeof(t); + } : function (t) { + return t && "function" == typeof Symbol && t.constructor === Symbol ? "symbol" : typeof t === "undefined" ? "undefined" : _typeof(t); + }, + c = function () { + function t(t, e) { + for (var n = 0; n < e.length; n++) { + var o = e[n];o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o); + } + }return function (e, n, o) { + return n && t(e.prototype, n), o && t(e, o), e; + }; + }(), + s = function () { + function t(e) { + o(this, t), this.resolveOptions(e), this.initSelection(); + }return t.prototype.resolveOptions = function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? {} : arguments[0];this.action = e.action, this.emitter = e.emitter, this.target = e.target, this.text = e.text, this.trigger = e.trigger, this.selectedText = ""; + }, t.prototype.initSelection = function t() { + if (this.text && this.target) throw new Error('Multiple attributes declared, use either "target" or "text"');if (this.text) this.selectFake();else { + if (!this.target) throw new Error('Missing required attributes, use either "target" or "text"');this.selectTarget(); + } + }, t.prototype.selectFake = function t() { + var e = this, + n = "rtl" == document.documentElement.getAttribute("dir");this.removeFake(), this.fakeHandler = document.body.addEventListener("click", function () { + return e.removeFake(); + }), this.fakeElem = document.createElement("textarea"), this.fakeElem.style.fontSize = "12pt", this.fakeElem.style.border = "0", this.fakeElem.style.padding = "0", this.fakeElem.style.margin = "0", this.fakeElem.style.position = "fixed", this.fakeElem.style[n ? "right" : "left"] = "-9999px", this.fakeElem.style.top = (window.pageYOffset || document.documentElement.scrollTop) + "px", this.fakeElem.setAttribute("readonly", ""), this.fakeElem.value = this.text, document.body.appendChild(this.fakeElem), this.selectedText = (0, r.default)(this.fakeElem), this.copyText(); + }, t.prototype.removeFake = function t() { + this.fakeHandler && (document.body.removeEventListener("click"), this.fakeHandler = null), this.fakeElem && (document.body.removeChild(this.fakeElem), this.fakeElem = null); + }, t.prototype.selectTarget = function t() { + this.selectedText = (0, r.default)(this.target), this.copyText(); + }, t.prototype.copyText = function t() { + var e = void 0;try { + e = document.execCommand(this.action); + } catch (n) { + e = !1; + }this.handleResult(e); + }, t.prototype.handleResult = function t(e) { + e ? this.emitter.emit("success", { action: this.action, text: this.selectedText, trigger: this.trigger, clearSelection: this.clearSelection.bind(this) }) : this.emitter.emit("error", { action: this.action, trigger: this.trigger, clearSelection: this.clearSelection.bind(this) }); + }, t.prototype.clearSelection = function t() { + this.target && this.target.blur(), window.getSelection().removeAllRanges(); + }, t.prototype.destroy = function t() { + this.removeFake(); + }, c(t, [{ key: "action", set: function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? "copy" : arguments[0];if (this._action = e, "copy" !== this._action && "cut" !== this._action) throw new Error('Invalid "action" value, use either "copy" or "cut"'); + }, get: function t() { + return this._action; + } }, { key: "target", set: function t(e) { + if (void 0 !== e) { + if (!e || "object" !== ("undefined" == typeof e ? "undefined" : i(e)) || 1 !== e.nodeType) throw new Error('Invalid "target" value, use a valid Element');this._target = e; + } + }, get: function t() { + return this._target; + } }]), t; + }();t.exports = s; + }); + }, { select: 6 }], 9: [function (e, n, o) { + !function (r, i) { + if ("function" == typeof t && t.amd) t(["module", "./clipboard-action", "tiny-emitter", "good-listener"], i);else if ("undefined" != typeof o) i(n, e("./clipboard-action"), e("tiny-emitter"), e("good-listener"));else { + var c = { exports: {} };i(c, r.clipboardAction, r.tinyEmitter, r.goodListener), r.clipboard = c.exports; + } + }(this, function (t, e, n, o) { + "use strict"; + function r(t) { + return t && t.__esModule ? t : { "default": t }; + }function i(t, e) { + if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function"); + }function c(t, e) { + if (!t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return !e || "object" != (typeof e === "undefined" ? "undefined" : _typeof(e)) && "function" != typeof e ? t : e; + }function s(t, e) { + if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function, not " + (typeof e === "undefined" ? "undefined" : _typeof(e)));t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : _defaults(t, e)); + }function a(t, e) { + var n = "data-clipboard-" + t;if (e.hasAttribute(n)) return e.getAttribute(n); + }var l = r(e), + u = r(n), + f = r(o), + d = function (t) { + function e(n, o) { + i(this, e);var r = c(this, t.call(this));return r.resolveOptions(o), r.listenClick(n), r; + }return s(e, t), e.prototype.resolveOptions = function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? {} : arguments[0];this.action = "function" == typeof e.action ? e.action : this.defaultAction, this.target = "function" == typeof e.target ? e.target : this.defaultTarget, this.text = "function" == typeof e.text ? e.text : this.defaultText; + }, e.prototype.listenClick = function t(e) { + var n = this;this.listener = (0, f.default)(e, "click", function (t) { + return n.onClick(t); + }); + }, e.prototype.onClick = function t(e) { + var n = e.delegateTarget || e.currentTarget;this.clipboardAction && (this.clipboardAction = null), this.clipboardAction = new l.default({ action: this.action(n), target: this.target(n), text: this.text(n), trigger: n, emitter: this }); + }, e.prototype.defaultAction = function t(e) { + return a("action", e); + }, e.prototype.defaultTarget = function t(e) { + var n = a("target", e);return n ? document.querySelector(n) : void 0; + }, e.prototype.defaultText = function t(e) { + return a("text", e); + }, e.prototype.destroy = function t() { + this.listener.destroy(), this.clipboardAction && (this.clipboardAction.destroy(), this.clipboardAction = null); + }, e; + }(u.default);t.exports = d; + }); + }, { "./clipboard-action": 8, "good-listener": 4, "tiny-emitter": 7 }] }, {}, [9])(9); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.4.4/lib/index.js b/docs/versions/0.5.1/versions/0.4.4/lib/index.js new file mode 100644 index 000000000..2e659c190 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/lib/index.js @@ -0,0 +1,51 @@ +'use strict'; + +document.addEventListener('DOMContentLoaded', function () { + + var $grid = document.getElementById('grid'); + var $columns = Array.prototype.slice.call(document.querySelectorAll('#grid > .column'), 0); + var $markup = document.querySelector('#markup code'); + var $message = document.getElementById('message'); + var $add = document.getElementById('add'); + var $remove = document.getElementById('remove'); + var showing = 5; + + function showColumns() { + if (showing === 13) { + $message.style.display = 'block'; + } else { + $message.style.display = 'none'; + } + + showing = Math.min(Math.max(parseInt(showing), 2), 12); + + $columns.forEach(function ($el) { + $el.style.display = 'none'; + }); + $columns.slice(0, showing).forEach(function ($el) { + $el.style.display = 'block'; + }); + + $markup.innerHTML = '<div class="columns">'; + $markup.insertAdjacentHTML('beforeend', '\n'); + + for (var i = 0; i < showing; i++) { + $markup.insertAdjacentHTML('beforeend', ' <div class="column">'); + $markup.insertAdjacentHTML('beforeend', i + 1); + $markup.insertAdjacentHTML('beforeend', '</div>'); + $markup.insertAdjacentHTML('beforeend', '\n'); + } + + $markup.insertAdjacentHTML('beforeend', '</div>'); + } + + $add.addEventListener('click', function () { + showing++; + showColumns(); + }); + + $remove.addEventListener('click', function () { + showing--; + showColumns(); + }); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.4.4/lib/main.js b/docs/versions/0.5.1/versions/0.4.4/lib/main.js new file mode 100644 index 000000000..07bd60a9d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/lib/main.js @@ -0,0 +1,139 @@ +'use strict'; + +document.addEventListener('DOMContentLoaded', function () { + + // Dropdowns + + var $dropdowns = getAll('.dropdown:not(.is-hoverable)'); + + if ($dropdowns.length > 0) { + $dropdowns.forEach(function ($el) { + $el.addEventListener('click', function (event) { + event.stopPropagation(); + $el.classList.toggle('is-active'); + }); + }); + + document.addEventListener('click', function (event) { + closeDropdowns(); + }); + } + + function closeDropdowns() { + $dropdowns.forEach(function ($el) { + $el.classList.remove('is-active'); + }); + } + + // Toggles + + var $burgers = getAll('.burger'); + + if ($burgers.length > 0) { + $burgers.forEach(function ($el) { + $el.addEventListener('click', function () { + var target = $el.dataset.target; + var $target = document.getElementById(target); + $el.classList.toggle('is-active'); + $target.classList.toggle('is-active'); + }); + }); + } + + // Modals + + var $html = document.documentElement; + var $modals = getAll('.modal'); + var $modalButtons = getAll('.modal-button'); + var $modalCloses = getAll('.modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button'); + + if ($modalButtons.length > 0) { + $modalButtons.forEach(function ($el) { + $el.addEventListener('click', function () { + var target = $el.dataset.target; + var $target = document.getElementById(target); + $html.classList.add('is-clipped'); + $target.classList.add('is-active'); + }); + }); + } + + if ($modalCloses.length > 0) { + $modalCloses.forEach(function ($el) { + $el.addEventListener('click', function () { + closeModals(); + }); + }); + } + + document.addEventListener('keydown', function (event) { + var e = event || window.event; + if (e.keyCode === 27) { + closeModals(); + closeDropdowns(); + } + }); + + function closeModals() { + $html.classList.remove('is-clipped'); + $modals.forEach(function ($el) { + $el.classList.remove('is-active'); + }); + } + + // Clipboard + + var $highlights = getAll('.highlight'); + var itemsProcessed = 0; + + if ($highlights.length > 0) { + $highlights.forEach(function ($el) { + var copy = ''; + var expand = ''; + $el.insertAdjacentHTML('beforeend', copy); + + if ($el.firstElementChild.scrollHeight > 480 && $el.firstElementChild.clientHeight <= 480) { + $el.insertAdjacentHTML('beforeend', expand); + } + + itemsProcessed++; + if (itemsProcessed === $highlights.length) { + addHighlightControls(); + } + }); + } + + function addHighlightControls() { + var $highlightButtons = getAll('.highlight .copy, .highlight .expand'); + + $highlightButtons.forEach(function ($el) { + $el.addEventListener('mouseenter', function () { + $el.parentNode.style.boxShadow = '0 0 0 1px #ed6c63'; + }); + + $el.addEventListener('mouseleave', function () { + $el.parentNode.style.boxShadow = 'none'; + }); + }); + + var $highlightExpands = getAll('.highlight .expand'); + + $highlightExpands.forEach(function ($el) { + $el.addEventListener('click', function () { + $el.parentNode.firstElementChild.style.maxHeight = 'none'; + }); + }); + } + + new Clipboard('.copy', { + target: function target(trigger) { + return trigger.previousSibling; + } + }); + + // Functions + + function getAll(selector) { + return Array.prototype.slice.call(document.querySelectorAll(selector), 0); + } +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.4.4/thank-you/index.html b/docs/versions/0.5.1/versions/0.4.4/thank-you/index.html new file mode 100644 index 000000000..1afe18087 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/thank-you/index.html @@ -0,0 +1,243 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+
+
+

+ Thank you! +

+

+ Go back to the homepage +

+
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/tiles/index.html b/docs/versions/0.5.1/versions/0.4.4/tiles/index.html new file mode 100644 index 000000000..ea26dbe2b --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/tiles/index.html @@ -0,0 +1,988 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+
+

Tiles

+

A single tile element to build 2-dimensional Metro-like, Pinterest-like, or whatever-you-like grids

+ +
+

To build intricate 2-dimensional, you only need a single element: the tile:

+
+ +
<div class="tile">
+  <!-- The magical tile element! -->
+</div>
+ +
+

The tile element has 16 modifiers:

+
    +
  • + 3 contextual modifiers +
      +
    • is-ancestor
      • +
    • is-parent
      • +
    • is-child
      • +
    +
    • +
  • + 1 directional modifier +
      +
    • is-vertical
      • +
    +
    • +
  • + 12 horizontal size modifiers +
      +
    • from is-1
      • +
    • to is-12
      • +
    +
    • +
+
+ +
+ +

How it works: Nesting

+
+

Everything is a tile! To create a grid of tiles, you only need to nest tile elements.

+
+ +
+
+

Start with an ancestor tile that will wrap all other tiles:

+
+
+
<div class="tile is-ancestor">
+  <!-- All other tile elemnts -->
+</div>
+
+
+ +
+
+

Add tile elements that will distribute themselves horizontally:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+</div>
+
+
+ +
+
+

+ You can resize any tile according to a 12 column grid. +
+ For example, is-4 will take up 2/3 of the horizontal space: +

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4">
+    <!-- 1/3 -->
+  </div>
+  <div class="tile">
+    <!-- This tile will take the rest: 2/3 -->
+  </div>
+</div>
+
+
+ +
+
+

If you want to stack tiles vertically, add is-vertical on the parent tile:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical">
+    <div class="tile">
+      <!-- Top tile -->
+    </div>
+    <div class="tile">
+      <!-- Bottom tile -->
+    </div>
+  </div>
+  <div class="tile">
+    <!-- This tile will take up the whole vertical space -->
+  </div>
+</div>
+
+
+ +
+
+
+

As soon as you want to add content to a tile, just:

+
    +
  • add any class you want, like box
    • +
  • add the is-child modifier on the tile
    • +
  • add the is-parent modifier on the parent tile
    • +
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

One

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+

Two

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+

Three

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+      <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+      <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+    </div>
+  </div>
+</div>
+ +
+ +

Nesting requirements

+ +
+
+ 3 levels deep at least... +
+
+
+

You need at least 3 levels of hierarchy:

+
tile is-ancestor
+|
+└───tile is-parent
+    |
+    └───tile is-child
+
+
+
+ +
+
+ ...but more levels if you want! +
+
+
+

You can however nest tiles more deeply than that, and mix it up!

+
tile is-ancestor
+|
+├───tile is-vertical is-8
+|   |
+|   ├───tile
+|   |   |
+|   |   ├───tile is-parent is-vertical
+|   |   |   ├───tile is-child
+|   |   |   └───tile is-child
+|   |   |
+|   |   └───tile is-parent
+|   |       └───tile is-child
+|   |
+|   └───tile is-parent
+|       └───tile is-child
+|
+└───tile is-parent
+    └───tile is-child
+
+
+
+ +
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <!-- Put any content you want -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <!-- Put any content you want -->
+    </article>
+  </div>
+</div>
+ +
+ +

3 columns

+ +
+
+
+

Hello World

+

What is up?

+
+
+
+
+

Foo

+

Bar

+
+
+
+
+

Third column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Side column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Main column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Hello World</p>
+      <p class="subtitle">What is up?</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Foo</p>
+      <p class="subtitle">Bar</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Third column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Top box</p>
+        </article>
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Bottom box</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Middle box</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.4.4/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <p class="title">Wide column</p>
+        <p class="subtitle">Aligned with the right column</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Tall column</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Side column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-8">
+    <article class="tile is-child box">
+      <p class="title">Main column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

4 columns

+ +
+
+
+

One

+

Subtitle

+
+
+
+
+

Two

+

Subtitle

+
+
+
+
+

Three

+

Subtitle

+
+
+
+
+

Four

+

Subtitle

+
+
+
+
+
+
+
+
+

Five

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+
+
+
+
+
+
+
+

Six

+

Subtitle

+
+
+
+
+

Seven

+

Subtitle

+
+
+
+
+
+

Eight

+

Subtitle

+
+
+
+
+
+
+
+

Nine

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Ten

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+

Eleven

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Twelve

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+
+

Thirteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Fourteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">One</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Two</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Three</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Four</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-9">
+    <div class="tile">
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Five</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-8 is-vertical">
+        <div class="tile">
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Six</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Seven</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+        </div>
+        <div class="tile is-parent">
+          <article class="tile is-child box">
+            <p class="title">Eight</p>
+            <p class="subtitle">Subtitle</p>
+          </article>
+        </div>
+      </div>
+    </div>
+    <div class="tile">
+      <div class="tile is-8 is-parent">
+        <article class="tile is-child box">
+          <p class="title">Nine</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Ten</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Eleven</p>
+        <p class="subtitle">Subtitle</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Twelve</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-6">
+    <article class="tile is-child box">
+      <p class="title">Thirteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Fourteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.4.4/vendor/clipboard-1.7.1.min.js b/docs/versions/0.5.1/versions/0.4.4/vendor/clipboard-1.7.1.min.js new file mode 100644 index 000000000..90fd15b1c --- /dev/null +++ b/docs/versions/0.5.1/versions/0.4.4/vendor/clipboard-1.7.1.min.js @@ -0,0 +1,7 @@ +/*! + * clipboard.js v1.7.1 + * https://zenorocha.github.io/clipboard.js + * + * Licensed MIT © Zeno Rocha + */ +!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.Clipboard=t()}}(function(){var t,e,n;return function t(e,n,o){function i(a,c){if(!n[a]){if(!e[a]){var l="function"==typeof require&&require;if(!c&&l)return l(a,!0);if(r)return r(a,!0);var s=new Error("Cannot find module '"+a+"'");throw s.code="MODULE_NOT_FOUND",s}var u=n[a]={exports:{}};e[a][0].call(u.exports,function(t){var n=e[a][1][t];return i(n||t)},u,u.exports,t,e,n,o)}return n[a].exports}for(var r="function"==typeof require&&require,a=0;a0&&void 0!==arguments[0]?arguments[0]:{};this.action=e.action,this.container=e.container,this.emitter=e.emitter,this.target=e.target,this.text=e.text,this.trigger=e.trigger,this.selectedText=""}},{key:"initSelection",value:function t(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function t(){var e=this,n="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return e.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[n?"right":"left"]="-9999px";var o=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=o+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,i.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function t(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function t(){this.selectedText=(0,i.default)(this.target),this.copyText()}},{key:"copyText",value:function t(){var e=void 0;try{e=document.execCommand(this.action)}catch(t){e=!1}this.handleResult(e)}},{key:"handleResult",value:function t(e){this.emitter.emit(e?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function t(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function t(){this.removeFake()}},{key:"action",set:function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=e,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function t(){return this._action}},{key:"target",set:function t(e){if(void 0!==e){if(!e||"object"!==(void 0===e?"undefined":r(e))||1!==e.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&e.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(e.hasAttribute("readonly")||e.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=e}},get:function t(){return this._target}}]),t}();t.exports=c})},{select:5}],8:[function(e,n,o){!function(i,r){if("function"==typeof t&&t.amd)t(["module","./clipboard-action","tiny-emitter","good-listener"],r);else if(void 0!==o)r(n,e("./clipboard-action"),e("tiny-emitter"),e("good-listener"));else{var a={exports:{}};r(a,i.clipboardAction,i.tinyEmitter,i.goodListener),i.clipboard=a.exports}}(this,function(t,e,n,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function l(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}var s=i(e),u=i(n),f=i(o),d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof e.action?e.action:this.defaultAction,this.target="function"==typeof e.target?e.target:this.defaultTarget,this.text="function"==typeof e.text?e.text:this.defaultText,this.container="object"===d(e.container)?e.container:document.body}},{key:"listenClick",value:function t(e){var n=this;this.listener=(0,f.default)(e,"click",function(t){return n.onClick(t)})}},{key:"onClick",value:function t(e){var n=e.delegateTarget||e.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new s.default({action:this.action(n),target:this.target(n),text:this.text(n),container:this.container,trigger:n,emitter:this})}},{key:"defaultAction",value:function t(e){return l("action",e)}},{key:"defaultTarget",value:function t(e){var n=l("target",e);if(n)return document.querySelector(n)}},{key:"defaultText",value:function t(e){return l("text",e)}},{key:"destroy",value:function t(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],n="string"==typeof e?[e]:e,o=!!document.queryCommandSupported;return n.forEach(function(t){o=o&&!!document.queryCommandSupported(t)}),o}}]),e}(u.default);t.exports=p})},{"./clipboard-action":7,"good-listener":4,"tiny-emitter":6}]},{},[8])(8)}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html b/docs/versions/0.5.1/versions/0.5.0/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html new file mode 100644 index 000000000..55502c5b5 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html @@ -0,0 +1,655 @@ + + + + + + + + + Blog launched, new responsive columns, new helpers | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+
+
+
+ + + + + + + + Launch! + +
+

+ Back +

+

+ 09 Feb 2016 +

+

+ Blog launched, new responsive columns, new helpers +

+ +
+
+

First blog post on the newly launched blog! It even has its own RSS feed for those who still use that. This blog will be more frequently updated than the newsletter, so you can subscribe to either or both, as they will be used for different purposes.

+ +

Columns on mobile too

+ +

By default, columns are only activated on tablet and desktop. If you want to use columns on mobile too, add the is-mobile modifier on the columns container.

+ +
<div class="columns is-mobile">
+  <div class="column"></div>
+  <div class="column"></div>
+  <div class="column"></div>
+  <!-- etc. -->
+</div>
+ +

Responsive columns

+ +

You can now apply different column size for each breakpoint.

+ +

For example, let’s say you want a column to take half the width on mobile, a third on tablet, and a quarter on desktop:

+ +
+
+

+ is-half-mobile
+ is-one-third-tablet
+ is-one-quarter-desktop +

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+ +
<div class="columns is-mobile">
+  <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop"></div>
+  <!-- Other columns -->
+</div>
+ +
+
+ Info +
+
+ If you use mobile modifiers on single column elements, make sure to use the is-mobile modifier on the columns container. +
+
+ +

Multiline columns

+ +

By default, if you want to start a new row, you just need to close a columns container and open a new one.

+ +

But you can also add the is-multiline modifier on the columns container, and use column size modifiers (like is-half or is-3) to define size on multiple rows within the same container.

+ +
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+ +
<div class="columns is-multiline is-mobile">
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-half"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column"></div>
+</div>
+ +

Helpers section

+ +

While modifiers are specific to each Bulma element, helpers are general utility classes that can be applied on almost any element. Check out the new helpers documentation!

+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html b/docs/versions/0.5.1/versions/0.5.0/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html new file mode 100644 index 000000000..ec6b52947 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html @@ -0,0 +1,555 @@ + + + + + + + + + Metro UI CSS grid with Bulma tiles | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+
+
+
+ + + + + + + + Metro UI + +
+

+ Back +

+

+ 11 Apr 2016 +

+

+ Metro UI CSS grid with Bulma tiles +

+ +
+
+

Have you ever wanted to build a Metro-UI-like grid in CSS? +Thanks to Flexbox and the new Bulma tiles, you now can! And it only requires 1 HTML element: the tile element.

+ +

Metro UI grid tiles in CSS

+ +

Check out the documentation!

+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/2017/03/10/new-field-element/index.html b/docs/versions/0.5.1/versions/0.5.0/2017/03/10/new-field-element/index.html new file mode 100644 index 000000000..815da78dc --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/2017/03/10/new-field-element/index.html @@ -0,0 +1,667 @@ + + + + + + + + + New field element (for better controls) | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+
+
+
+ + + + + + + + Field element + +
+

+ Back +

+

+ 10 Mar 2017 +

+

+ New field element (for better controls) +

+ +
+
+

TL;DR: there’s a new .field container, and .control has been re-purposed.

+ +

Since the beginning, the .control has been a very versatile element that allowed:

+ +
    +
  • to space controls vertically
    • +
  • to include an icon alongside inputs, buttons, textareas…
    • +
  • to append a loading spinner
    • +
  • to create horizontal forms
    • +
  • to create control addons
    • +
  • to create control groups
    • +
+ +

The problem

+ +

The .control element acted as both a block container (for spacing, for other controls in a horizontal form), but also an inline container (for adding an icon, a loader, an addon, and grouping). +It led to issues where you couldn’t:

+ +
    +
  • add a help text horizontally
    • +
  • add multiple icons or loaders in a group of controls
    • +
  • add a different icon on addons
    • +
+ +

The solution

+ +

The new .field element becomes the block container for .control elements. As a result, it inherits the .has-addons, .is-grouped, and .is-horizontal modifiers.

+ +

Furthermore .control element can only contain a .button, .input, .select, or .textarea, and eventually a .icon. It can no longer contain a .help element or other .control.

+ +

But it allows more elaborate designs.

+ +
// Before
+.control
+  .has-addons
+  .has-icon
+  .is-grouped
+  .is-horizontal
+  .is-loading
+
+// After
+.control
+  .has-icon
+  .is-loading
+.field
+  .has-addons
+  .is-grouped
+  .is-horizontal
+.field-label
+.field-body
+ +
<!-- Before -->
+<label class="label">Username</label>
+<p class="control has-icon has-icon-right">
+  <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+  <span class="icon is-small">
+    <i class="fa fa-check"></i>
+  </span>
+  <span class="help is-success">This username is available</span>
+</p>
+
+<!-- After -->
+<div class="field">
+  <label class="label">Username</label>
+  <p class="control has-icon has-icon-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+  <p class="help is-success">This username is available</p>
+</div>
+ +

Examples

+ +

Addons with multiple icons or states.

+ +
+

+ + + + +

+

+ + + + +

+

+ +

+
+ +

Horizontal form with help text

+ +
+
+ +
+
+
+

+ +

+
+
+

+ + + + +

+

This email is correct

+
+
+
+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/2017/07/24/access-previous-bulma-versions/index.html b/docs/versions/0.5.1/versions/0.5.0/2017/07/24/access-previous-bulma-versions/index.html new file mode 100644 index 000000000..19dc072f1 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/2017/07/24/access-previous-bulma-versions/index.html @@ -0,0 +1,558 @@ + + + + + + + + + Access previous Bulma versions | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+
+
+
+ + + + + + + + Versions + +
+

+ Back +

+

+ 24 Jul 2017 +

+

+ Access previous Bulma versions +

+ +
+
+

It is now possible to access previous versions of Bulma. Just head towards: http://bulma.io/versions/

+ +
+ + Previous versions of Bulma + +
+ +

While only version 0.4.4 is accessible now, each new release will remain available forever.

+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/LICENSE b/docs/versions/0.5.1/versions/0.5.0/LICENSE new file mode 100644 index 000000000..e51b32b7a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2017 Jeremy Thomas + +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. diff --git a/docs/versions/0.5.1/versions/0.5.0/README.md b/docs/versions/0.5.1/versions/0.5.0/README.md new file mode 100644 index 000000000..5fe0de24d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/README.md @@ -0,0 +1,19 @@ +## Building the documentation + +The documentation HTML is produced with the Ruby-based `jekyll` tool. + +1. Make sure Ruby 2.x is installed. +2. `gem install jekyll` + +## Viewing the documentation locally + +Then to view the documentation in your local checkout: + +1. Before you begin, cd into `docs/` directory, and `cp _config.yml _config.local.yml`. Then edit `_config.local.yml` and change the `url:` value to `http://localhost:4000`. This local config file will be ignored by git. +1. In a separate shell session, `cd` to the `docs/` directory, and do: +``` +jekyll serve --incremental --config _config.local.yml +``` +This will start an HTTP server at `http://localhost:4000/` that serves the docs built in the `_site` directory; and anytime the docs are rebuilt by you, it will serve the docs site on the fly. +2. In your main shell session where you develop, if you change anything in `docs/` the jekyll server will rebuild those on the fly. But if you change anything about the Bulma SASS or CSS, you need to do `npm run start-docs` to build the docs' CSS before you will see it in the browser. The process running `jekyll serve` will pick up the new CSS automatically. + diff --git a/docs/versions/0.5.1/versions/0.5.0/blog/index.html b/docs/versions/0.5.1/versions/0.5.0/blog/index.html new file mode 100644 index 000000000..85336208e --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/blog/index.html @@ -0,0 +1,673 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + + + +
+ +
+
+
+
+
+ + +
+
+ + + + + + + + + +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/css/bulma-docs.css b/docs/versions/0.5.1/versions/0.5.0/css/bulma-docs.css new file mode 100644 index 000000000..8460d862a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/css/bulma-docs.css @@ -0,0 +1,10145 @@ +@charset "UTF-8"; +/*! bulma.io v0.5.0 | MIT License | github.com/jgthms/bulma */ +@-webkit-keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + +ul { + list-style: none; +} + +button, +input, +select, +textarea { + margin: 0; +} + +html { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +* { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +*:before, *:after { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +img, +embed, +object, +audio, +video { + max-width: 100%; +} + +iframe { + border: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; + text-align: left; +} + +html { + background-color: #fff; + font-size: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + min-width: 300px; + overflow-x: hidden; + overflow-y: scroll; + text-rendering: optimizeLegibility; +} + +article, +aside, +figure, +footer, +header, +hgroup, +section { + display: block; +} + +body, +button, +input, +select, +textarea { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; +} + +code, +pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: monospace; +} + +body { + color: #4a4a4a; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; +} + +a { + color: #00d1b2; + cursor: pointer; + text-decoration: none; +} + +a:hover { + color: #363636; +} + +code { + background-color: whitesmoke; + color: #ff3860; + font-size: 0.875em; + font-weight: normal; + padding: 0.25em 0.5em 0.25em; +} + +hr { + background-color: #dbdbdb; + border: none; + display: block; + height: 1px; + margin: 1.5rem 0; +} + +img { + height: auto; + max-width: 100%; +} + +input[type="checkbox"], +input[type="radio"] { + vertical-align: baseline; +} + +small { + font-size: 0.875em; +} + +span { + font-style: inherit; + font-weight: inherit; +} + +strong { + color: #363636; + font-weight: 700; +} + +pre { + background-color: whitesmoke; + color: #4a4a4a; + font-size: 0.875em; + white-space: pre; + word-wrap: normal; +} + +pre code { + -webkit-overflow-scrolling: touch; + background: none; + color: inherit; + display: block; + font-size: 1em; + overflow-x: auto; + padding: 1.25rem 1.5rem; +} + +table td, +table th { + text-align: left; + vertical-align: top; +} + +table th { + color: #363636; +} + +.is-clearfix:after { + clear: both; + content: " "; + display: table; +} + +.is-pulled-left { + float: left !important; +} + +.is-pulled-right { + float: right !important; +} + +.is-clipped { + overflow: hidden !important; +} + +.is-overlay { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.is-size-1 { + font-size: 3rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-1-mobile { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-1-tablet { + font-size: 3rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-1-touch { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-1-desktop { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-1-widescreen { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-1-fullhd { + font-size: 3rem !important; + } +} + +.is-size-2 { + font-size: 2.5rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-2-mobile { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-2-tablet { + font-size: 2.5rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-2-touch { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-2-desktop { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-2-widescreen { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-2-fullhd { + font-size: 2.5rem !important; + } +} + +.is-size-3 { + font-size: 2rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-3-mobile { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-3-tablet { + font-size: 2rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-3-touch { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-3-desktop { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-3-widescreen { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-3-fullhd { + font-size: 2rem !important; + } +} + +.is-size-4 { + font-size: 1.5rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-4-mobile { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-4-tablet { + font-size: 1.5rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-4-touch { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-4-desktop { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-4-widescreen { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-4-fullhd { + font-size: 1.5rem !important; + } +} + +.is-size-5 { + font-size: 1.25rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-5-mobile { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-5-tablet { + font-size: 1.25rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-5-touch { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-5-desktop { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-5-widescreen { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-5-fullhd { + font-size: 1.25rem !important; + } +} + +.is-size-6 { + font-size: 1rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-6-mobile { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-6-tablet { + font-size: 1rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-6-touch { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-6-desktop { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-6-widescreen { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-6-fullhd { + font-size: 1rem !important; + } +} + +.has-text-centered { + text-align: center !important; +} + +.has-text-left { + text-align: left !important; +} + +.has-text-right { + text-align: right !important; +} + +.has-text-white { + color: white !important; +} + +a.has-text-white:hover, a.has-text-white:focus { + color: #e6e6e6; +} + +.has-text-black { + color: #0a0a0a !important; +} + +a.has-text-black:hover, a.has-text-black:focus { + color: black; +} + +.has-text-light { + color: whitesmoke !important; +} + +a.has-text-light:hover, a.has-text-light:focus { + color: #dbdbdb; +} + +.has-text-dark { + color: #363636 !important; +} + +a.has-text-dark:hover, a.has-text-dark:focus { + color: #1c1c1c; +} + +.has-text-primary { + color: #00d1b2 !important; +} + +a.has-text-primary:hover, a.has-text-primary:focus { + color: #009e86; +} + +.has-text-info { + color: #3273dc !important; +} + +a.has-text-info:hover, a.has-text-info:focus { + color: #205bbc; +} + +.has-text-success { + color: #23d160 !important; +} + +a.has-text-success:hover, a.has-text-success:focus { + color: #1ca64c; +} + +.has-text-warning { + color: #ffdd57 !important; +} + +a.has-text-warning:hover, a.has-text-warning:focus { + color: #ffd324; +} + +.has-text-danger { + color: #ff3860 !important; +} + +a.has-text-danger:hover, a.has-text-danger:focus { + color: #ff0537; +} + +.has-text-black-bis { + color: #121212 !important; +} + +.has-text-black-ter { + color: #242424 !important; +} + +.has-text-grey-darker { + color: #363636 !important; +} + +.has-text-grey-dark { + color: #4a4a4a !important; +} + +.has-text-grey { + color: #7a7a7a !important; +} + +.has-text-grey-light { + color: #b5b5b5 !important; +} + +.has-text-grey-lighter { + color: #dbdbdb !important; +} + +.has-text-white-ter { + color: whitesmoke !important; +} + +.has-text-white-bis { + color: #fafafa !important; +} + +.is-block { + display: block; +} + +@media screen and (max-width: 768px) { + .is-block-mobile { + display: block !important; + } +} + +@media screen and (min-width: 769px), print { + .is-block-tablet { + display: block !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-block-tablet-only { + display: block !important; + } +} + +@media screen and (max-width: 1007px) { + .is-block-touch { + display: block !important; + } +} + +@media screen and (min-width: 1008px) { + .is-block-desktop { + display: block !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-block-desktop-only { + display: block !important; + } +} + +@media screen and (min-width: 1200px) { + .is-block-widescreen { + display: block !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-block-widescreen-only { + display: block !important; + } +} + +@media screen and (min-width: 1392px) { + .is-block-fullhd { + display: block !important; + } +} + +.is-flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +@media screen and (max-width: 768px) { + .is-flex-mobile { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 769px), print { + .is-flex-tablet { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-flex-tablet-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (max-width: 1007px) { + .is-flex-touch { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1008px) { + .is-flex-desktop { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-flex-desktop-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1200px) { + .is-flex-widescreen { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-flex-widescreen-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1392px) { + .is-flex-fullhd { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +.is-inline { + display: inline; +} + +@media screen and (max-width: 768px) { + .is-inline-mobile { + display: inline !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-tablet { + display: inline !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-tablet-only { + display: inline !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-touch { + display: inline !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-desktop { + display: inline !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-desktop-only { + display: inline !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-widescreen { + display: inline !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-inline-widescreen-only { + display: inline !important; + } +} + +@media screen and (min-width: 1392px) { + .is-inline-fullhd { + display: inline !important; + } +} + +.is-inline-block { + display: inline-block; +} + +@media screen and (max-width: 768px) { + .is-inline-block-mobile { + display: inline-block !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-block-tablet { + display: inline-block !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-block-tablet-only { + display: inline-block !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-block-touch { + display: inline-block !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-block-desktop { + display: inline-block !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-block-desktop-only { + display: inline-block !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-block-widescreen { + display: inline-block !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-inline-block-widescreen-only { + display: inline-block !important; + } +} + +@media screen and (min-width: 1392px) { + .is-inline-block-fullhd { + display: inline-block !important; + } +} + +.is-inline-flex { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; +} + +@media screen and (max-width: 768px) { + .is-inline-flex-mobile { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-flex-tablet { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-flex-tablet-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-flex-touch { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-flex-desktop { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-flex-desktop-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-flex-widescreen { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-inline-flex-widescreen-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1392px) { + .is-inline-flex-fullhd { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +.is-hidden { + display: none !important; +} + +@media screen and (max-width: 768px) { + .is-hidden-mobile { + display: none !important; + } +} + +@media screen and (min-width: 769px), print { + .is-hidden-tablet { + display: none !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-hidden-tablet-only { + display: none !important; + } +} + +@media screen and (max-width: 1007px) { + .is-hidden-touch { + display: none !important; + } +} + +@media screen and (min-width: 1008px) { + .is-hidden-desktop { + display: none !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-hidden-desktop-only { + display: none !important; + } +} + +@media screen and (min-width: 1200px) { + .is-hidden-widescreen { + display: none !important; + } +} + +@media screen and (min-width: 1200px) and (max-width: 1391px) { + .is-hidden-widescreen-only { + display: none !important; + } +} + +@media screen and (min-width: 1392px) { + .is-hidden-fullhd { + display: none !important; + } +} + +.is-marginless { + margin: 0 !important; +} + +.is-paddingless { + padding: 0 !important; +} + +.is-radiusless { + border-radius: 0 !important; +} + +.is-shadowless { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +.is-unselectable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.box { + background-color: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + display: block; + padding: 1.25rem; +} + +.box:not(:last-child) { + margin-bottom: 1.5rem; +} + +a.box:hover, a.box:focus { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +a.box:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; +} + +.button { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: white; + border-color: #dbdbdb; + color: #363636; + cursor: pointer; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; + text-align: center; + white-space: nowrap; +} + +.button:focus, .button.is-focused, .button:active, .button.is-active { + outline: none; +} + +.button[disabled] { + cursor: not-allowed; +} + +.button strong { + color: inherit; +} + +.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { + height: 1.5em; + width: 1.5em; +} + +.button .icon:first-child:not(:last-child) { + margin-left: calc(-0.375em - 1px); + margin-right: 0.1875em; +} + +.button .icon:last-child:not(:first-child) { + margin-left: 0.1875em; + margin-right: calc(-0.375em - 1px); +} + +.button .icon:first-child:last-child { + margin-left: calc(-0.375em - 1px); + margin-right: calc(-0.375em - 1px); +} + +.button:hover, .button.is-hovered { + border-color: #b5b5b5; + color: #363636; +} + +.button:focus, .button.is-focused { + border-color: #00d1b2; + -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #363636; +} + +.button:active, .button.is-active { + border-color: #4a4a4a; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #363636; +} + +.button.is-link { + background-color: transparent; + border-color: transparent; + color: #4a4a4a; + text-decoration: underline; +} + +.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active { + background-color: whitesmoke; + color: #363636; +} + +.button.is-link[disabled] { + background-color: transparent; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-white { + background-color: white; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:hover, .button.is-white.is-hovered { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:focus, .button.is-white.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: #0a0a0a; +} + +.button.is-white:active, .button.is-white.is-active { + background-color: #f2f2f2; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #0a0a0a; +} + +.button.is-white[disabled] { + background-color: white; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-white.is-inverted { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted:hover { + background-color: black; +} + +.button.is-white.is-inverted[disabled] { + background-color: #0a0a0a; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-white.is-loading:after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-white.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.button.is-white.is-outlined.is-loading:after { + border-color: transparent transparent white white !important; +} + +.button.is-white.is-outlined[disabled] { + background-color: transparent; + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black { + background-color: #0a0a0a; + border-color: transparent; + color: white; +} + +.button.is-black:hover, .button.is-black.is-hovered { + background-color: #040404; + border-color: transparent; + color: white; +} + +.button.is-black:focus, .button.is-black.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: white; +} + +.button.is-black:active, .button.is-black.is-active { + background-color: black; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: white; +} + +.button.is-black[disabled] { + background-color: #0a0a0a; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-black.is-inverted { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-black.is-inverted[disabled] { + background-color: white; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-loading:after { + border-color: transparent transparent white white !important; +} + +.button.is-black.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.button.is-black.is-outlined.is-loading:after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-black.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-light { + background-color: whitesmoke; + border-color: transparent; + color: #363636; +} + +.button.is-light:hover, .button.is-light.is-hovered { + background-color: #eeeeee; + border-color: transparent; + color: #363636; +} + +.button.is-light:focus, .button.is-light.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + color: #363636; +} + +.button.is-light:active, .button.is-light.is-active { + background-color: #e8e8e8; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #363636; +} + +.button.is-light[disabled] { + background-color: whitesmoke; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-light.is-inverted { + background-color: #363636; + color: whitesmoke; +} + +.button.is-light.is-inverted:hover { + background-color: #292929; +} + +.button.is-light.is-inverted[disabled] { + background-color: #363636; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-light.is-loading:after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-light.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; +} + +.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.button.is-light.is-outlined.is-loading:after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-light.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { + background-color: #363636; + color: whitesmoke; +} + +.button.is-light.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark { + background-color: #363636; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:hover, .button.is-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:focus, .button.is-dark.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + color: whitesmoke; +} + +.button.is-dark:active, .button.is-dark.is-active { + background-color: #292929; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: whitesmoke; +} + +.button.is-dark[disabled] { + background-color: #363636; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-dark.is-inverted { + background-color: whitesmoke; + color: #363636; +} + +.button.is-dark.is-inverted:hover { + background-color: #e8e8e8; +} + +.button.is-dark.is-inverted[disabled] { + background-color: whitesmoke; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark.is-loading:after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.button.is-dark.is-outlined.is-loading:after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-dark.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; +} + +.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { + background-color: whitesmoke; + color: #363636; +} + +.button.is-dark.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-primary { + background-color: #00d1b2; + border-color: transparent; + color: #fff; +} + +.button.is-primary:hover, .button.is-primary.is-hovered { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} + +.button.is-primary:focus, .button.is-primary.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #fff; +} + +.button.is-primary:active, .button.is-primary.is-active { + background-color: #00b89c; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-primary[disabled] { + background-color: #00d1b2; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-primary.is-inverted { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-primary.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-primary.is-outlined { + background-color: transparent; + border-color: #00d1b2; + color: #00d1b2; +} + +.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.button.is-primary.is-outlined.is-loading:after { + border-color: transparent transparent #00d1b2 #00d1b2 !important; +} + +.button.is-primary.is-outlined[disabled] { + background-color: transparent; + border-color: #00d1b2; + -webkit-box-shadow: none; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-info { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} + +.button.is-info:hover, .button.is-info.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} + +.button.is-info:focus, .button.is-info.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + color: #fff; +} + +.button.is-info:active, .button.is-info.is-active { + background-color: #2366d1; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-info[disabled] { + background-color: #3273dc; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-info.is-inverted { + background-color: #fff; + color: #3273dc; +} + +.button.is-info.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-info.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #3273dc; +} + +.button.is-info.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-info.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc; +} + +.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} + +.button.is-info.is-outlined.is-loading:after { + border-color: transparent transparent #3273dc #3273dc !important; +} + +.button.is-info.is-outlined[disabled] { + background-color: transparent; + border-color: #3273dc; + -webkit-box-shadow: none; + box-shadow: none; + color: #3273dc; +} + +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { + background-color: #fff; + color: #3273dc; +} + +.button.is-info.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-success { + background-color: #23d160; + border-color: transparent; + color: #fff; +} + +.button.is-success:hover, .button.is-success.is-hovered { + background-color: #22c65b; + border-color: transparent; + color: #fff; +} + +.button.is-success:focus, .button.is-success.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + color: #fff; +} + +.button.is-success:active, .button.is-success.is-active { + background-color: #20bc56; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-success[disabled] { + background-color: #23d160; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-success.is-inverted { + background-color: #fff; + color: #23d160; +} + +.button.is-success.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-success.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #23d160; +} + +.button.is-success.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-success.is-outlined { + background-color: transparent; + border-color: #23d160; + color: #23d160; +} + +.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { + background-color: #23d160; + border-color: #23d160; + color: #fff; +} + +.button.is-success.is-outlined.is-loading:after { + border-color: transparent transparent #23d160 #23d160 !important; +} + +.button.is-success.is-outlined[disabled] { + background-color: transparent; + border-color: #23d160; + -webkit-box-shadow: none; + box-shadow: none; + color: #23d160; +} + +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { + background-color: #fff; + color: #23d160; +} + +.button.is-success.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-warning { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:hover, .button.is-warning.is-hovered { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:focus, .button.is-warning.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:active, .button.is-warning.is-active { + background-color: #ffd83d; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning[disabled] { + background-color: #ffdd57; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted:hover { + background-color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted[disabled] { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-loading:after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} + +.button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + color: #ffdd57; +} + +.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-outlined.is-loading:after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; +} + +.button.is-warning.is-outlined[disabled] { + background-color: transparent; + border-color: #ffdd57; + -webkit-box-shadow: none; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + -webkit-box-shadow: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-danger { + background-color: #ff3860; + border-color: transparent; + color: #fff; +} + +.button.is-danger:hover, .button.is-danger.is-hovered { + background-color: #ff2b56; + border-color: transparent; + color: #fff; +} + +.button.is-danger:focus, .button.is-danger.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + color: #fff; +} + +.button.is-danger:active, .button.is-danger.is-active { + background-color: #ff1f4b; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-danger[disabled] { + background-color: #ff3860; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-danger.is-inverted { + background-color: #fff; + color: #ff3860; +} + +.button.is-danger.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-danger.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #ff3860; +} + +.button.is-danger.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-danger.is-outlined { + background-color: transparent; + border-color: #ff3860; + color: #ff3860; +} + +.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { + background-color: #ff3860; + border-color: #ff3860; + color: #fff; +} + +.button.is-danger.is-outlined.is-loading:after { + border-color: transparent transparent #ff3860 #ff3860 !important; +} + +.button.is-danger.is-outlined[disabled] { + background-color: transparent; + border-color: #ff3860; + -webkit-box-shadow: none; + box-shadow: none; + color: #ff3860; +} + +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { + background-color: #fff; + color: #ff3860; +} + +.button.is-danger.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.button.is-medium { + font-size: 1.25rem; +} + +.button.is-large { + font-size: 1.5rem; +} + +.button[disabled] { + background-color: white; + border-color: #dbdbdb; + -webkit-box-shadow: none; + box-shadow: none; + opacity: 0.5; +} + +.button.is-fullwidth { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; +} + +.button.is-loading { + color: transparent !important; + pointer-events: none; +} + +.button.is-loading:after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + position: absolute; + left: calc(50% - (1em / 2)); + top: calc(50% - (1em / 2)); + position: absolute !important; +} + +.button.is-static { + background-color: whitesmoke; + border-color: #dbdbdb; + color: #7a7a7a; + -webkit-box-shadow: none; + box-shadow: none; + pointer-events: none; +} + +.content:not(:last-child) { + margin-bottom: 1.5rem; +} + +.content li + li { + margin-top: 0.25em; +} + +.content p:not(:last-child), +.content dl:not(:last-child), +.content ol:not(:last-child), +.content ul:not(:last-child), +.content blockquote:not(:last-child), +.content pre:not(:last-child), +.content table:not(:last-child) { + margin-bottom: 1em; +} + +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + color: #363636; + font-weight: 400; + line-height: 1.125; +} + +.content h1 { + font-size: 2em; + margin-bottom: 0.5em; +} + +.content h1:not(:first-child) { + margin-top: 1em; +} + +.content h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; +} + +.content h2:not(:first-child) { + margin-top: 1.1428em; +} + +.content h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; +} + +.content h3:not(:first-child) { + margin-top: 1.3333em; +} + +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; +} + +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; +} + +.content h6 { + font-size: 1em; + margin-bottom: 1em; +} + +.content blockquote { + background-color: whitesmoke; + border-left: 5px solid #dbdbdb; + padding: 1.25em 1.5em; +} + +.content ol { + list-style: decimal outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ul ul { + list-style-type: circle; + margin-top: 0.5em; +} + +.content ul ul ul { + list-style-type: square; +} + +.content dd { + margin-left: 2em; +} + +.content figure { + text-align: center; +} + +.content figure img { + display: inline-block; +} + +.content figure figcaption { + font-style: italic; +} + +.content pre { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; +} + +.content sup, +.content sub { + font-size: 75%; +} + +.content table { + width: 100%; +} + +.content table td, +.content table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.content table th { + color: #363636; + text-align: left; +} + +.content table tr:hover { + background-color: whitesmoke; +} + +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0; +} + +.content.is-small { + font-size: 0.75rem; +} + +.content.is-medium { + font-size: 1.25rem; +} + +.content.is-large { + font-size: 1.5rem; +} + +.input, +.textarea { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + background-color: white; + border-color: #dbdbdb; + color: #363636; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + max-width: 100%; + width: 100%; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + outline: none; +} + +.input[disabled], +.textarea[disabled] { + cursor: not-allowed; +} + +.input:hover, .input.is-hovered, +.textarea:hover, +.textarea.is-hovered { + border-color: #b5b5b5; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + border-color: #00d1b2; +} + +.input[disabled], +.textarea[disabled] { + background-color: whitesmoke; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; +} + +.input[disabled]::-moz-placeholder, +.textarea[disabled]::-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]::-webkit-input-placeholder, +.textarea[disabled]::-webkit-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]:-moz-placeholder, +.textarea[disabled]:-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]:-ms-input-placeholder, +.textarea[disabled]:-ms-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[type="search"], +.textarea[type="search"] { + border-radius: 290486px; +} + +.input.is-white, +.textarea.is-white { + border-color: white; +} + +.input.is-black, +.textarea.is-black { + border-color: #0a0a0a; +} + +.input.is-light, +.textarea.is-light { + border-color: whitesmoke; +} + +.input.is-dark, +.textarea.is-dark { + border-color: #363636; +} + +.input.is-primary, +.textarea.is-primary { + border-color: #00d1b2; +} + +.input.is-info, +.textarea.is-info { + border-color: #3273dc; +} + +.input.is-success, +.textarea.is-success { + border-color: #23d160; +} + +.input.is-warning, +.textarea.is-warning { + border-color: #ffdd57; +} + +.input.is-danger, +.textarea.is-danger { + border-color: #ff3860; +} + +.input.is-small, +.textarea.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.input.is-medium, +.textarea.is-medium { + font-size: 1.25rem; +} + +.input.is-large, +.textarea.is-large { + font-size: 1.5rem; +} + +.input.is-fullwidth, +.textarea.is-fullwidth { + display: block; + width: 100%; +} + +.input.is-inline, +.textarea.is-inline { + display: inline; + width: auto; +} + +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: 0.625em; + resize: vertical; +} + +.textarea:not([rows]) { + max-height: 600px; + min-height: 120px; +} + +.textarea[rows] { + height: unset; +} + +.checkbox, +.radio { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative; +} + +.checkbox input, +.radio input { + cursor: pointer; +} + +.checkbox:hover, +.radio:hover { + color: #363636; +} + +.checkbox[disabled], +.radio[disabled] { + color: #7a7a7a; + cursor: not-allowed; +} + +.radio + .radio { + margin-left: 0.5em; +} + +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top; +} + +.select:not(.is-multiple) { + height: 2.25em; +} + +.select:not(.is-multiple)::after { + border: 1px solid #00d1b2; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + z-index: 4; +} + +.select select { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + background-color: white; + border-color: #dbdbdb; + color: #363636; + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + outline: none; +} + +.select select[disabled] { + cursor: not-allowed; +} + +.select select:hover, .select select.is-hovered { + border-color: #b5b5b5; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + border-color: #00d1b2; +} + +.select select[disabled] { + background-color: whitesmoke; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; +} + +.select select[disabled]::-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select[disabled]::-webkit-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select[disabled]:-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select[disabled]:-ms-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.select select:hover { + border-color: #b5b5b5; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + border-color: #00d1b2; +} + +.select select::-ms-expand { + display: none; +} + +.select select[disabled]:hover { + border-color: whitesmoke; +} + +.select select:not([multiple]) { + padding-right: 2.5em; +} + +.select select[multiple] { + height: unset; + padding: 0; +} + +.select select[multiple] option { + padding: 0.5em 1em; +} + +.select:hover::after { + border-color: #363636; +} + +.select.is-white select { + border-color: white; +} + +.select.is-black select { + border-color: #0a0a0a; +} + +.select.is-light select { + border-color: whitesmoke; +} + +.select.is-dark select { + border-color: #363636; +} + +.select.is-primary select { + border-color: #00d1b2; +} + +.select.is-info select { + border-color: #3273dc; +} + +.select.is-success select { + border-color: #23d160; +} + +.select.is-warning select { + border-color: #ffdd57; +} + +.select.is-danger select { + border-color: #ff3860; +} + +.select.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.select.is-medium { + font-size: 1.25rem; +} + +.select.is-large { + font-size: 1.5rem; +} + +.select.is-disabled::after { + border-color: #7a7a7a; +} + +.select.is-fullwidth { + width: 100%; +} + +.select.is-fullwidth select { + width: 100%; +} + +.select.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + margin-top: 0; + position: absolute; + right: 0.625em; + top: 0.625em; + -webkit-transform: none; + transform: none; +} + +.select.is-loading.is-small:after { + font-size: 0.75rem; +} + +.select.is-loading.is-medium:after { + font-size: 1.25rem; +} + +.select.is-loading.is-large:after { + font-size: 1.5rem; +} + +.label { + color: #363636; + display: block; + font-size: 1rem; + font-weight: 700; +} + +.label:not(:last-child) { + margin-bottom: 0.5em; +} + +.label.is-small { + font-size: 0.75rem; +} + +.label.is-medium { + font-size: 1.25rem; +} + +.label.is-large { + font-size: 1.5rem; +} + +.help { + display: block; + font-size: 0.75rem; + margin-top: 0.25rem; +} + +.help.is-white { + color: white; +} + +.help.is-black { + color: #0a0a0a; +} + +.help.is-light { + color: whitesmoke; +} + +.help.is-dark { + color: #363636; +} + +.help.is-primary { + color: #00d1b2; +} + +.help.is-info { + color: #3273dc; +} + +.help.is-success { + color: #23d160; +} + +.help.is-warning { + color: #ffdd57; +} + +.help.is-danger { + color: #ff3860; +} + +.field:not(:last-child) { + margin-bottom: 0.75rem; +} + +.field.has-addons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.field.has-addons .control:not(:last-child) { + margin-right: -1px; +} + +.field.has-addons .control:first-child .button, +.field.has-addons .control:first-child .input, +.field.has-addons .control:first-child .select select { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.field.has-addons .control:last-child .button, +.field.has-addons .control:last-child .input, +.field.has-addons .control:last-child .select select { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} + +.field.has-addons .control .button, +.field.has-addons .control .input, +.field.has-addons .control .select select { + border-radius: 0; +} + +.field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered, +.field.has-addons .control .input:hover, +.field.has-addons .control .input.is-hovered, +.field.has-addons .control .select select:hover, +.field.has-addons .control .select select.is-hovered { + z-index: 2; +} + +.field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active, +.field.has-addons .control .input:focus, +.field.has-addons .control .input.is-focused, +.field.has-addons .control .input:active, +.field.has-addons .control .input.is-active, +.field.has-addons .control .select select:focus, +.field.has-addons .control .select select.is-focused, +.field.has-addons .control .select select:active, +.field.has-addons .control .select select.is-active { + z-index: 3; +} + +.field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover, +.field.has-addons .control .input:focus:hover, +.field.has-addons .control .input.is-focused:hover, +.field.has-addons .control .input:active:hover, +.field.has-addons .control .input.is-active:hover, +.field.has-addons .control .select select:focus:hover, +.field.has-addons .control .select select.is-focused:hover, +.field.has-addons .control .select select:active:hover, +.field.has-addons .control .select select.is-active:hover { + z-index: 4; +} + +.field.has-addons .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.field.has-addons.has-addons-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.field.has-addons.has-addons-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.field.has-addons.has-addons-fullwidth .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.field.is-grouped { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.field.is-grouped > .control { + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.field.is-grouped > .control:not(:last-child) { + margin-bottom: 0; + margin-right: 0.75rem; +} + +.field.is-grouped > .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.field.is-grouped.is-grouped-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.field.is-grouped.is-grouped-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.field.is-grouped.is-grouped-multiline { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { + margin-bottom: 0.75rem; +} + +.field.is-grouped.is-grouped-multiline:last-child { + margin-bottom: -0.75rem; +} + +.field.is-grouped.is-grouped-multiline:not(:last-child) { + margin-bottom: 0; +} + +@media screen and (min-width: 769px), print { + .field.is-horizontal { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.field-label .label { + font-size: inherit; +} + +@media screen and (max-width: 768px) { + .field-label { + margin-bottom: 0.5rem; + } +} + +@media screen and (min-width: 769px), print { + .field-label { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-right: 1.5rem; + text-align: right; + } + .field-label.is-small { + font-size: 0.75rem; + padding-top: 0.375em; + } + .field-label.is-normal { + padding-top: 0.375em; + } + .field-label.is-medium { + font-size: 1.25rem; + padding-top: 0.375em; + } + .field-label.is-large { + font-size: 1.5rem; + padding-top: 0.375em; + } +} + +.field-body .field .field { + margin-bottom: 0; +} + +@media screen and (min-width: 769px), print { + .field-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + -ms-flex-negative: 1; + flex-shrink: 1; + } + .field-body .field { + margin-bottom: 0; + } + .field-body > .field { + -ms-flex-negative: 1; + flex-shrink: 1; + } + .field-body > .field:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .field-body > .field:not(:last-child) { + margin-right: 0.75rem; + } +} + +.control { + font-size: 1rem; + position: relative; + text-align: left; +} + +.control.has-icon .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} + +.control.has-icon .input:focus + .icon { + color: #7a7a7a; +} + +.control.has-icon .input.is-small + .icon { + font-size: 0.75rem; +} + +.control.has-icon .input.is-medium + .icon { + font-size: 1.25rem; +} + +.control.has-icon .input.is-large + .icon { + font-size: 1.5rem; +} + +.control.has-icon:not(.has-icon-right) .icon { + left: 0; +} + +.control.has-icon:not(.has-icon-right) .input { + padding-left: 2.25em; +} + +.control.has-icon.has-icon-right .icon { + right: 0; +} + +.control.has-icon.has-icon-right .input { + padding-right: 2.25em; +} + +.control.has-icons-left .input:focus ~ .icon, +.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, +.control.has-icons-right .select:focus ~ .icon { + color: #7a7a7a; +} + +.control.has-icons-left .input.is-small ~ .icon, +.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, +.control.has-icons-right .select.is-small ~ .icon { + font-size: 0.75rem; +} + +.control.has-icons-left .input.is-medium ~ .icon, +.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, +.control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem; +} + +.control.has-icons-left .input.is-large ~ .icon, +.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, +.control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem; +} + +.control.has-icons-left .icon, .control.has-icons-right .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} + +.control.has-icons-left .input, +.control.has-icons-left .select select { + padding-left: 2.25em; +} + +.control.has-icons-left .icon.is-left { + left: 0; +} + +.control.has-icons-right .input, +.control.has-icons-right .select select { + padding-right: 2.25em; +} + +.control.has-icons-right .icon.is-right { + right: 0; +} + +.control.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + position: absolute !important; + right: 0.625em; + top: 0.625em; +} + +.control.is-loading.is-small:after { + font-size: 0.75rem; +} + +.control.is-loading.is-medium:after { + font-size: 1.25rem; +} + +.control.is-loading.is-large:after { + font-size: 1.5rem; +} + +.icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 1.5rem; + width: 1.5rem; +} + +.icon .fa { + font-size: 21px; +} + +.icon.is-small { + height: 1rem; + width: 1rem; +} + +.icon.is-small .fa { + font-size: 14px; +} + +.icon.is-medium { + height: 2rem; + width: 2rem; +} + +.icon.is-medium .fa { + font-size: 28px; +} + +.icon.is-large { + height: 3rem; + width: 3rem; +} + +.icon.is-large .fa { + font-size: 42px; +} + +.image { + display: block; + position: relative; +} + +.image img { + display: block; + height: auto; + width: 100%; +} + +.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} + +.image.is-square, .image.is-1by1 { + padding-top: 100%; +} + +.image.is-4by3 { + padding-top: 75%; +} + +.image.is-3by2 { + padding-top: 66.6666%; +} + +.image.is-16by9 { + padding-top: 56.25%; +} + +.image.is-2by1 { + padding-top: 50%; +} + +.image.is-16x16 { + height: 16px; + width: 16px; +} + +.image.is-24x24 { + height: 24px; + width: 24px; +} + +.image.is-32x32 { + height: 32px; + width: 32px; +} + +.image.is-48x48 { + height: 48px; + width: 48px; +} + +.image.is-64x64 { + height: 64px; + width: 64px; +} + +.image.is-96x96 { + height: 96px; + width: 96px; +} + +.image.is-128x128 { + height: 128px; + width: 128px; +} + +.notification { + background-color: whitesmoke; + border-radius: 3px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative; +} + +.notification:not(:last-child) { + margin-bottom: 1.5rem; +} + +.notification a:not(.button) { + color: currentColor; + text-decoration: underline; +} + +.notification strong { + color: currentColor; +} + +.notification code, +.notification pre { + background: white; +} + +.notification pre code { + background: transparent; +} + +.notification > .delete { + position: absolute; + right: 0.5em; + top: 0.5em; +} + +.notification .title, +.notification .subtitle, +.notification .content { + color: currentColor; +} + +.notification.is-white { + background-color: white; + color: #0a0a0a; +} + +.notification.is-black { + background-color: #0a0a0a; + color: white; +} + +.notification.is-light { + background-color: whitesmoke; + color: #363636; +} + +.notification.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.notification.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.notification.is-info { + background-color: #3273dc; + color: #fff; +} + +.notification.is-success { + background-color: #23d160; + color: #fff; +} + +.notification.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.notification.is-danger { + background-color: #ff3860; + color: #fff; +} + +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 290486px; + display: block; + height: 1rem; + overflow: hidden; + padding: 0; + width: 100%; +} + +.progress:not(:last-child) { + margin-bottom: 1.5rem; +} + +.progress::-webkit-progress-bar { + background-color: #dbdbdb; +} + +.progress::-webkit-progress-value { + background-color: #4a4a4a; +} + +.progress::-moz-progress-bar { + background-color: #4a4a4a; +} + +.progress.is-white::-webkit-progress-value { + background-color: white; +} + +.progress.is-white::-moz-progress-bar { + background-color: white; +} + +.progress.is-black::-webkit-progress-value { + background-color: #0a0a0a; +} + +.progress.is-black::-moz-progress-bar { + background-color: #0a0a0a; +} + +.progress.is-light::-webkit-progress-value { + background-color: whitesmoke; +} + +.progress.is-light::-moz-progress-bar { + background-color: whitesmoke; +} + +.progress.is-dark::-webkit-progress-value { + background-color: #363636; +} + +.progress.is-dark::-moz-progress-bar { + background-color: #363636; +} + +.progress.is-primary::-webkit-progress-value { + background-color: #00d1b2; +} + +.progress.is-primary::-moz-progress-bar { + background-color: #00d1b2; +} + +.progress.is-info::-webkit-progress-value { + background-color: #3273dc; +} + +.progress.is-info::-moz-progress-bar { + background-color: #3273dc; +} + +.progress.is-success::-webkit-progress-value { + background-color: #23d160; +} + +.progress.is-success::-moz-progress-bar { + background-color: #23d160; +} + +.progress.is-warning::-webkit-progress-value { + background-color: #ffdd57; +} + +.progress.is-warning::-moz-progress-bar { + background-color: #ffdd57; +} + +.progress.is-danger::-webkit-progress-value { + background-color: #ff3860; +} + +.progress.is-danger::-moz-progress-bar { + background-color: #ff3860; +} + +.progress.is-small { + height: 0.75rem; +} + +.progress.is-medium { + height: 1.25rem; +} + +.progress.is-large { + height: 1.5rem; +} + +.table { + background-color: white; + color: #363636; + margin-bottom: 1.5rem; +} + +.table td, +.table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1%; +} + +.table th { + color: #363636; + text-align: left; +} + +.table tr:hover { + background-color: #fafafa; +} + +.table tr.is-selected { + background-color: #00d1b2; + color: #fff; +} + +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor; +} + +.table tr.is-selected td, +.table tr.is-selected th { + border-color: #fff; + color: currentColor; +} + +.table thead td, +.table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.table tfoot td, +.table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; +} + +.table.is-bordered td, +.table.is-bordered th { + border-width: 1px; +} + +.table.is-bordered tr:last-child td, +.table.is-bordered tr:last-child th { + border-bottom-width: 1px; +} + +.table.is-fullwidth { + width: 100%; +} + +.table.is-narrow td, +.table.is-narrow th { + padding: 0.25em 0.5em; +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even) { + background-color: #fafafa; +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even):hover { + background-color: whitesmoke; +} + +.tags { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.tags .tag { + margin-bottom: 0.5rem; +} + +.tags .tag:not(:last-child) { + margin-right: 0.5rem; +} + +.tags:last-child { + margin-bottom: -0.5rem; +} + +.tags:not(:last-child) { + margin-bottom: 1rem; +} + +.tags.has-addons .tag { + margin-right: 0; +} + +.tags.has-addons .tag:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.tags.has-addons .tag:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.tag { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 3px; + color: #4a4a4a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 0.75rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} + +.tag .delete { + margin-left: 0.25em; + margin-right: -0.375em; +} + +.tag.is-white { + background-color: white; + color: #0a0a0a; +} + +.tag.is-black { + background-color: #0a0a0a; + color: white; +} + +.tag.is-light { + background-color: whitesmoke; + color: #363636; +} + +.tag.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.tag.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.tag.is-info { + background-color: #3273dc; + color: #fff; +} + +.tag.is-success { + background-color: #23d160; + color: #fff; +} + +.tag.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.tag.is-danger { + background-color: #ff3860; + color: #fff; +} + +.tag.is-medium { + font-size: 1rem; +} + +.tag.is-large { + font-size: 1.25rem; +} + +.tag.is-delete { + margin-left: 1px; + padding: 0; + position: relative; + width: 2em; +} + +.tag.is-delete:before, .tag.is-delete:after { + background-color: currentColor; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.tag.is-delete:before { + height: 1px; + width: 50%; +} + +.tag.is-delete:after { + height: 50%; + width: 1px; +} + +.tag.is-delete:hover, .tag.is-delete:focus { + background-color: #e8e8e8; +} + +.tag.is-delete:active { + background-color: #dbdbdb; +} + +.tag.is-rounded { + border-radius: 290486px; +} + +a.tag:hover { + text-decoration: underline; +} + +.title, +.subtitle { + word-break: break-word; +} + +.title:not(:last-child), +.subtitle:not(:last-child) { + margin-bottom: 1.5rem; +} + +.title em, +.title span, +.subtitle em, +.subtitle span { + font-weight: inherit; +} + +.title .tag, +.subtitle .tag { + vertical-align: middle; +} + +.title { + color: #363636; + font-size: 2rem; + font-weight: 600; + line-height: 1.125; +} + +.title strong { + color: inherit; + font-weight: inherit; +} + +.title + .highlight { + margin-top: -0.75rem; +} + +.title:not(.is-spaced) + .subtitle { + margin-top: -1.5rem; +} + +.title.is-1 { + font-size: 3rem; +} + +.title.is-2 { + font-size: 2.5rem; +} + +.title.is-3 { + font-size: 2rem; +} + +.title.is-4 { + font-size: 1.5rem; +} + +.title.is-5 { + font-size: 1.25rem; +} + +.title.is-6 { + font-size: 1rem; +} + +.subtitle { + color: #4a4a4a; + font-size: 1.25rem; + font-weight: 400; + line-height: 1.25; +} + +.subtitle strong { + color: #363636; + font-weight: 600; +} + +.subtitle:not(.is-spaced) + .title { + margin-top: -1.5rem; +} + +.subtitle.is-1 { + font-size: 3rem; +} + +.subtitle.is-2 { + font-size: 2.5rem; +} + +.subtitle.is-3 { + font-size: 2rem; +} + +.subtitle.is-4 { + font-size: 1.5rem; +} + +.subtitle.is-5 { + font-size: 1.25rem; +} + +.subtitle.is-6 { + font-size: 1rem; +} + +.block:not(:last-child) { + margin-bottom: 1.5rem; +} + +.container { + margin: 0 auto; + position: relative; +} + +@media screen and (min-width: 1008px) { + .container { + max-width: 960px; + width: 960px; + } + .container.is-fluid { + margin-left: 24px; + margin-right: 24px; + max-width: none; + width: auto; + } +} + +@media screen and (max-width: 1199px) { + .container.is-widescreen { + max-width: 1152px; + width: auto; + } +} + +@media screen and (max-width: 1391px) { + .container.is-fullhd { + max-width: 1344px; + width: auto; + } +} + +@media screen and (min-width: 1200px) { + .container { + max-width: 1152px; + width: 1152px; + } +} + +@media screen and (min-width: 1392px) { + .container { + max-width: 1344px; + width: 1344px; + } +} + +.delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; +} + +.delete:before, .delete:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.delete:before { + height: 2px; + width: 50%; +} + +.delete:after { + height: 50%; + width: 2px; +} + +.delete:hover, .delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.delete:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.delete.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} + +.delete.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} + +.delete.is-large { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-weight: 400; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight:not(:last-child) { + margin-bottom: 1.5rem; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; +} + +.number { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; +} + +.breadcrumb { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 1rem; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} + +.breadcrumb:not(:last-child) { + margin-bottom: 1.5rem; +} + +.breadcrumb a { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #7a7a7a; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.5em 0.75em; +} + +.breadcrumb a:hover { + color: #363636; +} + +.breadcrumb li { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.breadcrumb li.is-active a { + color: #363636; + cursor: default; + pointer-events: none; +} + +.breadcrumb li + li::before { + color: #4a4a4a; + content: "\0002f"; +} + +.breadcrumb ul, .breadcrumb ol { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.breadcrumb .icon:first-child { + margin-right: 0.5em; +} + +.breadcrumb .icon:last-child { + margin-left: 0.5em; +} + +.breadcrumb.is-centered ol, .breadcrumb.is-centered ul { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.breadcrumb.is-right ol, .breadcrumb.is-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.breadcrumb.is-small { + font-size: 0.75rem; +} + +.breadcrumb.is-medium { + font-size: 1.25rem; +} + +.breadcrumb.is-large { + font-size: 1.5rem; +} + +.breadcrumb.has-arrow-separator li + li::before { + content: "\02192"; +} + +.breadcrumb.has-bullet-separator li + li::before { + content: "\02022"; +} + +.breadcrumb.has-dot-separator li + li::before { + content: "\000b7"; +} + +.breadcrumb.has-succeeds-separator li + li::before { + content: "\0227B"; +} + +.card { + background-color: white; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + max-width: 100%; + position: relative; +} + +.card-header { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.card-header-title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 700; + padding: 0.75rem; +} + +.card-header-icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.75rem; +} + +.card-image { + display: block; + position: relative; +} + +.card-content { + padding: 1.5rem; +} + +.card-footer { + border-top: 1px solid #dbdbdb; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.card-footer-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.75rem; +} + +.card-footer-item:not(:last-child) { + border-right: 1px solid #dbdbdb; +} + +.card .media:not(:last-child) { + margin-bottom: 0.75rem; +} + +.dropdown { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + vertical-align: top; +} + +.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { + display: block; +} + +.dropdown.is-right .dropdown-menu { + left: auto; + right: 0; +} + +.dropdown-menu { + display: none; + left: 0; + min-width: 12rem; + padding-top: 4px; + position: absolute; + top: 100%; + z-index: 20; +} + +.dropdown-content { + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.dropdown-item { + color: #4a4a4a; + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; + position: relative; +} + +a.dropdown-item { + padding-right: 3rem; + white-space: nowrap; +} + +a.dropdown-item:hover { + background-color: whitesmoke; + color: #0a0a0a; +} + +a.dropdown-item.is-active { + background-color: #00d1b2; + color: #fff; +} + +.dropdown-divider { + background-color: #dbdbdb; + border: none; + display: block; + height: 1px; + margin: 0.5rem 0; +} + +.level { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.level:not(:last-child) { + margin-bottom: 1.5rem; +} + +.level code { + border-radius: 3px; +} + +.level img { + display: inline-block; + vertical-align: top; +} + +.level.is-mobile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.level.is-mobile .level-left, +.level.is-mobile .level-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.level.is-mobile .level-left + .level-right { + margin-top: 0; +} + +.level.is-mobile .level-item:not(:last-child) { + margin-bottom: 0; +} + +.level.is-mobile .level-item:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +@media screen and (min-width: 769px), print { + .level { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .level > .level-item:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +} + +.level-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.level-item .title, +.level-item .subtitle { + margin-bottom: 0; +} + +@media screen and (max-width: 768px) { + .level-item:not(:last-child) { + margin-bottom: 0.75rem; + } +} + +.level-left, +.level-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.level-left .level-item:not(:last-child), +.level-right .level-item:not(:last-child) { + margin-right: 0.75rem; +} + +.level-left .level-item.is-flexible, +.level-right .level-item.is-flexible { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.level-left { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +@media screen and (max-width: 768px) { + .level-left + .level-right { + margin-top: 1.5rem; + } +} + +@media screen and (min-width: 769px), print { + .level-left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.level-right { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +@media screen and (min-width: 769px), print { + .level-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.media { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + text-align: left; +} + +.media .content:not(:last-child) { + margin-bottom: 0.75rem; +} + +.media .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-top: 0.75rem; +} + +.media .media .content:not(:last-child), +.media .media .control:not(:last-child) { + margin-bottom: 0.5rem; +} + +.media .media .media { + padding-top: 0.5rem; +} + +.media .media .media + .media { + margin-top: 0.5rem; +} + +.media + .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + margin-top: 1rem; + padding-top: 1rem; +} + +.media.is-large + .media { + margin-top: 1.5rem; + padding-top: 1.5rem; +} + +.media-left, +.media-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.media-left { + margin-right: 1rem; +} + +.media-right { + margin-left: 1rem; +} + +.media-content { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + text-align: left; +} + +.menu { + font-size: 1rem; +} + +.menu.is-small { + font-size: 0.75rem; +} + +.menu.is-medium { + font-size: 1.25rem; +} + +.menu.is-large { + font-size: 1.5rem; +} + +.menu-list { + line-height: 1.25; +} + +.menu-list a { + border-radius: 2px; + color: #4a4a4a; + display: block; + padding: 0.5em 0.75em; +} + +.menu-list a:hover { + background-color: whitesmoke; + color: #363636; +} + +.menu-list a.is-active { + background-color: #00d1b2; + color: #fff; +} + +.menu-list li ul { + border-left: 1px solid #dbdbdb; + margin: 0.75em; + padding-left: 0.75em; +} + +.menu-label { + color: #7a7a7a; + font-size: 0.75em; + letter-spacing: 0.1em; + text-transform: uppercase; +} + +.menu-label:not(:first-child) { + margin-top: 1em; +} + +.menu-label:not(:last-child) { + margin-bottom: 1em; +} + +.message { + background-color: whitesmoke; + border-radius: 3px; + font-size: 1rem; +} + +.message:not(:last-child) { + margin-bottom: 1.5rem; +} + +.message.is-small { + font-size: 0.75rem; +} + +.message.is-medium { + font-size: 1.25rem; +} + +.message.is-large { + font-size: 1.5rem; +} + +.message.is-white { + background-color: white; +} + +.message.is-white .message-header { + background-color: white; + color: #0a0a0a; +} + +.message.is-white .message-body { + border-color: white; + color: #4d4d4d; +} + +.message.is-black { + background-color: #fafafa; +} + +.message.is-black .message-header { + background-color: #0a0a0a; + color: white; +} + +.message.is-black .message-body { + border-color: #0a0a0a; + color: #090909; +} + +.message.is-light { + background-color: #fafafa; +} + +.message.is-light .message-header { + background-color: whitesmoke; + color: #363636; +} + +.message.is-light .message-body { + border-color: whitesmoke; + color: #505050; +} + +.message.is-dark { + background-color: #fafafa; +} + +.message.is-dark .message-header { + background-color: #363636; + color: whitesmoke; +} + +.message.is-dark .message-body { + border-color: #363636; + color: #2a2a2a; +} + +.message.is-primary { + background-color: #f5fffd; +} + +.message.is-primary .message-header { + background-color: #00d1b2; + color: #fff; +} + +.message.is-primary .message-body { + border-color: #00d1b2; + color: #021310; +} + +.message.is-info { + background-color: #f6f9fe; +} + +.message.is-info .message-header { + background-color: #3273dc; + color: #fff; +} + +.message.is-info .message-body { + border-color: #3273dc; + color: #22509a; +} + +.message.is-success { + background-color: #f6fef9; +} + +.message.is-success .message-header { + background-color: #23d160; + color: #fff; +} + +.message.is-success .message-body { + border-color: #23d160; + color: #0e301a; +} + +.message.is-warning { + background-color: #fffdf5; +} + +.message.is-warning .message-header { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.message.is-warning .message-body { + border-color: #ffdd57; + color: #3b3108; +} + +.message.is-danger { + background-color: #fff5f7; +} + +.message.is-danger .message-header { + background-color: #ff3860; + color: #fff; +} + +.message.is-danger .message-body { + border-color: #ff3860; + color: #cd0930; +} + +.message-header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #4a4a4a; + border-radius: 3px 3px 0 0; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + line-height: 1.25; + padding: 0.5em 0.75em; + position: relative; +} + +.message-header a:not(.button), +.message-header strong { + color: currentColor; +} + +.message-header a:not(.button) { + text-decoration: underline; +} + +.message-header .delete { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-left: 0.75em; +} + +.message-header + .message-body { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-top: none; +} + +.message-body { + border: 1px solid #dbdbdb; + border-radius: 3px; + color: #4a4a4a; + padding: 1em 1.25em; +} + +.message-body a:not(.button), +.message-body strong { + color: currentColor; +} + +.message-body a:not(.button) { + text-decoration: underline; +} + +.message-body code, +.message-body pre { + background-color: white; +} + +.message-body pre code { + background-color: transparent; +} + +.modal { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + position: fixed; + z-index: 20; +} + +.modal.is-active { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.modal-background { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + background-color: rgba(10, 10, 10, 0.86); +} + +.modal-content, +.modal-card { + margin: 0 20px; + max-height: calc(100vh - 160px); + overflow: auto; + position: relative; + width: 100%; +} + +@media screen and (min-width: 769px), print { + .modal-content, + .modal-card { + margin: 0 auto; + max-height: calc(100vh - 40px); + width: 640px; + } +} + +.modal-close { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; + background: none; + height: 40px; + position: fixed; + right: 20px; + top: 20px; + width: 40px; +} + +.modal-close:before, .modal-close:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.modal-close:before { + height: 2px; + width: 50%; +} + +.modal-close:after { + height: 50%; + width: 2px; +} + +.modal-close:hover, .modal-close:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.modal-close:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.modal-close.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} + +.modal-close.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} + +.modal-close.is-large { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.modal-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-height: calc(100vh - 40px); + overflow: hidden; +} + +.modal-card-head, +.modal-card-foot { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 20px; + position: relative; +} + +.modal-card-head { + border-bottom: 1px solid #dbdbdb; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.modal-card-title { + color: #363636; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1.5rem; + line-height: 1; +} + +.modal-card-foot { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top: 1px solid #dbdbdb; +} + +.modal-card-foot .button:not(:last-child) { + margin-right: 10px; +} + +.modal-card-body { + -webkit-overflow-scrolling: touch; + background-color: white; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px; +} + +.nav-toggle { + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; +} + +.nav-toggle span { + background-color: #4a4a4a; + display: block; + height: 1px; + left: 50%; + margin-left: -7px; + position: absolute; + top: 50%; + -webkit-transition: none 86ms ease-out; + transition: none 86ms ease-out; + -webkit-transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, transform; + transition-property: background, left, opacity, transform, -webkit-transform; + width: 15px; +} + +.nav-toggle span:nth-child(1) { + margin-top: -6px; +} + +.nav-toggle span:nth-child(2) { + margin-top: -1px; +} + +.nav-toggle span:nth-child(3) { + margin-top: 4px; +} + +.nav-toggle:hover { + background-color: whitesmoke; +} + +.nav-toggle.is-active span { + background-color: #00d1b2; +} + +.nav-toggle.is-active span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.nav-toggle.is-active span:nth-child(2) { + opacity: 0; +} + +.nav-toggle.is-active span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +@media screen and (min-width: 769px), print { + .nav-toggle { + display: none; + } +} + +.nav-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1.5; + padding: 0.5rem 0.75rem; +} + +.nav-item a { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.nav-item img { + max-height: 1.75rem; +} + +.nav-item .tag:first-child:not(:last-child) { + margin-right: 0.5rem; +} + +.nav-item .tag:last-child:not(:first-child) { + margin-left: 0.5rem; +} + +@media screen and (max-width: 768px) { + .nav-item { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} + +.nav-item a:not(.button), +a.nav-item:not(.button) { + color: #7a7a7a; +} + +.nav-item a:not(.button):hover, +a.nav-item:not(.button):hover { + color: #363636; +} + +.nav-item a:not(.button).is-active, +a.nav-item:not(.button).is-active { + color: #363636; +} + +.nav-item a:not(.button).is-tab, +a.nav-item:not(.button).is-tab { + border-bottom: 1px solid transparent; + border-top: 1px solid transparent; + padding-bottom: calc(0.75rem - 1px); + padding-left: 1rem; + padding-right: 1rem; + padding-top: calc(0.75rem - 1px); +} + +.nav-item a:not(.button).is-tab:hover, +a.nav-item:not(.button).is-tab:hover { + border-bottom-color: #00d1b2; + border-top-color: transparent; +} + +.nav-item a:not(.button).is-tab.is-active, +a.nav-item:not(.button).is-tab.is-active { + border-bottom: 3px solid #00d1b2; + color: #00d1b2; + padding-bottom: calc(0.75rem - 3px); +} + +@media screen and (min-width: 1008px) { + .nav-item a:not(.button).is-brand, + a.nav-item:not(.button).is-brand { + padding-left: 0; + } +} + +.nav-left, +.nav-right { + -webkit-overflow-scrolling: touch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + max-width: 100%; + overflow: auto; +} + +@media screen and (min-width: 1200px) { + .nav-left, + .nav-right { + -ms-flex-preferred-size: 0; + flex-basis: 0; + } +} + +.nav-left { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + white-space: nowrap; +} + +.nav-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.nav-center { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: auto; + margin-right: auto; +} + +@media screen and (max-width: 768px) { + .nav-menu.nav-right { + background-color: white; + -webkit-box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); + box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); + left: 0; + display: none; + right: 0; + top: 100%; + position: absolute; + } + .nav-menu.nav-right .nav-item { + border-top: 1px solid rgba(219, 219, 219, 0.5); + padding: 0.75rem; + } + .nav-menu.nav-right.is-active { + display: block; + } +} + +.nav { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + background-color: white; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 3.25rem; + position: relative; + text-align: center; + z-index: 10; +} + +.nav > .container { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + width: 100%; +} + +.nav.has-shadow { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); +} + +.navbar { + background-color: white; + min-height: 3.25rem; + position: relative; +} + +.navbar > .container { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + width: 100%; +} + +.navbar.has-shadow { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); +} + +.navbar-brand { + -webkit-overflow-scrolling: touch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + overflow-x: auto; + overflow-y: hidden; +} + +.navbar-burger { + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; + margin-left: auto; +} + +.navbar-burger span { + background-color: #4a4a4a; + display: block; + height: 1px; + left: 50%; + margin-left: -7px; + position: absolute; + top: 50%; + -webkit-transition: none 86ms ease-out; + transition: none 86ms ease-out; + -webkit-transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, transform; + transition-property: background, left, opacity, transform, -webkit-transform; + width: 15px; +} + +.navbar-burger span:nth-child(1) { + margin-top: -6px; +} + +.navbar-burger span:nth-child(2) { + margin-top: -1px; +} + +.navbar-burger span:nth-child(3) { + margin-top: 4px; +} + +.navbar-burger:hover { + background-color: whitesmoke; +} + +.navbar-burger.is-active span { + background-color: #00d1b2; +} + +.navbar-burger.is-active span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.navbar-burger.is-active span:nth-child(2) { + opacity: 0; +} + +.navbar-burger.is-active span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +.navbar-menu { + display: none; +} + +.navbar-item, +.navbar-link { + color: #4a4a4a; + display: block; + line-height: 1.5; + padding: 0.5rem 1rem; + position: relative; +} + +a.navbar-item:hover, a.navbar-item.is-active, +.navbar-link:hover, +.navbar-link.is-active { + background-color: whitesmoke; + color: #0a0a0a; +} + +.navbar-item { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.navbar-item img { + max-height: 1.75rem; +} + +.navbar-item.has-dropdown { + padding: 0; +} + +.navbar-item.is-tab { + border-bottom: 1px solid transparent; + min-height: 3.25rem; + padding-bottom: calc(0.5rem - 1px); +} + +.navbar-item.is-tab:hover { + background-color: transparent; + border-bottom-color: #00d1b2; +} + +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: #00d1b2; + border-bottom-style: solid; + border-bottom-width: 3px; + color: #00d1b2; + padding-bottom: calc(0.5rem - 3px); +} + +.navbar-content { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.navbar-link { + padding-right: 2.5em; +} + +.navbar-dropdown { + font-size: 0.875rem; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.navbar-divider { + background-color: #dbdbdb; + border: none; + display: none; + height: 1px; + margin: 0.5rem 0; +} + +@media screen and (max-width: 1007px) { + .navbar-brand .navbar-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar-menu { + -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + padding: 0.5rem 0; + } + .navbar-menu.is-active { + display: block; + } +} + +@media screen and (min-width: 1008px) { + .navbar, + .navbar-menu, + .navbar-start, + .navbar-end { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar { + min-height: 3.25rem; + } + .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, + .navbar.is-transparent .navbar-link:hover, + .navbar.is-transparent .navbar-link.is-active { + background-color: transparent; + } + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { + background-color: transparent; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + background-color: whitesmoke; + color: #0a0a0a; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #00d1b2; + } + .navbar-burger { + display: none; + } + .navbar-item, + .navbar-link { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar-item.has-dropdown { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { + display: block; + } + .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { + opacity: 1; + pointer-events: auto; + -webkit-transform: translateY(0); + transform: translateY(0); + } + .navbar-link::after { + border: 1px solid #00d1b2; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + } + .navbar-menu { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + } + .navbar-start { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + margin-right: auto; + } + .navbar-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-left: auto; + } + .navbar-dropdown { + background-color: white; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top: 1px solid #dbdbdb; + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + display: none; + font-size: 0.875rem; + left: 0; + min-width: 100%; + position: absolute; + top: 100%; + z-index: 20; + } + .navbar-dropdown .navbar-item { + padding: 0.375rem 1rem; + white-space: nowrap; + } + .navbar-dropdown a.navbar-item { + padding-right: 3rem; + } + .navbar-dropdown a.navbar-item:hover { + background-color: whitesmoke; + color: #0a0a0a; + } + .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #00d1b2; + } + .navbar-dropdown.is-boxed { + border-radius: 5px; + border-top: none; + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + (-4px)); + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; + } + .navbar-divider { + display: block; + } + .container > .navbar { + margin-left: -1rem; + margin-right: -1rem; + } + a.navbar-item.is-active, + .navbar-link.is-active { + color: #0a0a0a; + } + a.navbar-item.is-active:not(:hover), + .navbar-link.is-active:not(:hover) { + background-color: transparent; + } + .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { + background-color: whitesmoke; + } +} + +.pagination { + font-size: 1rem; + margin: -0.25rem; +} + +.pagination.is-small { + font-size: 0.75rem; +} + +.pagination.is-medium { + font-size: 1.25rem; +} + +.pagination.is-large { + font-size: 1.5rem; +} + +.pagination, +.pagination-list { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1em; + padding-left: 0.5em; + padding-right: 0.5em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0.25rem; + text-align: center; +} + +.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active, +.pagination-next:focus, +.pagination-next.is-focused, +.pagination-next:active, +.pagination-next.is-active, +.pagination-link:focus, +.pagination-link.is-focused, +.pagination-link:active, +.pagination-link.is-active, +.pagination-ellipsis:focus, +.pagination-ellipsis.is-focused, +.pagination-ellipsis:active, +.pagination-ellipsis.is-active { + outline: none; +} + +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled], +.pagination-ellipsis[disabled] { + cursor: not-allowed; +} + +.pagination-previous, +.pagination-next, +.pagination-link { + border-color: #dbdbdb; + min-width: 2.25em; +} + +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + border-color: #b5b5b5; + color: #363636; +} + +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus { + border-color: #00d1b2; +} + +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); +} + +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled] { + background-color: #dbdbdb; + border-color: #dbdbdb; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; + opacity: 0.5; +} + +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} + +.pagination-link.is-current { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.pagination-ellipsis { + color: #b5b5b5; + pointer-events: none; +} + +.pagination-list { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +@media screen and (max-width: 768px) { + .pagination { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .pagination-previous, + .pagination-next { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + } + .pagination-list li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + } +} + +@media screen and (min-width: 769px), print { + .pagination-list { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination-previous { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .pagination.is-centered .pagination-previous { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-centered .pagination-list { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-centered .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination.is-right .pagination-previous { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-right .pagination-next { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-right .pagination-list { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } +} + +.panel { + font-size: 1rem; +} + +.panel:not(:last-child) { + margin-bottom: 1.5rem; +} + +.panel-heading, +.panel-tabs, +.panel-block { + border-bottom: 1px solid #dbdbdb; + border-left: 1px solid #dbdbdb; + border-right: 1px solid #dbdbdb; +} + +.panel-heading:first-child, +.panel-tabs:first-child, +.panel-block:first-child { + border-top: 1px solid #dbdbdb; +} + +.panel-heading { + background-color: whitesmoke; + border-radius: 3px 3px 0 0; + color: #363636; + font-size: 1.25em; + font-weight: 300; + line-height: 1.25; + padding: 0.5em 0.75em; +} + +.panel-tabs { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 0.875em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: 0.5em; +} + +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636; +} + +.panel-list a { + color: #4a4a4a; +} + +.panel-list a:hover { + color: #00d1b2; +} + +.panel-block { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0.5em 0.75em; +} + +.panel-block input[type="checkbox"] { + margin-right: 0.75em; +} + +.panel-block > .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; +} + +.panel-block.is-wrapped { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.panel-block.is-active { + border-left-color: #00d1b2; + color: #363636; +} + +.panel-block.is-active .panel-icon { + color: #00d1b2; +} + +a.panel-block, +label.panel-block { + cursor: pointer; +} + +a.panel-block:hover, +label.panel-block:hover { + background-color: whitesmoke; +} + +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #7a7a7a; + margin-right: 0.75em; +} + +.panel-icon .fa { + font-size: inherit; + line-height: inherit; +} + +.tabs { + -webkit-overflow-scrolling: touch; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 1rem; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} + +.tabs:not(:last-child) { + margin-bottom: 1.5rem; +} + +.tabs a { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + color: #4a4a4a; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: -1px; + padding: 0.5em 1em; + vertical-align: top; +} + +.tabs a:hover { + border-bottom-color: #363636; + color: #363636; +} + +.tabs li { + display: block; +} + +.tabs li.is-active a { + border-bottom-color: #00d1b2; + color: #00d1b2; +} + +.tabs ul { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.tabs ul.is-left { + padding-right: 0.75em; +} + +.tabs ul.is-center { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; +} + +.tabs ul.is-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + padding-left: 0.75em; +} + +.tabs .icon:first-child { + margin-right: 0.5em; +} + +.tabs .icon:last-child { + margin-left: 0.5em; +} + +.tabs.is-centered ul { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.tabs.is-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.tabs.is-boxed a { + border: 1px solid transparent; + border-radius: 3px 3px 0 0; +} + +.tabs.is-boxed a:hover { + background-color: whitesmoke; + border-bottom-color: #dbdbdb; +} + +.tabs.is-boxed li.is-active a { + background-color: white; + border-color: #dbdbdb; + border-bottom-color: transparent !important; +} + +.tabs.is-fullwidth li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.tabs.is-toggle a { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px; + margin-bottom: 0; + position: relative; +} + +.tabs.is-toggle a:hover { + background-color: whitesmoke; + border-color: #b5b5b5; + z-index: 2; +} + +.tabs.is-toggle li + li { + margin-left: -1px; +} + +.tabs.is-toggle li:first-child a { + border-radius: 3px 0 0 3px; +} + +.tabs.is-toggle li:last-child a { + border-radius: 0 3px 3px 0; +} + +.tabs.is-toggle li.is-active a { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; + z-index: 1; +} + +.tabs.is-toggle ul { + border-bottom: none; +} + +.tabs.is-small { + font-size: 0.75rem; +} + +.tabs.is-medium { + font-size: 1.25rem; +} + +.tabs.is-large { + font-size: 1.5rem; +} + +.column { + display: block; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + padding: 0.75rem; +} + +.columns.is-mobile > .column.is-narrow { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; +} + +.columns.is-mobile > .column.is-full { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; +} + +.columns.is-mobile > .column.is-three-quarters { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; +} + +.columns.is-mobile > .column.is-two-thirds { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; +} + +.columns.is-mobile > .column.is-half { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; +} + +.columns.is-mobile > .column.is-one-third { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; +} + +.columns.is-mobile > .column.is-one-quarter { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; +} + +.columns.is-mobile > .column.is-offset-three-quarters { + margin-left: 75%; +} + +.columns.is-mobile > .column.is-offset-two-thirds { + margin-left: 66.6666%; +} + +.columns.is-mobile > .column.is-offset-half { + margin-left: 50%; +} + +.columns.is-mobile > .column.is-offset-one-third { + margin-left: 33.3333%; +} + +.columns.is-mobile > .column.is-offset-one-quarter { + margin-left: 25%; +} + +.columns.is-mobile > .column.is-1 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; +} + +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333%; +} + +.columns.is-mobile > .column.is-2 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; +} + +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66667%; +} + +.columns.is-mobile > .column.is-3 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; +} + +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25%; +} + +.columns.is-mobile > .column.is-4 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; +} + +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.33333%; +} + +.columns.is-mobile > .column.is-5 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; +} + +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.66667%; +} + +.columns.is-mobile > .column.is-6 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; +} + +.columns.is-mobile > .column.is-offset-6 { + margin-left: 50%; +} + +.columns.is-mobile > .column.is-7 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; +} + +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.33333%; +} + +.columns.is-mobile > .column.is-8 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; +} + +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.66667%; +} + +.columns.is-mobile > .column.is-9 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; +} + +.columns.is-mobile > .column.is-offset-9 { + margin-left: 75%; +} + +.columns.is-mobile > .column.is-10 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; +} + +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.33333%; +} + +.columns.is-mobile > .column.is-11 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; +} + +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.66667%; +} + +.columns.is-mobile > .column.is-12 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; +} + +.columns.is-mobile > .column.is-offset-12 { + margin-left: 100%; +} + +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-mobile { + margin-left: 75%; + } + .column.is-offset-two-thirds-mobile { + margin-left: 66.6666%; + } + .column.is-offset-half-mobile { + margin-left: 50%; + } + .column.is-offset-one-third-mobile { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-mobile { + margin-left: 25%; + } + .column.is-1-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-mobile { + margin-left: 8.33333%; + } + .column.is-2-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-mobile { + margin-left: 16.66667%; + } + .column.is-3-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-left: 25%; + } + .column.is-4-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-mobile { + margin-left: 33.33333%; + } + .column.is-5-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-mobile { + margin-left: 41.66667%; + } + .column.is-6-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-left: 50%; + } + .column.is-7-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-mobile { + margin-left: 58.33333%; + } + .column.is-8-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-mobile { + margin-left: 66.66667%; + } + .column.is-9-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-left: 75%; + } + .column.is-10-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-mobile { + margin-left: 83.33333%; + } + .column.is-11-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-mobile { + margin-left: 91.66667%; + } + .column.is-12-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-mobile { + margin-left: 100%; + } +} + +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full, .column.is-full-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters, .column.is-three-quarters-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds, .column.is-two-thirds-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half, .column.is-half-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third, .column.is-one-third-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter, .column.is-one-quarter-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { + margin-left: 75%; + } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { + margin-left: 66.6666%; + } + .column.is-offset-half, .column.is-offset-half-tablet { + margin-left: 50%; + } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { + margin-left: 25%; + } + .column.is-1, .column.is-1-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.33333%; + } + .column.is-2, .column.is-2-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.66667%; + } + .column.is-3, .column.is-3-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3, .column.is-offset-3-tablet { + margin-left: 25%; + } + .column.is-4, .column.is-4-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.33333%; + } + .column.is-5, .column.is-5-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.66667%; + } + .column.is-6, .column.is-6-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6, .column.is-offset-6-tablet { + margin-left: 50%; + } + .column.is-7, .column.is-7-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.33333%; + } + .column.is-8, .column.is-8-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.66667%; + } + .column.is-9, .column.is-9-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9, .column.is-offset-9-tablet { + margin-left: 75%; + } + .column.is-10, .column.is-10-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.33333%; + } + .column.is-11, .column.is-11-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.66667%; + } + .column.is-12, .column.is-12-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12, .column.is-offset-12-tablet { + margin-left: 100%; + } +} + +@media screen and (max-width: 1007px) { + .column.is-narrow-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-touch { + margin-left: 75%; + } + .column.is-offset-two-thirds-touch { + margin-left: 66.6666%; + } + .column.is-offset-half-touch { + margin-left: 50%; + } + .column.is-offset-one-third-touch { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-touch { + margin-left: 25%; + } + .column.is-1-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-touch { + margin-left: 8.33333%; + } + .column.is-2-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-touch { + margin-left: 16.66667%; + } + .column.is-3-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-left: 25%; + } + .column.is-4-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-touch { + margin-left: 33.33333%; + } + .column.is-5-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-touch { + margin-left: 41.66667%; + } + .column.is-6-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-left: 50%; + } + .column.is-7-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-touch { + margin-left: 58.33333%; + } + .column.is-8-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-touch { + margin-left: 66.66667%; + } + .column.is-9-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-left: 75%; + } + .column.is-10-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-touch { + margin-left: 83.33333%; + } + .column.is-11-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-touch { + margin-left: 91.66667%; + } + .column.is-12-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-touch { + margin-left: 100%; + } +} + +@media screen and (min-width: 1008px) { + .column.is-narrow-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-desktop { + margin-left: 75%; + } + .column.is-offset-two-thirds-desktop { + margin-left: 66.6666%; + } + .column.is-offset-half-desktop { + margin-left: 50%; + } + .column.is-offset-one-third-desktop { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-desktop { + margin-left: 25%; + } + .column.is-1-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-desktop { + margin-left: 8.33333%; + } + .column.is-2-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-desktop { + margin-left: 16.66667%; + } + .column.is-3-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-left: 25%; + } + .column.is-4-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-desktop { + margin-left: 33.33333%; + } + .column.is-5-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-desktop { + margin-left: 41.66667%; + } + .column.is-6-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-left: 50%; + } + .column.is-7-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-desktop { + margin-left: 58.33333%; + } + .column.is-8-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-desktop { + margin-left: 66.66667%; + } + .column.is-9-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-left: 75%; + } + .column.is-10-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-desktop { + margin-left: 83.33333%; + } + .column.is-11-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-desktop { + margin-left: 91.66667%; + } + .column.is-12-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-desktop { + margin-left: 100%; + } +} + +@media screen and (min-width: 1200px) { + .column.is-narrow-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-widescreen { + margin-left: 75%; + } + .column.is-offset-two-thirds-widescreen { + margin-left: 66.6666%; + } + .column.is-offset-half-widescreen { + margin-left: 50%; + } + .column.is-offset-one-third-widescreen { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-widescreen { + margin-left: 25%; + } + .column.is-1-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-widescreen { + margin-left: 8.33333%; + } + .column.is-2-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-widescreen { + margin-left: 16.66667%; + } + .column.is-3-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-left: 25%; + } + .column.is-4-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-widescreen { + margin-left: 33.33333%; + } + .column.is-5-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-widescreen { + margin-left: 41.66667%; + } + .column.is-6-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-left: 50%; + } + .column.is-7-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-widescreen { + margin-left: 58.33333%; + } + .column.is-8-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-widescreen { + margin-left: 66.66667%; + } + .column.is-9-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-left: 75%; + } + .column.is-10-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-widescreen { + margin-left: 83.33333%; + } + .column.is-11-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-widescreen { + margin-left: 91.66667%; + } + .column.is-12-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-widescreen { + margin-left: 100%; + } +} + +@media screen and (min-width: 1392px) { + .column.is-narrow-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-fullhd { + margin-left: 75%; + } + .column.is-offset-two-thirds-fullhd { + margin-left: 66.6666%; + } + .column.is-offset-half-fullhd { + margin-left: 50%; + } + .column.is-offset-one-third-fullhd { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-fullhd { + margin-left: 25%; + } + .column.is-1-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-fullhd { + margin-left: 8.33333%; + } + .column.is-2-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-fullhd { + margin-left: 16.66667%; + } + .column.is-3-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-left: 25%; + } + .column.is-4-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-fullhd { + margin-left: 33.33333%; + } + .column.is-5-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-fullhd { + margin-left: 41.66667%; + } + .column.is-6-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-left: 50%; + } + .column.is-7-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-fullhd { + margin-left: 58.33333%; + } + .column.is-8-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-fullhd { + margin-left: 66.66667%; + } + .column.is-9-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-left: 75%; + } + .column.is-10-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-fullhd { + margin-left: 83.33333%; + } + .column.is-11-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-fullhd { + margin-left: 91.66667%; + } + .column.is-12-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-fullhd { + margin-left: 100%; + } +} + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} + +.columns:last-child { + margin-bottom: -0.75rem; +} + +.columns:not(:last-child) { + margin-bottom: 0.75rem; +} + +.columns.is-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0; +} + +.columns.is-gapless:last-child { + margin-bottom: 0; +} + +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem; +} + +.columns.is-gapless > .column { + margin: 0; + padding: 0; +} + +@media screen and (min-width: 769px), print { + .columns.is-grid { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .columns.is-grid > .column { + max-width: 33.3333%; + padding: 0.75rem; + width: 33.3333%; + } + .columns.is-grid > .column + .column { + margin-left: 0; + } +} + +.columns.is-mobile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.columns.is-multiline { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.columns.is-vcentered { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +@media screen and (min-width: 1008px) { + .columns.is-desktop { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.tile { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: block; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-height: -webkit-min-content; + min-height: -moz-min-content; + min-height: min-content; +} + +.tile.is-ancestor { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} + +.tile.is-ancestor:last-child { + margin-bottom: -0.75rem; +} + +.tile.is-ancestor:not(:last-child) { + margin-bottom: 0.75rem; +} + +.tile.is-child { + margin: 0 !important; +} + +.tile.is-parent { + padding: 0.75rem; +} + +.tile.is-vertical { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.tile.is-vertical > .tile.is-child:not(:last-child) { + margin-bottom: 1.5rem !important; +} + +@media screen and (min-width: 769px), print { + .tile:not(.is-child) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .tile.is-1 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .tile.is-2 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .tile.is-3 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .tile.is-4 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .tile.is-5 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .tile.is-6 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .tile.is-7 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .tile.is-8 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .tile.is-9 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .tile.is-10 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .tile.is-11 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .tile.is-12 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } +} + +.hero { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.hero .nav { + background: none; + -webkit-box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3); + box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3); +} + +.hero .tabs ul { + border-bottom: none; +} + +.hero.is-white { + background-color: white; + color: #0a0a0a; +} + +.hero.is-white a:not(.button), +.hero.is-white strong { + color: inherit; +} + +.hero.is-white .title { + color: #0a0a0a; +} + +.hero.is-white .subtitle { + color: rgba(10, 10, 10, 0.9); +} + +.hero.is-white .subtitle a:not(.button), +.hero.is-white .subtitle strong { + color: #0a0a0a; +} + +.hero.is-white .nav { + -webkit-box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2); + box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-white .nav-menu { + background-color: white; + } +} + +.hero.is-white a.nav-item, +.hero.is-white .nav-item a:not(.button) { + color: rgba(10, 10, 10, 0.7); +} + +.hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active, +.hero.is-white .nav-item a:not(.button):hover, +.hero.is-white .nav-item a:not(.button).is-active { + color: #0a0a0a; +} + +.hero.is-white .tabs a { + color: #0a0a0a; + opacity: 0.9; +} + +.hero.is-white .tabs a:hover { + opacity: 1; +} + +.hero.is-white .tabs li.is-active a { + opacity: 1; +} + +.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { + color: #0a0a0a; +} + +.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .nav-menu { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-white .nav-toggle span { + background-color: #0a0a0a; + } + .hero.is-white .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-white .nav-toggle.is-active span { + background-color: #0a0a0a; + } + .hero.is-white .nav-menu .nav-item { + border-top-color: rgba(10, 10, 10, 0.2); + } +} + +.hero.is-black { + background-color: #0a0a0a; + color: white; +} + +.hero.is-black a:not(.button), +.hero.is-black strong { + color: inherit; +} + +.hero.is-black .title { + color: white; +} + +.hero.is-black .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: white; +} + +.hero.is-black .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-black .nav-menu { + background-color: #0a0a0a; + } +} + +.hero.is-black a.nav-item, +.hero.is-black .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active, +.hero.is-black .nav-item a:not(.button):hover, +.hero.is-black .nav-item a:not(.button).is-active { + color: white; +} + +.hero.is-black .tabs a { + color: white; + opacity: 0.9; +} + +.hero.is-black .tabs a:hover { + opacity: 1; +} + +.hero.is-black .tabs li.is-active a { + opacity: 1; +} + +.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { + color: white; +} + +.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .nav-menu { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-black .nav-toggle span { + background-color: white; + } + .hero.is-black .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-black .nav-toggle.is-active span { + background-color: white; + } + .hero.is-black .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-light { + background-color: whitesmoke; + color: #363636; +} + +.hero.is-light a:not(.button), +.hero.is-light strong { + color: inherit; +} + +.hero.is-light .title { + color: #363636; +} + +.hero.is-light .subtitle { + color: rgba(54, 54, 54, 0.9); +} + +.hero.is-light .subtitle a:not(.button), +.hero.is-light .subtitle strong { + color: #363636; +} + +.hero.is-light .nav { + -webkit-box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2); + box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-light .nav-menu { + background-color: whitesmoke; + } +} + +.hero.is-light a.nav-item, +.hero.is-light .nav-item a:not(.button) { + color: rgba(54, 54, 54, 0.7); +} + +.hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active, +.hero.is-light .nav-item a:not(.button):hover, +.hero.is-light .nav-item a:not(.button).is-active { + color: #363636; +} + +.hero.is-light .tabs a { + color: #363636; + opacity: 0.9; +} + +.hero.is-light .tabs a:hover { + opacity: 1; +} + +.hero.is-light .tabs li.is-active a { + opacity: 1; +} + +.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { + color: #363636; +} + +.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .nav-menu { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-light .nav-toggle span { + background-color: #363636; + } + .hero.is-light .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-light .nav-toggle.is-active span { + background-color: #363636; + } + .hero.is-light .nav-menu .nav-item { + border-top-color: rgba(54, 54, 54, 0.2); + } +} + +.hero.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.hero.is-dark a:not(.button), +.hero.is-dark strong { + color: inherit; +} + +.hero.is-dark .title { + color: whitesmoke; +} + +.hero.is-dark .subtitle { + color: rgba(245, 245, 245, 0.9); +} + +.hero.is-dark .subtitle a:not(.button), +.hero.is-dark .subtitle strong { + color: whitesmoke; +} + +.hero.is-dark .nav { + -webkit-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2); + box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-dark .nav-menu { + background-color: #363636; + } +} + +.hero.is-dark a.nav-item, +.hero.is-dark .nav-item a:not(.button) { + color: rgba(245, 245, 245, 0.7); +} + +.hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active, +.hero.is-dark .nav-item a:not(.button):hover, +.hero.is-dark .nav-item a:not(.button).is-active { + color: whitesmoke; +} + +.hero.is-dark .tabs a { + color: whitesmoke; + opacity: 0.9; +} + +.hero.is-dark .tabs a:hover { + opacity: 1; +} + +.hero.is-dark .tabs li.is-active a { + opacity: 1; +} + +.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { + color: whitesmoke; +} + +.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .nav-menu { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-dark .nav-toggle span { + background-color: whitesmoke; + } + .hero.is-dark .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-dark .nav-toggle.is-active span { + background-color: whitesmoke; + } + .hero.is-dark .nav-menu .nav-item { + border-top-color: rgba(245, 245, 245, 0.2); + } +} + +.hero.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.hero.is-primary a:not(.button), +.hero.is-primary strong { + color: inherit; +} + +.hero.is-primary .title { + color: #fff; +} + +.hero.is-primary .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-primary .subtitle a:not(.button), +.hero.is-primary .subtitle strong { + color: #fff; +} + +.hero.is-primary .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-primary .nav-menu { + background-color: #00d1b2; + } +} + +.hero.is-primary a.nav-item, +.hero.is-primary .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active, +.hero.is-primary .nav-item a:not(.button):hover, +.hero.is-primary .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-primary .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-primary .tabs a:hover { + opacity: 1; +} + +.hero.is-primary .tabs li.is-active a { + opacity: 1; +} + +.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { + color: #fff; +} + +.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #00d1b2; +} + +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .nav-menu { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-primary .nav-toggle span { + background-color: #fff; + } + .hero.is-primary .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-primary .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-primary .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-info { + background-color: #3273dc; + color: #fff; +} + +.hero.is-info a:not(.button), +.hero.is-info strong { + color: inherit; +} + +.hero.is-info .title { + color: #fff; +} + +.hero.is-info .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-info .subtitle a:not(.button), +.hero.is-info .subtitle strong { + color: #fff; +} + +.hero.is-info .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-info .nav-menu { + background-color: #3273dc; + } +} + +.hero.is-info a.nav-item, +.hero.is-info .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active, +.hero.is-info .nav-item a:not(.button):hover, +.hero.is-info .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-info .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-info .tabs a:hover { + opacity: 1; +} + +.hero.is-info .tabs li.is-active a { + opacity: 1; +} + +.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { + color: #fff; +} + +.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #3273dc; +} + +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .nav-menu { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-info .nav-toggle span { + background-color: #fff; + } + .hero.is-info .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-info .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-info .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-success { + background-color: #23d160; + color: #fff; +} + +.hero.is-success a:not(.button), +.hero.is-success strong { + color: inherit; +} + +.hero.is-success .title { + color: #fff; +} + +.hero.is-success .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-success .subtitle a:not(.button), +.hero.is-success .subtitle strong { + color: #fff; +} + +.hero.is-success .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-success .nav-menu { + background-color: #23d160; + } +} + +.hero.is-success a.nav-item, +.hero.is-success .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active, +.hero.is-success .nav-item a:not(.button):hover, +.hero.is-success .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-success .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-success .tabs a:hover { + opacity: 1; +} + +.hero.is-success .tabs li.is-active a { + opacity: 1; +} + +.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { + color: #fff; +} + +.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #23d160; +} + +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .nav-menu { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-success .nav-toggle span { + background-color: #fff; + } + .hero.is-success .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-success .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-success .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning a:not(.button), +.hero.is-warning strong { + color: inherit; +} + +.hero.is-warning .title { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .subtitle { + color: rgba(0, 0, 0, 0.9); +} + +.hero.is-warning .subtitle a:not(.button), +.hero.is-warning .subtitle strong { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .nav { + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-warning .nav-menu { + background-color: #ffdd57; + } +} + +.hero.is-warning a.nav-item, +.hero.is-warning .nav-item a:not(.button) { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active, +.hero.is-warning .nav-item a:not(.button):hover, +.hero.is-warning .nav-item a:not(.button).is-active { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .tabs a { + color: rgba(0, 0, 0, 0.7); + opacity: 0.9; +} + +.hero.is-warning .tabs a:hover { + opacity: 1; +} + +.hero.is-warning .tabs li.is-active a { + opacity: 1; +} + +.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.hero.is-warning.is-bold { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .nav-menu { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-warning .nav-toggle span { + background-color: rgba(0, 0, 0, 0.7); + } + .hero.is-warning .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-warning .nav-toggle.is-active span { + background-color: rgba(0, 0, 0, 0.7); + } + .hero.is-warning .nav-menu .nav-item { + border-top-color: rgba(0, 0, 0, 0.2); + } +} + +.hero.is-danger { + background-color: #ff3860; + color: #fff; +} + +.hero.is-danger a:not(.button), +.hero.is-danger strong { + color: inherit; +} + +.hero.is-danger .title { + color: #fff; +} + +.hero.is-danger .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-danger .subtitle a:not(.button), +.hero.is-danger .subtitle strong { + color: #fff; +} + +.hero.is-danger .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-danger .nav-menu { + background-color: #ff3860; + } +} + +.hero.is-danger a.nav-item, +.hero.is-danger .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active, +.hero.is-danger .nav-item a:not(.button):hover, +.hero.is-danger .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-danger .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-danger .tabs a:hover { + opacity: 1; +} + +.hero.is-danger .tabs li.is-active a { + opacity: 1; +} + +.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { + color: #fff; +} + +.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #ff3860; +} + +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .nav-menu { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-danger .nav-toggle span { + background-color: #fff; + } + .hero.is-danger .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-danger .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-danger .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +@media screen and (min-width: 769px), print { + .hero.is-medium .hero-body { + padding-bottom: 9rem; + padding-top: 9rem; + } +} + +@media screen and (min-width: 769px), print { + .hero.is-large .hero-body { + padding-bottom: 18rem; + padding-top: 18rem; + } +} + +.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.hero.is-halfheight { + min-height: 50vh; +} + +.hero.is-fullheight { + min-height: 100vh; +} + +.hero-video { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + overflow: hidden; +} + +.hero-video video { + left: 50%; + min-height: 100%; + min-width: 100%; + position: absolute; + top: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} + +.hero-video.is-transparent { + opacity: 0.3; +} + +@media screen and (max-width: 768px) { + .hero-video { + display: none; + } +} + +.hero-buttons { + margin-top: 1.5rem; +} + +@media screen and (max-width: 768px) { + .hero-buttons .button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .hero-buttons .button:not(:last-child) { + margin-bottom: 0.75rem; + } +} + +@media screen and (min-width: 769px), print { + .hero-buttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + .hero-buttons .button:not(:last-child) { + margin-right: 1.5rem; + } +} + +.hero-head, +.hero-foot { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.hero-body { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + padding: 3rem 1.5rem; +} + +.section { + padding: 3rem 1.5rem; +} + +@media screen and (min-width: 1008px) { + .section.is-medium { + padding: 9rem 1.5rem; + } + .section.is-large { + padding: 18rem 1.5rem; + } +} + +.footer { + background-color: whitesmoke; + padding: 3rem 1.5rem 6rem; +} + +.highlight { + background-color: #f5f5f5; + color: #586e75; +} + +.highlight .c { + color: #93a1a1; +} + +.highlight .err, +.highlight .g { + color: #586e75; +} + +.highlight .k { + color: #859900; +} + +.highlight .l, +.highlight .n { + color: #586e75; +} + +.highlight .o { + color: #859900; +} + +.highlight .x { + color: #cb4b16; +} + +.highlight .p { + color: #586e75; +} + +.highlight .cm { + color: #93a1a1; +} + +.highlight .cp { + color: #859900; +} + +.highlight .c1 { + color: #93a1a1; +} + +.highlight .cs { + color: #859900; +} + +.highlight .gd { + color: #2aa198; +} + +.highlight .ge { + color: #586e75; + font-style: italic; +} + +.highlight .gr { + color: #dc322f; +} + +.highlight .gh { + color: #cb4b16; +} + +.highlight .gi { + color: #859900; +} + +.highlight .go, +.highlight .gp { + color: #586e75; +} + +.highlight .gs { + color: #586e75; + font-weight: bold; +} + +.highlight .gu { + color: #cb4b16; +} + +.highlight .gt { + color: #586e75; +} + +.highlight .kc { + color: #cb4b16; +} + +.highlight .kd { + color: #268bd2; +} + +.highlight .kn, +.highlight .kp { + color: #859900; +} + +.highlight .kr { + color: #268bd2; +} + +.highlight .kt { + color: #dc322f; +} + +.highlight .ld { + color: #586e75; +} + +.highlight .m, +.highlight .s { + color: #2aa198; +} + +.highlight .na { + color: #B58900; +} + +.highlight .nb { + color: #586e75; +} + +.highlight .nc { + color: #268bd2; +} + +.highlight .no { + color: #cb4b16; +} + +.highlight .nd { + color: #268bd2; +} + +.highlight .ni, +.highlight .ne { + color: #cb4b16; +} + +.highlight .nf { + color: #268bd2; +} + +.highlight .nl, +.highlight .nn, +.highlight .nx, +.highlight .py { + color: #586e75; +} + +.highlight .nt, +.highlight .nv { + color: #268bd2; +} + +.highlight .ow { + color: #859900; +} + +.highlight .w { + color: #586e75; +} + +.highlight .mf, +.highlight .mh, +.highlight .mi, +.highlight .mo { + color: #2aa198; +} + +.highlight .sb { + color: #93a1a1; +} + +.highlight .sc { + color: #2aa198; +} + +.highlight .sd { + color: #586e75; +} + +.highlight .s2 { + color: #2aa198; +} + +.highlight .se { + color: #cb4b16; +} + +.highlight .sh { + color: #586e75; +} + +.highlight .si, +.highlight .sx { + color: #2aa198; +} + +.highlight .sr { + color: #dc322f; +} + +.highlight .s1, +.highlight .ss { + color: #2aa198; +} + +.highlight .bp, +.highlight .vc, +.highlight .vg, +.highlight .vi { + color: #268bd2; +} + +.highlight .il { + color: #2aa198; +} + +.content .highlight { + text-align: left; +} + +@media screen and (min-width: 769px), print { + .button small { + color: #4a4a4a; + left: 0; + margin-top: 10px; + position: absolute; + top: 100%; + width: 100%; + } +} + +body.page-grid .column > .notification { + padding-left: 0; + padding-right: 0; + text-align: center; +} + +@media screen and (min-width: 769px), print { + .header-item .button + .button { + margin-left: 0.75rem; + } +} + +svg { + max-height: 100%; + max-width: 100%; +} + +#carbon { + margin-left: auto; + margin-right: auto; + max-width: 340px; + min-height: 150px; + padding: 0; + position: relative; +} + +#carbon:hover { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +@media screen and (min-width: 769px), print { + #carbon { + width: 340px; + } +} + +#carbonads { + font-size: 14px; + text-align: left; +} + +#carbonads a, +#carbonads span { + display: block; +} + +#carbonads .carbon-wrap { + position: relative; +} + +#carbonads .carbon-img { + background: whitesmoke; + float: left; + height: 100px; + margin: 15px 0 15px 15px; + width: 130px; +} + +#carbonads .carbon-img img { + display: block; + height: 100px; + width: 130px; +} + +#carbonads .carbon-text { + display: block; + color: #363636; + line-height: 20px; + padding: 15px 15px 35px 160px; +} + +#carbonads .carbon-poweredby { + bottom: 0; + color: #7a7a7a; + font-size: 0.75rem; + left: 160px; + line-height: 20px; + padding: 0 15px 10px 0; + position: absolute; + right: 0; +} + +@-webkit-keyframes floatUp { + 0% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes floatUp { + 0% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes strokePath { + from { + stroke-dashoffset: 880; + } + to { + stroke-dashoffset: 0; + } +} + +@keyframes strokePath { + from { + stroke-dashoffset: 880; + } + to { + stroke-dashoffset: 0; + } +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes fadeIn { + from { + opacity: 0; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 100% { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 100% { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes slideDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@-webkit-keyframes slideUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +#b { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: floatUp; + animation-name: floatUp; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + border-radius: 24px; + display: inline-block; + height: 240px; + margin-bottom: 40px; + position: relative; + vertical-align: top; + width: 240px; +} + +#b svg { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + display: block; + height: 240px; + width: 240px; +} + +#b svg:first-child { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeOut; + animation-name: fadeOut; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); +} + +#b svg:first-child g { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: strokePath; + animation-name: strokePath; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + fill: none; + stroke: #00d1b2; + stroke-dasharray: 880; + stroke-width: 2px; +} + +#b svg:last-child { + -webkit-animation-delay: 1s; + animation-delay: 1s; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); +} + +#b svg:last-child g { + fill: #00d1b2; +} + +@media screen and (max-width: 768px) { + #b { + border-radius: 16px; + height: 160px; + width: 160px; + } +} + +#bulma { + -webkit-animation: slideDown 500ms both; + animation: slideDown 500ms both; +} + +#modern-framework { + -webkit-animation: slideUp 500ms both; + animation: slideUp 500ms both; + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; +} + +#npm { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-animation: fadeIn 500ms both; + animation: fadeIn 500ms both; + -webkit-animation-delay: 0.4s; + animation-delay: 0.4s; + background: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: -10px 0 20px; +} + +#npm code { + background: whitesmoke; + border-radius: 3px; + color: #00d1b2; + display: inline-block; + font-size: 16px; + padding: 16px 32px; +} + +#ghbtns { + -webkit-animation: slideDown 500ms both; + animation: slideDown 500ms both; + -webkit-animation-delay: 0.6s; + animation-delay: 0.6s; +} + +html.route-index #carbon { + -webkit-animation: slideUp 500ms both; + animation: slideUp 500ms both; + -webkit-animation-delay: 0.8s; + animation-delay: 0.8s; +} + +#download { + -webkit-animation: fadeIn 500ms both; + animation: fadeIn 500ms both; + -webkit-animation-delay: 1s; + animation-delay: 1s; +} + +#grid .notification { + padding-left: 0; + padding-right: 0; +} + +#message { + display: none; +} + +#tweet { + background: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding: 1.5rem; +} + +#github { + color: #333333; + border-color: #333333; +} + +#github:hover { + background: #333333; + border-color: #333333; + color: white; +} + +#twitter { + color: #55acee; + border-color: #55acee; +} + +#twitter:hover { + background: #55acee; + border-color: #55acee; + color: white; +} + +@media screen and (min-width: 1008px) { + #blogDropdown { + width: 16rem; + } + #blogDropdown .navbar-item { + white-space: normal; + } + #moreDropdown { + width: 16rem; + } + #moreDropdown .navbar-item { + padding-right: 1rem; + } + #moreDropdown .navbar-item .level { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +} + +#about .twitter-container { + display: block; + height: 30px; + line-height: 30px; + margin-top: 5px; +} + +#about small { + display: block; + margin-top: 5px; +} + +#mc_embed_signup .field { + margin-bottom: 0; +} + +#mc_embed_signup .notification { + margin-top: 0.75rem; +} + +#share form { + height: 30px; + margin-top: 10px; +} + +#social { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +#social > iframe, +#social > a, +#social > form, +#social > div { + display: inline-block; + font-size: 11px; + height: 30px; + line-height: 30px; + margin-top: 5px; +} + +#social .github-btn { + width: 160px; +} + +#social .twitter-share-button { + margin-right: 10px; + min-width: 76px; +} + +#social .paypal-form { + min-width: 148px; +} + +#social .fb-like { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 130px; +} + +#newsletter .input { + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; +} + +#sister ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +#sister li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 30px; + margin: 5px 1rem 0 0; +} + +#sister img { + height: 30px; +} + +#tsp small { + display: block; +} + +#images tr td:nth-child(2) { + width: 320px; +} + +.color { + border-radius: 2px; + -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + display: inline-block; + float: left; + height: 24px; + margin-right: 8px; + width: 24px; +} + +.button.is-rss { + background-color: #f26522; + border-color: transparent; + color: #fff; +} + +.button.is-rss:hover { + background-color: #ed560e; +} + +.button.is-rss:active { + background-color: #d54d0d; +} + +.view-all-versions { + color: #7a7a7a; +} + +.view-all-versions:hover { + text-decoration: underline; +} + +.feature-title { + color: #7a7a7a; +} + +.feature-title a { + border-bottom: 1px solid transparent; + color: #363636; +} + +.feature-title a:hover { + border-bottom-color: #00d1b2; +} + +.anchor-title { + padding-top: 1.5rem; + position: relative; +} + +.anchor-link { + position: absolute; + right: calc(100% + 1rem); +} + +.article-image { + background-color: #00d1b2; + display: block; + height: 240px; + margin-left: auto; + margin-right: auto; + width: 320px; + position: relative; + text-align: center; +} + +.article-image.is-white { + background-color: white; +} + +.article-image.is-black { + background-color: #0a0a0a; +} + +.article-image.is-light { + background-color: whitesmoke; +} + +.article-image.is-dark { + background-color: #363636; +} + +.article-image.is-primary { + background-color: #00d1b2; +} + +.article-image.is-info { + background-color: #3273dc; +} + +.article-image.is-success { + background-color: #23d160; +} + +.article-image.is-warning { + background-color: #ffdd57; +} + +.article-image.is-danger { + background-color: #ff3860; +} + +.article-image:hover .article-overlay { + opacity: 0.25; +} + +.article-image:hover .article-icon { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +.article-image:hover .article-title { + -webkit-transform: scale(0.9); + transform: scale(0.9); +} + +.article-image.is-single { + margin-bottom: 2rem; + width: 100%; +} + +@media screen and (max-width: 768px) { + .article-image { + height: 180px; + width: 240px; + } +} + +.article-overlay { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + background-color: #0a0a0a; + opacity: 0; + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: opacity; + transition-property: opacity; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} + +.article-icon, +.article-title { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} + +.article-icon { + color: #0a0a0a; + opacity: 0.25; +} + +.article-icon .fa { + font-size: 56px; +} + +.article-title { + color: white; + font-size: 2.5rem; + font-weight: 700; + line-height: 1.25; +} + +.example, +.structure { + border: 1px solid #ffdd57; + border-top-right-radius: 3px; + color: rgba(0, 0, 0, 0.7); + padding: 1.5rem; + position: relative; +} + +.example:not(:first-child), +.structure:not(:first-child) { + margin-top: 2rem; +} + +.example:not(:last-child), +.structure:not(:last-child) { + margin-bottom: 1.5rem; +} + +.example:before, +.structure:before { + background: #ffdd57; + border-radius: 3px 3px 0 0; + bottom: 100%; + content: "Example"; + display: inline-block; + font-size: 7px; + font-weight: bold; + left: -1px; + letter-spacing: 1px; + padding: 3px 5px; + position: absolute; + text-transform: uppercase; + vertical-align: top; +} + +@media screen and (min-width: 769px), print { + .example.is-fullwidth, + .structure.is-fullwidth { + border-left: none; + border-right: none; + padding: 0; + } +} + +.example + .highlight { + border: 1px solid #ffdd57; + border-radius: 0 0 3px 3px; + border-top: none; + margin-top: -1.5rem; +} + +.example + .highlight:not(:last-child) { + margin-bottom: 1.5rem; +} + +.highlight pre { + max-height: 480px; + margin-bottom: 0 !important; + padding: 0; +} + +.highlight pre code { + padding: 1.25em 1.5em; +} + +.highlight-full .highlight pre, +#navbarJsExample .highlight pre { + max-height: none; +} + +.structure { + border-color: #ff3860; + border-radius: 3px; + padding: 1.5rem; +} + +.structure:before { + background: #ff3860; + color: #fff; + content: "Structure"; +} + +.structure-item { + position: relative; +} + +.structure-item:before { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + background: rgba(10, 10, 10, 0.7); + background: whitesmoke; + border: 1px solid #dbdbdb; + content: ""; + display: block; + z-index: 1; +} + +.structure-item:after { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + content: attr(title); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-family: monospace; + font-size: 11px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 3px 5px; + z-index: 2; +} + +.structure-item.is-structure-container { + padding: 1.5rem 0.75rem 0.75rem; +} + +.structure-item.is-structure-container:after { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0.5rem 0.75rem; +} + +.highlight { + position: relative; +} + +.highlight .copy, +.highlight .expand { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background: white; + border: solid #dbdbdb; + border-width: 0 0 1px 1px; + color: #7a7a7a; + cursor: pointer; + outline: none; + position: absolute; + right: 0; + top: 0; +} + +.highlight .copy:hover, +.highlight .expand:hover { + border-color: #ff3860; + color: #ff3860; +} + +.highlight .expand { + border-right-width: 1px; + right: 50px; +} + +@media screen and (min-width: 769px), print { + .highlight pre { + white-space: pre-wrap; + } +} + +@media screen and (min-width: 769px), print { + .section:not(.is-fullwidth) > .example:not(.is-fullwidth) { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .section:not(.is-fullwidth) > .example:not(.is-fullwidth) + .highlight { + margin-left: 1.5rem; + margin-right: 1.5rem; + } +} + +.section.is-fullwidth { + padding: 0 !important; +} + +.section.is-fullwidth .example { + border-left: none; + border-radius: 0; + border-right: none; + padding: 0; +} + +.section.is-fullwidth .example + .highlight { + border-left: none; + border-radius: 0; + border-right: none; +} + +.callout { + background-color: whitesmoke; + border-radius: 3px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative; +} + +.callout:not(:last-child) { + margin-bottom: 1.5rem; +} + +.callout.is-white { + background-color: white; + color: #0a0a0a; +} + +.callout.is-black { + background-color: #0a0a0a; + color: white; +} + +.callout.is-light { + background-color: whitesmoke; + color: #363636; +} + +.callout.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.callout.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.callout.is-info { + background-color: #3273dc; + color: #fff; +} + +.callout.is-success { + background-color: #23d160; + color: #fff; +} + +.callout.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.callout.is-danger { + background-color: #ff3860; + color: #fff; +} + +.bsa { + padding: 2rem; +} + +.bsa-cpc { + min-height: 1px; +} + +#_default_ .default-ad { + background-color: rgba(0, 0, 0, 0.3); + border-radius: 2px; + color: white; + display: inline-block; + font-size: 10px; + font-weight: bold; + padding: 0 4px; + text-transform: uppercase; + vertical-align: top; +} + +#_default_ > a { + background-color: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + display: block; + line-height: 1.375; + margin-top: 15px; + min-height: 70px; + padding: 15px; + padding-left: 70px; + position: relative; +} + +#_default_ > a:hover, #_default_ > a:focus { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +#_default_ > a:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; +} + +#_default_ > a span { + display: block; +} + +#_default_ > a .default-image { + display: block; + left: 15px; + height: 40px; + position: absolute; + top: 15px; + width: 40px; +} + +#_default_ > a .default-image img { + display: block; + height: 40px; + width: 40px; +} + +#_default_ > a .default-title { + color: #363636; + display: inline; + font-weight: 700; +} + +#_default_ > a .default-title:after { + content: " — "; +} + +#_default_ > a .default-description { + display: inline; +} + +@media screen and (min-width: 769px), print { + .bsa .columns { + min-height: 120px; + } + #_default_ { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + } + #_default_ .default-ad { + left: 100%; + margin-left: 2rem; + position: absolute; + top: 0; + } + #_default_ > a { + margin: 0; + } + #_default_ > a:not(:nth-child(2)) { + margin-left: 2rem; + } +} + +html.route-index .title.is-2 { + position: relative; +} + +html.route-index .title.is-2 a { + color: #242424; + position: relative; +} + +html.route-index .title.is-2 a:hover { + color: #00d1b2; +} + +html.route-index .title.is-2 .icon.is-medium { + left: -80px; + opacity: 0.1; + position: absolute; + top: 10px; +} + +html.route-index .title.is-2 .icon.is-medium .fa { + font-size: 56px; +} + +html.route-index .hero .title.is-2 a { + color: white; +} + +html.route-index .hero .title.is-2 a:hover { + color: white; +} + +html.route-index .hero.is-primary a.column, +html.route-index .hero.is-primary a.column:hover { + color: white; +} + +html.route-index .hero.is-primary a.column:hover .title strong { + border-bottom: 1px solid; +} + +@media screen and (max-width: 979px) { + html.route-index .title.is-2 a { + padding-left: 0; + } + html.route-index .title.is-2 .icon.is-medium { + display: none; + } +} + +:root { + --primary: #00d1b2; + --gap: 0.75rem; +} + +html ::-moz-selection { + background: #00d1b2; + color: #fff; +} + +html ::selection { + background: #00d1b2; + color: #fff; +} + +/*# sourceMappingURL=data:application/json;base64,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LDJCQUEyQjtHQUM1QjtDQUNGOztBQUVEO0VBQ0U7SUFDRSwyQkFBMkI7R0FDNUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsMkJBQTJCO0dBQzVCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDJCQUEyQjtHQUM1QjtDQUNGOztBQUVEO0VBQ0UsNkJBQTZCO0NBQzlCOztBQUVEO0VBQ0U7SUFDRSw2QkFBNkI7R0FDOUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsNkJBQTZCO0dBQzlCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDZCQUE2QjtHQUM5QjtDQUNGOztBQUVEO0VBQ0U7SUFDRSw2QkFBNkI7R0FDOUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsNkJBQTZCO0dBQzlCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDZCQUE2QjtHQUM5QjtDQUNGOztBQUVEO0VBQ0UsMkJBQTJCO0NBQzVCOztBQUVEO0VBQ0U7SUFDRSwyQkFBMkI7R0FDNUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsMkJBQTJCO0dBQzVCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDJCQUEyQjtHQUM1QjtDQUNGOztBQUVEO0VBQ0U7SUFDRSwyQkFBMkI7R0FDNUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsMkJBQTJCO0dBQzVCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDJCQUEyQjtHQUM1QjtDQUNGOztBQUVEO0VBQ0UsNkJBQTZCO0NBQzlCOztBQUVEO0VBQ0U7SUFDRSw2QkFBNkI7R0FDOUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsNkJBQTZCO0dBQzlCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDZCQUE2QjtHQUM5QjtDQUNGOztBQUVEO0VBQ0U7SUFDRSw2QkFBNkI7R0FDOUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsNkJBQTZCO0dBQzlCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDZCQUE2QjtHQUM5QjtDQUNGOztBQUVEO0VBQ0UsOEJBQThCO0NBQy9COztBQUVEO0VBQ0U7SUFDRSw4QkFBOEI7R0FDL0I7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsOEJBQThCO0dBQy9CO0NBQ0Y7O0FB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Q3BCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixVQUFVO0NBQ1g7O0FBRUQ7RUFDRSxnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxhQUFhO0NBQ2Q7O0FBRUQ7O0VBRUUsYUFBYTtDQUNkOztBQUVEO0VBQ0UseUJBQXlCO0NBQzFCOztBQUVEO0VBQ0U7SUFDRSxnQkFBZ0I7R0FDakI7RUFDRDtJQUNFLGNBQWM7R0FDZjtDQUNGOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxvQkFBb0I7RUFDcEIsWUFBWTtDQUNiOztBQUVEO0VBQ0Usb0JBQW9CO0VBQ3BCLFlBQVk7Q0FDYiIsImZpbGUiOiJidWxtYS1kb2NzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkBjaGFyc2V0IFwiVVRGLThcIjtcbi8qISBidWxtYS5pbyB2MC41LjAgfCBNSVQgTGljZW5zZSB8IGdpdGh1Yi5jb20vamd0aG1zL2J1bG1hICovXG5Aa2V5ZnJhbWVzIHNwaW5Bcm91bmQge1xuICBmcm9tIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTtcbiAgfVxufVxuXG4vKiEgbWluaXJlc2V0LmNzcyB2MC4wLjIgfCBNSVQgTGljZW5zZSB8IGdpdGh1Yi5jb20vamd0aG1zL21pbmlyZXNldC5jc3MgKi9cbmh0bWwsXG5ib2R5LFxucCxcbm9sLFxudWwsXG5saSxcbmRsLFxuZHQsXG5kZCxcbmJsb2NrcXVvdGUsXG5maWd1cmUsXG5maWVsZHNldCxcbmxlZ2VuZCxcbnRleHRhcmVhLFxucHJlLFxuaWZyYW1lLFxuaHIsXG5oMSxcbmgyLFxuaDMsXG5oNCxcbmg1LFxuaDYge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG59XG5cbmgxLFxuaDIsXG5oMyxcbmg0LFxuaDUsXG5oNiB7XG4gIGZvbnQtc2l6ZTogMTAwJTtcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbn1cblxudWwge1xuICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5idXR0b24sXG5pbnB1dCxcbnNlbGVjdCxcbnRleHRhcmVhIHtcbiAgbWFyZ2luOiAwO1xufVxuXG5odG1sIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuKiB7XG4gIGJveC1zaXppbmc6IGluaGVyaXQ7XG59XG5cbio6YmVmb3JlLCAqOmFmdGVyIHtcbiAgYm94LXNpemluZzogaW5oZXJpdDtcbn1cblxuaW1nLFxuZW1iZWQsXG5vYmplY3QsXG5hdWRpbyxcbnZpZGVvIHtcbiAgbWF4LXdpZHRoOiAxMDAlO1xufVxuXG5pZnJhbWUge1xuICBib3JkZXI6IDA7XG59XG5cbnRhYmxlIHtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgYm9yZGVyLXNwYWNpbmc6IDA7XG59XG5cbnRkLFxudGgge1xuICBwYWRkaW5nOiAwO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xufVxuXG5odG1sIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAxNnB4O1xuICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgbWluLXdpZHRoOiAzMDBweDtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gIHRleHQtcmVuZGVyaW5nOiBvcHRpbWl6ZUxlZ2liaWxpdHk7XG59XG5cbmFydGljbGUsXG5hc2lkZSxcbmZpZ3VyZSxcbmZvb3RlcixcbmhlYWRlcixcbmhncm91cCxcbnNlY3Rpb24ge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuYm9keSxcbmJ1dHRvbixcbmlucHV0LFxuc2VsZWN0LFxudGV4dGFyZWEge1xuICBmb250LWZhbWlseTogQmxpbmtNYWNTeXN0ZW1Gb250LCAtYXBwbGUtc3lzdGVtLCBcIlNlZ29lIFVJXCIsIFwiUm9ib3RvXCIsIFwiT3h5Z2VuXCIsIFwiVWJ1bnR1XCIsIFwiQ2FudGFyZWxsXCIsIFwiRmlyYSBTYW5zXCIsIFwiRHJvaWQgU2Fuc1wiLCBcIkhlbHZldGljYSBOZXVlXCIsIFwiSGVsdmV0aWNhXCIsIFwiQXJpYWxcIiwgc2Fucy1zZXJpZjtcbn1cblxuY29kZSxcbnByZSB7XG4gIC1tb3otb3N4LWZvbnQtc21vb3RoaW5nOiBhdXRvO1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhdXRvO1xuICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xufVxuXG5ib2R5IHtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbn1cblxuYSB7XG4gIGNvbG9yOiAjMDBkMWIyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuYTpob3ZlciB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG5jb2RlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICNmZjM4NjA7XG4gIGZvbnQtc2l6ZTogMC44NzVlbTtcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgcGFkZGluZzogMC4yNWVtIDAuNWVtIDAuMjVlbTtcbn1cblxuaHIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGJkYmRiO1xuICBib3JkZXI6IG5vbmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFweDtcbiAgbWFyZ2luOiAxLjVyZW0gMDtcbn1cblxuaW1nIHtcbiAgaGVpZ2h0OiBhdXRvO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbmlucHV0W3R5cGU9XCJjaGVja2JveFwiXSxcbmlucHV0W3R5cGU9XCJyYWRpb1wiXSB7XG4gIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbn1cblxuc21hbGwge1xuICBmb250LXNpemU6IDAuODc1ZW07XG59XG5cbnNwYW4ge1xuICBmb250LXN0eWxlOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5oZXJpdDtcbn1cblxuc3Ryb25nIHtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG59XG5cbnByZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBmb250LXNpemU6IDAuODc1ZW07XG4gIHdoaXRlLXNwYWNlOiBwcmU7XG4gIHdvcmQtd3JhcDogbm9ybWFsO1xufVxuXG5wcmUgY29kZSB7XG4gIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDFlbTtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgcGFkZGluZzogMS4yNXJlbSAxLjVyZW07XG59XG5cbnRhYmxlIHRkLFxudGFibGUgdGgge1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG50YWJsZSB0aCB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaXMtY2xlYXJmaXg6YWZ0ZXIge1xuICBjbGVhcjogYm90aDtcbiAgY29udGVudDogXCIgXCI7XG4gIGRpc3BsYXk6IHRhYmxlO1xufVxuXG4uaXMtcHVsbGVkLWxlZnQge1xuICBmbG9hdDogbGVmdCAhaW1wb3J0YW50O1xufVxuXG4uaXMtcHVsbGVkLXJpZ2h0IHtcbiAgZmxvYXQ6IHJpZ2h0ICFpbXBvcnRhbnQ7XG59XG5cbi5pcy1jbGlwcGVkIHtcbiAgb3ZlcmZsb3c6IGhpZGRlbiAhaW1wb3J0YW50O1xufVxuXG4uaXMtb3ZlcmxheSB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xufVxuXG4uaXMtc2l6ZS0xIHtcbiAgZm9udC1zaXplOiAzcmVtICFpbXBvcnRhbnQ7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1zaXplLTEtbW9iaWxlIHtcbiAgICBmb250LXNpemU6IDNyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLXNpemUtMS10YWJsZXQge1xuICAgIGZvbnQtc2l6ZTogM3JlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtc2l6ZS0xLXRvdWNoIHtcbiAgICBmb250LXNpemU6IDNyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLXNpemUtMS1kZXNrdG9wIHtcbiAgICBmb250LXNpemU6IDNyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLXNpemUtMS13aWRlc2NyZWVuIHtcbiAgICBmb250LXNpemU6IDNyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMzkycHgpIHtcbiAgLmlzLXNpemUtMS1mdWxsaGQge1xuICAgIGZvbnQtc2l6ZTogM3JlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5pcy1zaXplLTIge1xuICBmb250LXNpemU6IDIuNXJlbSAhaW1wb3J0YW50O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtc2l6ZS0yLW1vYmlsZSB7XG4gICAgZm9udC1zaXplOiAyLjVyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLXNpemUtMi10YWJsZXQge1xuICAgIGZvbnQtc2l6ZTogMi41cmVtICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1zaXplLTItdG91Y2gge1xuICAgIGZvbnQtc2l6ZTogMi41cmVtICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5pcy1zaXplLTItZGVza3RvcCB7XG4gICAgZm9udC1zaXplOiAyLjVyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLXNpemUtMi13aWRlc2NyZWVuIHtcbiAgICBmb250LXNpemU6IDIuNXJlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEzOTJweCkge1xuICAuaXMtc2l6ZS0yLWZ1bGxoZCB7XG4gICAgZm9udC1zaXplOiAyLjVyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG4uaXMtc2l6ZS0zIHtcbiAgZm9udC1zaXplOiAycmVtICFpbXBvcnRhbnQ7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1zaXplLTMtbW9iaWxlIHtcbiAgICBmb250LXNpemU6IDJyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLXNpemUtMy10YWJsZXQge1xuICAgIGZvbnQtc2l6ZTogMnJlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtc2l6ZS0zLXRvdWNoIHtcbiAgICBmb250LXNpemU6IDJyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLXNpemUtMy1kZXNrdG9wIHtcbiAgICBmb250LXNpemU6IDJyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLXNpemUtMy13aWRlc2NyZWVuIHtcbiAgICBmb250LXNpemU6IDJyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMzkycHgpIHtcbiAgLmlzLXNpemUtMy1mdWxsaGQge1xuICAgIGZvbnQtc2l6ZTogMnJlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5pcy1zaXplLTQge1xuICBmb250LXNpemU6IDEuNXJlbSAhaW1wb3J0YW50O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtc2l6ZS00LW1vYmlsZSB7XG4gICAgZm9udC1zaXplOiAxLjVyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLXNpemUtNC10YWJsZXQge1xuICAgIGZvbnQtc2l6ZTogMS41cmVtICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1zaXplLTQtdG91Y2gge1xuICAgIGZvbnQtc2l6ZTogMS41cmVtICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5pcy1zaXplLTQtZGVza3RvcCB7XG4gICAgZm9udC1zaXplOiAxLjVyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLXNpemUtNC13aWRlc2NyZWVuIHtcbiAgICBmb250LXNpemU6IDEuNXJlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEzOTJweCkge1xuICAuaXMtc2l6ZS00LWZ1bGxoZCB7XG4gICAgZm9udC1zaXplOiAxLjVyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG4uaXMtc2l6ZS01IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtICFpbXBvcnRhbnQ7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1zaXplLTUtbW9iaWxlIHtcbiAgICBmb250LXNpemU6IDEuMjVyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLXNpemUtNS10YWJsZXQge1xuICAgIGZvbnQtc2l6ZTogMS4yNXJlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtc2l6ZS01LXRvdWNoIHtcbiAgICBmb250LXNpemU6IDEuMjVyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLXNpemUtNS1kZXNrdG9wIHtcbiAgICBmb250LXNpemU6IDEuMjVyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLXNpemUtNS13aWRlc2NyZWVuIHtcbiAgICBmb250LXNpemU6IDEuMjVyZW0gIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMzkycHgpIHtcbiAgLmlzLXNpemUtNS1mdWxsaGQge1xuICAgIGZvbnQtc2l6ZTogMS4yNXJlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5pcy1zaXplLTYge1xuICBmb250LXNpemU6IDFyZW0gIWltcG9ydGFudDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmlzLXNpemUtNi1tb2JpbGUge1xuICAgIGZvbnQtc2l6ZTogMXJlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaXMtc2l6ZS02LXRhYmxldCB7XG4gICAgZm9udC1zaXplOiAxcmVtICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1zaXplLTYtdG91Y2gge1xuICAgIGZvbnQtc2l6ZTogMXJlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuaXMtc2l6ZS02LWRlc2t0b3Age1xuICAgIGZvbnQtc2l6ZTogMXJlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAuaXMtc2l6ZS02LXdpZGVzY3JlZW4ge1xuICAgIGZvbnQtc2l6ZTogMXJlbSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEzOTJweCkge1xuICAuaXMtc2l6ZS02LWZ1bGxoZCB7XG4gICAgZm9udC1zaXplOiAxcmVtICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLmhhcy10ZXh0LWNlbnRlcmVkIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyICFpbXBvcnRhbnQ7XG59XG5cbi5oYXMtdGV4dC1sZWZ0IHtcbiAgdGV4dC1hbGlnbjogbGVmdCAhaW1wb3J0YW50O1xufVxuXG4uaGFzLXRleHQtcmlnaHQge1xuICB0ZXh0LWFsaWduOiByaWdodCAhaW1wb3J0YW50O1xufVxuXG4uaGFzLXRleHQtd2hpdGUge1xuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcbn1cblxuYS5oYXMtdGV4dC13aGl0ZTpob3ZlciwgYS5oYXMtdGV4dC13aGl0ZTpmb2N1cyB7XG4gIGNvbG9yOiAjZTZlNmU2O1xufVxuXG4uaGFzLXRleHQtYmxhY2sge1xuICBjb2xvcjogIzBhMGEwYSAhaW1wb3J0YW50O1xufVxuXG5hLmhhcy10ZXh0LWJsYWNrOmhvdmVyLCBhLmhhcy10ZXh0LWJsYWNrOmZvY3VzIHtcbiAgY29sb3I6IGJsYWNrO1xufVxuXG4uaGFzLXRleHQtbGlnaHQge1xuICBjb2xvcjogd2hpdGVzbW9rZSAhaW1wb3J0YW50O1xufVxuXG5hLmhhcy10ZXh0LWxpZ2h0OmhvdmVyLCBhLmhhcy10ZXh0LWxpZ2h0OmZvY3VzIHtcbiAgY29sb3I6ICNkYmRiZGI7XG59XG5cbi5oYXMtdGV4dC1kYXJrIHtcbiAgY29sb3I6ICMzNjM2MzYgIWltcG9ydGFudDtcbn1cblxuYS5oYXMtdGV4dC1kYXJrOmhvdmVyLCBhLmhhcy10ZXh0LWRhcms6Zm9jdXMge1xuICBjb2xvcjogIzFjMWMxYztcbn1cblxuLmhhcy10ZXh0LXByaW1hcnkge1xuICBjb2xvcjogIzAwZDFiMiAhaW1wb3J0YW50O1xufVxuXG5hLmhhcy10ZXh0LXByaW1hcnk6aG92ZXIsIGEuaGFzLXRleHQtcHJpbWFyeTpmb2N1cyB7XG4gIGNvbG9yOiAjMDA5ZTg2O1xufVxuXG4uaGFzLXRleHQtaW5mbyB7XG4gIGNvbG9yOiAjMzI3M2RjICFpbXBvcnRhbnQ7XG59XG5cbmEuaGFzLXRleHQtaW5mbzpob3ZlciwgYS5oYXMtdGV4dC1pbmZvOmZvY3VzIHtcbiAgY29sb3I6ICMyMDViYmM7XG59XG5cbi5oYXMtdGV4dC1zdWNjZXNzIHtcbiAgY29sb3I6ICMyM2QxNjAgIWltcG9ydGFudDtcbn1cblxuYS5oYXMtdGV4dC1zdWNjZXNzOmhvdmVyLCBhLmhhcy10ZXh0LXN1Y2Nlc3M6Zm9jdXMge1xuICBjb2xvcjogIzFjYTY0Yztcbn1cblxuLmhhcy10ZXh0LXdhcm5pbmcge1xuICBjb2xvcjogI2ZmZGQ1NyAhaW1wb3J0YW50O1xufVxuXG5hLmhhcy10ZXh0LXdhcm5pbmc6aG92ZXIsIGEuaGFzLXRleHQtd2FybmluZzpmb2N1cyB7XG4gIGNvbG9yOiAjZmZkMzI0O1xufVxuXG4uaGFzLXRleHQtZGFuZ2VyIHtcbiAgY29sb3I6ICNmZjM4NjAgIWltcG9ydGFudDtcbn1cblxuYS5oYXMtdGV4dC1kYW5nZXI6aG92ZXIsIGEuaGFzLXRleHQtZGFuZ2VyOmZvY3VzIHtcbiAgY29sb3I6ICNmZjA1Mzc7XG59XG5cbi5oYXMtdGV4dC1ibGFjay1iaXMge1xuICBjb2xvcjogIzEyMTIxMiAhaW1wb3J0YW50O1xufVxuXG4uaGFzLXRleHQtYmxhY2stdGVyIHtcbiAgY29sb3I6ICMyNDI0MjQgIWltcG9ydGFudDtcbn1cblxuLmhhcy10ZXh0LWdyZXktZGFya2VyIHtcbiAgY29sb3I6ICMzNjM2MzYgIWltcG9ydGFudDtcbn1cblxuLmhhcy10ZXh0LWdyZXktZGFyayB7XG4gIGNvbG9yOiAjNGE0YTRhICFpbXBvcnRhbnQ7XG59XG5cbi5oYXMtdGV4dC1ncmV5IHtcbiAgY29sb3I6ICM3YTdhN2EgIWltcG9ydGFudDtcbn1cblxuLmhhcy10ZXh0LWdyZXktbGlnaHQge1xuICBjb2xvcjogI2I1YjViNSAhaW1wb3J0YW50O1xufVxuXG4uaGFzLXRleHQtZ3JleS1saWdodGVyIHtcbiAgY29sb3I6ICNkYmRiZGIgIWltcG9ydGFudDtcbn1cblxuLmhhcy10ZXh0LXdoaXRlLXRlciB7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlICFpbXBvcnRhbnQ7XG59XG5cbi5oYXMtdGV4dC13aGl0ZS1iaXMge1xuICBjb2xvcjogI2ZhZmFmYSAhaW1wb3J0YW50O1xufVxuXG4uaXMtYmxvY2sge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmlzLWJsb2NrLW1vYmlsZSB7XG4gICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLWJsb2NrLXRhYmxldCB7XG4gICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCkgYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtYmxvY2stdGFibGV0LW9ubHkge1xuICAgIGRpc3BsYXk6IGJsb2NrICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1ibG9jay10b3VjaCB7XG4gICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLWJsb2NrLWRlc2t0b3Age1xuICAgIGRpc3BsYXk6IGJsb2NrICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSBhbmQgKG1heC13aWR0aDogMTE5OXB4KSB7XG4gIC5pcy1ibG9jay1kZXNrdG9wLW9ubHkge1xuICAgIGRpc3BsYXk6IGJsb2NrICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5pcy1ibG9jay13aWRlc2NyZWVuIHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkgYW5kIChtYXgtd2lkdGg6IDEzOTFweCkge1xuICAuaXMtYmxvY2std2lkZXNjcmVlbi1vbmx5IHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEzOTJweCkge1xuICAuaXMtYmxvY2stZnVsbGhkIHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5pcy1mbGV4IHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmlzLWZsZXgtbW9iaWxlIHtcbiAgICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5pcy1mbGV4LXRhYmxldCB7XG4gICAgZGlzcGxheTogZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1mbGV4LXRhYmxldC1vbmx5IHtcbiAgICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1mbGV4LXRvdWNoIHtcbiAgICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5pcy1mbGV4LWRlc2t0b3Age1xuICAgIGRpc3BsYXk6IGZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWZsZXgtZGVza3RvcC1vbmx5IHtcbiAgICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5pcy1mbGV4LXdpZGVzY3JlZW4ge1xuICAgIGRpc3BsYXk6IGZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIGFuZCAobWF4LXdpZHRoOiAxMzkxcHgpIHtcbiAgLmlzLWZsZXgtd2lkZXNjcmVlbi1vbmx5IHtcbiAgICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTM5MnB4KSB7XG4gIC5pcy1mbGV4LWZ1bGxoZCB7XG4gICAgZGlzcGxheTogZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5pcy1pbmxpbmUge1xuICBkaXNwbGF5OiBpbmxpbmU7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1pbmxpbmUtbW9iaWxlIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLWlubGluZS10YWJsZXQge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1pbmxpbmUtdGFibGV0LW9ubHkge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtaW5saW5lLXRvdWNoIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLWlubGluZS1kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWlubGluZS1kZXNrdG9wLW9ubHkge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAuaXMtaW5saW5lLXdpZGVzY3JlZW4ge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkgYW5kIChtYXgtd2lkdGg6IDEzOTFweCkge1xuICAuaXMtaW5saW5lLXdpZGVzY3JlZW4tb25seSB7XG4gICAgZGlzcGxheTogaW5saW5lICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTM5MnB4KSB7XG4gIC5pcy1pbmxpbmUtZnVsbGhkIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG4uaXMtaW5saW5lLWJsb2NrIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtaW5saW5lLWJsb2NrLW1vYmlsZSB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5pcy1pbmxpbmUtYmxvY2stdGFibGV0IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCkgYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtaW5saW5lLWJsb2NrLXRhYmxldC1vbmx5IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWlubGluZS1ibG9jay10b3VjaCB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5pcy1pbmxpbmUtYmxvY2stZGVza3RvcCB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSBhbmQgKG1heC13aWR0aDogMTE5OXB4KSB7XG4gIC5pcy1pbmxpbmUtYmxvY2stZGVza3RvcC1vbmx5IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLWlubGluZS1ibG9jay13aWRlc2NyZWVuIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIGFuZCAobWF4LXdpZHRoOiAxMzkxcHgpIHtcbiAgLmlzLWlubGluZS1ibG9jay13aWRlc2NyZWVuLW9ubHkge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEzOTJweCkge1xuICAuaXMtaW5saW5lLWJsb2NrLWZ1bGxoZCB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLmlzLWlubGluZS1mbGV4IHtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1pbmxpbmUtZmxleC1tb2JpbGUge1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5pcy1pbmxpbmUtZmxleC10YWJsZXQge1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWlubGluZS1mbGV4LXRhYmxldC1vbmx5IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtaW5saW5lLWZsZXgtdG91Y2gge1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5pcy1pbmxpbmUtZmxleC1kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkgYW5kIChtYXgtd2lkdGg6IDExOTlweCkge1xuICAuaXMtaW5saW5lLWZsZXgtZGVza3RvcC1vbmx5IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAuaXMtaW5saW5lLWZsZXgtd2lkZXNjcmVlbiB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIGFuZCAobWF4LXdpZHRoOiAxMzkxcHgpIHtcbiAgLmlzLWlubGluZS1mbGV4LXdpZGVzY3JlZW4tb25seSB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMzkycHgpIHtcbiAgLmlzLWlubGluZS1mbGV4LWZ1bGxoZCB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG4uaXMtaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtaGlkZGVuLW1vYmlsZSB7XG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaXMtaGlkZGVuLXRhYmxldCB7XG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1oaWRkZW4tdGFibGV0LW9ubHkge1xuICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWhpZGRlbi10b3VjaCB7XG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuaXMtaGlkZGVuLWRlc2t0b3Age1xuICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWhpZGRlbi1kZXNrdG9wLW9ubHkge1xuICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLWhpZGRlbi13aWRlc2NyZWVuIHtcbiAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSBhbmQgKG1heC13aWR0aDogMTM5MXB4KSB7XG4gIC5pcy1oaWRkZW4td2lkZXNjcmVlbi1vbmx5IHtcbiAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTM5MnB4KSB7XG4gIC5pcy1oaWRkZW4tZnVsbGhkIHtcbiAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLmlzLW1hcmdpbmxlc3Mge1xuICBtYXJnaW46IDAgIWltcG9ydGFudDtcbn1cblxuLmlzLXBhZGRpbmdsZXNzIHtcbiAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xufVxuXG4uaXMtcmFkaXVzbGVzcyB7XG4gIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbn1cblxuLmlzLXNoYWRvd2xlc3Mge1xuICBib3gtc2hhZG93OiBub25lICFpbXBvcnRhbnQ7XG59XG5cbi5pcy11bnNlbGVjdGFibGUge1xuICAtd2Via2l0LXRvdWNoLWNhbGxvdXQ6IG5vbmU7XG4gIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tcy11c2VyLXNlbGVjdDogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG59XG5cbi5ib3gge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBib3gtc2hhZG93OiAwIDJweCAzcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpLCAwIDAgMCAxcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICBjb2xvcjogIzRhNGE0YTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBhZGRpbmc6IDEuMjVyZW07XG59XG5cbi5ib3g6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuYS5ib3g6aG92ZXIsIGEuYm94OmZvY3VzIHtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKSwgMCAwIDAgMXB4ICMwMGQxYjI7XG59XG5cbmEuYm94OmFjdGl2ZSB7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDJweCByZ2JhKDEwLCAxMCwgMTAsIDAuMiksIDAgMCAwIDFweCAjMDBkMWIyO1xufVxuXG4uYnV0dG9uIHtcbiAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGhlaWdodDogMi4yNWVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmctYm90dG9tOiBjYWxjKDAuMzc1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLWxlZnQ6IGNhbGMoMC42MjVlbSAtIDFweCk7XG4gIHBhZGRpbmctcmlnaHQ6IGNhbGMoMC42MjVlbSAtIDFweCk7XG4gIHBhZGRpbmctdG9wOiBjYWxjKDAuMzc1ZW0gLSAxcHgpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIC13ZWJraXQtdG91Y2gtY2FsbG91dDogbm9uZTtcbiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1zLXVzZXItc2VsZWN0OiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogI2RiZGJkYjtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmctbGVmdDogMC43NWVtO1xuICBwYWRkaW5nLXJpZ2h0OiAwLjc1ZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLmJ1dHRvbjpmb2N1cywgLmJ1dHRvbi5pcy1mb2N1c2VkLCAuYnV0dG9uOmFjdGl2ZSwgLmJ1dHRvbi5pcy1hY3RpdmUge1xuICBvdXRsaW5lOiBub25lO1xufVxuXG4uYnV0dG9uW2Rpc2FibGVkXSB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5idXR0b24gc3Ryb25nIHtcbiAgY29sb3I6IGluaGVyaXQ7XG59XG5cbi5idXR0b24gLmljb24sIC5idXR0b24gLmljb24uaXMtc21hbGwsIC5idXR0b24gLmljb24uaXMtbWVkaXVtLCAuYnV0dG9uIC5pY29uLmlzLWxhcmdlIHtcbiAgaGVpZ2h0OiAxLjVlbTtcbiAgd2lkdGg6IDEuNWVtO1xufVxuXG4uYnV0dG9uIC5pY29uOmZpcnN0LWNoaWxkOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tbGVmdDogY2FsYygtMC4zNzVlbSAtIDFweCk7XG4gIG1hcmdpbi1yaWdodDogMC4xODc1ZW07XG59XG5cbi5idXR0b24gLmljb246bGFzdC1jaGlsZDpub3QoOmZpcnN0LWNoaWxkKSB7XG4gIG1hcmdpbi1sZWZ0OiAwLjE4NzVlbTtcbiAgbWFyZ2luLXJpZ2h0OiBjYWxjKC0wLjM3NWVtIC0gMXB4KTtcbn1cblxuLmJ1dHRvbiAuaWNvbjpmaXJzdC1jaGlsZDpsYXN0LWNoaWxkIHtcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoLTAuMzc1ZW0gLSAxcHgpO1xuICBtYXJnaW4tcmlnaHQ6IGNhbGMoLTAuMzc1ZW0gLSAxcHgpO1xufVxuXG4uYnV0dG9uOmhvdmVyLCAuYnV0dG9uLmlzLWhvdmVyZWQge1xuICBib3JkZXItY29sb3I6ICNiNWI1YjU7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uOmZvY3VzLCAuYnV0dG9uLmlzLWZvY3VzZWQge1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG4gIGJveC1zaGFkb3c6IDAgMCAwLjVlbSByZ2JhKDAsIDIwOSwgMTc4LCAwLjI1KTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b246YWN0aXZlLCAuYnV0dG9uLmlzLWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogIzRhNGE0YTtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtbGluayB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogIzRhNGE0YTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG59XG5cbi5idXR0b24uaXMtbGluazpob3ZlciwgLmJ1dHRvbi5pcy1saW5rLmlzLWhvdmVyZWQsIC5idXR0b24uaXMtbGluazpmb2N1cywgLmJ1dHRvbi5pcy1saW5rLmlzLWZvY3VzZWQsIC5idXR0b24uaXMtbGluazphY3RpdmUsIC5idXR0b24uaXMtbGluay5pcy1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbi5pcy1saW5rW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlOmhvdmVyLCAuYnV0dG9uLmlzLXdoaXRlLmlzLWhvdmVyZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjlmOWY5O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZTpmb2N1cywgLmJ1dHRvbi5pcy13aGl0ZS5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogMCAwIDAuNWVtIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yNSk7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlOmFjdGl2ZSwgLmJ1dHRvbi5pcy13aGl0ZS5pcy1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjJmMmYyO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZVtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZS5pcy1pbnZlcnRlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZS5pcy1pbnZlcnRlZDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlLmlzLWludmVydGVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZS5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjMGEwYTBhICMwYTBhMGEgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZS5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHdoaXRlO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtd2hpdGUuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtb3V0bGluZWQuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgd2hpdGUgd2hpdGUgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZS5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlLmlzLWludmVydGVkLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtd2hpdGUuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogIzBhMGEwYTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5idXR0b24uaXMtYmxhY2sge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtYmxhY2s6aG92ZXIsIC5idXR0b24uaXMtYmxhY2suaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwNDA0MDQ7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjazpmb2N1cywgLmJ1dHRvbi5pcy1ibGFjay5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogMCAwIDAuNWVtIHJnYmEoMTAsIDEwLCAxMCwgMC4yNSk7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjazphY3RpdmUsIC5idXR0b24uaXMtYmxhY2suaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDJweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFja1tkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLWludmVydGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLWludmVydGVkOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1pbnZlcnRlZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5idXR0b24uaXMtYmxhY2suaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgd2hpdGUgd2hpdGUgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMwYTBhMGE7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLWJsYWNrLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgYm9yZGVyLWNvbG9yOiAjMGEwYTBhO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtYmxhY2suaXMtb3V0bGluZWQuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgIzBhMGEwYSAjMGEwYTBhICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtYmxhY2suaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogIzBhMGEwYTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5idXR0b24uaXMtYmxhY2suaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLWJsYWNrLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHdoaXRlO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtbGlnaHQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbi5pcy1saWdodDpob3ZlciwgLmJ1dHRvbi5pcy1saWdodC5pcy1ob3ZlcmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2VlZWVlZTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtbGlnaHQ6Zm9jdXMsIC5idXR0b24uaXMtbGlnaHQuaXMtZm9jdXNlZCB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IDAgMCAwLjVlbSByZ2JhKDI0NSwgMjQ1LCAyNDUsIDAuMjUpO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbi5pcy1saWdodDphY3RpdmUsIC5idXR0b24uaXMtbGlnaHQuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2U4ZThlODtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtbGlnaHRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1pbnZlcnRlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLWxpZ2h0LmlzLWludmVydGVkOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzI5MjkyOTtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1pbnZlcnRlZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjMzYzNjM2ICMzNjM2MzYgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLWxpZ2h0LmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLWxpZ2h0LmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1vdXRsaW5lZC5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB3aGl0ZXNtb2tlIHdoaXRlc21va2UgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWxpZ2h0LmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLWxpZ2h0LmlzLWludmVydGVkLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogIzM2MzYzNjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtZGFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLWRhcms6aG92ZXIsIC5idXR0b24uaXMtZGFyay5pcy1ob3ZlcmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzJmMmYyZjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtZGFyazpmb2N1cywgLmJ1dHRvbi5pcy1kYXJrLmlzLWZvY3VzZWQge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiAwIDAgMC41ZW0gcmdiYSg1NCwgNTQsIDU0LCAwLjI1KTtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtZGFyazphY3RpdmUsIC5idXR0b24uaXMtZGFyay5pcy1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjkyOTI5O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5idXR0b24uaXMtZGFyay5pcy1pbnZlcnRlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtaW52ZXJ0ZWQ6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZThlOGU4O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtaW52ZXJ0ZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtZGFyay5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB3aGl0ZXNtb2tlIHdoaXRlc21va2UgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtZGFyay5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1kYXJrLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgYm9yZGVyLWNvbG9yOiAjMzYzNjM2O1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLW91dGxpbmVkLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICMzNjM2MzYgIzM2MzYzNiAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogIzM2MzYzNjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtZGFyay5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtZGFyay5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGQxYjI7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnk6aG92ZXIsIC5idXR0b24uaXMtcHJpbWFyeS5pcy1ob3ZlcmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwYzRhNztcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeTpmb2N1cywgLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWZvY3VzZWQge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiAwIDAgMC41ZW0gcmdiYSgwLCAyMDksIDE3OCwgMC4yNSk7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnk6YWN0aXZlLCAuYnV0dG9uLmlzLXByaW1hcnkuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwYjg5YztcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeVtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnkuaXMtaW52ZXJ0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWludmVydGVkOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWludmVydGVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMDBkMWIyO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnkuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgI2ZmZiAjZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG4gIGNvbG9yOiAjMDBkMWIyO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnkuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtcHJpbWFyeS5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGQxYjI7XG4gIGJvcmRlci1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1vdXRsaW5lZC5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjMDBkMWIyICMwMGQxYjIgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMDBkMWIyO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnkuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXByaW1hcnkuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLWluZm8ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzI3M2RjO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvOmhvdmVyLCAuYnV0dG9uLmlzLWluZm8uaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyNzZjZGE7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLWluZm86Zm9jdXMsIC5idXR0b24uaXMtaW5mby5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogMCAwIDAuNWVtIHJnYmEoNTAsIDExNSwgMjIwLCAwLjI1KTtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtaW5mbzphY3RpdmUsIC5idXR0b24uaXMtaW5mby5pcy1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjM2NmQxO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5idXR0b24uaXMtaW5mby5pcy1pbnZlcnRlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtaW52ZXJ0ZWQ6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjJmMmYyO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtaW52ZXJ0ZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICMzMjczZGM7XG59XG5cbi5idXR0b24uaXMtaW5mby5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjZmZmICNmZmYgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogIzMyNzNkYztcbiAgY29sb3I6ICMzMjczZGM7XG59XG5cbi5idXR0b24uaXMtaW5mby5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1pbmZvLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMyNzNkYztcbiAgYm9yZGVyLWNvbG9yOiAjMzI3M2RjO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLW91dGxpbmVkLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICMzMjczZGMgIzMyNzNkYyAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogIzMyNzNkYztcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICMzMjczZGM7XG59XG5cbi5idXR0b24uaXMtaW5mby5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICNmZmY7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtaW5mby5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmZjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtc3VjY2VzcyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyM2QxNjA7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3M6aG92ZXIsIC5idXR0b24uaXMtc3VjY2Vzcy5pcy1ob3ZlcmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIyYzY1YjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzczpmb2N1cywgLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWZvY3VzZWQge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiAwIDAgMC41ZW0gcmdiYSgzNSwgMjA5LCA5NiwgMC4yNSk7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3M6YWN0aXZlLCAuYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIwYmM1NjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzc1tkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtaW52ZXJ0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogIzIzZDE2MDtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWludmVydGVkOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWludmVydGVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMjNkMTYwO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgI2ZmZiAjZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMyM2QxNjA7XG4gIGNvbG9yOiAjMjNkMTYwO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtc3VjY2Vzcy5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyM2QxNjA7XG4gIGJvcmRlci1jb2xvcjogIzIzZDE2MDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1vdXRsaW5lZC5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjMjNkMTYwICMyM2QxNjAgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMyM2QxNjA7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMjNkMTYwO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogIzIzZDE2MDtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmc6aG92ZXIsIC5idXR0b24uaXMtd2FybmluZy5pcy1ob3ZlcmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZGI0YTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nOmZvY3VzLCAuYnV0dG9uLmlzLXdhcm5pbmcuaXMtZm9jdXNlZCB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IDAgMCAwLjVlbSByZ2JhKDI1NSwgMjIxLCA4NywgMC4yNSk7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG59XG5cbi5idXR0b24uaXMtd2FybmluZzphY3RpdmUsIC5idXR0b24uaXMtd2FybmluZy5pcy1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkODNkO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmdbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZGQ1NztcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nLmlzLWludmVydGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xuICBjb2xvcjogI2ZmZGQ1Nztcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nLmlzLWludmVydGVkOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmcuaXMtaW52ZXJ0ZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogI2ZmZGQ1Nztcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHJnYmEoMCwgMCwgMCwgMC43KSByZ2JhKDAsIDAsIDAsIDAuNykgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmZGQ1NztcbiAgY29sb3I6ICNmZmRkNTc7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy13YXJuaW5nLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZGQ1NztcbiAgYm9yZGVyLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmcuaXMtb3V0bGluZWQuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgI2ZmZGQ1NyAjZmZkZDU3ICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZkZDU3O1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogI2ZmZGQ1Nztcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nLmlzLWludmVydGVkLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmcuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtd2FybmluZy5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgY29sb3I6ICNmZmRkNTc7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyOmhvdmVyLCAuYnV0dG9uLmlzLWRhbmdlci5pcy1ob3ZlcmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMmI1NjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyOmZvY3VzLCAuYnV0dG9uLmlzLWRhbmdlci5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogMCAwIDAuNWVtIHJnYmEoMjU1LCA1NiwgOTYsIDAuMjUpO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1kYW5nZXI6YWN0aXZlLCAuYnV0dG9uLmlzLWRhbmdlci5pcy1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYxZjRiO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1kYW5nZXJbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy1kYW5nZXIuaXMtaW52ZXJ0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogI2ZmMzg2MDtcbn1cblxuLmJ1dHRvbi5pcy1kYW5nZXIuaXMtaW52ZXJ0ZWQ6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjJmMmYyO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlci5pcy1pbnZlcnRlZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogI2ZmMzg2MDtcbn1cblxuLmJ1dHRvbi5pcy1kYW5nZXIuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgI2ZmZiAjZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmMzg2MDtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLWRhbmdlci5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjM4NjA7XG4gIGJvcmRlci1jb2xvcjogI2ZmMzg2MDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLW91dGxpbmVkLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICNmZjM4NjAgI2ZmMzg2MCAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlci5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmYzODYwO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogI2ZmMzg2MDtcbn1cblxuLmJ1dHRvbi5pcy1kYW5nZXIuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1kYW5nZXIuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtZGFuZ2VyLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXNtYWxsIHtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5idXR0b24uaXMtbWVkaXVtIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4uYnV0dG9uLmlzLWxhcmdlIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi5idXR0b25bZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogI2RiZGJkYjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgb3BhY2l0eTogMC41O1xufVxuXG4uYnV0dG9uLmlzLWZ1bGx3aWR0aCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uYnV0dG9uLmlzLWxvYWRpbmcge1xuICBjb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5idXR0b24uaXMtbG9hZGluZzphZnRlciB7XG4gIGFuaW1hdGlvbjogc3BpbkFyb3VuZCA1MDBtcyBpbmZpbml0ZSBsaW5lYXI7XG4gIGJvcmRlcjogMnB4IHNvbGlkICNkYmRiZGI7XG4gIGJvcmRlci1yYWRpdXM6IDI5MDQ4NnB4O1xuICBib3JkZXItcmlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItdG9wLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMWVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogY2FsYyg1MCUgLSAoMWVtIC8gMikpO1xuICB0b3A6IGNhbGMoNTAlIC0gKDFlbSAvIDIpKTtcbiAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtc3RhdGljIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWNvbG9yOiAjZGJkYmRiO1xuICBjb2xvcjogIzdhN2E3YTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5jb250ZW50Om5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5jb250ZW50IGxpICsgbGkge1xuICBtYXJnaW4tdG9wOiAwLjI1ZW07XG59XG5cbi5jb250ZW50IHA6bm90KDpsYXN0LWNoaWxkKSxcbi5jb250ZW50IGRsOm5vdCg6bGFzdC1jaGlsZCksXG4uY29udGVudCBvbDpub3QoOmxhc3QtY2hpbGQpLFxuLmNvbnRlbnQgdWw6bm90KDpsYXN0LWNoaWxkKSxcbi5jb250ZW50IGJsb2NrcXVvdGU6bm90KDpsYXN0LWNoaWxkKSxcbi5jb250ZW50IHByZTpub3QoOmxhc3QtY2hpbGQpLFxuLmNvbnRlbnQgdGFibGU6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDFlbTtcbn1cblxuLmNvbnRlbnQgaDEsXG4uY29udGVudCBoMixcbi5jb250ZW50IGgzLFxuLmNvbnRlbnQgaDQsXG4uY29udGVudCBoNSxcbi5jb250ZW50IGg2IHtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjEyNTtcbn1cblxuLmNvbnRlbnQgaDEge1xuICBmb250LXNpemU6IDJlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC41ZW07XG59XG5cbi5jb250ZW50IGgxOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgbWFyZ2luLXRvcDogMWVtO1xufVxuXG4uY29udGVudCBoMiB7XG4gIGZvbnQtc2l6ZTogMS43NWVtO1xuICBtYXJnaW4tYm90dG9tOiAwLjU3MTRlbTtcbn1cblxuLmNvbnRlbnQgaDI6bm90KDpmaXJzdC1jaGlsZCkge1xuICBtYXJnaW4tdG9wOiAxLjE0MjhlbTtcbn1cblxuLmNvbnRlbnQgaDMge1xuICBmb250LXNpemU6IDEuNWVtO1xuICBtYXJnaW4tYm90dG9tOiAwLjY2NjZlbTtcbn1cblxuLmNvbnRlbnQgaDM6bm90KDpmaXJzdC1jaGlsZCkge1xuICBtYXJnaW4tdG9wOiAxLjMzMzNlbTtcbn1cblxuLmNvbnRlbnQgaDQge1xuICBmb250LXNpemU6IDEuMjVlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC44ZW07XG59XG5cbi5jb250ZW50IGg1IHtcbiAgZm9udC1zaXplOiAxLjEyNWVtO1xuICBtYXJnaW4tYm90dG9tOiAwLjg4ODhlbTtcbn1cblxuLmNvbnRlbnQgaDYge1xuICBmb250LXNpemU6IDFlbTtcbiAgbWFyZ2luLWJvdHRvbTogMWVtO1xufVxuXG4uY29udGVudCBibG9ja3F1b3RlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWxlZnQ6IDVweCBzb2xpZCAjZGJkYmRiO1xuICBwYWRkaW5nOiAxLjI1ZW0gMS41ZW07XG59XG5cbi5jb250ZW50IG9sIHtcbiAgbGlzdC1zdHlsZTogZGVjaW1hbCBvdXRzaWRlO1xuICBtYXJnaW4tbGVmdDogMmVtO1xuICBtYXJnaW4tdG9wOiAxZW07XG59XG5cbi5jb250ZW50IHVsIHtcbiAgbGlzdC1zdHlsZTogZGlzYyBvdXRzaWRlO1xuICBtYXJnaW4tbGVmdDogMmVtO1xuICBtYXJnaW4tdG9wOiAxZW07XG59XG5cbi5jb250ZW50IHVsIHVsIHtcbiAgbGlzdC1zdHlsZS10eXBlOiBjaXJjbGU7XG4gIG1hcmdpbi10b3A6IDAuNWVtO1xufVxuXG4uY29udGVudCB1bCB1bCB1bCB7XG4gIGxpc3Qtc3R5bGUtdHlwZTogc3F1YXJlO1xufVxuXG4uY29udGVudCBkZCB7XG4gIG1hcmdpbi1sZWZ0OiAyZW07XG59XG5cbi5jb250ZW50IGZpZ3VyZSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLmNvbnRlbnQgZmlndXJlIGltZyB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cblxuLmNvbnRlbnQgZmlndXJlIGZpZ2NhcHRpb24ge1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG59XG5cbi5jb250ZW50IHByZSB7XG4gIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgcGFkZGluZzogMS4yNWVtIDEuNWVtO1xuICB3aGl0ZS1zcGFjZTogcHJlO1xuICB3b3JkLXdyYXA6IG5vcm1hbDtcbn1cblxuLmNvbnRlbnQgc3VwLFxuLmNvbnRlbnQgc3ViIHtcbiAgZm9udC1zaXplOiA3NSU7XG59XG5cbi5jb250ZW50IHRhYmxlIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5jb250ZW50IHRhYmxlIHRkLFxuLmNvbnRlbnQgdGFibGUgdGgge1xuICBib3JkZXI6IDFweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItd2lkdGg6IDAgMCAxcHg7XG4gIHBhZGRpbmc6IDAuNWVtIDAuNzVlbTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbn1cblxuLmNvbnRlbnQgdGFibGUgdGgge1xuICBjb2xvcjogIzM2MzYzNjtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuLmNvbnRlbnQgdGFibGUgdHI6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uY29udGVudCB0YWJsZSB0aGVhZCB0ZCxcbi5jb250ZW50IHRhYmxlIHRoZWFkIHRoIHtcbiAgYm9yZGVyLXdpZHRoOiAwIDAgMnB4O1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmNvbnRlbnQgdGFibGUgdGZvb3QgdGQsXG4uY29udGVudCB0YWJsZSB0Zm9vdCB0aCB7XG4gIGJvcmRlci13aWR0aDogMnB4IDAgMDtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5jb250ZW50IHRhYmxlIHRib2R5IHRyOmxhc3QtY2hpbGQgdGQsXG4uY29udGVudCB0YWJsZSB0Ym9keSB0cjpsYXN0LWNoaWxkIHRoIHtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbn1cblxuLmNvbnRlbnQuaXMtc21hbGwge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5jb250ZW50LmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLmNvbnRlbnQuaXMtbGFyZ2Uge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmlucHV0LFxuLnRleHRhcmVhIHtcbiAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGhlaWdodDogMi4yNWVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmctYm90dG9tOiBjYWxjKDAuMzc1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLWxlZnQ6IGNhbGMoMC42MjVlbSAtIDFweCk7XG4gIHBhZGRpbmctcmlnaHQ6IGNhbGMoMC42MjVlbSAtIDFweCk7XG4gIHBhZGRpbmctdG9wOiBjYWxjKDAuMzc1ZW0gLSAxcHgpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItY29sb3I6ICNkYmRiZGI7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uaW5wdXQ6Zm9jdXMsIC5pbnB1dC5pcy1mb2N1c2VkLCAuaW5wdXQ6YWN0aXZlLCAuaW5wdXQuaXMtYWN0aXZlLFxuLnRleHRhcmVhOmZvY3VzLFxuLnRleHRhcmVhLmlzLWZvY3VzZWQsXG4udGV4dGFyZWE6YWN0aXZlLFxuLnRleHRhcmVhLmlzLWFjdGl2ZSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5pbnB1dFtkaXNhYmxlZF0sXG4udGV4dGFyZWFbZGlzYWJsZWRdIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLmlucHV0OmhvdmVyLCAuaW5wdXQuaXMtaG92ZXJlZCxcbi50ZXh0YXJlYTpob3Zlcixcbi50ZXh0YXJlYS5pcy1ob3ZlcmVkIHtcbiAgYm9yZGVyLWNvbG9yOiAjYjViNWI1O1xufVxuXG4uaW5wdXQ6Zm9jdXMsIC5pbnB1dC5pcy1mb2N1c2VkLCAuaW5wdXQ6YWN0aXZlLCAuaW5wdXQuaXMtYWN0aXZlLFxuLnRleHRhcmVhOmZvY3VzLFxuLnRleHRhcmVhLmlzLWZvY3VzZWQsXG4udGV4dGFyZWE6YWN0aXZlLFxuLnRleHRhcmVhLmlzLWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogIzAwZDFiMjtcbn1cblxuLmlucHV0W2Rpc2FibGVkXSxcbi50ZXh0YXJlYVtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjN2E3YTdhO1xufVxuXG4uaW5wdXRbZGlzYWJsZWRdOjotbW96LXBsYWNlaG9sZGVyLFxuLnRleHRhcmVhW2Rpc2FibGVkXTo6LW1vei1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDEyMiwgMTIyLCAxMjIsIDAuMyk7XG59XG5cbi5pbnB1dFtkaXNhYmxlZF06Oi13ZWJraXQtaW5wdXQtcGxhY2Vob2xkZXIsXG4udGV4dGFyZWFbZGlzYWJsZWRdOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyIHtcbiAgY29sb3I6IHJnYmEoMTIyLCAxMjIsIDEyMiwgMC4zKTtcbn1cblxuLmlucHV0W2Rpc2FibGVkXTotbW96LXBsYWNlaG9sZGVyLFxuLnRleHRhcmVhW2Rpc2FibGVkXTotbW96LXBsYWNlaG9sZGVyIHtcbiAgY29sb3I6IHJnYmEoMTIyLCAxMjIsIDEyMiwgMC4zKTtcbn1cblxuLmlucHV0W2Rpc2FibGVkXTotbXMtaW5wdXQtcGxhY2Vob2xkZXIsXG4udGV4dGFyZWFbZGlzYWJsZWRdOi1tcy1pbnB1dC1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDEyMiwgMTIyLCAxMjIsIDAuMyk7XG59XG5cbi5pbnB1dFt0eXBlPVwic2VhcmNoXCJdLFxuLnRleHRhcmVhW3R5cGU9XCJzZWFyY2hcIl0ge1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbn1cblxuLmlucHV0LmlzLXdoaXRlLFxuLnRleHRhcmVhLmlzLXdoaXRlIHtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbn1cblxuLmlucHV0LmlzLWJsYWNrLFxuLnRleHRhcmVhLmlzLWJsYWNrIHtcbiAgYm9yZGVyLWNvbG9yOiAjMGEwYTBhO1xufVxuXG4uaW5wdXQuaXMtbGlnaHQsXG4udGV4dGFyZWEuaXMtbGlnaHQge1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5pbnB1dC5pcy1kYXJrLFxuLnRleHRhcmVhLmlzLWRhcmsge1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG59XG5cbi5pbnB1dC5pcy1wcmltYXJ5LFxuLnRleHRhcmVhLmlzLXByaW1hcnkge1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG59XG5cbi5pbnB1dC5pcy1pbmZvLFxuLnRleHRhcmVhLmlzLWluZm8ge1xuICBib3JkZXItY29sb3I6ICMzMjczZGM7XG59XG5cbi5pbnB1dC5pcy1zdWNjZXNzLFxuLnRleHRhcmVhLmlzLXN1Y2Nlc3Mge1xuICBib3JkZXItY29sb3I6ICMyM2QxNjA7XG59XG5cbi5pbnB1dC5pcy13YXJuaW5nLFxuLnRleHRhcmVhLmlzLXdhcm5pbmcge1xuICBib3JkZXItY29sb3I6ICNmZmRkNTc7XG59XG5cbi5pbnB1dC5pcy1kYW5nZXIsXG4udGV4dGFyZWEuaXMtZGFuZ2VyIHtcbiAgYm9yZGVyLWNvbG9yOiAjZmYzODYwO1xufVxuXG4uaW5wdXQuaXMtc21hbGwsXG4udGV4dGFyZWEuaXMtc21hbGwge1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLmlucHV0LmlzLW1lZGl1bSxcbi50ZXh0YXJlYS5pcy1tZWRpdW0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5pbnB1dC5pcy1sYXJnZSxcbi50ZXh0YXJlYS5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4uaW5wdXQuaXMtZnVsbHdpZHRoLFxuLnRleHRhcmVhLmlzLWZ1bGx3aWR0aCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmlucHV0LmlzLWlubGluZSxcbi50ZXh0YXJlYS5pcy1pbmxpbmUge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIHdpZHRoOiBhdXRvO1xufVxuXG4udGV4dGFyZWEge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDAuNjI1ZW07XG4gIHJlc2l6ZTogdmVydGljYWw7XG59XG5cbi50ZXh0YXJlYTpub3QoW3Jvd3NdKSB7XG4gIG1heC1oZWlnaHQ6IDYwMHB4O1xuICBtaW4taGVpZ2h0OiAxMjBweDtcbn1cblxuLnRleHRhcmVhW3Jvd3NdIHtcbiAgaGVpZ2h0OiB1bnNldDtcbn1cblxuLmNoZWNrYm94LFxuLnJhZGlvIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGxpbmUtaGVpZ2h0OiAxLjI1O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5jaGVja2JveCBpbnB1dCxcbi5yYWRpbyBpbnB1dCB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmNoZWNrYm94OmhvdmVyLFxuLnJhZGlvOmhvdmVyIHtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5jaGVja2JveFtkaXNhYmxlZF0sXG4ucmFkaW9bZGlzYWJsZWRdIHtcbiAgY29sb3I6ICM3YTdhN2E7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5yYWRpbyArIC5yYWRpbyB7XG4gIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbn1cblxuLnNlbGVjdCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbi5zZWxlY3Q6bm90KC5pcy1tdWx0aXBsZSkge1xuICBoZWlnaHQ6IDIuMjVlbTtcbn1cblxuLnNlbGVjdDpub3QoLmlzLW11bHRpcGxlKTo6YWZ0ZXIge1xuICBib3JkZXI6IDFweCBzb2xpZCAjMDBkMWIyO1xuICBib3JkZXItcmlnaHQ6IDA7XG4gIGJvcmRlci10b3A6IDA7XG4gIGNvbnRlbnQ6IFwiIFwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAwLjVlbTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgd2lkdGg6IDAuNWVtO1xuICBtYXJnaW4tdG9wOiAtMC4zNzVlbTtcbiAgcmlnaHQ6IDEuMTI1ZW07XG4gIHRvcDogNTAlO1xuICB6LWluZGV4OiA0O1xufVxuXG4uc2VsZWN0IHNlbGVjdCB7XG4gIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBib3gtc2hhZG93OiBub25lO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBoZWlnaHQ6IDIuMjVlbTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBsaW5lLWhlaWdodDogMS41O1xuICBwYWRkaW5nLWJvdHRvbTogY2FsYygwLjM3NWVtIC0gMXB4KTtcbiAgcGFkZGluZy1sZWZ0OiBjYWxjKDAuNjI1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLXJpZ2h0OiBjYWxjKDAuNjI1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLXRvcDogY2FsYygwLjM3NWVtIC0gMXB4KTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLWNvbG9yOiAjZGJkYmRiO1xuICBjb2xvcjogIzM2MzYzNjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC1zaXplOiAxZW07XG4gIG1heC13aWR0aDogMTAwJTtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLnNlbGVjdCBzZWxlY3Q6Zm9jdXMsIC5zZWxlY3Qgc2VsZWN0LmlzLWZvY3VzZWQsIC5zZWxlY3Qgc2VsZWN0OmFjdGl2ZSwgLnNlbGVjdCBzZWxlY3QuaXMtYWN0aXZlIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLnNlbGVjdCBzZWxlY3RbZGlzYWJsZWRdIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLnNlbGVjdCBzZWxlY3Q6aG92ZXIsIC5zZWxlY3Qgc2VsZWN0LmlzLWhvdmVyZWQge1xuICBib3JkZXItY29sb3I6ICNiNWI1YjU7XG59XG5cbi5zZWxlY3Qgc2VsZWN0OmZvY3VzLCAuc2VsZWN0IHNlbGVjdC5pcy1mb2N1c2VkLCAuc2VsZWN0IHNlbGVjdDphY3RpdmUsIC5zZWxlY3Qgc2VsZWN0LmlzLWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogIzAwZDFiMjtcbn1cblxuLnNlbGVjdCBzZWxlY3RbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzdhN2E3YTtcbn1cblxuLnNlbGVjdCBzZWxlY3RbZGlzYWJsZWRdOjotbW96LXBsYWNlaG9sZGVyIHtcbiAgY29sb3I6IHJnYmEoMTIyLCAxMjIsIDEyMiwgMC4zKTtcbn1cblxuLnNlbGVjdCBzZWxlY3RbZGlzYWJsZWRdOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyIHtcbiAgY29sb3I6IHJnYmEoMTIyLCAxMjIsIDEyMiwgMC4zKTtcbn1cblxuLnNlbGVjdCBzZWxlY3RbZGlzYWJsZWRdOi1tb3otcGxhY2Vob2xkZXIge1xuICBjb2xvcjogcmdiYSgxMjIsIDEyMiwgMTIyLCAwLjMpO1xufVxuXG4uc2VsZWN0IHNlbGVjdFtkaXNhYmxlZF06LW1zLWlucHV0LXBsYWNlaG9sZGVyIHtcbiAgY29sb3I6IHJnYmEoMTIyLCAxMjIsIDEyMiwgMC4zKTtcbn1cblxuLnNlbGVjdCBzZWxlY3Q6aG92ZXIge1xuICBib3JkZXItY29sb3I6ICNiNWI1YjU7XG59XG5cbi5zZWxlY3Qgc2VsZWN0OmZvY3VzLCAuc2VsZWN0IHNlbGVjdC5pcy1mb2N1c2VkLCAuc2VsZWN0IHNlbGVjdDphY3RpdmUsIC5zZWxlY3Qgc2VsZWN0LmlzLWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogIzAwZDFiMjtcbn1cblxuLnNlbGVjdCBzZWxlY3Q6Oi1tcy1leHBhbmQge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2VsZWN0IHNlbGVjdFtkaXNhYmxlZF06aG92ZXIge1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5zZWxlY3Qgc2VsZWN0Om5vdChbbXVsdGlwbGVdKSB7XG4gIHBhZGRpbmctcmlnaHQ6IDIuNWVtO1xufVxuXG4uc2VsZWN0IHNlbGVjdFttdWx0aXBsZV0ge1xuICBoZWlnaHQ6IHVuc2V0O1xuICBwYWRkaW5nOiAwO1xufVxuXG4uc2VsZWN0IHNlbGVjdFttdWx0aXBsZV0gb3B0aW9uIHtcbiAgcGFkZGluZzogMC41ZW0gMWVtO1xufVxuXG4uc2VsZWN0OmhvdmVyOjphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogIzM2MzYzNjtcbn1cblxuLnNlbGVjdC5pcy13aGl0ZSBzZWxlY3Qge1xuICBib3JkZXItY29sb3I6IHdoaXRlO1xufVxuXG4uc2VsZWN0LmlzLWJsYWNrIHNlbGVjdCB7XG4gIGJvcmRlci1jb2xvcjogIzBhMGEwYTtcbn1cblxuLnNlbGVjdC5pcy1saWdodCBzZWxlY3Qge1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5zZWxlY3QuaXMtZGFyayBzZWxlY3Qge1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG59XG5cbi5zZWxlY3QuaXMtcHJpbWFyeSBzZWxlY3Qge1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG59XG5cbi5zZWxlY3QuaXMtaW5mbyBzZWxlY3Qge1xuICBib3JkZXItY29sb3I6ICMzMjczZGM7XG59XG5cbi5zZWxlY3QuaXMtc3VjY2VzcyBzZWxlY3Qge1xuICBib3JkZXItY29sb3I6ICMyM2QxNjA7XG59XG5cbi5zZWxlY3QuaXMtd2FybmluZyBzZWxlY3Qge1xuICBib3JkZXItY29sb3I6ICNmZmRkNTc7XG59XG5cbi5zZWxlY3QuaXMtZGFuZ2VyIHNlbGVjdCB7XG4gIGJvcmRlci1jb2xvcjogI2ZmMzg2MDtcbn1cblxuLnNlbGVjdC5pcy1zbWFsbCB7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuXG4uc2VsZWN0LmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLnNlbGVjdC5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4uc2VsZWN0LmlzLWRpc2FibGVkOjphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogIzdhN2E3YTtcbn1cblxuLnNlbGVjdC5pcy1mdWxsd2lkdGgge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLnNlbGVjdC5pcy1mdWxsd2lkdGggc2VsZWN0IHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5zZWxlY3QuaXMtbG9hZGluZzo6YWZ0ZXIge1xuICBhbmltYXRpb246IHNwaW5Bcm91bmQgNTAwbXMgaW5maW5pdGUgbGluZWFyO1xuICBib3JkZXI6IDJweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgYm9yZGVyLXJpZ2h0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMWVtO1xuICBtYXJnaW4tdG9wOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwLjYyNWVtO1xuICB0b3A6IDAuNjI1ZW07XG4gIHRyYW5zZm9ybTogbm9uZTtcbn1cblxuLnNlbGVjdC5pcy1sb2FkaW5nLmlzLXNtYWxsOmFmdGVyIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuXG4uc2VsZWN0LmlzLWxvYWRpbmcuaXMtbWVkaXVtOmFmdGVyIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4uc2VsZWN0LmlzLWxvYWRpbmcuaXMtbGFyZ2U6YWZ0ZXIge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmxhYmVsIHtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG59XG5cbi5sYWJlbDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41ZW07XG59XG5cbi5sYWJlbC5pcy1zbWFsbCB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLmxhYmVsLmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLmxhYmVsLmlzLWxhcmdlIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi5oZWxwIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbn1cblxuLmhlbHAuaXMtd2hpdGUge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZWxwLmlzLWJsYWNrIHtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5oZWxwLmlzLWxpZ2h0IHtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZWxwLmlzLWRhcmsge1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmhlbHAuaXMtcHJpbWFyeSB7XG4gIGNvbG9yOiAjMDBkMWIyO1xufVxuXG4uaGVscC5pcy1pbmZvIHtcbiAgY29sb3I6ICMzMjczZGM7XG59XG5cbi5oZWxwLmlzLXN1Y2Nlc3Mge1xuICBjb2xvcjogIzIzZDE2MDtcbn1cblxuLmhlbHAuaXMtd2FybmluZyB7XG4gIGNvbG9yOiAjZmZkZDU3O1xufVxuXG4uaGVscC5pcy1kYW5nZXIge1xuICBjb2xvcjogI2ZmMzg2MDtcbn1cblxuLmZpZWxkOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xufVxuXG4uZmllbGQuaGFzLWFkZG9ucyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbn1cblxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2w6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1yaWdodDogLTFweDtcbn1cblxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2w6Zmlyc3QtY2hpbGQgLmJ1dHRvbixcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sOmZpcnN0LWNoaWxkIC5pbnB1dCxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sOmZpcnN0LWNoaWxkIC5zZWxlY3Qgc2VsZWN0IHtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogM3B4O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAzcHg7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sOmxhc3QtY2hpbGQgLmJ1dHRvbixcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sOmxhc3QtY2hpbGQgLmlucHV0LFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2w6bGFzdC1jaGlsZCAuc2VsZWN0IHNlbGVjdCB7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAzcHg7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAzcHg7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b24sXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuc2VsZWN0IHNlbGVjdCB7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b246aG92ZXIsIC5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b24uaXMtaG92ZXJlZCxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5pbnB1dDpob3Zlcixcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5pbnB1dC5pcy1ob3ZlcmVkLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3Q6aG92ZXIsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuc2VsZWN0IHNlbGVjdC5pcy1ob3ZlcmVkIHtcbiAgei1pbmRleDogMjtcbn1cblxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmJ1dHRvbjpmb2N1cywgLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmJ1dHRvbi5pcy1mb2N1c2VkLCAuZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuYnV0dG9uOmFjdGl2ZSwgLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmJ1dHRvbi5pcy1hY3RpdmUsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQ6Zm9jdXMsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQuaXMtZm9jdXNlZCxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5pbnB1dDphY3RpdmUsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQuaXMtYWN0aXZlLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3Q6Zm9jdXMsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuc2VsZWN0IHNlbGVjdC5pcy1mb2N1c2VkLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3Q6YWN0aXZlLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3QuaXMtYWN0aXZlIHtcbiAgei1pbmRleDogMztcbn1cblxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmJ1dHRvbjpmb2N1czpob3ZlciwgLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmJ1dHRvbi5pcy1mb2N1c2VkOmhvdmVyLCAuZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuYnV0dG9uOmFjdGl2ZTpob3ZlciwgLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmJ1dHRvbi5pcy1hY3RpdmU6aG92ZXIsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQ6Zm9jdXM6aG92ZXIsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQuaXMtZm9jdXNlZDpob3Zlcixcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5pbnB1dDphY3RpdmU6aG92ZXIsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQuaXMtYWN0aXZlOmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3Q6Zm9jdXM6aG92ZXIsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuc2VsZWN0IHNlbGVjdC5pcy1mb2N1c2VkOmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3Q6YWN0aXZlOmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3QuaXMtYWN0aXZlOmhvdmVyIHtcbiAgei1pbmRleDogNDtcbn1cblxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wuaXMtZXhwYW5kZWQge1xuICBmbGV4LWdyb3c6IDE7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zLmhhcy1hZGRvbnMtY2VudGVyZWQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLmZpZWxkLmhhcy1hZGRvbnMuaGFzLWFkZG9ucy1yaWdodCB7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zLmhhcy1hZGRvbnMtZnVsbHdpZHRoIC5jb250cm9sIHtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbn1cblxuLmZpZWxkLmlzLWdyb3VwZWQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG59XG5cbi5maWVsZC5pcy1ncm91cGVkID4gLmNvbnRyb2wge1xuICBmbGV4LXNocmluazogMDtcbn1cblxuLmZpZWxkLmlzLWdyb3VwZWQgPiAuY29udHJvbDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbiAgbWFyZ2luLXJpZ2h0OiAwLjc1cmVtO1xufVxuXG4uZmllbGQuaXMtZ3JvdXBlZCA+IC5jb250cm9sLmlzLWV4cGFuZGVkIHtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMTtcbn1cblxuLmZpZWxkLmlzLWdyb3VwZWQuaXMtZ3JvdXBlZC1jZW50ZXJlZCB7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuXG4uZmllbGQuaXMtZ3JvdXBlZC5pcy1ncm91cGVkLXJpZ2h0IHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbn1cblxuLmZpZWxkLmlzLWdyb3VwZWQuaXMtZ3JvdXBlZC1tdWx0aWxpbmUge1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbi5maWVsZC5pcy1ncm91cGVkLmlzLWdyb3VwZWQtbXVsdGlsaW5lID4gLmNvbnRyb2w6bGFzdC1jaGlsZCwgLmZpZWxkLmlzLWdyb3VwZWQuaXMtZ3JvdXBlZC1tdWx0aWxpbmUgPiAuY29udHJvbDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbn1cblxuLmZpZWxkLmlzLWdyb3VwZWQuaXMtZ3JvdXBlZC1tdWx0aWxpbmU6bGFzdC1jaGlsZCB7XG4gIG1hcmdpbi1ib3R0b206IC0wLjc1cmVtO1xufVxuXG4uZmllbGQuaXMtZ3JvdXBlZC5pcy1ncm91cGVkLW11bHRpbGluZTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5maWVsZC5pcy1ob3Jpem9udGFsIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG59XG5cbi5maWVsZC1sYWJlbCAubGFiZWwge1xuICBmb250LXNpemU6IGluaGVyaXQ7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5maWVsZC1sYWJlbCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuZmllbGQtbGFiZWwge1xuICAgIGZsZXgtYmFzaXM6IDA7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogMS41cmVtO1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICB9XG4gIC5maWVsZC1sYWJlbC5pcy1zbWFsbCB7XG4gICAgZm9udC1zaXplOiAwLjc1cmVtO1xuICAgIHBhZGRpbmctdG9wOiAwLjM3NWVtO1xuICB9XG4gIC5maWVsZC1sYWJlbC5pcy1ub3JtYWwge1xuICAgIHBhZGRpbmctdG9wOiAwLjM3NWVtO1xuICB9XG4gIC5maWVsZC1sYWJlbC5pcy1tZWRpdW0ge1xuICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICBwYWRkaW5nLXRvcDogMC4zNzVlbTtcbiAgfVxuICAuZmllbGQtbGFiZWwuaXMtbGFyZ2Uge1xuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICAgIHBhZGRpbmctdG9wOiAwLjM3NWVtO1xuICB9XG59XG5cbi5maWVsZC1ib2R5IC5maWVsZCAuZmllbGQge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmZpZWxkLWJvZHkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1iYXNpczogMDtcbiAgICBmbGV4LWdyb3c6IDU7XG4gICAgZmxleC1zaHJpbms6IDE7XG4gIH1cbiAgLmZpZWxkLWJvZHkgLmZpZWxkIHtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICB9XG4gIC5maWVsZC1ib2R5ID4gLmZpZWxkIHtcbiAgICBmbGV4LXNocmluazogMTtcbiAgfVxuICAuZmllbGQtYm9keSA+IC5maWVsZDpub3QoLmlzLW5hcnJvdykge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxuICAuZmllbGQtYm9keSA+IC5maWVsZDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuNzVyZW07XG4gIH1cbn1cblxuLmNvbnRyb2wge1xuICBmb250LXNpemU6IDFyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuLmNvbnRyb2wuaGFzLWljb24gLmljb24ge1xuICBjb2xvcjogI2RiZGJkYjtcbiAgaGVpZ2h0OiAyLjI1ZW07XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgd2lkdGg6IDIuMjVlbTtcbiAgei1pbmRleDogNDtcbn1cblxuLmNvbnRyb2wuaGFzLWljb24gLmlucHV0OmZvY3VzICsgLmljb24ge1xuICBjb2xvcjogIzdhN2E3YTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb24gLmlucHV0LmlzLXNtYWxsICsgLmljb24ge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5jb250cm9sLmhhcy1pY29uIC5pbnB1dC5pcy1tZWRpdW0gKyAuaWNvbiB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb24gLmlucHV0LmlzLWxhcmdlICsgLmljb24ge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb246bm90KC5oYXMtaWNvbi1yaWdodCkgLmljb24ge1xuICBsZWZ0OiAwO1xufVxuXG4uY29udHJvbC5oYXMtaWNvbjpub3QoLmhhcy1pY29uLXJpZ2h0KSAuaW5wdXQge1xuICBwYWRkaW5nLWxlZnQ6IDIuMjVlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb24uaGFzLWljb24tcmlnaHQgLmljb24ge1xuICByaWdodDogMDtcbn1cblxuLmNvbnRyb2wuaGFzLWljb24uaGFzLWljb24tcmlnaHQgLmlucHV0IHtcbiAgcGFkZGluZy1yaWdodDogMi4yNWVtO1xufVxuXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuaW5wdXQ6Zm9jdXMgfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1sZWZ0IC5zZWxlY3Q6Zm9jdXMgfiAuaWNvbiwgLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5pbnB1dDpmb2N1cyB+IC5pY29uLFxuLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5zZWxlY3Q6Zm9jdXMgfiAuaWNvbiB7XG4gIGNvbG9yOiAjN2E3YTdhO1xufVxuXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuaW5wdXQuaXMtc21hbGwgfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1sZWZ0IC5zZWxlY3QuaXMtc21hbGwgfiAuaWNvbiwgLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5pbnB1dC5pcy1zbWFsbCB+IC5pY29uLFxuLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5zZWxlY3QuaXMtc21hbGwgfiAuaWNvbiB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLWxlZnQgLmlucHV0LmlzLW1lZGl1bSB+IC5pY29uLFxuLmNvbnRyb2wuaGFzLWljb25zLWxlZnQgLnNlbGVjdC5pcy1tZWRpdW0gfiAuaWNvbiwgLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5pbnB1dC5pcy1tZWRpdW0gfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuc2VsZWN0LmlzLW1lZGl1bSB+IC5pY29uIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuaW5wdXQuaXMtbGFyZ2UgfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1sZWZ0IC5zZWxlY3QuaXMtbGFyZ2UgfiAuaWNvbiwgLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5pbnB1dC5pcy1sYXJnZSB+IC5pY29uLFxuLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5zZWxlY3QuaXMtbGFyZ2UgfiAuaWNvbiB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuaWNvbiwgLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5pY29uIHtcbiAgY29sb3I6ICNkYmRiZGI7XG4gIGhlaWdodDogMi4yNWVtO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHdpZHRoOiAyLjI1ZW07XG4gIHotaW5kZXg6IDQ7XG59XG5cbi5jb250cm9sLmhhcy1pY29ucy1sZWZ0IC5pbnB1dCxcbi5jb250cm9sLmhhcy1pY29ucy1sZWZ0IC5zZWxlY3Qgc2VsZWN0IHtcbiAgcGFkZGluZy1sZWZ0OiAyLjI1ZW07XG59XG5cbi5jb250cm9sLmhhcy1pY29ucy1sZWZ0IC5pY29uLmlzLWxlZnQge1xuICBsZWZ0OiAwO1xufVxuXG4uY29udHJvbC5oYXMtaWNvbnMtcmlnaHQgLmlucHV0LFxuLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5zZWxlY3Qgc2VsZWN0IHtcbiAgcGFkZGluZy1yaWdodDogMi4yNWVtO1xufVxuXG4uY29udHJvbC5oYXMtaWNvbnMtcmlnaHQgLmljb24uaXMtcmlnaHQge1xuICByaWdodDogMDtcbn1cblxuLmNvbnRyb2wuaXMtbG9hZGluZzo6YWZ0ZXIge1xuICBhbmltYXRpb246IHNwaW5Bcm91bmQgNTAwbXMgaW5maW5pdGUgbGluZWFyO1xuICBib3JkZXI6IDJweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgYm9yZGVyLXJpZ2h0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMWVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgcmlnaHQ6IDAuNjI1ZW07XG4gIHRvcDogMC42MjVlbTtcbn1cblxuLmNvbnRyb2wuaXMtbG9hZGluZy5pcy1zbWFsbDphZnRlciB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLmNvbnRyb2wuaXMtbG9hZGluZy5pcy1tZWRpdW06YWZ0ZXIge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5jb250cm9sLmlzLWxvYWRpbmcuaXMtbGFyZ2U6YWZ0ZXIge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmljb24ge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGhlaWdodDogMS41cmVtO1xuICB3aWR0aDogMS41cmVtO1xufVxuXG4uaWNvbiAuZmEge1xuICBmb250LXNpemU6IDIxcHg7XG59XG5cbi5pY29uLmlzLXNtYWxsIHtcbiAgaGVpZ2h0OiAxcmVtO1xuICB3aWR0aDogMXJlbTtcbn1cblxuLmljb24uaXMtc21hbGwgLmZhIHtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG4uaWNvbi5pcy1tZWRpdW0ge1xuICBoZWlnaHQ6IDJyZW07XG4gIHdpZHRoOiAycmVtO1xufVxuXG4uaWNvbi5pcy1tZWRpdW0gLmZhIHtcbiAgZm9udC1zaXplOiAyOHB4O1xufVxuXG4uaWNvbi5pcy1sYXJnZSB7XG4gIGhlaWdodDogM3JlbTtcbiAgd2lkdGg6IDNyZW07XG59XG5cbi5pY29uLmlzLWxhcmdlIC5mYSB7XG4gIGZvbnQtc2l6ZTogNDJweDtcbn1cblxuLmltYWdlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmltYWdlIGltZyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uaW1hZ2UuaXMtc3F1YXJlIGltZywgLmltYWdlLmlzLTFieTEgaW1nLCAuaW1hZ2UuaXMtNGJ5MyBpbWcsIC5pbWFnZS5pcy0zYnkyIGltZywgLmltYWdlLmlzLTE2Ynk5IGltZywgLmltYWdlLmlzLTJieTEgaW1nIHtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5pbWFnZS5pcy1zcXVhcmUsIC5pbWFnZS5pcy0xYnkxIHtcbiAgcGFkZGluZy10b3A6IDEwMCU7XG59XG5cbi5pbWFnZS5pcy00YnkzIHtcbiAgcGFkZGluZy10b3A6IDc1JTtcbn1cblxuLmltYWdlLmlzLTNieTIge1xuICBwYWRkaW5nLXRvcDogNjYuNjY2NiU7XG59XG5cbi5pbWFnZS5pcy0xNmJ5OSB7XG4gIHBhZGRpbmctdG9wOiA1Ni4yNSU7XG59XG5cbi5pbWFnZS5pcy0yYnkxIHtcbiAgcGFkZGluZy10b3A6IDUwJTtcbn1cblxuLmltYWdlLmlzLTE2eDE2IHtcbiAgaGVpZ2h0OiAxNnB4O1xuICB3aWR0aDogMTZweDtcbn1cblxuLmltYWdlLmlzLTI0eDI0IHtcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbn1cblxuLmltYWdlLmlzLTMyeDMyIHtcbiAgaGVpZ2h0OiAzMnB4O1xuICB3aWR0aDogMzJweDtcbn1cblxuLmltYWdlLmlzLTQ4eDQ4IHtcbiAgaGVpZ2h0OiA0OHB4O1xuICB3aWR0aDogNDhweDtcbn1cblxuLmltYWdlLmlzLTY0eDY0IHtcbiAgaGVpZ2h0OiA2NHB4O1xuICB3aWR0aDogNjRweDtcbn1cblxuLmltYWdlLmlzLTk2eDk2IHtcbiAgaGVpZ2h0OiA5NnB4O1xuICB3aWR0aDogOTZweDtcbn1cblxuLmltYWdlLmlzLTEyOHgxMjgge1xuICBoZWlnaHQ6IDEyOHB4O1xuICB3aWR0aDogMTI4cHg7XG59XG5cbi5ub3RpZmljYXRpb24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHBhZGRpbmc6IDEuMjVyZW0gMi41cmVtIDEuMjVyZW0gMS41cmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5ub3RpZmljYXRpb246bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLm5vdGlmaWNhdGlvbiBhOm5vdCguYnV0dG9uKSB7XG4gIGNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuXG4ubm90aWZpY2F0aW9uIHN0cm9uZyB7XG4gIGNvbG9yOiBjdXJyZW50Q29sb3I7XG59XG5cbi5ub3RpZmljYXRpb24gY29kZSxcbi5ub3RpZmljYXRpb24gcHJlIHtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG5cbi5ub3RpZmljYXRpb24gcHJlIGNvZGUge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cblxuLm5vdGlmaWNhdGlvbiA+IC5kZWxldGUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwLjVlbTtcbiAgdG9wOiAwLjVlbTtcbn1cblxuLm5vdGlmaWNhdGlvbiAudGl0bGUsXG4ubm90aWZpY2F0aW9uIC5zdWJ0aXRsZSxcbi5ub3RpZmljYXRpb24gLmNvbnRlbnQge1xuICBjb2xvcjogY3VycmVudENvbG9yO1xufVxuXG4ubm90aWZpY2F0aW9uLmlzLXdoaXRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4ubm90aWZpY2F0aW9uLmlzLWJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4ubm90aWZpY2F0aW9uLmlzLWxpZ2h0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5ub3RpZmljYXRpb24uaXMtZGFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4ubm90aWZpY2F0aW9uLmlzLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy1pbmZvIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMyNzNkYztcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5ub3RpZmljYXRpb24uaXMtc3VjY2VzcyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyM2QxNjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ubm90aWZpY2F0aW9uLmlzLXdhcm5pbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4ubm90aWZpY2F0aW9uLmlzLWRhbmdlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjM4NjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ucHJvZ3Jlc3Mge1xuICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMXJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogMDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5wcm9ncmVzczpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4ucHJvZ3Jlc3M6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2RiZGJkYjtcbn1cblxuLnByb2dyZXNzOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzRhNGE0YTtcbn1cblxuLnByb2dyZXNzOjotbW96LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM0YTRhNGE7XG59XG5cbi5wcm9ncmVzcy5pcy13aGl0ZTo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xufVxuXG4ucHJvZ3Jlc3MuaXMtd2hpdGU6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG59XG5cbi5wcm9ncmVzcy5pcy1ibGFjazo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG59XG5cbi5wcm9ncmVzcy5pcy1ibGFjazo6LW1vei1wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xufVxuXG4ucHJvZ3Jlc3MuaXMtbGlnaHQ6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4ucHJvZ3Jlc3MuaXMtbGlnaHQ6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLnByb2dyZXNzLmlzLWRhcms6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xufVxuXG4ucHJvZ3Jlc3MuaXMtZGFyazo6LW1vei1wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xufVxuXG4ucHJvZ3Jlc3MuaXMtcHJpbWFyeTo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGQxYjI7XG59XG5cbi5wcm9ncmVzcy5pcy1wcmltYXJ5OjotbW96LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGQxYjI7XG59XG5cbi5wcm9ncmVzcy5pcy1pbmZvOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMyNzNkYztcbn1cblxuLnByb2dyZXNzLmlzLWluZm86Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMyNzNkYztcbn1cblxuLnByb2dyZXNzLmlzLXN1Y2Nlc3M6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xufVxuXG4ucHJvZ3Jlc3MuaXMtc3VjY2Vzczo6LW1vei1wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xufVxuXG4ucHJvZ3Jlc3MuaXMtd2FybmluZzo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmRkNTc7XG59XG5cbi5wcm9ncmVzcy5pcy13YXJuaW5nOjotbW96LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmRkNTc7XG59XG5cbi5wcm9ncmVzcy5pcy1kYW5nZXI6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xufVxuXG4ucHJvZ3Jlc3MuaXMtZGFuZ2VyOjotbW96LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjM4NjA7XG59XG5cbi5wcm9ncmVzcy5pcy1zbWFsbCB7XG4gIGhlaWdodDogMC43NXJlbTtcbn1cblxuLnByb2dyZXNzLmlzLW1lZGl1bSB7XG4gIGhlaWdodDogMS4yNXJlbTtcbn1cblxuLnByb2dyZXNzLmlzLWxhcmdlIHtcbiAgaGVpZ2h0OiAxLjVyZW07XG59XG5cbi50YWJsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzM2MzYzNjtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4udGFibGUgdGQsXG4udGFibGUgdGgge1xuICBib3JkZXI6IDFweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItd2lkdGg6IDAgMCAxcHg7XG4gIHBhZGRpbmc6IDAuNWVtIDAuNzVlbTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbn1cblxuLnRhYmxlIHRkLmlzLW5hcnJvdyxcbi50YWJsZSB0aC5pcy1uYXJyb3cge1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB3aWR0aDogMSU7XG59XG5cbi50YWJsZSB0aCB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xufVxuXG4udGFibGUgdHI6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmFmYWZhO1xufVxuXG4udGFibGUgdHIuaXMtc2VsZWN0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLnRhYmxlIHRyLmlzLXNlbGVjdGVkIGEsXG4udGFibGUgdHIuaXMtc2VsZWN0ZWQgc3Ryb25nIHtcbiAgY29sb3I6IGN1cnJlbnRDb2xvcjtcbn1cblxuLnRhYmxlIHRyLmlzLXNlbGVjdGVkIHRkLFxuLnRhYmxlIHRyLmlzLXNlbGVjdGVkIHRoIHtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogY3VycmVudENvbG9yO1xufVxuXG4udGFibGUgdGhlYWQgdGQsXG4udGFibGUgdGhlYWQgdGgge1xuICBib3JkZXItd2lkdGg6IDAgMCAycHg7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4udGFibGUgdGZvb3QgdGQsXG4udGFibGUgdGZvb3QgdGgge1xuICBib3JkZXItd2lkdGg6IDJweCAwIDA7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4udGFibGUgdGJvZHkgdHI6bGFzdC1jaGlsZCB0ZCxcbi50YWJsZSB0Ym9keSB0cjpsYXN0LWNoaWxkIHRoIHtcbiAgYm9yZGVyLWJvdHRvbS13aWR0aDogMDtcbn1cblxuLnRhYmxlLmlzLWJvcmRlcmVkIHRkLFxuLnRhYmxlLmlzLWJvcmRlcmVkIHRoIHtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG59XG5cbi50YWJsZS5pcy1ib3JkZXJlZCB0cjpsYXN0LWNoaWxkIHRkLFxuLnRhYmxlLmlzLWJvcmRlcmVkIHRyOmxhc3QtY2hpbGQgdGgge1xuICBib3JkZXItYm90dG9tLXdpZHRoOiAxcHg7XG59XG5cbi50YWJsZS5pcy1mdWxsd2lkdGgge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLnRhYmxlLmlzLW5hcnJvdyB0ZCxcbi50YWJsZS5pcy1uYXJyb3cgdGgge1xuICBwYWRkaW5nOiAwLjI1ZW0gMC41ZW07XG59XG5cbi50YWJsZS5pcy1zdHJpcGVkIHRib2R5IHRyOm5vdCguaXMtc2VsZWN0ZWQpOm50aC1jaGlsZChldmVuKSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmYWZhZmE7XG59XG5cbi50YWJsZS5pcy1zdHJpcGVkIHRib2R5IHRyOm5vdCguaXMtc2VsZWN0ZWQpOm50aC1jaGlsZChldmVuKTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi50YWdzIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG59XG5cbi50YWdzIC50YWcge1xuICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG59XG5cbi50YWdzIC50YWc6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xufVxuXG4udGFnczpsYXN0LWNoaWxkIHtcbiAgbWFyZ2luLWJvdHRvbTogLTAuNXJlbTtcbn1cblxuLnRhZ3M6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDFyZW07XG59XG5cbi50YWdzLmhhcy1hZGRvbnMgLnRhZyB7XG4gIG1hcmdpbi1yaWdodDogMDtcbn1cblxuLnRhZ3MuaGFzLWFkZG9ucyAudGFnOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcbn1cblxuLnRhZ3MuaGFzLWFkZG9ucyAudGFnOm5vdCg6bGFzdC1jaGlsZCkge1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG59XG5cbi50YWcge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBoZWlnaHQ6IDJlbTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmctbGVmdDogMC43NWVtO1xuICBwYWRkaW5nLXJpZ2h0OiAwLjc1ZW07XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbi50YWcgLmRlbGV0ZSB7XG4gIG1hcmdpbi1sZWZ0OiAwLjI1ZW07XG4gIG1hcmdpbi1yaWdodDogLTAuMzc1ZW07XG59XG5cbi50YWcuaXMtd2hpdGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi50YWcuaXMtYmxhY2sge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi50YWcuaXMtbGlnaHQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLnRhZy5pcy1kYXJrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi50YWcuaXMtcHJpbWFyeSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4udGFnLmlzLWluZm8ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzI3M2RjO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLnRhZy5pcy1zdWNjZXNzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi50YWcuaXMtd2FybmluZyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmRkNTc7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG59XG5cbi50YWcuaXMtZGFuZ2VyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi50YWcuaXMtbWVkaXVtIHtcbiAgZm9udC1zaXplOiAxcmVtO1xufVxuXG4udGFnLmlzLWxhcmdlIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4udGFnLmlzLWRlbGV0ZSB7XG4gIG1hcmdpbi1sZWZ0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDJlbTtcbn1cblxuLnRhZy5pcy1kZWxldGU6YmVmb3JlLCAudGFnLmlzLWRlbGV0ZTphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxlZnQ6IDUwJTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSkgcm90YXRlKDQ1ZGVnKTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjtcbn1cblxuLnRhZy5pcy1kZWxldGU6YmVmb3JlIHtcbiAgaGVpZ2h0OiAxcHg7XG4gIHdpZHRoOiA1MCU7XG59XG5cbi50YWcuaXMtZGVsZXRlOmFmdGVyIHtcbiAgaGVpZ2h0OiA1MCU7XG4gIHdpZHRoOiAxcHg7XG59XG5cbi50YWcuaXMtZGVsZXRlOmhvdmVyLCAudGFnLmlzLWRlbGV0ZTpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlOGU4ZTg7XG59XG5cbi50YWcuaXMtZGVsZXRlOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkYmRiZGI7XG59XG5cbi50YWcuaXMtcm91bmRlZCB7XG4gIGJvcmRlci1yYWRpdXM6IDI5MDQ4NnB4O1xufVxuXG5hLnRhZzpob3ZlciB7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuXG4udGl0bGUsXG4uc3VidGl0bGUge1xuICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xufVxuXG4udGl0bGU6bm90KDpsYXN0LWNoaWxkKSxcbi5zdWJ0aXRsZTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4udGl0bGUgZW0sXG4udGl0bGUgc3Bhbixcbi5zdWJ0aXRsZSBlbSxcbi5zdWJ0aXRsZSBzcGFuIHtcbiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7XG59XG5cbi50aXRsZSAudGFnLFxuLnN1YnRpdGxlIC50YWcge1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xufVxuXG4udGl0bGUge1xuICBjb2xvcjogIzM2MzYzNjtcbiAgZm9udC1zaXplOiAycmVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBsaW5lLWhlaWdodDogMS4xMjU7XG59XG5cbi50aXRsZSBzdHJvbmcge1xuICBjb2xvcjogaW5oZXJpdDtcbiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7XG59XG5cbi50aXRsZSArIC5oaWdobGlnaHQge1xuICBtYXJnaW4tdG9wOiAtMC43NXJlbTtcbn1cblxuLnRpdGxlOm5vdCguaXMtc3BhY2VkKSArIC5zdWJ0aXRsZSB7XG4gIG1hcmdpbi10b3A6IC0xLjVyZW07XG59XG5cbi50aXRsZS5pcy0xIHtcbiAgZm9udC1zaXplOiAzcmVtO1xufVxuXG4udGl0bGUuaXMtMiB7XG4gIGZvbnQtc2l6ZTogMi41cmVtO1xufVxuXG4udGl0bGUuaXMtMyB7XG4gIGZvbnQtc2l6ZTogMnJlbTtcbn1cblxuLnRpdGxlLmlzLTQge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLnRpdGxlLmlzLTUge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi50aXRsZS5pcy02IHtcbiAgZm9udC1zaXplOiAxcmVtO1xufVxuXG4uc3VidGl0bGUge1xuICBjb2xvcjogIzRhNGE0YTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBmb250LXdlaWdodDogNDAwO1xuICBsaW5lLWhlaWdodDogMS4yNTtcbn1cblxuLnN1YnRpdGxlIHN0cm9uZyB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBmb250LXdlaWdodDogNjAwO1xufVxuXG4uc3VidGl0bGU6bm90KC5pcy1zcGFjZWQpICsgLnRpdGxlIHtcbiAgbWFyZ2luLXRvcDogLTEuNXJlbTtcbn1cblxuLnN1YnRpdGxlLmlzLTEge1xuICBmb250LXNpemU6IDNyZW07XG59XG5cbi5zdWJ0aXRsZS5pcy0yIHtcbiAgZm9udC1zaXplOiAyLjVyZW07XG59XG5cbi5zdWJ0aXRsZS5pcy0zIHtcbiAgZm9udC1zaXplOiAycmVtO1xufVxuXG4uc3VidGl0bGUuaXMtNCB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4uc3VidGl0bGUuaXMtNSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLnN1YnRpdGxlLmlzLTYge1xuICBmb250LXNpemU6IDFyZW07XG59XG5cbi5ibG9jazpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uY29udGFpbmVyIHtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5jb250YWluZXIge1xuICAgIG1heC13aWR0aDogOTYwcHg7XG4gICAgd2lkdGg6IDk2MHB4O1xuICB9XG4gIC5jb250YWluZXIuaXMtZmx1aWQge1xuICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgIG1hcmdpbi1yaWdodDogMjRweDtcbiAgICBtYXgtd2lkdGg6IG5vbmU7XG4gICAgd2lkdGg6IGF1dG87XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTE5OXB4KSB7XG4gIC5jb250YWluZXIuaXMtd2lkZXNjcmVlbiB7XG4gICAgbWF4LXdpZHRoOiAxMTUycHg7XG4gICAgd2lkdGg6IGF1dG87XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTM5MXB4KSB7XG4gIC5jb250YWluZXIuaXMtZnVsbGhkIHtcbiAgICBtYXgtd2lkdGg6IDEzNDRweDtcbiAgICB3aWR0aDogYXV0bztcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmNvbnRhaW5lciB7XG4gICAgbWF4LXdpZHRoOiAxMTUycHg7XG4gICAgd2lkdGg6IDExNTJweDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMzkycHgpIHtcbiAgLmNvbnRhaW5lciB7XG4gICAgbWF4LXdpZHRoOiAxMzQ0cHg7XG4gICAgd2lkdGg6IDEzNDRweDtcbiAgfVxufVxuXG4uZGVsZXRlIHtcbiAgLXdlYmtpdC10b3VjaC1jYWxsb3V0OiBub25lO1xuICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDI5MDQ4NnB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgZmxleC1ncm93OiAwO1xuICBmbGV4LXNocmluazogMDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBoZWlnaHQ6IDIwcHg7XG4gIG1heC1oZWlnaHQ6IDIwcHg7XG4gIG1heC13aWR0aDogMjBweDtcbiAgbWluLWhlaWdodDogMjBweDtcbiAgbWluLXdpZHRoOiAyMHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIHdpZHRoOiAyMHB4O1xufVxuXG4uZGVsZXRlOmJlZm9yZSwgLmRlbGV0ZTphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb250ZW50OiBcIlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGVmdDogNTAlO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSkgdHJhbnNsYXRlWSgtNTAlKSByb3RhdGUoNDVkZWcpO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgY2VudGVyO1xufVxuXG4uZGVsZXRlOmJlZm9yZSB7XG4gIGhlaWdodDogMnB4O1xuICB3aWR0aDogNTAlO1xufVxuXG4uZGVsZXRlOmFmdGVyIHtcbiAgaGVpZ2h0OiA1MCU7XG4gIHdpZHRoOiAycHg7XG59XG5cbi5kZWxldGU6aG92ZXIsIC5kZWxldGU6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMyk7XG59XG5cbi5kZWxldGU6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjQpO1xufVxuXG4uZGVsZXRlLmlzLXNtYWxsIHtcbiAgaGVpZ2h0OiAxNnB4O1xuICBtYXgtaGVpZ2h0OiAxNnB4O1xuICBtYXgtd2lkdGg6IDE2cHg7XG4gIG1pbi1oZWlnaHQ6IDE2cHg7XG4gIG1pbi13aWR0aDogMTZweDtcbiAgd2lkdGg6IDE2cHg7XG59XG5cbi5kZWxldGUuaXMtbWVkaXVtIHtcbiAgaGVpZ2h0OiAyNHB4O1xuICBtYXgtaGVpZ2h0OiAyNHB4O1xuICBtYXgtd2lkdGg6IDI0cHg7XG4gIG1pbi1oZWlnaHQ6IDI0cHg7XG4gIG1pbi13aWR0aDogMjRweDtcbiAgd2lkdGg6IDI0cHg7XG59XG5cbi5kZWxldGUuaXMtbGFyZ2Uge1xuICBoZWlnaHQ6IDMycHg7XG4gIG1heC1oZWlnaHQ6IDMycHg7XG4gIG1heC13aWR0aDogMzJweDtcbiAgbWluLWhlaWdodDogMzJweDtcbiAgbWluLXdpZHRoOiAzMnB4O1xuICB3aWR0aDogMzJweDtcbn1cblxuLmZhIHtcbiAgZm9udC1zaXplOiAyMXB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbi5oZWFkaW5nIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDFweDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xufVxuXG4uaGlnaGxpZ2h0IHtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwO1xufVxuXG4uaGlnaGxpZ2h0Om5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5oaWdobGlnaHQgcHJlIHtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1heC13aWR0aDogMTAwJTtcbn1cblxuLmxvYWRlciB7XG4gIGFuaW1hdGlvbjogc3BpbkFyb3VuZCA1MDBtcyBpbmZpbml0ZSBsaW5lYXI7XG4gIGJvcmRlcjogMnB4IHNvbGlkICNkYmRiZGI7XG4gIGJvcmRlci1yYWRpdXM6IDI5MDQ4NnB4O1xuICBib3JkZXItcmlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItdG9wLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMWVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxZW07XG59XG5cbi5udW1iZXIge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgaGVpZ2h0OiAyZW07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW4tcmlnaHQ6IDEuNXJlbTtcbiAgbWluLXdpZHRoOiAyLjVlbTtcbiAgcGFkZGluZzogMC4yNXJlbSAwLjVyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbn1cblxuLmJyZWFkY3J1bWIge1xuICAtd2Via2l0LXRvdWNoLWNhbGxvdXQ6IG5vbmU7XG4gIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tcy11c2VyLXNlbGVjdDogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbi5icmVhZGNydW1iOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5icmVhZGNydW1iIGEge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogIzdhN2E3YTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuNWVtIDAuNzVlbTtcbn1cblxuLmJyZWFkY3J1bWIgYTpob3ZlciB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnJlYWRjcnVtYiBsaSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5icmVhZGNydW1iIGxpLmlzLWFjdGl2ZSBhIHtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5icmVhZGNydW1iIGxpICsgbGk6OmJlZm9yZSB7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBjb250ZW50OiBcIlxcMDAwMmZcIjtcbn1cblxuLmJyZWFkY3J1bWIgdWwsIC5icmVhZGNydW1iIG9sIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuXG4uYnJlYWRjcnVtYiAuaWNvbjpmaXJzdC1jaGlsZCB7XG4gIG1hcmdpbi1yaWdodDogMC41ZW07XG59XG5cbi5icmVhZGNydW1iIC5pY29uOmxhc3QtY2hpbGQge1xuICBtYXJnaW4tbGVmdDogMC41ZW07XG59XG5cbi5icmVhZGNydW1iLmlzLWNlbnRlcmVkIG9sLCAuYnJlYWRjcnVtYi5pcy1jZW50ZXJlZCB1bCB7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuXG4uYnJlYWRjcnVtYi5pcy1yaWdodCBvbCwgLmJyZWFkY3J1bWIuaXMtcmlnaHQgdWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuXG4uYnJlYWRjcnVtYi5pcy1zbWFsbCB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLmJyZWFkY3J1bWIuaXMtbWVkaXVtIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4uYnJlYWRjcnVtYi5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4uYnJlYWRjcnVtYi5oYXMtYXJyb3ctc2VwYXJhdG9yIGxpICsgbGk6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXFwwMjE5MlwiO1xufVxuXG4uYnJlYWRjcnVtYi5oYXMtYnVsbGV0LXNlcGFyYXRvciBsaSArIGxpOjpiZWZvcmUge1xuICBjb250ZW50OiBcIlxcMDIwMjJcIjtcbn1cblxuLmJyZWFkY3J1bWIuaGFzLWRvdC1zZXBhcmF0b3IgbGkgKyBsaTo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcXDAwMGI3XCI7XG59XG5cbi5icmVhZGNydW1iLmhhcy1zdWNjZWVkcy1zZXBhcmF0b3IgbGkgKyBsaTo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcXDAyMjdCXCI7XG59XG5cbi5jYXJkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDNweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMCAwIDFweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmNhcmQtaGVhZGVyIHtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGJveC1zaGFkb3c6IDAgMXB4IDJweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5jYXJkLWhlYWRlci10aXRsZSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIHBhZGRpbmc6IDAuNzVyZW07XG59XG5cbi5jYXJkLWhlYWRlci1pY29uIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC43NXJlbTtcbn1cblxuLmNhcmQtaW1hZ2Uge1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uY2FyZC1jb250ZW50IHtcbiAgcGFkZGluZzogMS41cmVtO1xufVxuXG4uY2FyZC1mb290ZXIge1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2RiZGJkYjtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5jYXJkLWZvb3Rlci1pdGVtIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1iYXNpczogMDtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuNzVyZW07XG59XG5cbi5jYXJkLWZvb3Rlci1pdGVtOm5vdCg6bGFzdC1jaGlsZCkge1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZGJkYmRiO1xufVxuXG4uY2FyZCAubWVkaWE6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG59XG5cbi5kcm9wZG93biB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbi5kcm9wZG93bi5pcy1hY3RpdmUgLmRyb3Bkb3duLW1lbnUsIC5kcm9wZG93bi5pcy1ob3ZlcmFibGU6aG92ZXIgLmRyb3Bkb3duLW1lbnUge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmRyb3Bkb3duLmlzLXJpZ2h0IC5kcm9wZG93bi1tZW51IHtcbiAgbGVmdDogYXV0bztcbiAgcmlnaHQ6IDA7XG59XG5cbi5kcm9wZG93bi1tZW51IHtcbiAgZGlzcGxheTogbm9uZTtcbiAgbGVmdDogMDtcbiAgbWluLXdpZHRoOiAxMnJlbTtcbiAgcGFkZGluZy10b3A6IDRweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEwMCU7XG4gIHotaW5kZXg6IDIwO1xufVxuXG4uZHJvcGRvd24tY29udGVudCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDNweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMCAwIDFweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIHBhZGRpbmctYm90dG9tOiAwLjVyZW07XG4gIHBhZGRpbmctdG9wOiAwLjVyZW07XG59XG5cbi5kcm9wZG93bi1pdGVtIHtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBsaW5lLWhlaWdodDogMS41O1xuICBwYWRkaW5nOiAwLjM3NXJlbSAxcmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbmEuZHJvcGRvd24taXRlbSB7XG4gIHBhZGRpbmctcmlnaHQ6IDNyZW07XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbmEuZHJvcGRvd24taXRlbTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG5hLmRyb3Bkb3duLWl0ZW0uaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5kcm9wZG93bi1kaXZpZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2RiZGJkYjtcbiAgYm9yZGVyOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxcHg7XG4gIG1hcmdpbjogMC41cmVtIDA7XG59XG5cbi5sZXZlbCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cblxuLmxldmVsOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5sZXZlbCBjb2RlIHtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xufVxuXG4ubGV2ZWwgaW1nIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4ubGV2ZWwuaXMtbW9iaWxlIHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmxldmVsLmlzLW1vYmlsZSAubGV2ZWwtbGVmdCxcbi5sZXZlbC5pcy1tb2JpbGUgLmxldmVsLXJpZ2h0IHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmxldmVsLmlzLW1vYmlsZSAubGV2ZWwtbGVmdCArIC5sZXZlbC1yaWdodCB7XG4gIG1hcmdpbi10b3A6IDA7XG59XG5cbi5sZXZlbC5pcy1tb2JpbGUgLmxldmVsLWl0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbi5sZXZlbC5pcy1tb2JpbGUgLmxldmVsLWl0ZW06bm90KC5pcy1uYXJyb3cpIHtcbiAgZmxleC1ncm93OiAxO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmxldmVsIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG4gIC5sZXZlbCA+IC5sZXZlbC1pdGVtOm5vdCguaXMtbmFycm93KSB7XG4gICAgZmxleC1ncm93OiAxO1xuICB9XG59XG5cbi5sZXZlbC1pdGVtIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1iYXNpczogYXV0bztcbiAgZmxleC1ncm93OiAwO1xuICBmbGV4LXNocmluazogMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG5cbi5sZXZlbC1pdGVtIC50aXRsZSxcbi5sZXZlbC1pdGVtIC5zdWJ0aXRsZSB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5sZXZlbC1pdGVtOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG4gIH1cbn1cblxuLmxldmVsLWxlZnQsXG4ubGV2ZWwtcmlnaHQge1xuICBmbGV4LWJhc2lzOiBhdXRvO1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xufVxuXG4ubGV2ZWwtbGVmdCAubGV2ZWwtaXRlbTpub3QoOmxhc3QtY2hpbGQpLFxuLmxldmVsLXJpZ2h0IC5sZXZlbC1pdGVtOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tcmlnaHQ6IDAuNzVyZW07XG59XG5cbi5sZXZlbC1sZWZ0IC5sZXZlbC1pdGVtLmlzLWZsZXhpYmxlLFxuLmxldmVsLXJpZ2h0IC5sZXZlbC1pdGVtLmlzLWZsZXhpYmxlIHtcbiAgZmxleC1ncm93OiAxO1xufVxuXG4ubGV2ZWwtbGVmdCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmxldmVsLWxlZnQgKyAubGV2ZWwtcmlnaHQge1xuICAgIG1hcmdpbi10b3A6IDEuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmxldmVsLWxlZnQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbn1cblxuLmxldmVsLXJpZ2h0IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5sZXZlbC1yaWdodCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxufVxuXG4ubWVkaWEge1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgZGlzcGxheTogZmxleDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuLm1lZGlhIC5jb250ZW50Om5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xufVxuXG4ubWVkaWEgLm1lZGlhIHtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHJnYmEoMjE5LCAyMTksIDIxOSwgMC41KTtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6IDAuNzVyZW07XG59XG5cbi5tZWRpYSAubWVkaWEgLmNvbnRlbnQ6bm90KDpsYXN0LWNoaWxkKSxcbi5tZWRpYSAubWVkaWEgLmNvbnRyb2w6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn1cblxuLm1lZGlhIC5tZWRpYSAubWVkaWEge1xuICBwYWRkaW5nLXRvcDogMC41cmVtO1xufVxuXG4ubWVkaWEgLm1lZGlhIC5tZWRpYSArIC5tZWRpYSB7XG4gIG1hcmdpbi10b3A6IDAuNXJlbTtcbn1cblxuLm1lZGlhICsgLm1lZGlhIHtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHJnYmEoMjE5LCAyMTksIDIxOSwgMC41KTtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbiAgcGFkZGluZy10b3A6IDFyZW07XG59XG5cbi5tZWRpYS5pcy1sYXJnZSArIC5tZWRpYSB7XG4gIG1hcmdpbi10b3A6IDEuNXJlbTtcbiAgcGFkZGluZy10b3A6IDEuNXJlbTtcbn1cblxuLm1lZGlhLWxlZnQsXG4ubWVkaWEtcmlnaHQge1xuICBmbGV4LWJhc2lzOiBhdXRvO1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xufVxuXG4ubWVkaWEtbGVmdCB7XG4gIG1hcmdpbi1yaWdodDogMXJlbTtcbn1cblxuLm1lZGlhLXJpZ2h0IHtcbiAgbWFyZ2luLWxlZnQ6IDFyZW07XG59XG5cbi5tZWRpYS1jb250ZW50IHtcbiAgZmxleC1iYXNpczogYXV0bztcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuLm1lbnUge1xuICBmb250LXNpemU6IDFyZW07XG59XG5cbi5tZW51LmlzLXNtYWxsIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuXG4ubWVudS5pcy1tZWRpdW0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5tZW51LmlzLWxhcmdlIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi5tZW51LWxpc3Qge1xuICBsaW5lLWhlaWdodDogMS4yNTtcbn1cblxuLm1lbnUtbGlzdCBhIHtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBjb2xvcjogIzRhNGE0YTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBhZGRpbmc6IDAuNWVtIDAuNzVlbTtcbn1cblxuLm1lbnUtbGlzdCBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5tZW51LWxpc3QgYS5pcy1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLm1lbnUtbGlzdCBsaSB1bCB7XG4gIGJvcmRlci1sZWZ0OiAxcHggc29saWQgI2RiZGJkYjtcbiAgbWFyZ2luOiAwLjc1ZW07XG4gIHBhZGRpbmctbGVmdDogMC43NWVtO1xufVxuXG4ubWVudS1sYWJlbCB7XG4gIGNvbG9yOiAjN2E3YTdhO1xuICBmb250LXNpemU6IDAuNzVlbTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMWVtO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xufVxuXG4ubWVudS1sYWJlbDpub3QoOmZpcnN0LWNoaWxkKSB7XG4gIG1hcmdpbi10b3A6IDFlbTtcbn1cblxuLm1lbnUtbGFiZWw6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDFlbTtcbn1cblxuLm1lc3NhZ2Uge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cblxuLm1lc3NhZ2U6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLm1lc3NhZ2UuaXMtc21hbGwge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5tZXNzYWdlLmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLm1lc3NhZ2UuaXMtbGFyZ2Uge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLm1lc3NhZ2UuaXMtd2hpdGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbn1cblxuLm1lc3NhZ2UuaXMtd2hpdGUgLm1lc3NhZ2UtaGVhZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4ubWVzc2FnZS5pcy13aGl0ZSAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbiAgY29sb3I6ICM0ZDRkNGQ7XG59XG5cbi5tZXNzYWdlLmlzLWJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZhZmFmYTtcbn1cblxuLm1lc3NhZ2UuaXMtYmxhY2sgLm1lc3NhZ2UtaGVhZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4ubWVzc2FnZS5pcy1ibGFjayAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLWNvbG9yOiAjMGEwYTBhO1xuICBjb2xvcjogIzA5MDkwOTtcbn1cblxuLm1lc3NhZ2UuaXMtbGlnaHQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmFmYWZhO1xufVxuXG4ubWVzc2FnZS5pcy1saWdodCAubWVzc2FnZS1oZWFkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLm1lc3NhZ2UuaXMtbGlnaHQgLm1lc3NhZ2UtYm9keSB7XG4gIGJvcmRlci1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICM1MDUwNTA7XG59XG5cbi5tZXNzYWdlLmlzLWRhcmsge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmFmYWZhO1xufVxuXG4ubWVzc2FnZS5pcy1kYXJrIC5tZXNzYWdlLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4ubWVzc2FnZS5pcy1kYXJrIC5tZXNzYWdlLWJvZHkge1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiAjMmEyYTJhO1xufVxuXG4ubWVzc2FnZS5pcy1wcmltYXJ5IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZmZmZDtcbn1cblxuLm1lc3NhZ2UuaXMtcHJpbWFyeSAubWVzc2FnZS1oZWFkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLm1lc3NhZ2UuaXMtcHJpbWFyeSAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogIzAyMTMxMDtcbn1cblxuLm1lc3NhZ2UuaXMtaW5mbyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmNmY5ZmU7XG59XG5cbi5tZXNzYWdlLmlzLWluZm8gLm1lc3NhZ2UtaGVhZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMyNzNkYztcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5tZXNzYWdlLmlzLWluZm8gLm1lc3NhZ2UtYm9keSB7XG4gIGJvcmRlci1jb2xvcjogIzMyNzNkYztcbiAgY29sb3I6ICMyMjUwOWE7XG59XG5cbi5tZXNzYWdlLmlzLXN1Y2Nlc3Mge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjZmZWY5O1xufVxuXG4ubWVzc2FnZS5pcy1zdWNjZXNzIC5tZXNzYWdlLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyM2QxNjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ubWVzc2FnZS5pcy1zdWNjZXNzIC5tZXNzYWdlLWJvZHkge1xuICBib3JkZXItY29sb3I6ICMyM2QxNjA7XG4gIGNvbG9yOiAjMGUzMDFhO1xufVxuXG4ubWVzc2FnZS5pcy13YXJuaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmRmNTtcbn1cblxuLm1lc3NhZ2UuaXMtd2FybmluZyAubWVzc2FnZS1oZWFkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4ubWVzc2FnZS5pcy13YXJuaW5nIC5tZXNzYWdlLWJvZHkge1xuICBib3JkZXItY29sb3I6ICNmZmRkNTc7XG4gIGNvbG9yOiAjM2IzMTA4O1xufVxuXG4ubWVzc2FnZS5pcy1kYW5nZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmNWY3O1xufVxuXG4ubWVzc2FnZS5pcy1kYW5nZXIgLm1lc3NhZ2UtaGVhZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5tZXNzYWdlLmlzLWRhbmdlciAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLWNvbG9yOiAjZmYzODYwO1xuICBjb2xvcjogI2NkMDkzMDtcbn1cblxuLm1lc3NhZ2UtaGVhZGVyIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzRhNGE0YTtcbiAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7XG4gIGNvbG9yOiAjZmZmO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGxpbmUtaGVpZ2h0OiAxLjI1O1xuICBwYWRkaW5nOiAwLjVlbSAwLjc1ZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLm1lc3NhZ2UtaGVhZGVyIGE6bm90KC5idXR0b24pLFxuLm1lc3NhZ2UtaGVhZGVyIHN0cm9uZyB7XG4gIGNvbG9yOiBjdXJyZW50Q29sb3I7XG59XG5cbi5tZXNzYWdlLWhlYWRlciBhOm5vdCguYnV0dG9uKSB7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuXG4ubWVzc2FnZS1oZWFkZXIgLmRlbGV0ZSB7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi1sZWZ0OiAwLjc1ZW07XG59XG5cbi5tZXNzYWdlLWhlYWRlciArIC5tZXNzYWdlLWJvZHkge1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbn1cblxuLm1lc3NhZ2UtYm9keSB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIHBhZGRpbmc6IDFlbSAxLjI1ZW07XG59XG5cbi5tZXNzYWdlLWJvZHkgYTpub3QoLmJ1dHRvbiksXG4ubWVzc2FnZS1ib2R5IHN0cm9uZyB7XG4gIGNvbG9yOiBjdXJyZW50Q29sb3I7XG59XG5cbi5tZXNzYWdlLWJvZHkgYTpub3QoLmJ1dHRvbikge1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuLm1lc3NhZ2UtYm9keSBjb2RlLFxuLm1lc3NhZ2UtYm9keSBwcmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbn1cblxuLm1lc3NhZ2UtYm9keSBwcmUgY29kZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4ubW9kYWwge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogbm9uZTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogMjA7XG59XG5cbi5tb2RhbC5pcy1hY3RpdmUge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4ubW9kYWwtYmFja2dyb3VuZCB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuODYpO1xufVxuXG4ubW9kYWwtY29udGVudCxcbi5tb2RhbC1jYXJkIHtcbiAgbWFyZ2luOiAwIDIwcHg7XG4gIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAxNjBweCk7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLm1vZGFsLWNvbnRlbnQsXG4gIC5tb2RhbC1jYXJkIHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gNDBweCk7XG4gICAgd2lkdGg6IDY0MHB4O1xuICB9XG59XG5cbi5tb2RhbC1jbG9zZSB7XG4gIC13ZWJraXQtdG91Y2gtY2FsbG91dDogbm9uZTtcbiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1zLXVzZXItc2VsZWN0OiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgaGVpZ2h0OiAyMHB4O1xuICBtYXgtaGVpZ2h0OiAyMHB4O1xuICBtYXgtd2lkdGg6IDIwcHg7XG4gIG1pbi1oZWlnaHQ6IDIwcHg7XG4gIG1pbi13aWR0aDogMjBweDtcbiAgb3V0bGluZTogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICB3aWR0aDogMjBweDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgaGVpZ2h0OiA0MHB4O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHJpZ2h0OiAyMHB4O1xuICB0b3A6IDIwcHg7XG4gIHdpZHRoOiA0MHB4O1xufVxuXG4ubW9kYWwtY2xvc2U6YmVmb3JlLCAubW9kYWwtY2xvc2U6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxlZnQ6IDUwJTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSkgcm90YXRlKDQ1ZGVnKTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjtcbn1cblxuLm1vZGFsLWNsb3NlOmJlZm9yZSB7XG4gIGhlaWdodDogMnB4O1xuICB3aWR0aDogNTAlO1xufVxuXG4ubW9kYWwtY2xvc2U6YWZ0ZXIge1xuICBoZWlnaHQ6IDUwJTtcbiAgd2lkdGg6IDJweDtcbn1cblxuLm1vZGFsLWNsb3NlOmhvdmVyLCAubW9kYWwtY2xvc2U6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMyk7XG59XG5cbi5tb2RhbC1jbG9zZTphY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuNCk7XG59XG5cbi5tb2RhbC1jbG9zZS5pcy1zbWFsbCB7XG4gIGhlaWdodDogMTZweDtcbiAgbWF4LWhlaWdodDogMTZweDtcbiAgbWF4LXdpZHRoOiAxNnB4O1xuICBtaW4taGVpZ2h0OiAxNnB4O1xuICBtaW4td2lkdGg6IDE2cHg7XG4gIHdpZHRoOiAxNnB4O1xufVxuXG4ubW9kYWwtY2xvc2UuaXMtbWVkaXVtIHtcbiAgaGVpZ2h0OiAyNHB4O1xuICBtYXgtaGVpZ2h0OiAyNHB4O1xuICBtYXgtd2lkdGg6IDI0cHg7XG4gIG1pbi1oZWlnaHQ6IDI0cHg7XG4gIG1pbi13aWR0aDogMjRweDtcbiAgd2lkdGg6IDI0cHg7XG59XG5cbi5tb2RhbC1jbG9zZS5pcy1sYXJnZSB7XG4gIGhlaWdodDogMzJweDtcbiAgbWF4LWhlaWdodDogMzJweDtcbiAgbWF4LXdpZHRoOiAzMnB4O1xuICBtaW4taGVpZ2h0OiAzMnB4O1xuICBtaW4td2lkdGg6IDMycHg7XG4gIHdpZHRoOiAzMnB4O1xufVxuXG4ubW9kYWwtY2FyZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSA0MHB4KTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuLm1vZGFsLWNhcmQtaGVhZCxcbi5tb2RhbC1jYXJkLWZvb3Qge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXNocmluazogMDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiAyMHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5tb2RhbC1jYXJkLWhlYWQge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2RiZGJkYjtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNXB4O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNXB4O1xufVxuXG4ubW9kYWwtY2FyZC10aXRsZSB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgbGluZS1oZWlnaHQ6IDE7XG59XG5cbi5tb2RhbC1jYXJkLWZvb3Qge1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA1cHg7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiA1cHg7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZGJkYmRiO1xufVxuXG4ubW9kYWwtY2FyZC1mb290IC5idXR0b246bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1yaWdodDogMTBweDtcbn1cblxuLm1vZGFsLWNhcmQtYm9keSB7XG4gIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBwYWRkaW5nOiAyMHB4O1xufVxuXG4ubmF2LXRvZ2dsZSB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMy4yNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMy4yNXJlbTtcbn1cblxuLm5hdi10b2dnbGUgc3BhbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM0YTRhNGE7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFweDtcbiAgbGVmdDogNTAlO1xuICBtYXJnaW4tbGVmdDogLTdweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNpdGlvbjogbm9uZSA4Nm1zIGVhc2Utb3V0O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBiYWNrZ3JvdW5kLCBsZWZ0LCBvcGFjaXR5LCB0cmFuc2Zvcm07XG4gIHdpZHRoOiAxNXB4O1xufVxuXG4ubmF2LXRvZ2dsZSBzcGFuOm50aC1jaGlsZCgxKSB7XG4gIG1hcmdpbi10b3A6IC02cHg7XG59XG5cbi5uYXYtdG9nZ2xlIHNwYW46bnRoLWNoaWxkKDIpIHtcbiAgbWFyZ2luLXRvcDogLTFweDtcbn1cblxuLm5hdi10b2dnbGUgc3BhbjpudGgtY2hpbGQoMykge1xuICBtYXJnaW4tdG9wOiA0cHg7XG59XG5cbi5uYXYtdG9nZ2xlOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4ubmF2LXRvZ2dsZS5pcy1hY3RpdmUgc3BhbjpudGgtY2hpbGQoMSkge1xuICBtYXJnaW4tbGVmdDogLTVweDtcbiAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBsZWZ0IHRvcDtcbn1cblxuLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW46bnRoLWNoaWxkKDIpIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW46bnRoLWNoaWxkKDMpIHtcbiAgbWFyZ2luLWxlZnQ6IC01cHg7XG4gIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgYm90dG9tO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLm5hdi10b2dnbGUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLm5hdi1pdGVtIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAwO1xuICBmbGV4LXNocmluazogMDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgcGFkZGluZzogMC41cmVtIDAuNzVyZW07XG59XG5cbi5uYXYtaXRlbSBhIHtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbn1cblxuLm5hdi1pdGVtIGltZyB7XG4gIG1heC1oZWlnaHQ6IDEuNzVyZW07XG59XG5cbi5uYXYtaXRlbSAudGFnOmZpcnN0LWNoaWxkOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbn1cblxuLm5hdi1pdGVtIC50YWc6bGFzdC1jaGlsZDpub3QoOmZpcnN0LWNoaWxkKSB7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5uYXYtaXRlbSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG59XG5cbi5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKSxcbmEubmF2LWl0ZW06bm90KC5idXR0b24pIHtcbiAgY29sb3I6ICM3YTdhN2E7XG59XG5cbi5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3ZlcixcbmEubmF2LWl0ZW06bm90KC5idXR0b24pOmhvdmVyIHtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUsXG5hLm5hdi1pdGVtOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLm5hdi1pdGVtIGE6bm90KC5idXR0b24pLmlzLXRhYixcbmEubmF2LWl0ZW06bm90KC5idXR0b24pLmlzLXRhYiB7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBwYWRkaW5nLWJvdHRvbTogY2FsYygwLjc1cmVtIC0gMXB4KTtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xuICBwYWRkaW5nLXJpZ2h0OiAxcmVtO1xuICBwYWRkaW5nLXRvcDogY2FsYygwLjc1cmVtIC0gMXB4KTtcbn1cblxuLm5hdi1pdGVtIGE6bm90KC5idXR0b24pLmlzLXRhYjpob3ZlcixcbmEubmF2LWl0ZW06bm90KC5idXR0b24pLmlzLXRhYjpob3ZlciB7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6ICMwMGQxYjI7XG4gIGJvcmRlci10b3AtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4ubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtdGFiLmlzLWFjdGl2ZSxcbmEubmF2LWl0ZW06bm90KC5idXR0b24pLmlzLXRhYi5pcy1hY3RpdmUge1xuICBib3JkZXItYm90dG9tOiAzcHggc29saWQgIzAwZDFiMjtcbiAgY29sb3I6ICMwMGQxYjI7XG4gIHBhZGRpbmctYm90dG9tOiBjYWxjKDAuNzVyZW0gLSAzcHgpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pLmlzLWJyYW5kLFxuICBhLm5hdi1pdGVtOm5vdCguYnV0dG9uKS5pcy1icmFuZCB7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICB9XG59XG5cbi5uYXYtbGVmdCxcbi5uYXYtcmlnaHQge1xuICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLm5hdi1sZWZ0LFxuICAubmF2LXJpZ2h0IHtcbiAgICBmbGV4LWJhc2lzOiAwO1xuICB9XG59XG5cbi5uYXYtbGVmdCB7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLm5hdi1yaWdodCB7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG59XG5cbi5uYXYtY2VudGVyIHtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAubmF2LW1lbnUubmF2LXJpZ2h0IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICBib3gtc2hhZG93OiAwIDRweCA3cHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICAgIGxlZnQ6IDA7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICByaWdodDogMDtcbiAgICB0b3A6IDEwMCU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG4gIC5uYXYtbWVudS5uYXYtcmlnaHQgLm5hdi1pdGVtIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgyMTksIDIxOSwgMjE5LCAwLjUpO1xuICAgIHBhZGRpbmc6IDAuNzVyZW07XG4gIH1cbiAgLm5hdi1tZW51Lm5hdi1yaWdodC5pcy1hY3RpdmUge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG5cbi5uYXYge1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMy4yNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHotaW5kZXg6IDEwO1xufVxuXG4ubmF2ID4gLmNvbnRhaW5lciB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiAzLjI1cmVtO1xuICB3aWR0aDogMTAwJTtcbn1cblxuLm5hdi5oYXMtc2hhZG93IHtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbn1cblxuLm5hdmJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBtaW4taGVpZ2h0OiAzLjI1cmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5uYXZiYXIgPiAuY29udGFpbmVyIHtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi1oZWlnaHQ6IDMuMjVyZW07XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4ubmF2YmFyLmhhcy1zaGFkb3cge1xuICBib3gtc2hhZG93OiAwIDJweCAzcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4ubmF2YmFyLWJyYW5kIHtcbiAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLWhlaWdodDogMy4yNXJlbTtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgb3ZlcmZsb3cteTogaGlkZGVuO1xufVxuXG4ubmF2YmFyLWJ1cmdlciB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMy4yNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMy4yNXJlbTtcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG59XG5cbi5uYXZiYXItYnVyZ2VyIHNwYW4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGE0YTRhO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxcHg7XG4gIGxlZnQ6IDUwJTtcbiAgbWFyZ2luLWxlZnQ6IC03cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIHRyYW5zaXRpb246IG5vbmUgODZtcyBlYXNlLW91dDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYmFja2dyb3VuZCwgbGVmdCwgb3BhY2l0eSwgdHJhbnNmb3JtO1xuICB3aWR0aDogMTVweDtcbn1cblxuLm5hdmJhci1idXJnZXIgc3BhbjpudGgtY2hpbGQoMSkge1xuICBtYXJnaW4tdG9wOiAtNnB4O1xufVxuXG4ubmF2YmFyLWJ1cmdlciBzcGFuOm50aC1jaGlsZCgyKSB7XG4gIG1hcmdpbi10b3A6IC0xcHg7XG59XG5cbi5uYXZiYXItYnVyZ2VyIHNwYW46bnRoLWNoaWxkKDMpIHtcbiAgbWFyZ2luLXRvcDogNHB4O1xufVxuXG4ubmF2YmFyLWJ1cmdlcjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5uYXZiYXItYnVyZ2VyLmlzLWFjdGl2ZSBzcGFuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbn1cblxuLm5hdmJhci1idXJnZXIuaXMtYWN0aXZlIHNwYW46bnRoLWNoaWxkKDEpIHtcbiAgbWFyZ2luLWxlZnQ6IC01cHg7XG4gIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCB0b3A7XG59XG5cbi5uYXZiYXItYnVyZ2VyLmlzLWFjdGl2ZSBzcGFuOm50aC1jaGlsZCgyKSB7XG4gIG9wYWNpdHk6IDA7XG59XG5cbi5uYXZiYXItYnVyZ2VyLmlzLWFjdGl2ZSBzcGFuOm50aC1jaGlsZCgzKSB7XG4gIG1hcmdpbi1sZWZ0OiAtNXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBsZWZ0IGJvdHRvbTtcbn1cblxuLm5hdmJhci1tZW51IHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLm5hdmJhci1pdGVtLFxuLm5hdmJhci1saW5rIHtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBsaW5lLWhlaWdodDogMS41O1xuICBwYWRkaW5nOiAwLjVyZW0gMXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG5hLm5hdmJhci1pdGVtOmhvdmVyLCBhLm5hdmJhci1pdGVtLmlzLWFjdGl2ZSxcbi5uYXZiYXItbGluazpob3Zlcixcbi5uYXZiYXItbGluay5pcy1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLm5hdmJhci1pdGVtIHtcbiAgZmxleC1ncm93OiAwO1xuICBmbGV4LXNocmluazogMDtcbn1cblxuLm5hdmJhci1pdGVtIGltZyB7XG4gIG1heC1oZWlnaHQ6IDEuNzVyZW07XG59XG5cbi5uYXZiYXItaXRlbS5oYXMtZHJvcGRvd24ge1xuICBwYWRkaW5nOiAwO1xufVxuXG4ubmF2YmFyLWl0ZW0uaXMtdGFiIHtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBtaW4taGVpZ2h0OiAzLjI1cmVtO1xuICBwYWRkaW5nLWJvdHRvbTogY2FsYygwLjVyZW0gLSAxcHgpO1xufVxuXG4ubmF2YmFyLWl0ZW0uaXMtdGFiOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6ICMwMGQxYjI7XG59XG5cbi5uYXZiYXItaXRlbS5pcy10YWIuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6ICMwMGQxYjI7XG4gIGJvcmRlci1ib3R0b20tc3R5bGU6IHNvbGlkO1xuICBib3JkZXItYm90dG9tLXdpZHRoOiAzcHg7XG4gIGNvbG9yOiAjMDBkMWIyO1xuICBwYWRkaW5nLWJvdHRvbTogY2FsYygwLjVyZW0gLSAzcHgpO1xufVxuXG4ubmF2YmFyLWNvbnRlbnQge1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAxO1xufVxuXG4ubmF2YmFyLWxpbmsge1xuICBwYWRkaW5nLXJpZ2h0OiAyLjVlbTtcbn1cblxuLm5hdmJhci1kcm9wZG93biB7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIHBhZGRpbmctYm90dG9tOiAwLjVyZW07XG4gIHBhZGRpbmctdG9wOiAwLjVyZW07XG59XG5cbi5uYXZiYXItZHJvcGRvd24gLm5hdmJhci1pdGVtIHtcbiAgcGFkZGluZy1sZWZ0OiAxLjVyZW07XG4gIHBhZGRpbmctcmlnaHQ6IDEuNXJlbTtcbn1cblxuLm5hdmJhci1kaXZpZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2RiZGJkYjtcbiAgYm9yZGVyOiBub25lO1xuICBkaXNwbGF5OiBub25lO1xuICBoZWlnaHQ6IDFweDtcbiAgbWFyZ2luOiAwLjVyZW0gMDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5uYXZiYXItYnJhbmQgLm5hdmJhci1pdGVtIHtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbiAgLm5hdmJhci1tZW51IHtcbiAgICBib3gtc2hhZG93OiAwIDhweCAxNnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgICBwYWRkaW5nOiAwLjVyZW0gMDtcbiAgfVxuICAubmF2YmFyLW1lbnUuaXMtYWN0aXZlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLm5hdmJhcixcbiAgLm5hdmJhci1tZW51LFxuICAubmF2YmFyLXN0YXJ0LFxuICAubmF2YmFyLWVuZCB7XG4gICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuICAubmF2YmFyIHtcbiAgICBtaW4taGVpZ2h0OiAzLjI1cmVtO1xuICB9XG4gIC5uYXZiYXIuaXMtdHJhbnNwYXJlbnQgYS5uYXZiYXItaXRlbTpob3ZlciwgLm5hdmJhci5pcy10cmFuc3BhcmVudCBhLm5hdmJhci1pdGVtLmlzLWFjdGl2ZSxcbiAgLm5hdmJhci5pcy10cmFuc3BhcmVudCAubmF2YmFyLWxpbms6aG92ZXIsXG4gIC5uYXZiYXIuaXMtdHJhbnNwYXJlbnQgLm5hdmJhci1saW5rLmlzLWFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgLm5hdmJhci5pcy10cmFuc3BhcmVudCAubmF2YmFyLWl0ZW0uaGFzLWRyb3Bkb3duLmlzLWFjdGl2ZSAubmF2YmFyLWxpbmssIC5uYXZiYXIuaXMtdHJhbnNwYXJlbnQgLm5hdmJhci1pdGVtLmhhcy1kcm9wZG93bi5pcy1ob3ZlcmFibGU6aG92ZXIgLm5hdmJhci1saW5rIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICAubmF2YmFyLmlzLXRyYW5zcGFyZW50IC5uYXZiYXItZHJvcGRvd24gYS5uYXZiYXItaXRlbTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgICBjb2xvcjogIzBhMGEwYTtcbiAgfVxuICAubmF2YmFyLmlzLXRyYW5zcGFyZW50IC5uYXZiYXItZHJvcGRvd24gYS5uYXZiYXItaXRlbS5pcy1hY3RpdmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gICAgY29sb3I6ICMwMGQxYjI7XG4gIH1cbiAgLm5hdmJhci1idXJnZXIge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgLm5hdmJhci1pdGVtLFxuICAubmF2YmFyLWxpbmsge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuICAubmF2YmFyLWl0ZW0uaGFzLWRyb3Bkb3duIHtcbiAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgfVxuICAubmF2YmFyLWl0ZW0uaXMtYWN0aXZlIC5uYXZiYXItZHJvcGRvd24sIC5uYXZiYXItaXRlbS5pcy1ob3ZlcmFibGU6aG92ZXIgLm5hdmJhci1kcm9wZG93biB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbiAgLm5hdmJhci1pdGVtLmlzLWFjdGl2ZSAubmF2YmFyLWRyb3Bkb3duLmlzLWJveGVkLCAubmF2YmFyLWl0ZW0uaXMtaG92ZXJhYmxlOmhvdmVyIC5uYXZiYXItZHJvcGRvd24uaXMtYm94ZWQge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICB9XG4gIC5uYXZiYXItbGluazo6YWZ0ZXIge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICMwMGQxYjI7XG4gICAgYm9yZGVyLXJpZ2h0OiAwO1xuICAgIGJvcmRlci10b3A6IDA7XG4gICAgY29udGVudDogXCIgXCI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAwLjVlbTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgICB3aWR0aDogMC41ZW07XG4gICAgbWFyZ2luLXRvcDogLTAuMzc1ZW07XG4gICAgcmlnaHQ6IDEuMTI1ZW07XG4gICAgdG9wOiA1MCU7XG4gIH1cbiAgLm5hdmJhci1tZW51IHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZmxleC1zaHJpbms6IDA7XG4gIH1cbiAgLm5hdmJhci1zdGFydCB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgIG1hcmdpbi1yaWdodDogYXV0bztcbiAgfVxuICAubmF2YmFyLWVuZCB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgfVxuICAubmF2YmFyLWRyb3Bkb3duIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA1cHg7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDVweDtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2RiZGJkYjtcbiAgICBib3gtc2hhZG93OiAwIDhweCA4cHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgICBsZWZ0OiAwO1xuICAgIG1pbi13aWR0aDogMTAwJTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAxMDAlO1xuICAgIHotaW5kZXg6IDIwO1xuICB9XG4gIC5uYXZiYXItZHJvcGRvd24gLm5hdmJhci1pdGVtIHtcbiAgICBwYWRkaW5nOiAwLjM3NXJlbSAxcmVtO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIH1cbiAgLm5hdmJhci1kcm9wZG93biBhLm5hdmJhci1pdGVtIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAzcmVtO1xuICB9XG4gIC5uYXZiYXItZHJvcGRvd24gYS5uYXZiYXItaXRlbTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgICBjb2xvcjogIzBhMGEwYTtcbiAgfVxuICAubmF2YmFyLWRyb3Bkb3duIGEubmF2YmFyLWl0ZW0uaXMtYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICAgIGNvbG9yOiAjMDBkMWIyO1xuICB9XG4gIC5uYXZiYXItZHJvcGRvd24uaXMtYm94ZWQge1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBib3JkZXItdG9wOiBub25lO1xuICAgIGJveC1zaGFkb3c6IDAgOHB4IDhweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMCAwIDFweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB0b3A6IGNhbGMoMTAwJSArICgtNHB4KSk7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01cHgpO1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDg2bXM7XG4gICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICB9XG4gIC5uYXZiYXItZGl2aWRlciB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbiAgLmNvbnRhaW5lciA+IC5uYXZiYXIge1xuICAgIG1hcmdpbi1sZWZ0OiAtMXJlbTtcbiAgICBtYXJnaW4tcmlnaHQ6IC0xcmVtO1xuICB9XG4gIGEubmF2YmFyLWl0ZW0uaXMtYWN0aXZlLFxuICAubmF2YmFyLWxpbmsuaXMtYWN0aXZlIHtcbiAgICBjb2xvcjogIzBhMGEwYTtcbiAgfVxuICBhLm5hdmJhci1pdGVtLmlzLWFjdGl2ZTpub3QoOmhvdmVyKSxcbiAgLm5hdmJhci1saW5rLmlzLWFjdGl2ZTpub3QoOmhvdmVyKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgLm5hdmJhci1pdGVtLmhhcy1kcm9wZG93bjpob3ZlciAubmF2YmFyLWxpbmssIC5uYXZiYXItaXRlbS5oYXMtZHJvcGRvd24uaXMtYWN0aXZlIC5uYXZiYXItbGluayB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgfVxufVxuXG4ucGFnaW5hdGlvbiB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgbWFyZ2luOiAtMC4yNXJlbTtcbn1cblxuLnBhZ2luYXRpb24uaXMtc21hbGwge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5wYWdpbmF0aW9uLmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLnBhZ2luYXRpb24uaXMtbGFyZ2Uge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLnBhZ2luYXRpb24sXG4ucGFnaW5hdGlvbi1saXN0IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLnBhZ2luYXRpb24tcHJldmlvdXMsXG4ucGFnaW5hdGlvbi1uZXh0LFxuLnBhZ2luYXRpb24tbGluayxcbi5wYWdpbmF0aW9uLWVsbGlwc2lzIHtcbiAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGhlaWdodDogMi4yNWVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmctYm90dG9tOiBjYWxjKDAuMzc1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLWxlZnQ6IGNhbGMoMC42MjVlbSAtIDFweCk7XG4gIHBhZGRpbmctcmlnaHQ6IGNhbGMoMC42MjVlbSAtIDFweCk7XG4gIHBhZGRpbmctdG9wOiBjYWxjKDAuMzc1ZW0gLSAxcHgpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIC13ZWJraXQtdG91Y2gtY2FsbG91dDogbm9uZTtcbiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1zLXVzZXItc2VsZWN0OiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgZm9udC1zaXplOiAxZW07XG4gIHBhZGRpbmctbGVmdDogMC41ZW07XG4gIHBhZGRpbmctcmlnaHQ6IDAuNWVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luOiAwLjI1cmVtO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5wYWdpbmF0aW9uLXByZXZpb3VzOmZvY3VzLCAucGFnaW5hdGlvbi1wcmV2aW91cy5pcy1mb2N1c2VkLCAucGFnaW5hdGlvbi1wcmV2aW91czphY3RpdmUsIC5wYWdpbmF0aW9uLXByZXZpb3VzLmlzLWFjdGl2ZSxcbi5wYWdpbmF0aW9uLW5leHQ6Zm9jdXMsXG4ucGFnaW5hdGlvbi1uZXh0LmlzLWZvY3VzZWQsXG4ucGFnaW5hdGlvbi1uZXh0OmFjdGl2ZSxcbi5wYWdpbmF0aW9uLW5leHQuaXMtYWN0aXZlLFxuLnBhZ2luYXRpb24tbGluazpmb2N1cyxcbi5wYWdpbmF0aW9uLWxpbmsuaXMtZm9jdXNlZCxcbi5wYWdpbmF0aW9uLWxpbms6YWN0aXZlLFxuLnBhZ2luYXRpb24tbGluay5pcy1hY3RpdmUsXG4ucGFnaW5hdGlvbi1lbGxpcHNpczpmb2N1cyxcbi5wYWdpbmF0aW9uLWVsbGlwc2lzLmlzLWZvY3VzZWQsXG4ucGFnaW5hdGlvbi1lbGxpcHNpczphY3RpdmUsXG4ucGFnaW5hdGlvbi1lbGxpcHNpcy5pcy1hY3RpdmUge1xuICBvdXRsaW5lOiBub25lO1xufVxuXG4ucGFnaW5hdGlvbi1wcmV2aW91c1tkaXNhYmxlZF0sXG4ucGFnaW5hdGlvbi1uZXh0W2Rpc2FibGVkXSxcbi5wYWdpbmF0aW9uLWxpbmtbZGlzYWJsZWRdLFxuLnBhZ2luYXRpb24tZWxsaXBzaXNbZGlzYWJsZWRdIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLnBhZ2luYXRpb24tcHJldmlvdXMsXG4ucGFnaW5hdGlvbi1uZXh0LFxuLnBhZ2luYXRpb24tbGluayB7XG4gIGJvcmRlci1jb2xvcjogI2RiZGJkYjtcbiAgbWluLXdpZHRoOiAyLjI1ZW07XG59XG5cbi5wYWdpbmF0aW9uLXByZXZpb3VzOmhvdmVyLFxuLnBhZ2luYXRpb24tbmV4dDpob3Zlcixcbi5wYWdpbmF0aW9uLWxpbms6aG92ZXIge1xuICBib3JkZXItY29sb3I6ICNiNWI1YjU7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4ucGFnaW5hdGlvbi1wcmV2aW91czpmb2N1cyxcbi5wYWdpbmF0aW9uLW5leHQ6Zm9jdXMsXG4ucGFnaW5hdGlvbi1saW5rOmZvY3VzIHtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4ucGFnaW5hdGlvbi1wcmV2aW91czphY3RpdmUsXG4ucGFnaW5hdGlvbi1uZXh0OmFjdGl2ZSxcbi5wYWdpbmF0aW9uLWxpbms6YWN0aXZlIHtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbn1cblxuLnBhZ2luYXRpb24tcHJldmlvdXNbZGlzYWJsZWRdLFxuLnBhZ2luYXRpb24tbmV4dFtkaXNhYmxlZF0sXG4ucGFnaW5hdGlvbi1saW5rW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkYmRiZGI7XG4gIGJvcmRlci1jb2xvcjogI2RiZGJkYjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICM3YTdhN2E7XG4gIG9wYWNpdHk6IDAuNTtcbn1cblxuLnBhZ2luYXRpb24tcHJldmlvdXMsXG4ucGFnaW5hdGlvbi1uZXh0IHtcbiAgcGFkZGluZy1sZWZ0OiAwLjc1ZW07XG4gIHBhZGRpbmctcmlnaHQ6IDAuNzVlbTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLnBhZ2luYXRpb24tbGluay5pcy1jdXJyZW50IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLnBhZ2luYXRpb24tZWxsaXBzaXMge1xuICBjb2xvcjogI2I1YjViNTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbi5wYWdpbmF0aW9uLWxpc3Qge1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5wYWdpbmF0aW9uIHtcbiAgICBmbGV4LXdyYXA6IHdyYXA7XG4gIH1cbiAgLnBhZ2luYXRpb24tcHJldmlvdXMsXG4gIC5wYWdpbmF0aW9uLW5leHQge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBmbGV4LXNocmluazogMTtcbiAgfVxuICAucGFnaW5hdGlvbi1saXN0IGxpIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZmxleC1zaHJpbms6IDE7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5wYWdpbmF0aW9uLWxpc3Qge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBmbGV4LXNocmluazogMTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgb3JkZXI6IDE7XG4gIH1cbiAgLnBhZ2luYXRpb24tcHJldmlvdXMge1xuICAgIG9yZGVyOiAyO1xuICB9XG4gIC5wYWdpbmF0aW9uLW5leHQge1xuICAgIG9yZGVyOiAzO1xuICB9XG4gIC5wYWdpbmF0aW9uIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbiAgLnBhZ2luYXRpb24uaXMtY2VudGVyZWQgLnBhZ2luYXRpb24tcHJldmlvdXMge1xuICAgIG9yZGVyOiAxO1xuICB9XG4gIC5wYWdpbmF0aW9uLmlzLWNlbnRlcmVkIC5wYWdpbmF0aW9uLWxpc3Qge1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIG9yZGVyOiAyO1xuICB9XG4gIC5wYWdpbmF0aW9uLmlzLWNlbnRlcmVkIC5wYWdpbmF0aW9uLW5leHQge1xuICAgIG9yZGVyOiAzO1xuICB9XG4gIC5wYWdpbmF0aW9uLmlzLXJpZ2h0IC5wYWdpbmF0aW9uLXByZXZpb3VzIHtcbiAgICBvcmRlcjogMTtcbiAgfVxuICAucGFnaW5hdGlvbi5pcy1yaWdodCAucGFnaW5hdGlvbi1uZXh0IHtcbiAgICBvcmRlcjogMjtcbiAgfVxuICAucGFnaW5hdGlvbi5pcy1yaWdodCAucGFnaW5hdGlvbi1saXN0IHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgIG9yZGVyOiAzO1xuICB9XG59XG5cbi5wYW5lbCB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cblxuLnBhbmVsOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5wYW5lbC1oZWFkaW5nLFxuLnBhbmVsLXRhYnMsXG4ucGFuZWwtYmxvY2sge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2RiZGJkYjtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZGJkYmRiO1xufVxuXG4ucGFuZWwtaGVhZGluZzpmaXJzdC1jaGlsZCxcbi5wYW5lbC10YWJzOmZpcnN0LWNoaWxkLFxuLnBhbmVsLWJsb2NrOmZpcnN0LWNoaWxkIHtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNkYmRiZGI7XG59XG5cbi5wYW5lbC1oZWFkaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBmb250LXNpemU6IDEuMjVlbTtcbiAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgbGluZS1oZWlnaHQ6IDEuMjU7XG4gIHBhZGRpbmc6IDAuNWVtIDAuNzVlbTtcbn1cblxuLnBhbmVsLXRhYnMge1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMC44NzVlbTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG5cbi5wYW5lbC10YWJzIGEge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2RiZGJkYjtcbiAgbWFyZ2luLWJvdHRvbTogLTFweDtcbiAgcGFkZGluZzogMC41ZW07XG59XG5cbi5wYW5lbC10YWJzIGEuaXMtYWN0aXZlIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogIzRhNGE0YTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5wYW5lbC1saXN0IGEge1xuICBjb2xvcjogIzRhNGE0YTtcbn1cblxuLnBhbmVsLWxpc3QgYTpob3ZlciB7XG4gIGNvbG9yOiAjMDBkMWIyO1xufVxuXG4ucGFuZWwtYmxvY2sge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogIzM2MzYzNjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiAwLjVlbSAwLjc1ZW07XG59XG5cbi5wYW5lbC1ibG9jayBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl0ge1xuICBtYXJnaW4tcmlnaHQ6IDAuNzVlbTtcbn1cblxuLnBhbmVsLWJsb2NrID4gLmNvbnRyb2wge1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAxO1xuICB3aWR0aDogMTAwJTtcbn1cblxuLnBhbmVsLWJsb2NrLmlzLXdyYXBwZWQge1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbi5wYW5lbC1ibG9jay5pcy1hY3RpdmUge1xuICBib3JkZXItbGVmdC1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5wYW5lbC1ibG9jay5pcy1hY3RpdmUgLnBhbmVsLWljb24ge1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuYS5wYW5lbC1ibG9jayxcbmxhYmVsLnBhbmVsLWJsb2NrIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG5hLnBhbmVsLWJsb2NrOmhvdmVyLFxubGFiZWwucGFuZWwtYmxvY2s6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4ucGFuZWwtaWNvbiB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgZm9udC1zaXplOiAxNHB4O1xuICBoZWlnaHQ6IDFlbTtcbiAgbGluZS1oZWlnaHQ6IDFlbTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICB3aWR0aDogMWVtO1xuICBjb2xvcjogIzdhN2E3YTtcbiAgbWFyZ2luLXJpZ2h0OiAwLjc1ZW07XG59XG5cbi5wYW5lbC1pY29uIC5mYSB7XG4gIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG59XG5cbi50YWJzIHtcbiAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAtd2Via2l0LXRvdWNoLWNhbGxvdXQ6IG5vbmU7XG4gIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tcy11c2VyLXNlbGVjdDogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLnRhYnM6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLnRhYnMgYSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6ICNkYmRiZGI7XG4gIGJvcmRlci1ib3R0b20tc3R5bGU6IHNvbGlkO1xuICBib3JkZXItYm90dG9tLXdpZHRoOiAxcHg7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogLTFweDtcbiAgcGFkZGluZzogMC41ZW0gMWVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4udGFicyBhOmhvdmVyIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi50YWJzIGxpIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi50YWJzIGxpLmlzLWFjdGl2ZSBhIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi50YWJzIHVsIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogI2RiZGJkYjtcbiAgYm9yZGVyLWJvdHRvbS1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1ib3R0b20td2lkdGg6IDFweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuXG4udGFicyB1bC5pcy1sZWZ0IHtcbiAgcGFkZGluZy1yaWdodDogMC43NWVtO1xufVxuXG4udGFicyB1bC5pcy1jZW50ZXIge1xuICBmbGV4OiBub25lO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZy1sZWZ0OiAwLjc1ZW07XG4gIHBhZGRpbmctcmlnaHQ6IDAuNzVlbTtcbn1cblxuLnRhYnMgdWwuaXMtcmlnaHQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nLWxlZnQ6IDAuNzVlbTtcbn1cblxuLnRhYnMgLmljb246Zmlyc3QtY2hpbGQge1xuICBtYXJnaW4tcmlnaHQ6IDAuNWVtO1xufVxuXG4udGFicyAuaWNvbjpsYXN0LWNoaWxkIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xufVxuXG4udGFicy5pcy1jZW50ZXJlZCB1bCB7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuXG4udGFicy5pcy1yaWdodCB1bCB7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG59XG5cbi50YWJzLmlzLWJveGVkIGEge1xuICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7XG59XG5cbi50YWJzLmlzLWJveGVkIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAjZGJkYmRiO1xufVxuXG4udGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItY29sb3I6ICNkYmRiZGI7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG59XG5cbi50YWJzLmlzLWZ1bGx3aWR0aCBsaSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi50YWJzLmlzLXRvZ2dsZSBhIHtcbiAgYm9yZGVyLWNvbG9yOiAjZGJkYmRiO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4udGFicy5pcy10b2dnbGUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1jb2xvcjogI2I1YjViNTtcbiAgei1pbmRleDogMjtcbn1cblxuLnRhYnMuaXMtdG9nZ2xlIGxpICsgbGkge1xuICBtYXJnaW4tbGVmdDogLTFweDtcbn1cblxuLnRhYnMuaXMtdG9nZ2xlIGxpOmZpcnN0LWNoaWxkIGEge1xuICBib3JkZXItcmFkaXVzOiAzcHggMCAwIDNweDtcbn1cblxuLnRhYnMuaXMtdG9nZ2xlIGxpOmxhc3QtY2hpbGQgYSB7XG4gIGJvcmRlci1yYWRpdXM6IDAgM3B4IDNweCAwO1xufVxuXG4udGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xuICB6LWluZGV4OiAxO1xufVxuXG4udGFicy5pcy10b2dnbGUgdWwge1xuICBib3JkZXItYm90dG9tOiBub25lO1xufVxuXG4udGFicy5pcy1zbWFsbCB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLnRhYnMuaXMtbWVkaXVtIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4udGFicy5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4uY29sdW1uIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG4gIHBhZGRpbmc6IDAuNzVyZW07XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtbmFycm93IHtcbiAgZmxleDogbm9uZTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1mdWxsIHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtdGhyZWUtcXVhcnRlcnMge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogNzUlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLXR3by10aGlyZHMge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogNjYuNjY2NiU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtaGFsZiB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA1MCU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb25lLXRoaXJkIHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDMzLjMzMzMlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9uZS1xdWFydGVyIHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDI1JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtdGhyZWUtcXVhcnRlcnMge1xuICBtYXJnaW4tbGVmdDogNzUlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC10d28tdGhpcmRzIHtcbiAgbWFyZ2luLWxlZnQ6IDY2LjY2NjYlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC1oYWxmIHtcbiAgbWFyZ2luLWxlZnQ6IDUwJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtb25lLXRoaXJkIHtcbiAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC1vbmUtcXVhcnRlciB7XG4gIG1hcmdpbi1sZWZ0OiAyNSU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtMSB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA4LjMzMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtMSB7XG4gIG1hcmdpbi1sZWZ0OiA4LjMzMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy0yIHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDE2LjY2NjY3JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtMiB7XG4gIG1hcmdpbi1sZWZ0OiAxNi42NjY2NyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtMyB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiAyNSU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTMge1xuICBtYXJnaW4tbGVmdDogMjUlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTQge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogMzMuMzMzMzMlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC00IHtcbiAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy01IHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDQxLjY2NjY3JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtNSB7XG4gIG1hcmdpbi1sZWZ0OiA0MS42NjY2NyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtNiB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA1MCU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTYge1xuICBtYXJnaW4tbGVmdDogNTAlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTcge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogNTguMzMzMzMlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC03IHtcbiAgbWFyZ2luLWxlZnQ6IDU4LjMzMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy04IHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDY2LjY2NjY3JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtOCB7XG4gIG1hcmdpbi1sZWZ0OiA2Ni42NjY2NyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtOSB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA3NSU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTkge1xuICBtYXJnaW4tbGVmdDogNzUlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTEwIHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDgzLjMzMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtMTAge1xuICBtYXJnaW4tbGVmdDogODMuMzMzMzMlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTExIHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDkxLjY2NjY3JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtMTEge1xuICBtYXJnaW4tbGVmdDogOTEuNjY2NjclO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTEyIHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTEyIHtcbiAgbWFyZ2luLWxlZnQ6IDEwMCU7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5jb2x1bW4uaXMtbmFycm93LW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgfVxuICAuY29sdW1uLmlzLWZ1bGwtbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5jb2x1bW4uaXMtdGhyZWUtcXVhcnRlcnMtbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy10d28tdGhpcmRzLW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1oYWxmLW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXRoaXJkLW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vbmUtcXVhcnRlci1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC10aHJlZS1xdWFydGVycy1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdHdvLXRoaXJkcy1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1oYWxmLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1vbmUtdGhpcmQtbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXF1YXJ0ZXItbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMS1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEtbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0yLW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTItbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMy1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0zLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTQtbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNC1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy01LW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTUtbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtNi1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC02LW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLTctbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNy1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy04LW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTgtbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtOS1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC05LW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEwLW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogODMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEwLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTExLW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTExLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDkxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTEyLW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMi1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiAxMDAlO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuY29sdW1uLmlzLW5hcnJvdywgLmNvbHVtbi5pcy1uYXJyb3ctdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICB9XG4gIC5jb2x1bW4uaXMtZnVsbCwgLmNvbHVtbi5pcy1mdWxsLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLXRocmVlLXF1YXJ0ZXJzLCAuY29sdW1uLmlzLXRocmVlLXF1YXJ0ZXJzLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtdHdvLXRoaXJkcywgLmNvbHVtbi5pcy10d28tdGhpcmRzLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1oYWxmLCAuY29sdW1uLmlzLWhhbGYtdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vbmUtdGhpcmQsIC5jb2x1bW4uaXMtb25lLXRoaXJkLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vbmUtcXVhcnRlciwgLmNvbHVtbi5pcy1vbmUtcXVhcnRlci10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC10aHJlZS1xdWFydGVycywgLmNvbHVtbi5pcy1vZmZzZXQtdGhyZWUtcXVhcnRlcnMtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXR3by10aGlyZHMsIC5jb2x1bW4uaXMtb2Zmc2V0LXR3by10aGlyZHMtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtaGFsZiwgLmNvbHVtbi5pcy1vZmZzZXQtaGFsZi10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXRoaXJkLCAuY29sdW1uLmlzLW9mZnNldC1vbmUtdGhpcmQtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXF1YXJ0ZXIsIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS1xdWFydGVyLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEsIC5jb2x1bW4uaXMtMS10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEsIC5jb2x1bW4uaXMtb2Zmc2V0LTEtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0yLCAuY29sdW1uLmlzLTItdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMiwgLmNvbHVtbi5pcy1vZmZzZXQtMi10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0zLCAuY29sdW1uLmlzLTMtdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMywgLmNvbHVtbi5pcy1vZmZzZXQtMy10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy00LCAuY29sdW1uLmlzLTQtdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNCwgLmNvbHVtbi5pcy1vZmZzZXQtNC10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy01LCAuY29sdW1uLmlzLTUtdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNSwgLmNvbHVtbi5pcy1vZmZzZXQtNS10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy02LCAuY29sdW1uLmlzLTYtdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNiwgLmNvbHVtbi5pcy1vZmZzZXQtNi10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy03LCAuY29sdW1uLmlzLTctdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNywgLmNvbHVtbi5pcy1vZmZzZXQtNy10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy04LCAuY29sdW1uLmlzLTgtdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOCwgLmNvbHVtbi5pcy1vZmZzZXQtOC10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy05LCAuY29sdW1uLmlzLTktdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOSwgLmNvbHVtbi5pcy1vZmZzZXQtOS10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMCwgLmNvbHVtbi5pcy0xMC10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMCwgLmNvbHVtbi5pcy1vZmZzZXQtMTAtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogODMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtMTEsIC5jb2x1bW4uaXMtMTEtdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA5MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTEsIC5jb2x1bW4uaXMtb2Zmc2V0LTExLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDkxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTEyLCAuY29sdW1uLmlzLTEyLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMiwgLmNvbHVtbi5pcy1vZmZzZXQtMTItdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogMTAwJTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmNvbHVtbi5pcy1uYXJyb3ctdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gIH1cbiAgLmNvbHVtbi5pcy1mdWxsLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5jb2x1bW4uaXMtdGhyZWUtcXVhcnRlcnMtdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLXR3by10aGlyZHMtdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtaGFsZi10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXRoaXJkLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9uZS1xdWFydGVyLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdGhyZWUtcXVhcnRlcnMtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdHdvLXRoaXJkcy10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LWhhbGYtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXRoaXJkLXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXF1YXJ0ZXItdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xLXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0yLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMi10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDE2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTMtdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0zLXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtNC10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTQtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy01LXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNS10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDQxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTYtdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC02LXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtNy10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTctdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy04LXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOC10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDY2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTktdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC05LXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMTAtdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMC10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTExLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA5MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTEtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA5MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMi10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMi10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwMCU7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5jb2x1bW4uaXMtbmFycm93LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gIH1cbiAgLmNvbHVtbi5pcy1mdWxsLWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy10aHJlZS1xdWFydGVycy1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy10d28tdGhpcmRzLWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtaGFsZi1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vbmUtdGhpcmQtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vbmUtcXVhcnRlci1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdGhyZWUtcXVhcnRlcnMtZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC10d28tdGhpcmRzLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1oYWxmLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXRoaXJkLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiAzMy4zMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1vbmUtcXVhcnRlci1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMS1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTItZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTItZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDE2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTMtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTMtZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTQtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTQtZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTUtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTUtZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDQxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTYtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTYtZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLTctZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTctZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDU4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTgtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTgtZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDY2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTktZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTktZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEwLWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMC1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogODMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtMTEtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTExLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA5MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMi1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEyLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiAxMDAlO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAuY29sdW1uLmlzLW5hcnJvdy13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICB9XG4gIC5jb2x1bW4uaXMtZnVsbC13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5jb2x1bW4uaXMtdGhyZWUtcXVhcnRlcnMtd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtdHdvLXRoaXJkcy13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLWhhbGYtd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXRoaXJkLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXF1YXJ0ZXItd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXRocmVlLXF1YXJ0ZXJzLXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdHdvLXRoaXJkcy13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtaGFsZi13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS10aGlyZC13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXF1YXJ0ZXItd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEtd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMS13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0yLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDE2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0yLXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0zLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0zLXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy00LXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC00LXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy01LXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDQxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC01LXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy02LXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC02LXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy03LXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDU4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC03LXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy04LXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDY2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC04LXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy05LXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC05LXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMC13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTAtd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTExLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDkxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMS13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMTItd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMi13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogMTAwJTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMzkycHgpIHtcbiAgLmNvbHVtbi5pcy1uYXJyb3ctZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICB9XG4gIC5jb2x1bW4uaXMtZnVsbC1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy10aHJlZS1xdWFydGVycy1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLXR3by10aGlyZHMtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLWhhbGYtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vbmUtdGhpcmQtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9uZS1xdWFydGVyLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXRocmVlLXF1YXJ0ZXJzLWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC10d28tdGhpcmRzLWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LWhhbGYtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS10aGlyZC1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiAzMy4zMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1vbmUtcXVhcnRlci1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMS1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiA4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTItZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMi1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0zLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTMtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtNC1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC00LWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTUtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNS1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy02LWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTYtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtNy1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDU4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC03LWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDU4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTgtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOC1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy05LWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTktZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMTAtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTAtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogODMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtMTEtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA5MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTEtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMTItZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEyLWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwMCU7XG4gIH1cbn1cblxuLmNvbHVtbnMge1xuICBtYXJnaW4tbGVmdDogLTAuNzVyZW07XG4gIG1hcmdpbi1yaWdodDogLTAuNzVyZW07XG4gIG1hcmdpbi10b3A6IC0wLjc1cmVtO1xufVxuXG4uY29sdW1uczpsYXN0LWNoaWxkIHtcbiAgbWFyZ2luLWJvdHRvbTogLTAuNzVyZW07XG59XG5cbi5jb2x1bW5zOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xufVxuXG4uY29sdW1ucy5pcy1jZW50ZXJlZCB7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuXG4uY29sdW1ucy5pcy1nYXBsZXNzIHtcbiAgbWFyZ2luLWxlZnQ6IDA7XG4gIG1hcmdpbi1yaWdodDogMDtcbiAgbWFyZ2luLXRvcDogMDtcbn1cblxuLmNvbHVtbnMuaXMtZ2FwbGVzczpsYXN0LWNoaWxkIHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuLmNvbHVtbnMuaXMtZ2FwbGVzczpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uY29sdW1ucy5pcy1nYXBsZXNzID4gLmNvbHVtbiB7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5jb2x1bW5zLmlzLWdyaWQge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuICAuY29sdW1ucy5pcy1ncmlkID4gLmNvbHVtbiB7XG4gICAgbWF4LXdpZHRoOiAzMy4zMzMzJTtcbiAgICBwYWRkaW5nOiAwLjc1cmVtO1xuICAgIHdpZHRoOiAzMy4zMzMzJTtcbiAgfVxuICAuY29sdW1ucy5pcy1ncmlkID4gLmNvbHVtbiArIC5jb2x1bW4ge1xuICAgIG1hcmdpbi1sZWZ0OiAwO1xuICB9XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5jb2x1bW5zLmlzLW11bHRpbGluZSB7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cblxuLmNvbHVtbnMuaXMtdmNlbnRlcmVkIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5jb2x1bW5zOm5vdCguaXMtZGVza3RvcCkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5jb2x1bW5zLmlzLWRlc2t0b3Age1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbn1cblxuLnRpbGUge1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG4gIG1pbi1oZWlnaHQ6IG1pbi1jb250ZW50O1xufVxuXG4udGlsZS5pcy1hbmNlc3RvciB7XG4gIG1hcmdpbi1sZWZ0OiAtMC43NXJlbTtcbiAgbWFyZ2luLXJpZ2h0OiAtMC43NXJlbTtcbiAgbWFyZ2luLXRvcDogLTAuNzVyZW07XG59XG5cbi50aWxlLmlzLWFuY2VzdG9yOmxhc3QtY2hpbGQge1xuICBtYXJnaW4tYm90dG9tOiAtMC43NXJlbTtcbn1cblxuLnRpbGUuaXMtYW5jZXN0b3I6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG59XG5cbi50aWxlLmlzLWNoaWxkIHtcbiAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7XG59XG5cbi50aWxlLmlzLXBhcmVudCB7XG4gIHBhZGRpbmc6IDAuNzVyZW07XG59XG5cbi50aWxlLmlzLXZlcnRpY2FsIHtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cblxuLnRpbGUuaXMtdmVydGljYWwgPiAudGlsZS5pcy1jaGlsZDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtICFpbXBvcnRhbnQ7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAudGlsZTpub3QoLmlzLWNoaWxkKSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuICAudGlsZS5pcy0xIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4LjMzMzMzJTtcbiAgfVxuICAudGlsZS5pcy0yIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxNi42NjY2NyU7XG4gIH1cbiAgLnRpbGUuaXMtMyB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMjUlO1xuICB9XG4gIC50aWxlLmlzLTQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMzJTtcbiAgfVxuICAudGlsZS5pcy01IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA0MS42NjY2NyU7XG4gIH1cbiAgLnRpbGUuaXMtNiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC50aWxlLmlzLTcge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDU4LjMzMzMzJTtcbiAgfVxuICAudGlsZS5pcy04IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2NyU7XG4gIH1cbiAgLnRpbGUuaXMtOSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNzUlO1xuICB9XG4gIC50aWxlLmlzLTEwIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4My4zMzMzMyU7XG4gIH1cbiAgLnRpbGUuaXMtMTEge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDkxLjY2NjY3JTtcbiAgfVxuICAudGlsZS5pcy0xMiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxufVxuXG4uaGVybyB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG5cbi5oZXJvIC5uYXYge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjE5LCAyMTksIDIxOSwgMC4zKTtcbn1cblxuLmhlcm8gLnRhYnMgdWwge1xuICBib3JkZXItYm90dG9tOiBub25lO1xufVxuXG4uaGVyby5pcy13aGl0ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmhlcm8uaXMtd2hpdGUgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy13aGl0ZSBzdHJvbmcge1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLmhlcm8uaXMtd2hpdGUgLnRpdGxlIHtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuOSk7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC5zdWJ0aXRsZSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLXdoaXRlIC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmhlcm8uaXMtd2hpdGUgLm5hdiB7XG4gIGJveC1zaGFkb3c6IDAgMXB4IDAgcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy13aGl0ZSAubmF2LW1lbnUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB9XG59XG5cbi5oZXJvLmlzLXdoaXRlIGEubmF2LWl0ZW0sXG4uaGVyby5pcy13aGl0ZSAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13aGl0ZSBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy13aGl0ZSBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLXdoaXRlIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLXdoaXRlIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmhlcm8uaXMtd2hpdGUgLnRhYnMgYSB7XG4gIGNvbG9yOiAjMGEwYTBhO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC50YWJzIGE6aG92ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy13aGl0ZSAudGFicyBsaS5pcy1hY3RpdmUgYSB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLXRvZ2dsZSBhIHtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy13aGl0ZSAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtd2hpdGUgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtd2hpdGUgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgYm9yZGVyLWNvbG9yOiAjMGEwYTBhO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLXdoaXRlLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZTZlNmU2IDAlLCB3aGl0ZSA3MSUsIHdoaXRlIDEwMCUpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy13aGl0ZS5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgI2U2ZTZlNiAwJSwgd2hpdGUgNzElLCB3aGl0ZSAxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy13aGl0ZSAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICB9XG4gIC5oZXJvLmlzLXdoaXRlIC5uYXYtdG9nZ2xlOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIH1cbiAgLmhlcm8uaXMtd2hpdGUgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIH1cbiAgLmhlcm8uaXMtd2hpdGUgLm5hdi1tZW51IC5uYXYtaXRlbSB7XG4gICAgYm9yZGVyLXRvcC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICB9XG59XG5cbi5oZXJvLmlzLWJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uaGVyby5pcy1ibGFjayBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWJsYWNrIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1ibGFjayAudGl0bGUge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSk7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC5zdWJ0aXRsZSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWJsYWNrIC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC5uYXYge1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtYmxhY2sgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICB9XG59XG5cbi5oZXJvLmlzLWJsYWNrIGEubmF2LWl0ZW0sXG4uaGVyby5pcy1ibGFjayAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xufVxuXG4uaGVyby5pcy1ibGFjayBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy1ibGFjayBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLWJsYWNrIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLWJsYWNrIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC50YWJzIGEge1xuICBjb2xvcjogd2hpdGU7XG4gIG9wYWNpdHk6IDAuOTtcbn1cblxuLmhlcm8uaXMtYmxhY2sgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC50YWJzIGxpLmlzLWFjdGl2ZSBhIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtYm94ZWQgYSwgLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLWJsYWNrIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy1ibGFjayAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLWJsYWNrIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uaGVyby5pcy1ibGFjay5pcy1ib2xkIHtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgYmxhY2sgMCUsICMwYTBhMGEgNzElLCAjMTgxNjE2IDEwMCUpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1ibGFjay5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgYmxhY2sgMCUsICMwYTBhMGEgNzElLCAjMTgxNjE2IDEwMCUpO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWJsYWNrIC5uYXYtdG9nZ2xlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB9XG4gIC5oZXJvLmlzLWJsYWNrIC5uYXYtdG9nZ2xlOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIH1cbiAgLmhlcm8uaXMtYmxhY2sgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB9XG4gIC5oZXJvLmlzLWJsYWNrIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1saWdodCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1saWdodCBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWxpZ2h0IHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1saWdodCAudGl0bGUge1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnN1YnRpdGxlIHtcbiAgY29sb3I6IHJnYmEoNTQsIDU0LCA1NCwgMC45KTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtbGlnaHQgLnN1YnRpdGxlIHN0cm9uZyB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1saWdodCAubmF2IHtcbiAgYm94LXNoYWRvdzogMCAxcHggMCByZ2JhKDU0LCA1NCwgNTQsIDAuMik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWxpZ2h0IC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgfVxufVxuXG4uaGVyby5pcy1saWdodCBhLm5hdi1pdGVtLFxuLmhlcm8uaXMtbGlnaHQgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pIHtcbiAgY29sb3I6IHJnYmEoNTQsIDU0LCA1NCwgMC43KTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtbGlnaHQgYS5uYXYtaXRlbS5pcy1hY3RpdmUsXG4uaGVyby5pcy1saWdodCAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbik6aG92ZXIsXG4uaGVyby5pcy1saWdodCAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5oZXJvLmlzLWxpZ2h0IC50YWJzIGEge1xuICBjb2xvcjogIzM2MzYzNjtcbiAgb3BhY2l0eTogMC45O1xufVxuXG4uaGVyby5pcy1saWdodCAudGFicyBhOmhvdmVyIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1saWdodCAudGFicy5pcy1ib3hlZCBhLCAuaGVyby5pcy1saWdodCAudGFicy5pcy10b2dnbGUgYSB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1saWdodCAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1saWdodCAudGFicy5pcy10b2dnbGUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLWxpZ2h0IC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1saWdodCAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLWxpZ2h0IC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGJvcmRlci1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWxpZ2h0LmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZGZkOGQ5IDAlLCB3aGl0ZXNtb2tlIDcxJSwgd2hpdGUgMTAwJSk7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWxpZ2h0LmlzLWJvbGQgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZGZkOGQ5IDAlLCB3aGl0ZXNtb2tlIDcxJSwgd2hpdGUgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtbGlnaHQgLm5hdi10b2dnbGUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgfVxuICAuaGVyby5pcy1saWdodCAubmF2LXRvZ2dsZTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICB9XG4gIC5oZXJvLmlzLWxpZ2h0IC5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICB9XG4gIC5oZXJvLmlzLWxpZ2h0IC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoNTQsIDU0LCA1NCwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1kYXJrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWRhcmsgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy1kYXJrIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1kYXJrIC50aXRsZSB7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uaGVyby5pcy1kYXJrIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDI0NSwgMjQ1LCAyNDUsIDAuOSk7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtZGFyayAuc3VidGl0bGUgc3Ryb25nIHtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWRhcmsgLm5hdiB7XG4gIGJveC1zaGFkb3c6IDAgMXB4IDAgcmdiYSgyNDUsIDI0NSwgMjQ1LCAwLjIpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1kYXJrIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgfVxufVxuXG4uaGVyby5pcy1kYXJrIGEubmF2LWl0ZW0sXG4uaGVyby5pcy1kYXJrIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKSB7XG4gIGNvbG9yOiByZ2JhKDI0NSwgMjQ1LCAyNDUsIDAuNyk7XG59XG5cbi5oZXJvLmlzLWRhcmsgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtZGFyayBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLWRhcmsgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pOmhvdmVyLFxuLmhlcm8uaXMtZGFyayAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnRhYnMgYSB7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1kYXJrIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLWRhcmsgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmhlcm8uaXMtZGFyayAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1kYXJrIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy1kYXJrIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1kYXJrIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1kYXJrIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtZGFyayAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1kYXJrLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjMWYxOTFhIDAlLCAjMzYzNjM2IDcxJSwgIzQ2NDAzZiAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFyay5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgIzFmMTkxYSAwJSwgIzM2MzYzNiA3MSUsICM0NjQwM2YgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFyayAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICB9XG4gIC5oZXJvLmlzLWRhcmsgLm5hdi10b2dnbGU6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgfVxuICAuaGVyby5pcy1kYXJrIC5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICB9XG4gIC5oZXJvLmlzLWRhcmsgLm5hdi1tZW51IC5uYXYtaXRlbSB7XG4gICAgYm9yZGVyLXRvcC1jb2xvcjogcmdiYSgyNDUsIDI0NSwgMjQ1LCAwLjIpO1xuICB9XG59XG5cbi5oZXJvLmlzLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLXByaW1hcnkgc3Ryb25nIHtcbiAgY29sb3I6IGluaGVyaXQ7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnRpdGxlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnN1YnRpdGxlIHtcbiAgY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAuc3VidGl0bGUgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy1wcmltYXJ5IC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAubmF2IHtcbiAgYm94LXNoYWRvdzogMCAxcHggMCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLXByaW1hcnkgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICB9XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgYS5uYXYtaXRlbSxcbi5oZXJvLmlzLXByaW1hcnkgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pIHtcbiAgY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC43KTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy1wcmltYXJ5IGEubmF2LWl0ZW0uaXMtYWN0aXZlLFxuLmhlcm8uaXMtcHJpbWFyeSAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbik6aG92ZXIsXG4uaGVyby5pcy1wcmltYXJ5IC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAudGFicyBhIHtcbiAgY29sb3I6ICNmZmY7XG4gIG9wYWNpdHk6IDAuOTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAudGFicyBhOmhvdmVyIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAudGFicyBsaS5pcy1hY3RpdmUgYSB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtYm94ZWQgYSwgLmhlcm8uaXMtcHJpbWFyeSAudGFicy5pcy10b2dnbGUgYSB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1wcmltYXJ5IC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtdG9nZ2xlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1wcmltYXJ5IC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlci1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkuaXMtYm9sZCB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgxNDFkZWcsICMwMDllNmMgMCUsICMwMGQxYjIgNzElLCAjMDBlN2ViIDEwMCUpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1wcmltYXJ5LmlzLWJvbGQgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjMDA5ZTZjIDAlLCAjMDBkMWIyIDcxJSwgIzAwZTdlYiAxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1wcmltYXJ5IC5uYXYtdG9nZ2xlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIH1cbiAgLmhlcm8uaXMtcHJpbWFyeSAubmF2LXRvZ2dsZTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICB9XG4gIC5oZXJvLmlzLXByaW1hcnkgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIH1cbiAgLmhlcm8uaXMtcHJpbWFyeSAubmF2LW1lbnUgLm5hdi1pdGVtIHtcbiAgICBib3JkZXItdG9wLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XG4gIH1cbn1cblxuLmhlcm8uaXMtaW5mbyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1pbmZvIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtaW5mbyBzdHJvbmcge1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLmhlcm8uaXMtaW5mbyAudGl0bGUge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtaW5mbyAuc3VidGl0bGUge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpO1xufVxuXG4uaGVyby5pcy1pbmZvIC5zdWJ0aXRsZSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWluZm8gLnN1YnRpdGxlIHN0cm9uZyB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1pbmZvIC5uYXYge1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtaW5mbyAubmF2LW1lbnUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIH1cbn1cblxuLmhlcm8uaXMtaW5mbyBhLm5hdi1pdGVtLFxuLmhlcm8uaXMtaW5mbyAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xufVxuXG4uaGVyby5pcy1pbmZvIGEubmF2LWl0ZW06aG92ZXIsIC5oZXJvLmlzLWluZm8gYS5uYXYtaXRlbS5pcy1hY3RpdmUsXG4uaGVyby5pcy1pbmZvIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLWluZm8gLm5hdi1pdGVtIGE6bm90KC5idXR0b24pLmlzLWFjdGl2ZSB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1pbmZvIC50YWJzIGEge1xuICBjb2xvcjogI2ZmZjtcbiAgb3BhY2l0eTogMC45O1xufVxuXG4uaGVyby5pcy1pbmZvIC50YWJzIGE6aG92ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1pbmZvIC50YWJzIGxpLmlzLWFjdGl2ZSBhIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtaW5mbyAudGFicy5pcy1ib3hlZCBhLCAuaGVyby5pcy1pbmZvIC50YWJzLmlzLXRvZ2dsZSBhIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWluZm8gLnRhYnMuaXMtYm94ZWQgYTpob3ZlciwgLmhlcm8uaXMtaW5mbyAudGFicy5pcy10b2dnbGUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbn1cblxuLmhlcm8uaXMtaW5mbyAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtaW5mbyAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYTpob3ZlciwgLmhlcm8uaXMtaW5mbyAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLWluZm8gLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogIzMyNzNkYztcbn1cblxuLmhlcm8uaXMtaW5mby5pcy1ib2xkIHtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgIzE1NzdjNiAwJSwgIzMyNzNkYyA3MSUsICM0MzY2ZTUgMTAwJSk7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWluZm8uaXMtYm9sZCAubmF2LW1lbnUge1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgxNDFkZWcsICMxNTc3YzYgMCUsICMzMjczZGMgNzElLCAjNDM2NmU1IDEwMCUpO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWluZm8gLm5hdi10b2dnbGUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgfVxuICAuaGVyby5pcy1pbmZvIC5uYXYtdG9nZ2xlOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIH1cbiAgLmhlcm8uaXMtaW5mbyAubmF2LXRvZ2dsZS5pcy1hY3RpdmUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgfVxuICAuaGVyby5pcy1pbmZvIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1zdWNjZXNzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy1zdWNjZXNzIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC50aXRsZSB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSk7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtc3VjY2VzcyAuc3VidGl0bGUgc3Ryb25nIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLm5hdiB7XG4gIGJveC1zaGFkb3c6IDAgMXB4IDAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1zdWNjZXNzIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbiAgfVxufVxuXG4uaGVyby5pcy1zdWNjZXNzIGEubmF2LWl0ZW0sXG4uaGVyby5pcy1zdWNjZXNzIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKSB7XG4gIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNyk7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtc3VjY2VzcyBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLXN1Y2Nlc3MgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pOmhvdmVyLFxuLmhlcm8uaXMtc3VjY2VzcyAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMgYSB7XG4gIGNvbG9yOiAjZmZmO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtc3VjY2VzcyAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtc3VjY2VzcyAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXItY29sb3I6ICNmZmY7XG4gIGNvbG9yOiAjMjNkMTYwO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjMTJhZjJmIDAlLCAjMjNkMTYwIDcxJSwgIzJjZTI4YSAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtc3VjY2Vzcy5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgIzEyYWYyZiAwJSwgIzIzZDE2MCA3MSUsICMyY2UyOGEgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtc3VjY2VzcyAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICB9XG4gIC5oZXJvLmlzLXN1Y2Nlc3MgLm5hdi10b2dnbGU6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgfVxuICAuaGVyby5pcy1zdWNjZXNzIC5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICB9XG4gIC5oZXJvLmlzLXN1Y2Nlc3MgLm5hdi1tZW51IC5uYXYtaXRlbSB7XG4gICAgYm9yZGVyLXRvcC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xuICB9XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtd2FybmluZyBzdHJvbmcge1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLmhlcm8uaXMtd2FybmluZyAudGl0bGUge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOSk7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtd2FybmluZyAuc3VidGl0bGUgc3Ryb25nIHtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmhlcm8uaXMtd2FybmluZyAubmF2IHtcbiAgYm94LXNoYWRvdzogMCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLXdhcm5pbmcgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICB9XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgYS5uYXYtaXRlbSxcbi5oZXJvLmlzLXdhcm5pbmcgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pIHtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmhlcm8uaXMtd2FybmluZyBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy13YXJuaW5nIGEubmF2LWl0ZW0uaXMtYWN0aXZlLFxuLmhlcm8uaXMtd2FybmluZyAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbik6aG92ZXIsXG4uaGVyby5pcy13YXJuaW5nIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC50YWJzIGEge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtdG9nZ2xlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy13YXJuaW5nIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgYm9yZGVyLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4gIGNvbG9yOiAjZmZkZDU3O1xufVxuXG4uaGVyby5pcy13YXJuaW5nLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZmZhZjI0IDAlLCAjZmZkZDU3IDcxJSwgI2ZmZmE3MCAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtd2FybmluZy5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgI2ZmYWYyNCAwJSwgI2ZmZGQ1NyA3MSUsICNmZmZhNzAgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtd2FybmluZyAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4gIH1cbiAgLmhlcm8uaXMtd2FybmluZyAubmF2LXRvZ2dsZTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICB9XG4gIC5oZXJvLmlzLXdhcm5pbmcgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgfVxuICAuaGVyby5pcy13YXJuaW5nIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1kYW5nZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtZGFuZ2VyIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnRpdGxlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAuc3VidGl0bGUge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtZGFuZ2VyIC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyIC5uYXYge1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFuZ2VyIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbiAgfVxufVxuXG4uaGVyby5pcy1kYW5nZXIgYS5uYXYtaXRlbSxcbi5oZXJvLmlzLWRhbmdlciAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtZGFuZ2VyIGEubmF2LWl0ZW0uaXMtYWN0aXZlLFxuLmhlcm8uaXMtZGFuZ2VyIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLWRhbmdlciAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAudGFicyBhIHtcbiAgY29sb3I6ICNmZmY7XG4gIG9wYWNpdHk6IDAuOTtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyIC50YWJzIGE6aG92ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtYm94ZWQgYSwgLmhlcm8uaXMtZGFuZ2VyIC50YWJzLmlzLXRvZ2dsZSBhIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtdG9nZ2xlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtZGFuZ2VyIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogI2ZmMzg2MDtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZmYwNTYxIDAlLCAjZmYzODYwIDcxJSwgI2ZmNTI1NyAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFuZ2VyLmlzLWJvbGQgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZmYwNTYxIDAlLCAjZmYzODYwIDcxJSwgI2ZmNTI1NyAxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1kYW5nZXIgLm5hdi10b2dnbGUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgfVxuICAuaGVyby5pcy1kYW5nZXIgLm5hdi10b2dnbGU6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgfVxuICAuaGVyby5pcy1kYW5nZXIgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIH1cbiAgLmhlcm8uaXMtZGFuZ2VyIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmhlcm8uaXMtbWVkaXVtIC5oZXJvLWJvZHkge1xuICAgIHBhZGRpbmctYm90dG9tOiA5cmVtO1xuICAgIHBhZGRpbmctdG9wOiA5cmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaGVyby5pcy1sYXJnZSAuaGVyby1ib2R5IHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMThyZW07XG4gICAgcGFkZGluZy10b3A6IDE4cmVtO1xuICB9XG59XG5cbi5oZXJvLmlzLWhhbGZoZWlnaHQgLmhlcm8tYm9keSwgLmhlcm8uaXMtZnVsbGhlaWdodCAuaGVyby1ib2R5IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmhlcm8uaXMtaGFsZmhlaWdodCAuaGVyby1ib2R5ID4gLmNvbnRhaW5lciwgLmhlcm8uaXMtZnVsbGhlaWdodCAuaGVyby1ib2R5ID4gLmNvbnRhaW5lciB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG59XG5cbi5oZXJvLmlzLWhhbGZoZWlnaHQge1xuICBtaW4taGVpZ2h0OiA1MHZoO1xufVxuXG4uaGVyby5pcy1mdWxsaGVpZ2h0IHtcbiAgbWluLWhlaWdodDogMTAwdmg7XG59XG5cbi5oZXJvLXZpZGVvIHtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5oZXJvLXZpZGVvIHZpZGVvIHtcbiAgbGVmdDogNTAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTUwJSwgLTUwJSwgMCk7XG59XG5cbi5oZXJvLXZpZGVvLmlzLXRyYW5zcGFyZW50IHtcbiAgb3BhY2l0eTogMC4zO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby12aWRlbyB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uaGVyby1idXR0b25zIHtcbiAgbWFyZ2luLXRvcDogMS41cmVtO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby1idXR0b25zIC5idXR0b24ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbiAgLmhlcm8tYnV0dG9ucyAuYnV0dG9uOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5oZXJvLWJ1dHRvbnMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIH1cbiAgLmhlcm8tYnV0dG9ucyAuYnV0dG9uOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1yaWdodDogMS41cmVtO1xuICB9XG59XG5cbi5oZXJvLWhlYWQsXG4uaGVyby1mb290IHtcbiAgZmxleC1ncm93OiAwO1xuICBmbGV4LXNocmluazogMDtcbn1cblxuLmhlcm8tYm9keSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIHBhZGRpbmc6IDNyZW0gMS41cmVtO1xufVxuXG4uc2VjdGlvbiB7XG4gIHBhZGRpbmc6IDNyZW0gMS41cmVtO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLnNlY3Rpb24uaXMtbWVkaXVtIHtcbiAgICBwYWRkaW5nOiA5cmVtIDEuNXJlbTtcbiAgfVxuICAuc2VjdGlvbi5pcy1sYXJnZSB7XG4gICAgcGFkZGluZzogMThyZW0gMS41cmVtO1xuICB9XG59XG5cbi5mb290ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBwYWRkaW5nOiAzcmVtIDEuNXJlbSA2cmVtO1xufVxuXG4uaGlnaGxpZ2h0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLmMge1xuICBjb2xvcjogIzkzYTFhMTtcbn1cblxuLmhpZ2hsaWdodCAuZXJyLFxuLmhpZ2hsaWdodCAuZyB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5rIHtcbiAgY29sb3I6ICM4NTk5MDA7XG59XG5cbi5oaWdobGlnaHQgLmwsXG4uaGlnaGxpZ2h0IC5uIHtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLm8ge1xuICBjb2xvcjogIzg1OTkwMDtcbn1cblxuLmhpZ2hsaWdodCAueCB7XG4gIGNvbG9yOiAjY2I0YjE2O1xufVxuXG4uaGlnaGxpZ2h0IC5wIHtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLmNtIHtcbiAgY29sb3I6ICM5M2ExYTE7XG59XG5cbi5oaWdobGlnaHQgLmNwIHtcbiAgY29sb3I6ICM4NTk5MDA7XG59XG5cbi5oaWdobGlnaHQgLmMxIHtcbiAgY29sb3I6ICM5M2ExYTE7XG59XG5cbi5oaWdobGlnaHQgLmNzIHtcbiAgY29sb3I6ICM4NTk5MDA7XG59XG5cbi5oaWdobGlnaHQgLmdkIHtcbiAgY29sb3I6ICMyYWExOTg7XG59XG5cbi5oaWdobGlnaHQgLmdlIHtcbiAgY29sb3I6ICM1ODZlNzU7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbn1cblxuLmhpZ2hsaWdodCAuZ3Ige1xuICBjb2xvcjogI2RjMzIyZjtcbn1cblxuLmhpZ2hsaWdodCAuZ2gge1xuICBjb2xvcjogI2NiNGIxNjtcbn1cblxuLmhpZ2hsaWdodCAuZ2kge1xuICBjb2xvcjogIzg1OTkwMDtcbn1cblxuLmhpZ2hsaWdodCAuZ28sXG4uaGlnaGxpZ2h0IC5ncCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5ncyB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xuICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuLmhpZ2hsaWdodCAuZ3Uge1xuICBjb2xvcjogI2NiNGIxNjtcbn1cblxuLmhpZ2hsaWdodCAuZ3Qge1xuICBjb2xvcjogIzU4NmU3NTtcbn1cblxuLmhpZ2hsaWdodCAua2Mge1xuICBjb2xvcjogI2NiNGIxNjtcbn1cblxuLmhpZ2hsaWdodCAua2Qge1xuICBjb2xvcjogIzI2OGJkMjtcbn1cblxuLmhpZ2hsaWdodCAua24sXG4uaGlnaGxpZ2h0IC5rcCB7XG4gIGNvbG9yOiAjODU5OTAwO1xufVxuXG4uaGlnaGxpZ2h0IC5rciB7XG4gIGNvbG9yOiAjMjY4YmQyO1xufVxuXG4uaGlnaGxpZ2h0IC5rdCB7XG4gIGNvbG9yOiAjZGMzMjJmO1xufVxuXG4uaGlnaGxpZ2h0IC5sZCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5tLFxuLmhpZ2hsaWdodCAucyB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5uYSB7XG4gIGNvbG9yOiAjQjU4OTAwO1xufVxuXG4uaGlnaGxpZ2h0IC5uYiB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5uYyB7XG4gIGNvbG9yOiAjMjY4YmQyO1xufVxuXG4uaGlnaGxpZ2h0IC5ubyB7XG4gIGNvbG9yOiAjY2I0YjE2O1xufVxuXG4uaGlnaGxpZ2h0IC5uZCB7XG4gIGNvbG9yOiAjMjY4YmQyO1xufVxuXG4uaGlnaGxpZ2h0IC5uaSxcbi5oaWdobGlnaHQgLm5lIHtcbiAgY29sb3I6ICNjYjRiMTY7XG59XG5cbi5oaWdobGlnaHQgLm5mIHtcbiAgY29sb3I6ICMyNjhiZDI7XG59XG5cbi5oaWdobGlnaHQgLm5sLFxuLmhpZ2hsaWdodCAubm4sXG4uaGlnaGxpZ2h0IC5ueCxcbi5oaWdobGlnaHQgLnB5IHtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLm50LFxuLmhpZ2hsaWdodCAubnYge1xuICBjb2xvcjogIzI2OGJkMjtcbn1cblxuLmhpZ2hsaWdodCAub3cge1xuICBjb2xvcjogIzg1OTkwMDtcbn1cblxuLmhpZ2hsaWdodCAudyB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5tZixcbi5oaWdobGlnaHQgLm1oLFxuLmhpZ2hsaWdodCAubWksXG4uaGlnaGxpZ2h0IC5tbyB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5zYiB7XG4gIGNvbG9yOiAjOTNhMWExO1xufVxuXG4uaGlnaGxpZ2h0IC5zYyB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5zZCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5zMiB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5zZSB7XG4gIGNvbG9yOiAjY2I0YjE2O1xufVxuXG4uaGlnaGxpZ2h0IC5zaCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5zaSxcbi5oaWdobGlnaHQgLnN4IHtcbiAgY29sb3I6ICMyYWExOTg7XG59XG5cbi5oaWdobGlnaHQgLnNyIHtcbiAgY29sb3I6ICNkYzMyMmY7XG59XG5cbi5oaWdobGlnaHQgLnMxLFxuLmhpZ2hsaWdodCAuc3Mge1xuICBjb2xvcjogIzJhYTE5ODtcbn1cblxuLmhpZ2hsaWdodCAuYnAsXG4uaGlnaGxpZ2h0IC52Yyxcbi5oaWdobGlnaHQgLnZnLFxuLmhpZ2hsaWdodCAudmkge1xuICBjb2xvcjogIzI2OGJkMjtcbn1cblxuLmhpZ2hsaWdodCAuaWwge1xuICBjb2xvcjogIzJhYTE5ODtcbn1cblxuLmNvbnRlbnQgLmhpZ2hsaWdodCB7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuYnV0dG9uIHNtYWxsIHtcbiAgICBjb2xvcjogIzRhNGE0YTtcbiAgICBsZWZ0OiAwO1xuICAgIG1hcmdpbi10b3A6IDEwcHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxufVxuXG5ib2R5LnBhZ2UtZ3JpZCAuY29sdW1uID4gLm5vdGlmaWNhdGlvbiB7XG4gIHBhZGRpbmctbGVmdDogMDtcbiAgcGFkZGluZy1yaWdodDogMDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmhlYWRlci1pdGVtIC5idXR0b24gKyAuYnV0dG9uIHtcbiAgICBtYXJnaW4tbGVmdDogMC43NXJlbTtcbiAgfVxufVxuXG5zdmcge1xuICBtYXgtaGVpZ2h0OiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbiNjYXJib24ge1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICBtYXgtd2lkdGg6IDM0MHB4O1xuICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgcGFkZGluZzogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4jY2FyYm9uOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKSwgMCAwIDAgMXB4ICMwMGQxYjI7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAjY2FyYm9uIHtcbiAgICB3aWR0aDogMzQwcHg7XG4gIH1cbn1cblxuI2NhcmJvbmFkcyB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuI2NhcmJvbmFkcyBhLFxuI2NhcmJvbmFkcyBzcGFuIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbiNjYXJib25hZHMgLmNhcmJvbi13cmFwIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4jY2FyYm9uYWRzIC5jYXJib24taW1nIHtcbiAgYmFja2dyb3VuZDogd2hpdGVzbW9rZTtcbiAgZmxvYXQ6IGxlZnQ7XG4gIGhlaWdodDogMTAwcHg7XG4gIG1hcmdpbjogMTVweCAwIDE1cHggMTVweDtcbiAgd2lkdGg6IDEzMHB4O1xufVxuXG4jY2FyYm9uYWRzIC5jYXJib24taW1nIGltZyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDEwMHB4O1xuICB3aWR0aDogMTMwcHg7XG59XG5cbiNjYXJib25hZHMgLmNhcmJvbi10ZXh0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBsaW5lLWhlaWdodDogMjBweDtcbiAgcGFkZGluZzogMTVweCAxNXB4IDM1cHggMTYwcHg7XG59XG5cbiNjYXJib25hZHMgLmNhcmJvbi1wb3dlcmVkYnkge1xuICBib3R0b206IDA7XG4gIGNvbG9yOiAjN2E3YTdhO1xuICBmb250LXNpemU6IDAuNzVyZW07XG4gIGxlZnQ6IDE2MHB4O1xuICBsaW5lLWhlaWdodDogMjBweDtcbiAgcGFkZGluZzogMCAxNXB4IDEwcHggMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbn1cblxuQGtleWZyYW1lcyBmbG9hdFVwIHtcbiAgMCUge1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCksIDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCksIDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCk7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjg2KTtcbiAgfVxuICA2NyUge1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCksIDAgNXB4IDEwcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpLCAwIDFweCAxcHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgYm94LXNoYWRvdzogMCAyMHB4IDYwcHggcmdiYSgxMCwgMTAsIDEwLCAwLjA1KSwgMCA1cHggMTBweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMXB4IDFweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHN0cm9rZVBhdGgge1xuICBmcm9tIHtcbiAgICBzdHJva2UtZGFzaG9mZnNldDogODgwO1xuICB9XG4gIHRvIHtcbiAgICBzdHJva2UtZGFzaG9mZnNldDogMDtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGZhZGVJbiB7XG4gIGZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjg2KTtcbiAgfVxuICB0byB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgZmFkZU91dCB7XG4gIDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMC44Nik7XG4gIH1cbiAgNjclIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMC44Nik7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGVEb3duIHtcbiAgMCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xMHB4KTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlVXAge1xuICAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTBweCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG4gIH1cbn1cblxuI2Ige1xuICBhbmltYXRpb24tZHVyYXRpb246IDEuNXM7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIGFuaW1hdGlvbi1uYW1lOiBmbG9hdFVwO1xuICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMCwgMC43MSwgMC4yOSwgMSk7XG4gIGJvcmRlci1yYWRpdXM6IDI0cHg7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgaGVpZ2h0OiAyNDBweDtcbiAgbWFyZ2luLWJvdHRvbTogNDBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICB3aWR0aDogMjQwcHg7XG59XG5cbiNiIHN2ZyB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAyNDBweDtcbiAgd2lkdGg6IDI0MHB4O1xufVxuXG4jYiBzdmc6Zmlyc3QtY2hpbGQge1xuICBhbmltYXRpb24tZHVyYXRpb246IDEuNXM7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIGFuaW1hdGlvbi1uYW1lOiBmYWRlT3V0O1xuICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMCwgMC43MSwgMC4yOSwgMSk7XG59XG5cbiNiIHN2ZzpmaXJzdC1jaGlsZCBnIHtcbiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogYm90aDtcbiAgYW5pbWF0aW9uLW5hbWU6IHN0cm9rZVBhdGg7XG4gIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLCAwLjcxLCAwLjI5LCAxKTtcbiAgZmlsbDogbm9uZTtcbiAgc3Ryb2tlOiAjMDBkMWIyO1xuICBzdHJva2UtZGFzaGFycmF5OiA4ODA7XG4gIHN0cm9rZS13aWR0aDogMnB4O1xufVxuXG4jYiBzdmc6bGFzdC1jaGlsZCB7XG4gIGFuaW1hdGlvbi1kZWxheTogMXM7XG4gIGFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIGFuaW1hdGlvbi1uYW1lOiBmYWRlSW47XG4gIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLCAwLjcxLCAwLjI5LCAxKTtcbn1cblxuI2Igc3ZnOmxhc3QtY2hpbGQgZyB7XG4gIGZpbGw6ICMwMGQxYjI7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICNiIHtcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIGhlaWdodDogMTYwcHg7XG4gICAgd2lkdGg6IDE2MHB4O1xuICB9XG59XG5cbiNidWxtYSB7XG4gIGFuaW1hdGlvbjogc2xpZGVEb3duIDUwMG1zIGJvdGg7XG59XG5cbiNtb2Rlcm4tZnJhbWV3b3JrIHtcbiAgYW5pbWF0aW9uOiBzbGlkZVVwIDUwMG1zIGJvdGg7XG4gIGFuaW1hdGlvbi1kZWxheTogMC4ycztcbn1cblxuI25wbSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFuaW1hdGlvbjogZmFkZUluIDUwMG1zIGJvdGg7XG4gIGFuaW1hdGlvbi1kZWxheTogMC40cztcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1hcmdpbjogLTEwcHggMCAyMHB4O1xufVxuXG4jbnBtIGNvZGUge1xuICBiYWNrZ3JvdW5kOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGNvbG9yOiAjMDBkMWIyO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgcGFkZGluZzogMTZweCAzMnB4O1xufVxuXG4jZ2hidG5zIHtcbiAgYW5pbWF0aW9uOiBzbGlkZURvd24gNTAwbXMgYm90aDtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwLjZzO1xufVxuXG5odG1sLnJvdXRlLWluZGV4ICNjYXJib24ge1xuICBhbmltYXRpb246IHNsaWRlVXAgNTAwbXMgYm90aDtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwLjhzO1xufVxuXG4jZG93bmxvYWQge1xuICBhbmltYXRpb246IGZhZGVJbiA1MDBtcyBib3RoO1xuICBhbmltYXRpb24tZGVsYXk6IDFzO1xufVxuXG4jZ3JpZCAubm90aWZpY2F0aW9uIHtcbiAgcGFkZGluZy1sZWZ0OiAwO1xuICBwYWRkaW5nLXJpZ2h0OiAwO1xufVxuXG4jbWVzc2FnZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbiN0d2VldCB7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDNweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMCAwIDFweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbn1cblxuI2dpdGh1YiB7XG4gIGNvbG9yOiAjMzMzMzMzO1xuICBib3JkZXItY29sb3I6ICMzMzMzMzM7XG59XG5cbiNnaXRodWI6aG92ZXIge1xuICBiYWNrZ3JvdW5kOiAjMzMzMzMzO1xuICBib3JkZXItY29sb3I6ICMzMzMzMzM7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuI3R3aXR0ZXIge1xuICBjb2xvcjogIzU1YWNlZTtcbiAgYm9yZGVyLWNvbG9yOiAjNTVhY2VlO1xufVxuXG4jdHdpdHRlcjpob3ZlciB7XG4gIGJhY2tncm91bmQ6ICM1NWFjZWU7XG4gIGJvcmRlci1jb2xvcjogIzU1YWNlZTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgI2Jsb2dEcm9wZG93biB7XG4gICAgd2lkdGg6IDE2cmVtO1xuICB9XG4gICNibG9nRHJvcGRvd24gLm5hdmJhci1pdGVtIHtcbiAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICB9XG4gICNtb3JlRHJvcGRvd24ge1xuICAgIHdpZHRoOiAxNnJlbTtcbiAgfVxuICAjbW9yZURyb3Bkb3duIC5uYXZiYXItaXRlbSB7XG4gICAgcGFkZGluZy1yaWdodDogMXJlbTtcbiAgfVxuICAjbW9yZURyb3Bkb3duIC5uYXZiYXItaXRlbSAubGV2ZWwge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxufVxuXG4jYWJvdXQgLnR3aXR0ZXItY29udGFpbmVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMzBweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuI2Fib3V0IHNtYWxsIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuI21jX2VtYmVkX3NpZ251cCAuZmllbGQge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4jbWNfZW1iZWRfc2lnbnVwIC5ub3RpZmljYXRpb24ge1xuICBtYXJnaW4tdG9wOiAwLjc1cmVtO1xufVxuXG4jc2hhcmUgZm9ybSB7XG4gIGhlaWdodDogMzBweDtcbiAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuI3NvY2lhbCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuXG4jc29jaWFsID4gaWZyYW1lLFxuI3NvY2lhbCA+IGEsXG4jc29jaWFsID4gZm9ybSxcbiNzb2NpYWwgPiBkaXYge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgaGVpZ2h0OiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgbWFyZ2luLXRvcDogNXB4O1xufVxuXG4jc29jaWFsIC5naXRodWItYnRuIHtcbiAgd2lkdGg6IDE2MHB4O1xufVxuXG4jc29jaWFsIC50d2l0dGVyLXNoYXJlLWJ1dHRvbiB7XG4gIG1hcmdpbi1yaWdodDogMTBweDtcbiAgbWluLXdpZHRoOiA3NnB4O1xufVxuXG4jc29jaWFsIC5wYXlwYWwtZm9ybSB7XG4gIG1pbi13aWR0aDogMTQ4cHg7XG59XG5cbiNzb2NpYWwgLmZiLWxpa2Uge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTMwcHg7XG59XG5cbiNuZXdzbGV0dGVyIC5pbnB1dCB7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbiNzaXN0ZXIgdWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbiNzaXN0ZXIgbGkge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIG1hcmdpbjogNXB4IDFyZW0gMCAwO1xufVxuXG4jc2lzdGVyIGltZyB7XG4gIGhlaWdodDogMzBweDtcbn1cblxuI3RzcCBzbWFsbCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4jaW1hZ2VzIHRyIHRkOm50aC1jaGlsZCgyKSB7XG4gIHdpZHRoOiAzMjBweDtcbn1cblxuLmNvbG9yIHtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBib3gtc2hhZG93OiAwIDJweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMSksIGluc2V0IDAgMCAwIDFweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgZmxvYXQ6IGxlZnQ7XG4gIGhlaWdodDogMjRweDtcbiAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gIHdpZHRoOiAyNHB4O1xufVxuXG4uYnV0dG9uLmlzLXJzcyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMjY1MjI7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXJzczpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZDU2MGU7XG59XG5cbi5idXR0b24uaXMtcnNzOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkNTRkMGQ7XG59XG5cbi52aWV3LWFsbC12ZXJzaW9ucyB7XG4gIGNvbG9yOiAjN2E3YTdhO1xufVxuXG4udmlldy1hbGwtdmVyc2lvbnM6aG92ZXIge1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuLmZlYXR1cmUtdGl0bGUge1xuICBjb2xvcjogIzdhN2E3YTtcbn1cblxuLmZlYXR1cmUtdGl0bGUgYSB7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5mZWF0dXJlLXRpdGxlIGE6aG92ZXIge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4uYW5jaG9yLXRpdGxlIHtcbiAgcGFkZGluZy10b3A6IDEuNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uYW5jaG9yLWxpbmsge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiBjYWxjKDEwMCUgKyAxcmVtKTtcbn1cblxuLmFydGljbGUtaW1hZ2Uge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAyNDBweDtcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgd2lkdGg6IDMyMHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLmFydGljbGUtaW1hZ2UuaXMtd2hpdGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbn1cblxuLmFydGljbGUtaW1hZ2UuaXMtYmxhY2sge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYXJ0aWNsZS1pbWFnZS5pcy1saWdodCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5hcnRpY2xlLWltYWdlLmlzLWRhcmsge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYXJ0aWNsZS1pbWFnZS5pcy1wcmltYXJ5IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbn1cblxuLmFydGljbGUtaW1hZ2UuaXMtaW5mbyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG59XG5cbi5hcnRpY2xlLWltYWdlLmlzLXN1Y2Nlc3Mge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xufVxuXG4uYXJ0aWNsZS1pbWFnZS5pcy13YXJuaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZGQ1Nztcbn1cblxuLmFydGljbGUtaW1hZ2UuaXMtZGFuZ2VyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbn1cblxuLmFydGljbGUtaW1hZ2U6aG92ZXIgLmFydGljbGUtb3ZlcmxheSB7XG4gIG9wYWNpdHk6IDAuMjU7XG59XG5cbi5hcnRpY2xlLWltYWdlOmhvdmVyIC5hcnRpY2xlLWljb24ge1xuICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG59XG5cbi5hcnRpY2xlLWltYWdlOmhvdmVyIC5hcnRpY2xlLXRpdGxlIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgwLjkpO1xufVxuXG4uYXJ0aWNsZS1pbWFnZS5pcy1zaW5nbGUge1xuICBtYXJnaW4tYm90dG9tOiAycmVtO1xuICB3aWR0aDogMTAwJTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmFydGljbGUtaW1hZ2Uge1xuICAgIGhlaWdodDogMTgwcHg7XG4gICAgd2lkdGg6IDI0MHB4O1xuICB9XG59XG5cbi5hcnRpY2xlLW92ZXJsYXkge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogODZtcztcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xufVxuXG4uYXJ0aWNsZS1pY29uLFxuLmFydGljbGUtdGl0bGUge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDg2bXM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IHRyYW5zZm9ybTtcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xufVxuXG4uYXJ0aWNsZS1pY29uIHtcbiAgY29sb3I6ICMwYTBhMGE7XG4gIG9wYWNpdHk6IDAuMjU7XG59XG5cbi5hcnRpY2xlLWljb24gLmZhIHtcbiAgZm9udC1zaXplOiA1NnB4O1xufVxuXG4uYXJ0aWNsZS10aXRsZSB7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgZm9udC1zaXplOiAyLjVyZW07XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjI1O1xufVxuXG4uZXhhbXBsZSxcbi5zdHJ1Y3R1cmUge1xuICBib3JkZXI6IDFweCBzb2xpZCAjZmZkZDU3O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogM3B4O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xuICBwYWRkaW5nOiAxLjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmV4YW1wbGU6bm90KDpmaXJzdC1jaGlsZCksXG4uc3RydWN0dXJlOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgbWFyZ2luLXRvcDogMnJlbTtcbn1cblxuLmV4YW1wbGU6bm90KDpsYXN0LWNoaWxkKSxcbi5zdHJ1Y3R1cmU6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLmV4YW1wbGU6YmVmb3JlLFxuLnN0cnVjdHVyZTpiZWZvcmUge1xuICBiYWNrZ3JvdW5kOiAjZmZkZDU3O1xuICBib3JkZXItcmFkaXVzOiAzcHggM3B4IDAgMDtcbiAgYm90dG9tOiAxMDAlO1xuICBjb250ZW50OiBcIkV4YW1wbGVcIjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBmb250LXNpemU6IDdweDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGxlZnQ6IC0xcHg7XG4gIGxldHRlci1zcGFjaW5nOiAxcHg7XG4gIHBhZGRpbmc6IDNweCA1cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5leGFtcGxlLmlzLWZ1bGx3aWR0aCxcbiAgLnN0cnVjdHVyZS5pcy1mdWxsd2lkdGgge1xuICAgIGJvcmRlci1sZWZ0OiBub25lO1xuICAgIGJvcmRlci1yaWdodDogbm9uZTtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG59XG5cbi5leGFtcGxlICsgLmhpZ2hsaWdodCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNmZmRkNTc7XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAzcHggM3B4O1xuICBib3JkZXItdG9wOiBub25lO1xuICBtYXJnaW4tdG9wOiAtMS41cmVtO1xufVxuXG4uZXhhbXBsZSArIC5oaWdobGlnaHQ6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLmhpZ2hsaWdodCBwcmUge1xuICBtYXgtaGVpZ2h0OiA0ODBweDtcbiAgbWFyZ2luLWJvdHRvbTogMCAhaW1wb3J0YW50O1xuICBwYWRkaW5nOiAwO1xufVxuXG4uaGlnaGxpZ2h0IHByZSBjb2RlIHtcbiAgcGFkZGluZzogMS4yNWVtIDEuNWVtO1xufVxuXG4uaGlnaGxpZ2h0LWZ1bGwgLmhpZ2hsaWdodCBwcmUsXG4jbmF2YmFySnNFeGFtcGxlIC5oaWdobGlnaHQgcHJlIHtcbiAgbWF4LWhlaWdodDogbm9uZTtcbn1cblxuLnN0cnVjdHVyZSB7XG4gIGJvcmRlci1jb2xvcjogI2ZmMzg2MDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBwYWRkaW5nOiAxLjVyZW07XG59XG5cbi5zdHJ1Y3R1cmU6YmVmb3JlIHtcbiAgYmFja2dyb3VuZDogI2ZmMzg2MDtcbiAgY29sb3I6ICNmZmY7XG4gIGNvbnRlbnQ6IFwiU3RydWN0dXJlXCI7XG59XG5cbi5zdHJ1Y3R1cmUtaXRlbSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLnN0cnVjdHVyZS1pdGVtOmJlZm9yZSB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBiYWNrZ3JvdW5kOiByZ2JhKDEwLCAxMCwgMTAsIDAuNyk7XG4gIGJhY2tncm91bmQ6IHdoaXRlc21va2U7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB6LWluZGV4OiAxO1xufVxuXG4uc3RydWN0dXJlLWl0ZW06YWZ0ZXIge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29udGVudDogYXR0cih0aXRsZSk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDNweCA1cHg7XG4gIHotaW5kZXg6IDI7XG59XG5cbi5zdHJ1Y3R1cmUtaXRlbS5pcy1zdHJ1Y3R1cmUtY29udGFpbmVyIHtcbiAgcGFkZGluZzogMS41cmVtIDAuNzVyZW0gMC43NXJlbTtcbn1cblxuLnN0cnVjdHVyZS1pdGVtLmlzLXN0cnVjdHVyZS1jb250YWluZXI6YWZ0ZXIge1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiAwLjVyZW0gMC43NXJlbTtcbn1cblxuLmhpZ2hsaWdodCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmhpZ2hsaWdodCAuY29weSxcbi5oaWdobGlnaHQgLmV4cGFuZCB7XG4gIC13ZWJraXQtdG91Y2gtY2FsbG91dDogbm9uZTtcbiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1zLXVzZXItc2VsZWN0OiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIGJvcmRlcjogc29saWQgI2RiZGJkYjtcbiAgYm9yZGVyLXdpZHRoOiAwIDAgMXB4IDFweDtcbiAgY29sb3I6ICM3YTdhN2E7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3V0bGluZTogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xufVxuXG4uaGlnaGxpZ2h0IC5jb3B5OmhvdmVyLFxuLmhpZ2hsaWdodCAuZXhwYW5kOmhvdmVyIHtcbiAgYm9yZGVyLWNvbG9yOiAjZmYzODYwO1xuICBjb2xvcjogI2ZmMzg2MDtcbn1cblxuLmhpZ2hsaWdodCAuZXhwYW5kIHtcbiAgYm9yZGVyLXJpZ2h0LXdpZHRoOiAxcHg7XG4gIHJpZ2h0OiA1MHB4O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmhpZ2hsaWdodCBwcmUge1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLnNlY3Rpb246bm90KC5pcy1mdWxsd2lkdGgpID4gLmV4YW1wbGU6bm90KC5pcy1mdWxsd2lkdGgpIHtcbiAgICBtYXJnaW4tbGVmdDogMS41cmVtO1xuICAgIG1hcmdpbi1yaWdodDogMS41cmVtO1xuICB9XG4gIC5zZWN0aW9uOm5vdCguaXMtZnVsbHdpZHRoKSA+IC5leGFtcGxlOm5vdCguaXMtZnVsbHdpZHRoKSArIC5oaWdobGlnaHQge1xuICAgIG1hcmdpbi1sZWZ0OiAxLjVyZW07XG4gICAgbWFyZ2luLXJpZ2h0OiAxLjVyZW07XG4gIH1cbn1cblxuLnNlY3Rpb24uaXMtZnVsbHdpZHRoIHtcbiAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xufVxuXG4uc2VjdGlvbi5pcy1mdWxsd2lkdGggLmV4YW1wbGUge1xuICBib3JkZXItbGVmdDogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgYm9yZGVyLXJpZ2h0OiBub25lO1xuICBwYWRkaW5nOiAwO1xufVxuXG4uc2VjdGlvbi5pcy1mdWxsd2lkdGggLmV4YW1wbGUgKyAuaGlnaGxpZ2h0IHtcbiAgYm9yZGVyLWxlZnQ6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG4gIGJvcmRlci1yaWdodDogbm9uZTtcbn1cblxuLmNhbGxvdXQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHBhZGRpbmc6IDEuMjVyZW0gMi41cmVtIDEuMjVyZW0gMS41cmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5jYWxsb3V0Om5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5jYWxsb3V0LmlzLXdoaXRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uY2FsbG91dC5pcy1ibGFjayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmNhbGxvdXQuaXMtbGlnaHQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmNhbGxvdXQuaXMtZGFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uY2FsbG91dC5pcy1wcmltYXJ5IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5jYWxsb3V0LmlzLWluZm8ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzI3M2RjO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmNhbGxvdXQuaXMtc3VjY2VzcyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyM2QxNjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uY2FsbG91dC5pcy13YXJuaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZGQ1NztcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmNhbGxvdXQuaXMtZGFuZ2VyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5ic2Ege1xuICBwYWRkaW5nOiAycmVtO1xufVxuXG4uYnNhLWNwYyB7XG4gIG1pbi1oZWlnaHQ6IDFweDtcbn1cblxuI19kZWZhdWx0XyAuZGVmYXVsdC1hZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4zKTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBjb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgZm9udC1zaXplOiAxMHB4O1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgcGFkZGluZzogMCA0cHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbiNfZGVmYXVsdF8gPiBhIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKSwgMCAwIDAgMXB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBsaW5lLWhlaWdodDogMS4zNzU7XG4gIG1hcmdpbi10b3A6IDE1cHg7XG4gIG1pbi1oZWlnaHQ6IDcwcHg7XG4gIHBhZGRpbmc6IDE1cHg7XG4gIHBhZGRpbmctbGVmdDogNzBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4jX2RlZmF1bHRfID4gYTpob3ZlciwgI19kZWZhdWx0XyA+IGE6Zm9jdXMge1xuICBib3gtc2hhZG93OiAwIDJweCAzcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpLCAwIDAgMCAxcHggIzAwZDFiMjtcbn1cblxuI19kZWZhdWx0XyA+IGE6YWN0aXZlIHtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKSwgMCAwIDAgMXB4ICMwMGQxYjI7XG59XG5cbiNfZGVmYXVsdF8gPiBhIHNwYW4ge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuI19kZWZhdWx0XyA+IGEgLmRlZmF1bHQtaW1hZ2Uge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGVmdDogMTVweDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTVweDtcbiAgd2lkdGg6IDQwcHg7XG59XG5cbiNfZGVmYXVsdF8gPiBhIC5kZWZhdWx0LWltYWdlIGltZyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDQwcHg7XG4gIHdpZHRoOiA0MHB4O1xufVxuXG4jX2RlZmF1bHRfID4gYSAuZGVmYXVsdC10aXRsZSB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG59XG5cbiNfZGVmYXVsdF8gPiBhIC5kZWZhdWx0LXRpdGxlOmFmdGVyIHtcbiAgY29udGVudDogXCIg4oCUIFwiO1xufVxuXG4jX2RlZmF1bHRfID4gYSAuZGVmYXVsdC1kZXNjcmlwdGlvbiB7XG4gIGRpc3BsYXk6IGlubGluZTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5ic2EgLmNvbHVtbnMge1xuICAgIG1pbi1oZWlnaHQ6IDEyMHB4O1xuICB9XG4gICNfZGVmYXVsdF8ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB9XG4gICNfZGVmYXVsdF8gLmRlZmF1bHQtYWQge1xuICAgIGxlZnQ6IDEwMCU7XG4gICAgbWFyZ2luLWxlZnQ6IDJyZW07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgfVxuICAjX2RlZmF1bHRfID4gYSB7XG4gICAgbWFyZ2luOiAwO1xuICB9XG4gICNfZGVmYXVsdF8gPiBhOm5vdCg6bnRoLWNoaWxkKDIpKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDJyZW07XG4gIH1cbn1cblxuaHRtbC5yb3V0ZS1pbmRleCAudGl0bGUuaXMtMiB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuaHRtbC5yb3V0ZS1pbmRleCAudGl0bGUuaXMtMiBhIHtcbiAgY29sb3I6ICMyNDI0MjQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuaHRtbC5yb3V0ZS1pbmRleCAudGl0bGUuaXMtMiBhOmhvdmVyIHtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbmh0bWwucm91dGUtaW5kZXggLnRpdGxlLmlzLTIgLmljb24uaXMtbWVkaXVtIHtcbiAgbGVmdDogLTgwcHg7XG4gIG9wYWNpdHk6IDAuMTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEwcHg7XG59XG5cbmh0bWwucm91dGUtaW5kZXggLnRpdGxlLmlzLTIgLmljb24uaXMtbWVkaXVtIC5mYSB7XG4gIGZvbnQtc2l6ZTogNTZweDtcbn1cblxuaHRtbC5yb3V0ZS1pbmRleCAuaGVybyAudGl0bGUuaXMtMiBhIHtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG5odG1sLnJvdXRlLWluZGV4IC5oZXJvIC50aXRsZS5pcy0yIGE6aG92ZXIge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbmh0bWwucm91dGUtaW5kZXggLmhlcm8uaXMtcHJpbWFyeSBhLmNvbHVtbixcbmh0bWwucm91dGUtaW5kZXggLmhlcm8uaXMtcHJpbWFyeSBhLmNvbHVtbjpob3ZlciB7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuaHRtbC5yb3V0ZS1pbmRleCAuaGVyby5pcy1wcmltYXJ5IGEuY29sdW1uOmhvdmVyIC50aXRsZSBzdHJvbmcge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQ7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDk3OXB4KSB7XG4gIGh0bWwucm91dGUtaW5kZXggLnRpdGxlLmlzLTIgYSB7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICB9XG4gIGh0bWwucm91dGUtaW5kZXggLnRpdGxlLmlzLTIgLmljb24uaXMtbWVkaXVtIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG5cbjpyb290IHtcbiAgLS1wcmltYXJ5OiAjMDBkMWIyO1xuICAtLWdhcDogMC43NXJlbTtcbn1cblxuaHRtbCA6Oi1tb3otc2VsZWN0aW9uIHtcbiAgYmFja2dyb3VuZDogIzAwZDFiMjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbmh0bWwgOjpzZWxlY3Rpb24ge1xuICBiYWNrZ3JvdW5kOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cbiJdfQ== */ \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/breadcrumb/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/breadcrumb/index.html new file mode 100644 index 000000000..ab0e46fd5 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/breadcrumb/index.html @@ -0,0 +1,1039 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Breadcrumb

+

+ A simple breadcrumb component to improve your navigation experience +

+
+ + + + +
+
+ Since + 0.4.3 +
+
+ + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

The breadcrumb component only requires a .breadcrumb container and a ul list.

+

The dividers are automatically created in the content of the ::before pseudo-element of li tags.

+

You can inform the current page using the is-active modifier in a li tag. It will disable the navigation of inner links.

+
+ +
+
+ + + +
+ + 
<nav class="breadcrumb" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

Alignment

+
+

For alternative alignments, use the is-centered and is-right modifiers on the .breadcrumb container.

+
+ + +
+ + + +
+ + + 
<nav class="breadcrumb is-centered" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-right" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

Icons

+ +
+

You can use any of the Font Awesome icons.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#"><span class="icon is-small"><i class="fa fa-home"></i></span><span>Bulma</span></a></li>
+    <li><a href="#"><span class="icon is-small"><i class="fa fa-book"></i></span><span>Documentation</span></a></li>
+    <li><a href="#"><span class="icon is-small"><i class="fa fa-puzzle-piece"></i></span><span>Components</span></a></li>
+    <li class="is-active"><a href="#" aria-current="page"><span class="icon is-small"><i class="fa fa-thumbs-up" aria-hidden="true"></i></span><span>Breadcrumb</span></a></li>
+  </ul>
+</nav>
+ +
+ +

Alternative separators

+
+

You can choose between 4 additional separators: has-arrow-separator has-bullet-separator has-dot-separator and has-succeeds-separator.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb has-arrow-separator" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-bullet-separator" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-dot-separator" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-succeeds-separator" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

+ Sizes + + # + +

+ + +
+

You can choose between 3 additional sizes: is-small is-medium and is-large.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb is-small" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-medium" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-large" aria-label="breadcrumbs">
+  <ul>
+    <li><a href="#">Bulma</a></li>
+    <li><a href="#">Documentation</a></li>
+    <li><a href="#">Components</a></li>
+    <li class="is-active"><a href="#" aria-current="page">Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $breadcrumb-item-color + + $text-light +
+ $breadcrumb-item-hover-color + + $link-hover +
+ $breadcrumb-item-active-color + + $text-strong +
+ $breadcrumb-item-separator-color + + $text +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/card/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/card/index.html new file mode 100644 index 000000000..9be2da13d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/card/index.html @@ -0,0 +1,972 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Card

+

An all-around flexible and composable component

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

The card component comprises several elements that you can mix and match:

+
    +
  • + card: the main container +
      +
    • + card-header: a horizontal bar with a shadow +
        +
      • + card-header-title: a left-aligned bold text +
        • +
      • + card-header-icon: a placeholder for an icon +
        • +
      +
      • +
    • + card-image: a fullwidth container for a reponsive image +
      • +
    • + card-content: a multi-purpose container for any other element +
      • +
    • + card-footer: a horizontal list of controls +
        +
      • + card-footer-item: a repeatable list item +
        • +
      +
      • +
    +
    • +
+
+ +
+ +
+
+ +
+
+
+ Image +
+
+
+
+
+
+ Image +
+
+
+

John Smith

+

@johnsmith

+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Phasellus nec iaculis mauris. @bulmaio. + #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+
+ +
+
+ 
<div class="card">
+  <div class="card-image">
+    <figure class="image is-4by3">
+      <img src="http://bulma.io/versions/0.5.0/images/placeholders/1280x960.png" alt="Image">
+    </figure>
+  </div>
+  <div class="card-content">
+    <div class="media">
+      <div class="media-left">
+        <figure class="image is-48x48">
+          <img src="http://bulma.io/versions/0.5.0/images/placeholders/96x96.png" alt="Image">
+        </figure>
+      </div>
+      <div class="media-content">
+        <p class="title is-4">John Smith</p>
+        <p class="subtitle is-6">@johnsmith</p>
+      </div>
+    </div>
+
+    <div class="content">
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+      Phasellus nec iaculis mauris. <a>@bulmaio</a>.
+      <a>#css</a> <a>#responsive</a>
+      <br>
+      <small>11:09 PM - 1 Jan 2016</small>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +
+
+ +
+
+

+ Component +

+ + + + + +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. + @bulmaio. #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+ +
+ +
+
+ 
<div class="card">
+  <header class="card-header">
+    <p class="card-header-title">
+      Component
+    </p>
+    <a class="card-header-icon">
+      <span class="icon">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </header>
+  <div class="card-content">
+    <div class="content">
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
+      <a>@bulmaio</a>. <a>#css</a> <a>#responsive</a>
+      <br>
+      <small>11:09 PM - 1 Jan 2016</small>
+    </div>
+  </div>
+  <footer class="card-footer">
+    <a class="card-footer-item">Save</a>
+    <a class="card-footer-item">Edit</a>
+    <a class="card-footer-item">Delete</a>
+  </footer>
+</div>
+
+
+ +
+ +
+
+ +
+
+

+ “There are two hard things in computer science: cache invalidation, naming things, and off-by-one errors.” +

+

+ Jeff Atwood +

+
+ +
+ +
+
+ 
<div class="card">
+  <div class="card-content">
+    <p class="title">
+      “There are two hard things in computer science: cache invalidation, naming things, and off-by-one errors.”
+    </p>
+    <p class="subtitle">
+      Jeff Atwood
+    </p>
+  </div>
+  <footer class="card-footer">
+    <p class="card-footer-item">
+      <span>
+        View on <a href="https://twitter.com/codinghorror/status/506010907021828096">Twitter</a>
+      </span>
+    </p>
+    <p class="card-footer-item">
+      <span>
+        Share on <a href="#">Facebook</a>
+      </span>
+    </p>
+  </footer>
+</div>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $card-color + + $text +
+ $card-background-color + + $white +
+ $card-shadow + + 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) +
+ $card-header-color + + $text-strong +
+ $card-header-shadow + + 0 1px 2px rgba($black, 0.1) +
+ $card-header-weight + + $weight-bold +
+ $card-footer-border-top + + 1px solid $border +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/dropdown/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/dropdown/index.html new file mode 100644 index 000000000..1bebb1759 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/dropdown/index.html @@ -0,0 +1,1225 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + +
+
+ +

Dropdown

+

+ An interactive dropdown menu for discoverable content +

+
+ + +
+
+ New! +
+
+ + + +
+
+ Since + 0.4.4 +
+
+ + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

+ The dropdown component is a container for a dropdown button and a dropdown menu. +

+
    +
  • + dropdown the main container +
      +
    • + dropdown-trigger the container for a button +
      • +
    • + dropdown-menu the toggable menu, hidden by default +
        +
      • + dropdown-content the dropdown box, with a white background and a shadow +
          +
        • + dropdown-item each single item of the dropdown, which can either be a a or a div +
          • +
        • + dropdown-divider a horizontal line to separate dropdown items +
          • +
        +
        • +
      +
      • +
    +
    • +
+
+ +
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="dropdown is-active">
+  <div class="dropdown-trigger">
+    <button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
+      <span>Dropdown button</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down" aria-hidden="true"></i>
+      </span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="dropdown-menu" role="menu">
+    <div class="dropdown-content">
+      <a href="#" class="dropdown-item">
+        Dropdown item
+      </a>
+      <a class="dropdown-item">
+        Other dropdown item
+      </a>
+      <a href="#" class="dropdown-item is-active">
+        Active dropdown item
+      </a>
+      <a href="#" class="dropdown-item">
+        Other dropdown item
+      </a>
+      <hr class="dropdown-divider">
+      <a href="#" class="dropdown-item">
+        With a divider
+      </a>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Dropdown content +

+ +
+

+ While the dropdown-item can be used as an anchor link <a>, you can also use a <div> and insert almost any type of content. +

+
+ +
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="dropdown is-active">
+  <div class="dropdown-trigger">
+    <button class="button is-info" aria-haspopup="true" aria-controls="dropdown-menu2">
+      <span>Content</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down" aria-hidden="true"></i>
+      </span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="dropdown-menu2" role="menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>You can insert <strong>any type of content</strong> within the dropdown menu.</p>
+      </div>
+      <hr class="dropdown-divider">
+      <div class="dropdown-item">
+        <p>You simply need to use a <code>&lt;div&gt;</code> instead.</p>
+      </div>
+      <hr class="dropdown-divider">
+      <a href="#" class="dropdown-item">
+        This is a link
+      </a>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Hoverable or Toggable +

+ +
+

+ The dropdown component has 2 additional modifiers +

+
    +
  • + is-hoverable: the dropdown will show up when hovering the dropdown-trigger +
    • +
  • + is-active: the dropdown will show up all the time +
    • +
+
+ +
+

+ While the CSS :hover implementation works perfectly, the is-active class is available for users who want to control the display of the dropdown with JavaScript. +

+
+ +
+
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ 
<div class="dropdown">
+  <div class="dropdown-trigger">
+    <button class="button is-primary" aria-haspopup="true" aria-controls="dropdown-menu3">
+      <span>Click me</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down" aria-hidden="true"></i>
+      </span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="dropdown-menu3" role="menu">
+    <div class="dropdown-content">
+      <a href="#" class="dropdown-item">
+        Overview
+      </a>
+      <a href="#" class="dropdown-item">
+        Modifiers
+      </a>
+      <a href="#" class="dropdown-item">
+        Grid
+      </a>
+      <a href="#" class="dropdown-item">
+        Form
+      </a>
+      <a href="#" class="dropdown-item">
+        Elements
+      </a>
+      <a href="#" class="dropdown-item">
+        Components
+      </a>
+      <a href="#" class="dropdown-item">
+        Layout
+      </a>
+      <hr class="dropdown-divider">
+      <a href="#" class="dropdown-item">
+        More
+      </a>
+    </div>
+  </div>
+</div>
+
+<div class="dropdown is-hoverable">
+  <div class="dropdown-trigger">
+    <button class="button is-info" aria-haspopup="true" aria-controls="dropdown-menu4">
+      <span>Hover me</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down" aria-hidden="true"></i>
+      </span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="dropdown-menu4" role="menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>You can insert <strong>any type of content</strong> within the dropdown menu.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Right aligned +

+ +
+

+ You can add the is-right modifier to have a right-aligned dropdown. +

+
+ +
+
+
+
+
+ +
+
+ +
+ +
+ +
+
+
+
+ +
+
+ +
+ +
+ +
+
+
+
+
+ 
<div class="dropdown is-right is-active">
+  <div class="dropdown-trigger">
+    <button class="button is-info" aria-haspopup="true" aria-controls="dropdown-menu6">
+      <span>Right aligned</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down" aria-hidden="true"></i>
+      </span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="dropdown-menu6" role="menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>Add the <code>is-right</code> modifier for a <strong>right-aligned</strong> dropdown.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $dropdown-content-background-color + + $white +
+ $dropdown-content-arrow + + $link +
+ $dropdown-content-offset + + 4px +
+ $dropdown-content-radius + + $radius +
+ $dropdown-content-shadow + + 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) +
+ $dropdown-content-z + + 20 +
+ $dropdown-item-color + + $grey-dark +
+ $dropdown-item-hover-color + + $black +
+ $dropdown-item-hover-background-color + + $background +
+ $dropdown-item-active-color + + $primary-invert +
+ $dropdown-item-active-background-color + + $primary +
+ $dropdown-divider-background-color + + $border +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/level/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/level/index.html new file mode 100644 index 000000000..6f5682ca0 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/level/index.html @@ -0,0 +1,948 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Level

+

A multi-purpose horizontal level, which can contain almost any other element

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

The structure of a level is the following:

+
    +
  • + level: main container +
      +
    • level-left for the left side. This element is required, even if it is empty
      • +
    • + level-right for the right side +
        +
      • level-item for each individual element
        • +
      +
      • +
    +
    • +
+

In a level-item, you can then insert almost anything you want: a title, a button, a text input, or just simple text. No matter what elements you put inside a Bulma level, they will always be vertically centered.

+
+ +
+ +
+ + +
+ + + + +
+
<!-- Main container -->
+<nav class="level">
+  <!-- Left side -->
+  <div class="level-left">
+    <div class="level-item">
+      <p class="subtitle is-5">
+        <strong>123</strong> posts
+      </p>
+    </div>
+    <div class="level-item">
+      <div class="field has-addons">
+        <p class="control">
+          <input class="input" type="text" placeholder="Find a post">
+        </p>
+        <p class="control">
+          <button class="button">
+            Search
+          </button>
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <!-- Right side -->
+  <div class="level-right">
+    <p class="level-item"><strong>All</strong></p>
+    <p class="level-item"><a>Published</a></p>
+    <p class="level-item"><a>Drafts</a></p>
+    <p class="level-item"><a>Deleted</a></p>
+    <p class="level-item"><a class="button is-success">New</a></p>
+  </div>
+</nav>
+ +
+ +

Centered level

+
+ If you want a centered level, you can use as many level-item as you want, as long as they are direct children of the level container. +
+ + +
+ + + +
+
<nav class="level">
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Tweets</p>
+      <p class="title">3,456</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Following</p>
+      <p class="title">123</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Followers</p>
+      <p class="title">456K</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Likes</p>
+      <p class="title">789</p>
+    </div>
+  </div>
+</nav>
+
+ + + +
+
<nav class="level">
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Home</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Menu</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <img src="http://bulma.io/versions/0.5.0/images/bulma-type.png" alt="" style="height: 30px;">
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Reservations</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Contact</a>
+  </p>
+</nav>
+ +
+ +

Mobile level

+
+ By default, for space concerns, the level is vertical on mobile. If you want the level to be horizontal on mobile as well, add the is-mobile modifier on the level container. +
+ +
+ + + +
+
<nav class="level is-mobile">
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Tweets</p>
+      <p class="title">3,456</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Following</p>
+      <p class="title">123</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Followers</p>
+      <p class="title">456K</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Likes</p>
+      <p class="title">789</p>
+    </div>
+  </div>
+</nav>
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/media-object/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/media-object/index.html new file mode 100644 index 000000000..bbe2e3779 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/media-object/index.html @@ -0,0 +1,1002 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Media Object

+

The famous media object prevalent in social media interfaces, but useful in any context

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

The media object is a UI element perfect for repeatable and nestable content.

+
+ +
+
+
+

+ +

+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+ +
+
+
+ + +
+ +
+
+

+ +

+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+ +
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.5.0/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="content">
+      <p>
+        <strong>John Smith</strong> <small>@johnsmith</small> <small>31m</small>
+        <br>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
+      </p>
+    </div>
+    <nav class="level is-mobile">
+      <div class="level-left">
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-reply"></i></span>
+        </a>
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-retweet"></i></span>
+        </a>
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-heart"></i></span>
+        </a>
+      </div>
+    </nav>
+  </div>
+  <div class="media-right">
+    <button class="delete"></button>
+  </div>
+</article>
+ +
+

You can include any other Bulma element, like inputs, textareas, icons, buttons... or even a nav bar.

+
+ + +
+ +
+
+

+ +

+
+
+
+

+ +

+
+ +
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.5.0/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="field">
+      <p class="control">
+        <textarea class="textarea" placeholder="Add a comment..."></textarea>
+      </p>
+    </div>
+    <nav class="level">
+      <div class="level-left">
+        <div class="level-item">
+          <a class="button is-info">Submit</a>
+        </div>
+      </div>
+      <div class="level-right">
+        <div class="level-item">
+          <label class="checkbox">
+            <input type="checkbox"> Press enter to submit
+          </label>
+        </div>
+      </div>
+    </nav>
+  </div>
+</article>
+ +
+ +

Nesting

+
+

You can nest media objects up to 3 levels deep.

+
+ +
+ +
+
+

+ +

+
+
+
+

+ Barbara Middleton +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta eros lacus, nec ultricies elit blandit non. Suspendisse pellentesque mauris sit amet dolor blandit rutrum. Nunc in tempus turpis. +
+ Like · Reply · 3 hrs +

+
+ +
+
+

+ +

+
+
+
+

+ Sean Brown +
+ Donec sollicitudin urna eget eros malesuada sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam blandit nisl a nulla sagittis, a lobortis leo feugiat. +
+ Like · Reply · 2 hrs +

+
+ +
+ Vivamus quis semper metus, non tincidunt dolor. Vivamus in mi eu lorem cursus ullamcorper sit amet nec massa. +
+ +
+ Morbi vitae diam et purus tincidunt porttitor vel vitae augue. Praesent malesuada metus sed pharetra euismod. Cras tellus odio, tincidunt iaculis diam non, porta aliquet tortor. +
+
+
+ +
+
+

+ +

+
+
+
+

+ Kayli Eunice +
+ Sed convallis scelerisque mauris, non pulvinar nunc mattis vel. Maecenas varius felis sit amet magna vestibulum euismod malesuada cursus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lacinia non nisl id feugiat. +
+ Like · Reply · 2 hrs +

+
+
+
+
+
+
+
+

+ +

+
+
+
+

+ +

+
+
+

+ +

+
+
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.5.0/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="content">
+      <p>
+        <strong>Barbara Middleton</strong>
+        <br>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta eros lacus, nec ultricies elit blandit non. Suspendisse pellentesque mauris sit amet dolor blandit rutrum. Nunc in tempus turpis.
+        <br>
+        <small><a>Like</a> · <a>Reply</a> · 3 hrs</small>
+      </p>
+    </div>
+
+    <article class="media">
+      <figure class="media-left">
+        <p class="image is-48x48">
+          <img src="http://bulma.io/versions/0.5.0/images/placeholders/96x96.png">
+        </p>
+      </figure>
+      <div class="media-content">
+        <div class="content">
+          <p>
+            <strong>Sean Brown</strong>
+            <br>
+            Donec sollicitudin urna eget eros malesuada sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam blandit nisl a nulla sagittis, a lobortis leo feugiat.
+            <br>
+            <small><a>Like</a> · <a>Reply</a> · 2 hrs</small>
+          </p>
+        </div>
+
+        <article class="media">
+          Vivamus quis semper metus, non tincidunt dolor. Vivamus in mi eu lorem cursus ullamcorper sit amet nec massa.
+        </article>
+
+        <article class="media">
+          Morbi vitae diam et purus tincidunt porttitor vel vitae augue. Praesent malesuada metus sed pharetra euismod. Cras tellus odio, tincidunt iaculis diam non, porta aliquet tortor.
+        </article>
+      </div>
+    </article>
+
+    <article class="media">
+      <figure class="media-left">
+        <p class="image is-48x48">
+          <img src="http://bulma.io/versions/0.5.0/images/placeholders/96x96.png">
+        </p>
+      </figure>
+      <div class="media-content">
+        <div class="content">
+          <p>
+            <strong>Kayli Eunice </strong>
+            <br>
+            Sed convallis scelerisque mauris, non pulvinar nunc mattis vel. Maecenas varius felis sit amet magna vestibulum euismod malesuada cursus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lacinia non nisl id feugiat.
+            <br>
+            <small><a>Like</a> · <a>Reply</a> · 2 hrs</small>
+          </p>
+        </div>
+      </div>
+    </article>
+  </div>
+</article>
+<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.5.0/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="field">
+      <p class="control">
+        <textarea class="textarea" placeholder="Add a comment..."></textarea>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control">
+        <button class="button">Post comment</button>
+      </p>
+    </div>
+  </div>
+</article>
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/menu/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/menu/index.html new file mode 100644 index 000000000..9af5b30fb --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/menu/index.html @@ -0,0 +1,835 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Menu

+

A simple menu, for any type of vertical navigation

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+ + + +
+
+ 
<aside class="menu">
+  <p class="menu-label">
+    General
+  </p>
+  <ul class="menu-list">
+    <li><a>Dashboard</a></li>
+    <li><a>Customers</a></li>
+  </ul>
+  <p class="menu-label">
+    Administration
+  </p>
+  <ul class="menu-list">
+    <li><a>Team Settings</a></li>
+    <li>
+      <a class="is-active">Manage Your Team</a>
+      <ul>
+        <li><a>Members</a></li>
+        <li><a>Plugins</a></li>
+        <li><a>Add a member</a></li>
+      </ul>
+    </li>
+    <li><a>Invitations</a></li>
+    <li><a>Cloud Storage Environment Settings</a></li>
+    <li><a>Authentication</a></li>
+  </ul>
+  <p class="menu-label">
+    Transactions
+  </p>
+  <ul class="menu-list">
+    <li><a>Payments</a></li>
+    <li><a>Transfers</a></li>
+    <li><a>Balance</a></li>
+  </ul>
+</aside>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $menu-item-color + + $text +
+ $menu-item-radius + + $radius-small +
+ $menu-item-hover-color + + $text-strong +
+ $menu-item-hover-background-color + + $background +
+ $menu-item-active-color + + $link-invert +
+ $menu-item-active-background-color + + $link +
+ $menu-list-border-left + + 1px solid $border +
+ $menu-label-color + + $text-light +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/message/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/message/index.html new file mode 100644 index 000000000..53678c13c --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/message/index.html @@ -0,0 +1,1165 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + +
+
+

Messages

+

+ Colored message blocks, to emphasize part of your page +

+
+ + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+ +
+
+

Hello World

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+ 
<article class="message">
+  <div class="message-header">
+    <p>Hello World</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ +
+
+

Dark

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Primary

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Info

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Success

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Warning

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Danger! Learn more

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+ 
<article class="message is-dark">
+  <div class="message-header">
+    <p>Dark</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-primary">
+  <div class="message-header">
+    <p>Primary</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-info">
+  <div class="message-header">
+    <p>Info</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-success">
+  <div class="message-header">
+    <p>Success</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-warning">
+  <div class="message-header">
+    <p>Warning</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-danger">
+  <div class="message-header">
+    <p><strong>Danger</strong>! <a>Learn more</a></p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+ +

Message body only

+
+

You can omit the message header:

+
+
+
+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+ 
<article class="message">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-dark">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-primary">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-info">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-success">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-warning">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-danger">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ +
+
+

Small message

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. +
+
+ +
+
+ 
<article class="message is-small">
+  <div class="message-header">
+    <p>Small message</p>
+    <button class="delete is-small"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
+  </div>
+</article>
+
+
+ +
+
+ +
+
+

Normal message

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. +
+
+ +
+
+ 
<article class="message">
+  <div class="message-header">
+    <p>Normal message</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
+  </div>
+</article>
+
+
+ +
+
+ +
+
+

Medium message

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. +
+
+ +
+
+ 
<article class="message is-medium">
+  <div class="message-header">
+    <p>Medium message</p>
+    <button class="delete is-medium"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
+  </div>
+</article>
+
+
+ +
+
+ +
+
+

Large message

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. +
+
+ +
+
+ 
<article class="message is-large">
+  <div class="message-header">
+    <p>Large message</p>
+    <button class="delete is-large"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
+  </div>
+</article>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $message-background-color + + $background +
+ $message-radius + + $radius +
+ $message-header-background-color + + $text +
+ $message-header-color + + $text-invert +
+ $message-header-padding + + 0.5em 0.75em +
+ $message-header-radius + + $radius +
+ $message-body-border + + 1px solid $border +
+ $message-body-color + + $text +
+ $message-body-padding + + 1em 1.25em +
+ $message-body-radius + + $radius +
+ $message-body-pre-background-color + + $white +
+ $message-body-pre-code-background-color + + transparent +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/modal/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/modal/index.html new file mode 100644 index 000000000..61795add8 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/modal/index.html @@ -0,0 +1,1072 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Modal

+

A classic modal overlay, in which you can include any content you want

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

The modal structure is very simple:

+
    +
  • + modal: the main container +
      +
    • + modal-background: a transparent overlay that can act as a click target to close the modal +
      • +
    • + modal-content: a horizontally and verticaly centered container, with a maximum width of 640px, in which you can include any content +
      • +
    • + modal-close: a simple cross located in the top right corner +
      • +
    +
    • +
+

+ Launch example modal +

+
+ + 
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-content">
+    <!-- Any other Bulma elements you want -->
+  </div>
+  <button class="modal-close is-large"></button>
+</div>
+ +
+

To activate the modal, just add the is-active modifier on the .modal container

+
+ +
+
+ No JavaScript +
+
+ Bulma does not include any JavaScript interaction. You will have to implement the class toggle yourself. +
+
+ +
+ +

Image modal

+ +
+

Because a modal can contain anything you want, you can very simply use it to build an image gallery for example:

+

+ Launch image modal +

+
+ + 
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-content">
+    <p class="image is-4by3">
+      <img src="http://bulma.io/versions/0.5.0/images/placeholders/1280x960.png">
+    </p>
+  </div>
+  <button class="modal-close is-large"></button>
+</div>
+ +
+ +

Modal card

+ +
+

If you want a more classic modal, with a head, a body and a foot, use the modal-card.

+

+ Launch modal card +

+
+ + 
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-card">
+    <header class="modal-card-head">
+      <p class="modal-card-title">Modal title</p>
+      <button class="delete"></button>
+    </header>
+    <section class="modal-card-body">
+      <!-- Content ... -->
+    </section>
+    <footer class="modal-card-foot">
+      <a class="button is-success">Save changes</a>
+      <a class="button">Cancel</a>
+    </footer>
+  </div>
+</div>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $modal-z + + 20 +
+ $modal-background-background-color + + rgba($black, 0.86) +
+ $modal-content-width + + 640px +
+ $modal-content-margin-mobile + + 20px +
+ $modal-content-spacing-mobile + + 160px +
+ $modal-content-spacing-tablet + + 40px +
+ $modal-close-dimensions + + 40px +
+ $modal-close-right + + 20px +
+ $modal-close-top + + 20px +
+ $modal-card-spacing + + 40px +
+ $modal-card-head-background-color + + $background +
+ $modal-card-head-border-bottom + + 1px solid $border +
+ $modal-card-head-padding + + 20px +
+ $modal-card-head-radius + + $radius-large +
+ $modal-card-title-color + + $text-strong +
+ $modal-card-title-line-height + + 1 +
+ $modal-card-title-size + + $size-4 +
+ $modal-card-foot-radius + + $radius-large +
+ $modal-card-foot-border-top + + 1px solid $border +
+ $modal-card-body-background-color + + $white +
+ $modal-card-body-padding + + 20px +
+ + +
+
+ + + + + + + + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/nav/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/nav/index.html new file mode 100644 index 000000000..d7c48b6be --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/nav/index.html @@ -0,0 +1,873 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+ + +
+
+

This component has been deprecated and will be deleted soon.

+
+
+ +
+
+

While both .nav and .navbar currently co-exist to ensure backwards compatibility, the .nav will probably be deleted in an upcoming update, so you should start using the new navbar instead.

+
+
+ + +

Nav

+

+ A responsive horizontal nav bar that can contain links, tabs, buttons, icons, and a logo +

+ +
+ +
+

+ The nav container can have 3 parts: +

+
    +
  • nav-left
    • +
  • nav-center
    • +
  • nav-right
    • +
+

+ Each nav item needs to be wrapped in a nav-item element. +

+

+ For responsiveness, 2 additional classes are available: +

+
    +
  • nav-toggle for the hamburger menu on mobile
    • +
  • nav-menu for menu that is collapsable on mobile (you can combine it with nav-right)
    • +
  • toggle is-active on nav-toggle and nav-menu when nav-toggle was clicked
    • +
+
+ + + +
+ + + +
+ +
<nav class="nav">
+  <div class="nav-left">
+    <a class="nav-item">
+      <img src="http://bulma.io/versions/0.5.0/images/bulma-logo.png" alt="Bulma logo">
+    </a>
+  </div>
+
+  <div class="nav-center">
+    <a class="nav-item">
+      <span class="icon">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+    <a class="nav-item">
+      <span class="icon">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+  </div>
+
+  <!-- This "nav-toggle" hamburger menu is only visible on mobile -->
+  <!-- You need JavaScript to toggle the "is-active" class on "nav-menu" -->
+  <span class="nav-toggle">
+    <span></span>
+    <span></span>
+    <span></span>
+  </span>
+
+  <!-- This "nav-menu" is hidden on mobile -->
+  <!-- Add the modifier "is-active" to display it on mobile -->
+  <div class="nav-right nav-menu">
+    <a class="nav-item">
+      Home
+    </a>
+    <a class="nav-item">
+      Documentation
+    </a>
+    <a class="nav-item">
+      Blog
+    </a>
+
+    <div class="nav-item">
+      <div class="field is-grouped">
+        <p class="control">
+          <a class="button" >
+            <span class="icon">
+              <i class="fa fa-twitter"></i>
+            </span>
+            <span>Tweet</span>
+          </a>
+        </p>
+        <p class="control">
+          <a class="button is-primary">
+            <span class="icon">
+              <i class="fa fa-download"></i>
+            </span>
+            <span>Download</span>
+          </a>
+        </p>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ +

Modifiers

+ +
+
    +
  • the nav container can have a shadow by adding the has-shadow modifier
    • +
  • the nav-item can become active by adding the is-active modifier
    • +
  • the nav-item can become a tab by adding the is-tab modifier
    • +
+

+ To optimise the space on desktop, but also allow the mobile view to be usable, you can duplicate nav items in both nav-left and nav-right, and show/hide them with responsive helpers. +

+
+
+ + + +
+ + + +
+ +
<nav class="nav has-shadow">
+  <div class="container">
+    <div class="nav-left">
+      <a class="nav-item">
+        <img src="http://bulma.io/versions/0.5.0/images/bulma-logo.png" alt="Bulma logo">
+      </a>
+      <a class="nav-item is-tab is-hidden-mobile is-active">Home</a>
+      <a class="nav-item is-tab is-hidden-mobile">Features</a>
+      <a class="nav-item is-tab is-hidden-mobile">Pricing</a>
+      <a class="nav-item is-tab is-hidden-mobile">About</a>
+    </div>
+    <span class="nav-toggle">
+      <span></span>
+      <span></span>
+      <span></span>
+    </span>
+    <div class="nav-right nav-menu">
+      <a class="nav-item is-tab is-hidden-tablet is-active">Home</a>
+      <a class="nav-item is-tab is-hidden-tablet">Features</a>
+      <a class="nav-item is-tab is-hidden-tablet">Pricing</a>
+      <a class="nav-item is-tab is-hidden-tablet">About</a>
+      <a class="nav-item is-tab">
+        <figure class="image is-16x16" style="margin-right: 8px;">
+          <img src="http://bulma.io/versions/0.5.0/images/jgthms.png">
+        </figure>
+        Profile
+      </a>
+      <a class="nav-item is-tab">Log out</a>
+    </div>
+  </div>
+</nav>
+ +
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/navbar/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/navbar/index.html new file mode 100644 index 000000000..c5e0fee0d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/navbar/index.html @@ -0,0 +1,2732 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Navbar

+

+ A responsive horizontal navbar that can supports images, links, buttons, and dropdowns +

+
+ + +
+
+ New! +
+
+ + + +
+
+ Since + 0.4.3 +
+
+ + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+

The new navbar replaces the deprecated nav component, whose documentation you can still access temporarily here.

+
+
+ +
+

+ The navbar component is a responsive and versatile horizontal navigation bar with the following structure: +

+
    +
  • + navbar the main container +
      +
    • + navbar-brand the left side, always visible, which usually contains the logo and optionally some links or icons +
        +
      • + navbar-burger the hamburger icon, which toggles the navbar menu on touch devices +
        • +
      +
      • +
    • + navbar-menu the right side, hidden on touch devices, visible on desktop +
        +
      • + navbar-start the left part of the menu, which appears next to the navbar brand on desktop +
        • +
      • + navbar-end the right part of the menu, which appears at the end of the navbar +
          +
        • + navbar-item each single item of the navbar, which can either be a a or a div +
            +
          • + navbar-link a link as the sibling of a dropdown, with an arrow +
            • +
          • + navbar-dropdown the dropdown menu, which can include navbar items and dividers +
              +
            • + navbar-divider a horizontal line to separate navbar items +
              • +
            +
            • +
          +
          • +
        +
        • +
      +
      • +
    +
    • +
+
+ +
+ + + + +
+ + 
<nav class="navbar ">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.5.0">
+      <img src="http://bulma.io/versions/0.5.0/images/bulma-logo.png" alt="Bulma v0.5.0: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://github.com/jgthms/bulma" target="_blank">
+      <span class="icon" style="color: #333;">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://twitter.com/jgthms" target="_blank">
+      <span class="icon" style="color: #55acee;">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+
+    <div class="navbar-burger burger" data-target="navMenuExample">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+
+  <div id="navMenuExample" class="navbar-menu">
+    <div class="navbar-start">
+      <a class="navbar-item " href="http://bulma.io/versions/0.5.0/">
+        Home
+      </a>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link  is-active" href="/versions/0.5.0/documentation/overview/start/">
+          Docs
+        </a>
+        <div class="navbar-dropdown ">
+          <a class="navbar-item " href="/versions/0.5.0/documentation/overview/start/">
+            Overview
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/documentation/modifiers/syntax/">
+            Modifiers
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/documentation/grid/columns/">
+            Grid
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/documentation/form/general/">
+            Form
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/documentation/elements/box/">
+            Elements
+          </a>
+          
+            <a class="navbar-item is-active" href="http://bulma.io/versions/0.5.0/documentation/components/breadcrumb/">
+              Components
+            </a>
+          
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/documentation/layout/container/">
+            Layout
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div>
+              <p class="is-size-6-desktop">
+                <strong class="has-text-info">0.5.0</strong>
+              </p>
+              
+                <small>
+                  <a class="view-all-versions" href="/versions">View all versions</a>
+                </small>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link " href="http://bulma.io/versions/0.5.0/blog/">
+          Blog
+        </a>
+        <div id="blogDropdown" class="navbar-dropdown " data-style="width: 18rem;">
+          
+            <a class="navbar-item" href="/2017/07/24/access-previous-bulma-versions/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">24 Jul 2017</small>
+                </p>
+                <p>Access previous Bulma versions</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2017/03/10/new-field-element/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">10 Mar 2017</small>
+                </p>
+                <p>New field element (for better controls)</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2016/04/11/metro-ui-css-grid-with-bulma-tiles/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">11 Apr 2016</small>
+                </p>
+                <p>Metro UI CSS grid with Bulma tiles</p>
+              </div>
+            </a>
+          
+          <a class="navbar-item" href="http://bulma.io/versions/0.5.0/blog/">
+            More posts
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div class="navbar-content">
+              <div class="level is-mobile">
+                <div class="level-left">
+                  <div class="level-item">
+                    <strong>Stay up to date!</strong>
+                  </div>
+                </div>
+                <div class="level-right">
+                  <div class="level-item">
+                    <a class="button is-rss is-small" href="http://bulma.io/versions/0.5.0/atom.xml">
+                      <span class="icon is-small">
+                        <i class="fa fa-rss"></i>
+                      </span>
+                      <span>Subscribe</span>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <div class="navbar-link">
+          More
+        </div>
+        <div id="moreDropdown" class="navbar-dropdown ">
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/extensions/">
+            <div class="level is-mobile">
+              <div class="level-left">
+                <div class="level-item">
+                  <p>
+                    <strong>Extensions</strong>
+                    <br>
+                    <small>Side projects to enhance Bulma</small>
+                  </p>
+                </div>
+              </div>
+              <div class="level-right">
+                <div class="level-item">
+                  <span class="icon has-text-info">
+                    <i class="fa fa-plug"></i>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+
+    <div class="navbar-end">
+      <a class="navbar-item" href="https://github.com/jgthms/bulma" target="_blank">
+        Github
+      </a>
+      <a class="navbar-item" href="https://twitter.com/jgthms" target="_blank">
+        Twitter
+      </a>
+      <div class="navbar-item">
+        <div class="field is-grouped">
+          <p class="control">
+            <a id="twitter"
+              class="button"
+              data-social-network="Twitter"
+              data-social-action="tweet"
+              data-social-target="http://bulma.io/versions/0.5.0"
+              target="_blank"
+              href="https://twitter.com/intent/tweet?text=Bulma v0.5.0: a modern CSS framework based on Flexbox&url=http://bulma.io/versions/0.5.0&via=jgthms">
+              <span class="icon">
+                <i class="fa fa-twitter"></i>
+              </span>
+              <span>Tweet</span>
+            </a>
+          </p>
+          <p class="control">
+            <a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.5.0.zip">
+              <span class="icon">
+                <i class="fa fa-download"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ +

Navbar brand

+ +
+

+ The navbar-brand is the left side of the navbar. It can contain: +

+
    +
  • + a number of navbar-item +
    • +
  • + the navbar-burger as last child +
    • +
+
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <!-- navbar items, navbar burger ... -->
+  </div>
+</nav>
+ +
+

+ The navbar brand is always visible: on both touch devices < 1008px + and desktop >= 1008px +. As a result, it is recommended to only use a few navbar items to avoid overflowing horizontally on small devices. +

+
+ +
+ + + +
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.5.0">
+      <img src="http://bulma.io/versions/0.5.0/images/bulma-logo.png" alt="Bulma v0.5.0: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <div class="navbar-burger">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+</nav>
+ +
+

+ On desktop >= 1008px +, the navbar brand will only take up the space it needs. +

+
+ +
+ +

Navbar burger

+ +
+

+ The navbar-burger is a hamburger menu that only appears on mobile. It has to appear as the last child of navbar-brand. +

+
+ +
+
+ + + +
+
+ + 
<div class="navbar-burger">
+  <span></span>
+  <span></span>
+  <span></span>
+</div>
+ +
+

+ You can add the modifier class is-active to turn it into a cross. +

+
+ +
+
+ + + +
+
+ +
+ +

Navbar menu

+ +
+

+ The navbar-menu is the counterpart of the navbar brand. As such, it must appear as a direct child of navbar, as a sibling of navbar-brand. +

+
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <!-- navbar items, nav burger ... -->
+  </div>
+  <div class="navbar-menu">
+    <!-- navbar start, navbar end -->
+  </div>
+</nav>
+ +
+

+ The navbar-menu is hidden on touch devices < 1008px +. You need to add the modifier class is-active to display it. +

+
+ + 
<div class="navbar-menu">
+  <!-- hidden on mobile -->
+</div>
+
+<div class="navbar-menu is-active">
+  <!-- shown on mobile -->
+</div>
+ +
+

+ On desktop >= 1008px +, the navbar-menu will fill up the space available in the navbar, leaving the navbar brand just the space it needs. It needs, however, two elements as direct children: +

+
    +
  • + navbar-start +
    • +
  • + navbar-end +
    • +
+
+ +
+ + + +
+ +

Navbar start and navbar end

+ +
+

+ The navbar-start and navbar-end are the two direct and only children of the navbar-menu. +

+

+ On desktop >= 1008px +: +

+
    +
  • + navbar-start will appear on the left +
    • +
  • + navbar-end will appear on the right +
    • +
+

+ Each of them can contain any number of navbar-item. +

+
+ + 
<div class="navbar-menu">
+  <div class="navbar-start">
+    <!-- navbar items -->
+  </div>
+
+  <div class="navbar-end">
+    <!-- navbar items -->
+  </div>
+</div>
+ +
+ +

Navbar item

+ +
+

+ A navbar-item is a repeatable element that can be: +

+
    +
  • + a navigation link + 
    <a class="navbar-item">
+  Home
+</a>
    +
    • +
  • + a container for the brand logo + 
    <a class="navbar-item">
+  <img src="http://bulma.io/versions/0.5.0/images/bulma-logo.png" width="112" height="28">
+</a>
    +
    • +
  • + the parent of a dropdown menu + 
    <div class="navbar-item has-dropdown">
+  <a class="navbar-link">
+    Docs
+  </a>
+
+  <div class="navbar-dropdown">
+    <!-- Other navbar items -->
+  </div>
+</div>
    +
    • +
  • + a child of a navbar dropdown + 
    <div class="navbar-dropdown">
+  <a class="navbar-item">
+    Overview
+  </a>
+</div>
    +
    • +
  • + a container for almost anything you want, like a field + 
    <div class="navbar-item">
+  <div class="field is-grouped">
+    <p class="control">
+      <a class="button">
+        <span class="icon">
+          <i class="fa fa-twitter"></i>
+        </span>
+        <span>Tweet</span>
+      </a>
+    </p>
+    <p class="control">
+      <a class="button is-primary">
+        <span class="icon">
+          <i class="fa fa-download"></i>
+        </span>
+        <span>Download</span>
+      </a>
+    </p>
+  </div>
+</div>
    +
    • +
+

+ It can either be an anchor tag <a> or a <div>, as a direct child of either: +

+
    +
  • + navbar +
    • +
  • + navbar-brand +
    • +
  • + navbar-start +
    • +
  • + navbar-end +
    • +
  • + navbar-dropdown +
    • +
+
+ +
+ +

Transparent navbar

+ +
+

+ To seamlessly integrate the navbar in any visual context, you can add the is-transparent modifer on the navbar component. This will remove any hover or active background from the navbar items. +

+
+ +
+ + + + +
+ + 
<nav class="navbar is-transparent">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.5.0">
+      <img src="http://bulma.io/versions/0.5.0/images/bulma-logo.png" alt="Bulma v0.5.0: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://github.com/jgthms/bulma" target="_blank">
+      <span class="icon" style="color: #333;">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://twitter.com/jgthms" target="_blank">
+      <span class="icon" style="color: #55acee;">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+
+    <div class="navbar-burger burger" data-target="navMenuTransparentExample">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+
+  <div id="navMenuTransparentExample" class="navbar-menu">
+    <div class="navbar-start">
+      <a class="navbar-item " href="http://bulma.io/versions/0.5.0/">
+        Home
+      </a>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link  is-active" href="/versions/0.5.0/documentation/overview/start/">
+          Docs
+        </a>
+        <div class="navbar-dropdown is-boxed">
+          <a class="navbar-item " href="/versions/0.5.0/documentation/overview/start/">
+            Overview
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/documentation/modifiers/syntax/">
+            Modifiers
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/documentation/grid/columns/">
+            Grid
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/documentation/form/general/">
+            Form
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/documentation/elements/box/">
+            Elements
+          </a>
+          
+            <a class="navbar-item is-active" href="http://bulma.io/versions/0.5.0/documentation/components/breadcrumb/">
+              Components
+            </a>
+          
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/documentation/layout/container/">
+            Layout
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div>
+              <p class="is-size-6-desktop">
+                <strong class="has-text-info">0.5.0</strong>
+              </p>
+              
+                <small>
+                  <a class="view-all-versions" href="/versions">View all versions</a>
+                </small>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link " href="http://bulma.io/versions/0.5.0/blog/">
+          Blog
+        </a>
+        <div id="blogDropdown" class="navbar-dropdown is-boxed" data-style="width: 18rem;">
+          
+            <a class="navbar-item" href="/2017/07/24/access-previous-bulma-versions/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">24 Jul 2017</small>
+                </p>
+                <p>Access previous Bulma versions</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2017/03/10/new-field-element/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">10 Mar 2017</small>
+                </p>
+                <p>New field element (for better controls)</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2016/04/11/metro-ui-css-grid-with-bulma-tiles/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">11 Apr 2016</small>
+                </p>
+                <p>Metro UI CSS grid with Bulma tiles</p>
+              </div>
+            </a>
+          
+          <a class="navbar-item" href="http://bulma.io/versions/0.5.0/blog/">
+            More posts
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div class="navbar-content">
+              <div class="level is-mobile">
+                <div class="level-left">
+                  <div class="level-item">
+                    <strong>Stay up to date!</strong>
+                  </div>
+                </div>
+                <div class="level-right">
+                  <div class="level-item">
+                    <a class="button is-rss is-small" href="http://bulma.io/versions/0.5.0/atom.xml">
+                      <span class="icon is-small">
+                        <i class="fa fa-rss"></i>
+                      </span>
+                      <span>Subscribe</span>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <div class="navbar-link">
+          More
+        </div>
+        <div id="moreDropdown" class="navbar-dropdown is-boxed">
+          <a class="navbar-item " href="http://bulma.io/versions/0.5.0/extensions/">
+            <div class="level is-mobile">
+              <div class="level-left">
+                <div class="level-item">
+                  <p>
+                    <strong>Extensions</strong>
+                    <br>
+                    <small>Side projects to enhance Bulma</small>
+                  </p>
+                </div>
+              </div>
+              <div class="level-right">
+                <div class="level-item">
+                  <span class="icon has-text-info">
+                    <i class="fa fa-plug"></i>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+
+    <div class="navbar-end">
+      <a class="navbar-item" href="https://github.com/jgthms/bulma" target="_blank">
+        Github
+      </a>
+      <a class="navbar-item" href="https://twitter.com/jgthms" target="_blank">
+        Twitter
+      </a>
+      <div class="navbar-item">
+        <div class="field is-grouped">
+          <p class="control">
+            <a id="twitter"
+              class="button"
+              data-social-network="Twitter"
+              data-social-action="tweet"
+              data-social-target="http://bulma.io/versions/0.5.0"
+              target="_blank"
+              href="https://twitter.com/intent/tweet?text=Bulma v0.5.0: a modern CSS framework based on Flexbox&url=http://bulma.io/versions/0.5.0&via=jgthms">
+              <span class="icon">
+                <i class="fa fa-twitter"></i>
+              </span>
+              <span>Tweet</span>
+            </a>
+          </p>
+          <p class="control">
+            <a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.5.0.zip">
+              <span class="icon">
+                <i class="fa fa-download"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ + + +
+

+ To create a dropdown menu, you will need 4 elements: +

+
    +
  • + navbar-item with the has-dropdown modifier +
    • +
  • + navbar-link which contains the dropdown arrow +
    • +
  • + navbar-dropdown which can contain instances of navbar-item and navbar-divider +
    • +
+
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.0
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ +

+ Show/hide the dropdown with either CSS or JavaScript +

+ +
+

+ The navbar-dropdown is visible on touch devices < 1008px + but hidden on desktop >= 1008px +. How the dropdown is displayed on desktop depends on the parent's class. +

+

+ The navbar-item with the has-dropdown modifier, has 2 additional modifiers +

+
    +
  • + is-hoverable: the dropdown will show up when hovering the parent navbar-item +
    • +
  • + is-active: the dropdown will show up all the time +
    • +
+
+ +
+

+ While the CSS :hover implementation works perfectly, the is-active class is available for users who want to control the display of the dropdown with JavaScript. +

+
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown is-hoverable">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.0
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.0
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ +

+ Styles for the dropdown menu +

+ +
+

+ By default, the navbar-dropdown has: +

+
    +
  • + a grey border-top +
    • +
  • + a border-radius at both bottom corners +
    • +
+
+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.5.0/images/bulma-logo.png" alt="Bulma v0.5.0: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.0
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero is-primary">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +
+

+ When having a transparent navbar, it is preferable to use the boxed version of the dropdown, by using the is-boxed modifier. +

+
    +
  • + the grey border is removed +
    • +
  • + a slight inner shadow is added +
    • +
  • + all corners are rounded +
    • +
  • + the hover/active state is animated +
    • +
+
+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar is-transparent">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.5.0/images/bulma-logo.png" alt="Bulma v0.5.0: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown is-boxed">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.0
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +

+ Active dropdown navbar item +

+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.5.0/images/bulma-logo.png" alt="Bulma v0.5.0: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item is-active">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.5.0
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero is-primary">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +

+ Dropdown divider +

+ +
+

+ You can add a navbar-divider to display a horizontal rule in a navbar-dropdown. +

+
+ + 
<hr class="navbar-divider">
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $navbar-background-color + + $white +
+ $navbar-height + + 3.25rem +
+ $navbar-item-color + + $grey-dark +
+ $navbar-item-hover-color + + $black +
+ $navbar-item-hover-background-color + + $background +
+ $navbar-item-active-color + + $black +
+ $navbar-item-active-background-color + + transparent +
+ $navbar-tab-hover-background-color + + transparent +
+ $navbar-tab-hover-border-bottom-color + + $primary +
+ $navbar-tab-active-color + + $primary +
+ $navbar-tab-active-background-color + + transparent +
+ $navbar-tab-active-border-bottom-color + + $primary +
+ $navbar-tab-active-border-bottom-style + + solid +
+ $navbar-tab-active-border-bottom-width + + 3px +
+ $navbar-dropdown-background-color + + $white +
+ $navbar-dropdown-border-top + + 1px solid $border +
+ $navbar-dropdown-offset + + -4px +
+ $navbar-dropdown-arrow + + $link +
+ $navbar-dropdown-radius + + $radius-large +
+ $navbar-dropdown-z + + 20 +
+ $navbar-dropdown-boxed-radius + + $radius-large +
+ $navbar-dropdown-boxed-shadow + + 0 8px 8px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) +
+ $navbar-dropdown-item-hover-color + + $black +
+ $navbar-dropdown-item-hover-background-color + + $background +
+ $navbar-dropdown-item-active-color + + $primary +
+ $navbar-dropdown-item-active-background-color + + $background +
+ $navbar-divider-background-color + + $border +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/pagination/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/pagination/index.html new file mode 100644 index 000000000..a9cd1ba76 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/pagination/index.html @@ -0,0 +1,1122 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + +
+
+

Pagination

+

A responsive, usable, and flexible pagination

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

+ The pagination component consists of several elements: +

+
    +
  • + pagination-previous and pagination-next for incremental navigation +
    • +
  • + pagination-list which displays page items: +
      +
    • + pagination-link for the page numbers +
      • +
    • + pagination-ellipsis for range separators +
      • +
    +
    • +
+

+ All elements are optional so you can compose your pagination as you wish. +

+
+ +
+ + + +
+ + 
<nav class="pagination">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li>
+      <a class="pagination-link">1</a>
+    </li>
+    <li>
+      <span class="pagination-ellipsis">&hellip;</span>
+    </li>
+    <li>
+      <a class="pagination-link">45</a>
+    </li>
+    <li>
+      <a class="pagination-link is-current">46</a>
+    </li>
+    <li>
+      <a class="pagination-link">47</a>
+    </li>
+    <li>
+      <span class="pagination-ellipsis">&hellip;</span>
+    </li>
+    <li>
+      <a class="pagination-link">86</a>
+    </li>
+  </ul>
+</nav>
+ +
+

+ You can disable some links if they are not active, or change the amount of page numbers available. +

+
+ +
+ + + +
+ + 
<nav class="pagination">
+  <a class="pagination-previous" title="This is the first page" disabled>Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li>
+      <a class="pagination-link is-current">1</a>
+    </li>
+    <li>
+      <a class="pagination-link">2</a>
+    </li>
+    <li>
+      <a class="pagination-link">3</a>
+    </li>
+  </ul>
+</nav>
+ +
+

+ By default, the list is located on the left, and the previous/next buttons on the right. But you can change the order of these elements by using the is-centered and is-right modifiers. +

+
+ +
+ + + +
+ + 
<nav class="pagination is-centered">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li><a class="pagination-link">1</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">45</a></li>
+    <li><a class="pagination-link is-current">46</a></li>
+    <li><a class="pagination-link">47</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">86</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="pagination is-right">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li><a class="pagination-link">1</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">45</a></li>
+    <li><a class="pagination-link is-current">46</a></li>
+    <li><a class="pagination-link">47</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">86</a></li>
+  </ul>
+</nav>
+ +
+ +

+ Sizes +

+ +

+ The pagination comes in 3 additional sizes.
+ You only need to append the modifier is-small, is-medium, or is-large to the pagination component. +

+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $pagination-color + + $grey-darker +
+ $pagination-background + + $white +
+ $pagination-border-color + + $grey-lighter +
+ $pagination-margin + + -0.25rem +
+ $pagination-hover-color + + $link-hover +
+ $pagination-hover-border-color + + $link-hover-border +
+ $pagination-focus-color + + $link-focus +
+ $pagination-focus-border-color + + $link-focus-border +
+ $pagination-active-color + + $link-active +
+ $pagination-active-border-color + + $link-active-border +
+ $pagination-disabled-color + + $grey +
+ $pagination-disabled-background-color + + $grey-lighter +
+ $pagination-disabled-border-color + + $grey-lighter +
+ $pagination-current-color + + $link-invert +
+ $pagination-current-background-color + + $link +
+ $pagination-current-border-color + + $link +
+ $pagination-ellipsis-color + + $grey-light +
+ $pagination-shadow-inset + + inset 0 1px 2px rgba($black, 0 +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/panel/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/panel/index.html new file mode 100644 index 000000000..25f0f75e3 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/panel/index.html @@ -0,0 +1,1022 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Panel

+

A composable panel, for compact controls

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

+ The panel is container for several types: +

+
    +
  • + panel-heading as the first child +
    • +
  • + panel-tabs for navigation +
    • +
  • + panel-block which can contain other elements, like: +
      +
    • control
      • +
    • input
      • +
    • button
      • +
    • panel-icon
      • +
    +
    • +
+

+ The panel-block can be an anchor tag <a> or a label <label> with a checkbox inside. +

+
+ +
+
+ + + +
+
+ 
<nav class="panel">
+  <p class="panel-heading">
+    repositories
+  </p>
+  <div class="panel-block">
+    <p class="control has-icons-left">
+      <input class="input is-small" type="text" placeholder="search">
+      <span class="icon is-small is-left">
+        <i class="fa fa-search"></i>
+      </span>
+    </p>
+  </div>
+  <p class="panel-tabs">
+    <a class="is-active">all</a>
+    <a>public</a>
+    <a>private</a>
+    <a>sources</a>
+    <a>forks</a>
+  </p>
+  <a class="panel-block is-active">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    bulma
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    marksheet
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    minireset.css
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    jgthms.github.io
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-code-fork"></i>
+    </span>
+    daniellowtw/infboard
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-code-fork"></i>
+    </span>
+    mojs
+  </a>
+  <label class="panel-block">
+    <input type="checkbox">
+    remember me
+  </label>
+  <div class="panel-block">
+    <button class="button is-primary is-outlined is-fullwidth">
+      reset all filters
+    </button>
+  </div>
+</nav>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $panel-item-border + + 1px solid $border +
+ $panel-heading-background-color + + $background +
+ $panel-heading-color + + $text-strong +
+ $panel-heading-line-height + + 1.25 +
+ $panel-heading-padding + + 0.5em 0.75em +
+ $panel-heading-radius + + $radius +
+ $panel-heading-size + + 1.25em +
+ $panel-heading-weight + + $weight-light +
+ $panel-tab-border-bottom + + 1px solid $border +
+ $panel-tab-active-border-bottom-color + + $link-active-border +
+ $panel-tab-active-color + + $link-active +
+ $panel-list-item-color + + $text +
+ $panel-list-item-hover-color + + $link +
+ $panel-block-color + + $text-strong +
+ $panel-block-hover-background-color + + $background +
+ $panel-block-active-border-left-color + + $link +
+ $panel-block-active-color + + $link-active +
+ $panel-block-active-icon-color + + $link +
+ $panel-icon-color + + $text-light +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/components/tabs/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/components/tabs/index.html new file mode 100644 index 000000000..d69c96d73 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/components/tabs/index.html @@ -0,0 +1,1593 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Tabs

+

Simple responsive horizontal navigation tabs, with different styles

+
+ + + + +
+
+ Since + 0.4.4 +
+
+ + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

Tabs only require a tabs container and a <ul> list.
+ The default tabs style has a single border at the bottom.

+
+ +
+ +
+ +
+ +
+ 
<div class="tabs">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Alignment

+
+

+ To align the tabs list, use the is-centered or is-right modifier on the .tabs container: +

+
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-centered">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-right">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Icons

+
+

You can use any of the Font Awesome icons.

+
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-centered">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +

+ Sizes + + # + +

+ +
+

You can choose between 3 additional sizes: is-small is-medium and is-large.

+
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-small">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-medium">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-large">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Styles

+
+ If you want a more classic style with borders, just append the is-boxed modifier. +
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-boxed">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +

+ If you want mutually exclusive tabs (like radio buttons where clicking one deselects all other ones), use the is-toggle modifier. +

+ +
+ +
+ +
+ +
+ 
<div class="tabs is-toggle">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +

+ If you want the tabs to take up the whole width available, use is-fullwidth. +

+ +
+ +
+ +
+ +
+ 
<div class="tabs is-fullwidth">
+  <ul>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-angle-left"></i></span>
+        <span>Left</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-angle-up"></i></span>
+        <span>Up</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span>Right</span>
+        <span class="icon"><i class="fa fa-angle-right"></i></span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +

Combining

+
+

You can combine different modifiers. For example, you can have centered boxed tabs, or fullwidth toggle ones.

+
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-centered is-boxed">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-toggle is-fullwidth">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-centered is-boxed is-medium">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +
+ +
+ +
+ 
<div class="tabs is-toggle is-fullwidth is-large">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $tabs-border-bottom-color + + $border +
+ $tabs-border-bottom-style + + solid +
+ $tabs-border-bottom-width + + 1px +
+ $tabs-link-color + + $text +
+ $tabs-link-hover-border-bottom-color + + $text-strong +
+ $tabs-link-hover-color + + $text-strong +
+ $tabs-link-active-border-bottom-color + + $primary +
+ $tabs-link-active-color + + $primary +
+ $tabs-link-padding + + 0.5em 1em +
+ $tabs-boxed-link-radius + + $radius +
+ $tabs-boxed-link-hover-background-color + + $background +
+ $tabs-boxed-link-hover-border-bottom-color + + $border +
+ $tabs-boxed-link-active-background-color + + $white +
+ $tabs-boxed-link-active-border-color + + $border +
+ $tabs-boxed-link-active-border-bottom-color + + transparent !important +
+ $tabs-toggle-link-border-color + + $border +
+ $tabs-toggle-link-border-style + + solid +
+ $tabs-toggle-link-border-width + + 1px +
+ $tabs-toggle-link-hover-background-color + + $background +
+ $tabs-toggle-link-hover-border-color + + $border-hover +
+ $tabs-toggle-link-radius + + $radius +
+ $tabs-toggle-link-active-background-color + + $primary +
+ $tabs-toggle-link-active-border-color + + $primary +
+ $tabs-toggle-link-active-color + + $primary-invert +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/box/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/box/index.html new file mode 100644 index 000000000..be4c816c8 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/box/index.html @@ -0,0 +1,822 @@ + + + + + + + + + Box | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Box

+

+ A white box to contain other elements +

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+
+

+ The .box element is simply a container with a shadow, a border, a radius, and some padding. +
+ For example, you can include a media object: +

+
+
+ +
+ +
+
+
+
+ Image +
+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. +

+
+ +
+
+
+ +
+
+ + 
<div class="box">
+  <article class="media">
+    <div class="media-left">
+      <figure class="image is-64x64">
+        <img src="http://bulma.io/versions/0.5.0/images/placeholders/128x128.png" alt="Image">
+      </figure>
+    </div>
+    <div class="media-content">
+      <div class="content">
+        <p>
+          <strong>John Smith</strong> <small>@johnsmith</small> <small>31m</small>
+          <br>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
+        </p>
+      </div>
+      <nav class="level is-mobile">
+        <div class="level-left">
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-reply"></i></span>
+          </a>
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-retweet"></i></span>
+          </a>
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-heart"></i></span>
+          </a>
+        </div>
+      </nav>
+    </div>
+  </article>
+</div>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $box-color + + $text +
+ $box-background-color + + $white +
+ $box-radius + + $radius-large +
+ $box-shadow + + 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) +
+ $box-padding + + 1.25rem +
+ $box-link-hover-shadow + + 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link +
+ $box-link-active-shadow + + inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/button/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/button/index.html new file mode 100644 index 000000000..f04c6e691 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/button/index.html @@ -0,0 +1,1728 @@ + + + + + + + + + Button | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Buttons

+

+ The classic button, in different colors, sizes, and states +

+
+ + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+ +Button + +
+
+ 
<a class="button">Button</a>
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ +White +Light +Dark +Black +Link + +
+
+ 
<a class="button is-white">White</a>
+<a class="button is-light">Light</a>
+<a class="button is-dark">Dark</a>
+<a class="button is-black">Black</a>
+<a class="button is-link">Link</a>
+
+
+ +
+
+ +Primary +Info +Success +Warning +Danger + +
+
+ 
<a class="button is-primary">Primary</a>
+<a class="button is-info">Info</a>
+<a class="button is-success">Success</a>
+<a class="button is-warning">Warning</a>
+<a class="button is-danger">Danger</a>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ +Small +Normal +Medium +Large + +
+
+ 
<a class="button is-small">Small</a>
+<a class="button">Normal</a>
+<a class="button is-medium">Medium</a>
+<a class="button is-large">Large</a>
+
+
+ +
+ +

Styles

+

Outlined

+ +
+
+ +Outlined +Outlined +Outlined +Outlined +Outlined + +
+
+ 
<a class="button is-outlined">Outlined</a>
+<a class="button is-primary is-outlined">Outlined</a>
+<a class="button is-info is-outlined">Outlined</a>
+<a class="button is-success is-outlined">Outlined</a>
+<a class="button is-danger is-outlined">Outlined</a>
+
+
+ +

Inverted (the text color becomes the background color, and vice-versa)

+ +
+
+
+ +Inverted +Inverted +Inverted +Inverted + +
+
+
+ 
<a class="button is-primary is-inverted">Inverted</a>
+<a class="button is-info is-inverted">Inverted</a>
+<a class="button is-success is-inverted">Inverted</a>
+<a class="button is-danger is-inverted">Inverted</a>
+
+
+ +

Invert Outlined (the invert color becomes the text and border colors)

+ +
+
+
+ +Invert Outlined +Invert Outlined +Invert Outlined +Invert Outlined + +
+
+
+ 
<a class="button is-primary is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-info is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-success is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-danger is-inverted is-outlined">Invert Outlined</a>
+
+
+ +
+ +

States

+

Normal

+ +
+
+ +Normal +Normal +Normal +Normal +Normal +Normal + +
+
+ 
<a class="button">Normal</a>
+<a class="button is-primary">Normal</a>
+<a class="button is-info">Normal</a>
+<a class="button is-success">Normal</a>
+<a class="button is-warning">Normal</a>
+<a class="button is-danger">Normal</a>
+
+
+ +

Hover

+ +
+
+ +Hover +Hover +Hover +Hover +Hover +Hover + +
+
+ 
<a class="button is-hovered">Hover</a>
+<a class="button is-primary is-hovered">Hover</a>
+<a class="button is-info is-hovered">Hover</a>
+<a class="button is-success is-hovered">Hover</a>
+<a class="button is-warning is-hovered">Hover</a>
+<a class="button is-danger is-hovered">Hover</a>
+
+
+ +

Focus

+ +
+
+ +Focus +Focus +Focus +Focus +Focus +Focus + +
+
+ 
<a class="button is-focused">Focus</a>
+<a class="button is-primary is-focused">Focus</a>
+<a class="button is-info is-focused">Focus</a>
+<a class="button is-success is-focused">Focus</a>
+<a class="button is-warning is-focused">Focus</a>
+<a class="button is-danger is-focused">Focus</a>
+
+
+ +

Active

+ +
+
+ +Active +Active +Active +Active +Active +Active + +
+
+ 
<a class="button is-active">Active</a>
+<a class="button is-primary is-active">Active</a>
+<a class="button is-info is-active">Active</a>
+<a class="button is-success is-active">Active</a>
+<a class="button is-warning is-active">Active</a>
+<a class="button is-danger is-active">Active</a>
+
+
+ +

Loading

+ +
+
+ +Loading +Loading +Loading +Loading +Loading +Loading + +
+
+ 
<a class="button is-loading">Loading</a>
+<a class="button is-primary is-loading">Loading</a>
+<a class="button is-info is-loading">Loading</a>
+<a class="button is-success is-loading">Loading</a>
+<a class="button is-warning is-loading">Loading</a>
+<a class="button is-danger is-loading">Loading</a>
+
+
+ +

+ Static +

+ +
+
+
+

+ New! + 0.4.2 +

+

+ You can create a non-interactive button by using the is-static modifier. This is useful to align a text label with an input, for example when using form addons. +

+
+ +Static + +
+
+ 
<span class="button is-static">Static</span>
+
+
+ +

Disabled

+ +
+
+
+ +Disabled +Disabled +Disabled +Disabled +Disabled +Disabled + +
+
+
+

The is-disabled CSS class has been deprecated in favor of the disabled HTML attribute. Learn more

+
+
+
+
+ 
<a class="button" title="Disabled button" disabled>Disabled</a>
+<a class="button is-primary" title="Disabled button" disabled>Disabled</a>
+<a class="button is-info" title="Disabled button" disabled>Disabled</a>
+<a class="button is-success" title="Disabled button" disabled>Disabled</a>
+<a class="button is-warning" title="Disabled button" disabled>Disabled</a>
+<a class="button is-danger" title="Disabled button" disabled>Disabled</a>
+
+
+ +

With Font Awesome icons

+ +
+
+ +

+ + + + + + + + + + + + + + + +

+

+ + + + + GitHub + + + + + + Twitter + + + + + + Save + + + Delete + + + + +

+

+ + + + + GitHub + + + + + + GitHub + + + + + + GitHub + + + + + + GitHub + +

+ +
+
+ 
<p class="field">
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-bold"></i>
+    </span>
+  </a>
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-italic"></i>
+    </span>
+  </a>
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-underline"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-primary">
+    <span class="icon">
+      <i class="fa fa-twitter"></i>
+    </span>
+    <span>Twitter</span>
+  </a>
+  <a class="button is-success">
+    <span class="icon is-small">
+      <i class="fa fa-check"></i>
+    </span>
+    <span>Save</span>
+  </a>
+  <a class="button is-danger is-outlined">
+    <span>Delete</span>
+    <span class="icon is-small">
+      <i class="fa fa-times"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-small">
+    <span class="icon is-small">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-medium">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-medium">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+</p>
+
+
+ +
+
+
+

+ New! +

+

+ If the button only contains an icon, Bulma will make sure the button remains square, no matter the size of the button or of the icon. +

+
+ +

+ + + + + +

+

+ + + + + + + + + + +

+

+ + + + + + + + + + + + + + + +

+

+ + + + + + + + + + + + + + + + + + + + +

+ +
+
+ 
<p class="field">
+  <a class="button is-small">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-medium">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-medium">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+  <a class="button is-medium">
+    <span class="icon is-medium">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-large">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-large">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-medium">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-large">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+
+
+ +
+ +

Button group

+
+

If you want to group buttons together, use the is-grouped modifier on the field container:

+
+
+ +
+

+ + Save changes + +

+

+ + Cancel + +

+

+ + Delete post + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control">
+    <a class="button is-primary">
+      Save changes
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Cancel
+    </a>
+  </p>
+  <p class="control">
+    <a class="button is-danger">
+      Delete post
+    </a>
+  </p>
+</div>
+ +
+ +

Button addons

+
+

If you want to use buttons as addons, use the has-addons modifier on the field container:

+
+ +
+ +
+

+ + + + + Left + +

+

+ + + + + Center + +

+

+ + + + + Right + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-left"></i>
+      </span>
+      <span>Left</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-center"></i>
+      </span>
+      <span>Center</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-right"></i>
+      </span>
+      <span>Right</span>
+    </a>
+  </p>
+</div>
+ +
+ +

Button group with addons

+
+

You can group together addons as well:

+
+ +
+ +
+

+ + + + + Bold + +

+

+ + + + + Italic + +

+

+ + + + + Underline + +

+
+ +
+

+ + + + + Left + +

+

+ + + + + Center + +

+

+ + + + + Right + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-bold"></i>
+      </span>
+      <span>Bold</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-italic"></i>
+      </span>
+      <span>Italic</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-underline"></i>
+      </span>
+      <span>Underline</span>
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-left"></i>
+      </span>
+      <span>Left</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-center"></i>
+      </span>
+      <span>Center</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-right"></i>
+      </span>
+      <span>Right</span>
+    </a>
+  </p>
+</div>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $button-color + + $grey-darker +
+ $button-background-color + + $white +
+ $button-border-color + + $grey-lighter +
+ $button-hover-color + + $link-hover +
+ $button-hover-border-color + + $link-hover-border +
+ $button-focus-color + + $link-focus +
+ $button-focus-border-color + + $link-focus-border +
+ $button-active-color + + $link-active +
+ $button-active-border-color + + $link-active-border +
+ $button-link-color + + $text +
+ $button-link-hover-background-color + + $background +
+ $button-link-hover-color + + $text-strong +
+ $button-disabled-background-color + + $white +
+ $button-disabled-border-color + + $grey-lighter +
+ $button-disabled-shadow + + none +
+ $button-disabled-opacity + + 0.5 +
+ $button-static-color + + $grey +
+ $button-static-background-color + + $white-ter +
+ $button-static-border-color + + $grey-lighter +
+ $button-shadow-inset + + inset 0 1px 2px rgba($black, 0.2) +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/content/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/content/index.html new file mode 100644 index 000000000..77c6847ba --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/content/index.html @@ -0,0 +1,1082 @@ + + + + + + + + + Content | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + +
+
+

Content

+

+ A single class to handle WYSIWYG generated content, where only HTML tags are available +

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

When you can't use the CSS classes you want, or when you just want to directly use HTML tags, use content as container. It can handle almost any HTML tag:

+
    +
  • <p> paragraphs
    • +
  • <ul> <ol> <dl> lists
    • +
  • <h1> to <h6> headings
    • +
  • <blockquote> quotes
    • +
  • <em> and <strong>
    • +
  • <table> <tr> <th> <td> tables
    • +
+

This content class can be used in any context where you just want to (or can only) write some text. For example, it's used for the paragraph you're currently reading.

+
+ +
+ +
+

Hello World

+

Lorem ipsum[1] dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Subscript works as well!

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+

Third level

+

Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.

+
    +
  1. Donec blandit a lorem id convallis.
    2. +
  2. Cras gravida arcu at diam gravida gravida.
    3. +
  3. Integer in volutpat libero.
    4. +
  4. Donec a diam tellus.
    5. +
  5. Aenean nec tortor orci.
    6. +
  6. Quisque aliquam cursus urna, non bibendum massa viverra eget.
    7. +
  7. Vivamus maximus ultricies pulvinar.
    8. +
+
Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.
+

Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et justo sodales elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.

+

Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.

+
+
Web
+
The part of the Internet that contains websites and web pages
+
HTML
+
A markup language for creating web pages
+
CSS
+
A technology to make HTML look better
+
+

Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.

+

Fourth level

+

Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.

+ 
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello World</title>
+  </head>
+  <body>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p>
+  </body>
+</html>
+
+

Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+

Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.

+
Fifth level
+

Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.

+
+ + +
+ Figure 1: Some beautiful placeholders +
+
+
Sixth level
+

Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.

+
+ +
+ + 
<div class="content">
+  <h1>Hello World</h1>
+  <p>Lorem ipsum<sup><a>[1]</a></sup> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<sub>script</sub> works as well!</p>
+  <h2>Second level</h2>
+  <p>Curabitur accumsan turpis pharetra <strong>augue tincidunt</strong> blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.</p>
+  <ul>
+    <li>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</li>
+    <li>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</li>
+    <li>Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.</li>
+    <li>Ut non enim metus.</li>
+  </ul>
+  <h3>Third level</h3>
+  <p>Quisque ante lacus, malesuada ac auctor vitae, congue <a href="#">non ante</a>. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.</p>
+  <ol>
+    <li>Donec blandit a lorem id convallis.</li>
+    <li>Cras gravida arcu at diam gravida gravida.</li>
+    <li>Integer in volutpat libero.</li>
+    <li>Donec a diam tellus.</li>
+    <li>Aenean nec tortor orci.</li>
+    <li>Quisque aliquam cursus urna, non bibendum massa viverra eget.</li>
+    <li>Vivamus maximus ultricies pulvinar.</li>
+  </ol>
+  <blockquote>Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.</blockquote>
+  <p>Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et <em>justo sodales</em> elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.</p>
+  <p>Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.</p>
+  <dl>
+    <dt>Web</dt>
+    <dd>The part of the Internet that contains websites and web pages</dd>
+    <dt>HTML</dt>
+    <dd>A markup language for creating web pages</dd>
+    <dt>CSS</dt>
+    <dd>A technology to make HTML look better</dd>
+  </dl>
+  <p>Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.</p>
+  <h4>Fourth level</h4>
+  <p>Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.</p>
+  <pre>
+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;Hello World&lt;/title&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.&lt;/p&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
+</pre>
+  <p>Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.</p>
+  <table>
+    <thead>
+      <tr>
+        <th>One</th>
+        <th>Two</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Three</td>
+        <td>Four</td>
+      </tr>
+      <tr>
+        <td>Five</td>
+        <td>Six</td>
+      </tr>
+      <tr>
+        <td>Seven</td>
+        <td>Eight</td>
+      </tr>
+      <tr>
+        <td>Nine</td>
+        <td>Ten</td>
+      </tr>
+      <tr>
+        <td>Eleven</td>
+        <td>Twelve</td>
+      </tr>
+    </tbody>
+  </table>
+  <p>Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.</p>
+  <h5>Fifth level</h5>
+  <p>Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.</p>
+  <figure>
+    <img src="http://bulma.io/versions/0.5.0/images/placeholders/256x256.png">
+    <img src="http://bulma.io/versions/0.5.0/images/placeholders/256x256.png">
+    <figcaption>
+      Figure 1: Some beautiful placeholders
+    </figcaption>
+  </figure>
+  <h6>Sixth level</h6>
+  <p>Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.</p>
+</div>
+ +
+ +

+ Sizes + + # + +

+ + +
+

You can use the is-small, is-medium and is-large modifiers to change the font size.

+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $content-heading-color + + $text-strong +
+ $content-heading-weight + + $weight-normal +
+ $content-heading-line-height + + 1.125 +
+ $content-blockquote-background-color + + $background +
+ $content-blockquote-border-left + + 5px solid $border +
+ $content-blockquote-padding + + 1.25em 1.5em +
+ $content-pre-padding + + 1.25em 1.5em +
+ $content-table-cell-border + + 1px solid $border +
+ $content-table-cell-border-width + + 0 0 1px +
+ $content-table-cell-padding + + 0.5em 0.75em +
+ $content-table-cell-heading-color + + $text-strong +
+ $content-table-row-hover-background-color + + $background +
+ $content-table-head-cell-border-width + + 0 0 2px +
+ $content-table-head-cell-color + + $text-strong +
+ $content-table-foot-cell-border-width + + 2px 0 0 +
+ $content-table-foot-cell-color + + $text-strong +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/delete/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/delete/index.html new file mode 100644 index 000000000..18e420ace --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/delete/index.html @@ -0,0 +1,764 @@ + + + + + + + + + Delete | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Delete

+

+ A versatile delete cross +

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

+ The .delete element is a stand-alone element that can be used in different contexts. +

+
+ +
+
+
+

+ On its own, it's a simple circle with a cross: +

+
+ + + +
+
+ 
<a class="delete"></a>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+
+

+ It comes in 4 sizes: +

+
+ + + + + + +
+
+ 
<a class="delete is-small"></a>
+<a class="delete"></a>
+<a class="delete is-medium"></a>
+<a class="delete is-large"></a>
+
+
+ +
+ +

+ Combinations +

+ +
+
+
+

+ Bulma uses it for the tags, the notifications, and the messages: +

+
+ +
+ + Hello World + + +
+ +
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit +
+ +
+
+ Info + +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+ 
<div class="block">
+  <span class="tag is-success">
+    Hello World
+    <button class="delete is-small"></button>
+  </span>
+</div>
+
+<div class="notification is-danger">
+  <button class="delete"></button>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit
+</div>
+
+<article class="message is-info">
+  <div class="message-header">
+    Info
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/form/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/form/index.html new file mode 100644 index 000000000..0c0fa8cef --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/form/index.html @@ -0,0 +1,2562 @@ + + + + + + + + + Form | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Form controls

+

+ All generic form controls, designed for consistency +

+ +
+ +
+

The following form controls classes are supported:

+
    +
  • .label
    • +
  • .input
    • +
  • .textarea
    • +
  • .select
    • +
  • .checkbox
    • +
  • .radio
    • +
  • .button
    • +
  • .help
    • +
+

Each of them should be wrapped in a .control container.
+ When combining several controls in a form, use the .field class as a container, to keep the spacing consistent.

+
+ +
+
+ +
+ +

+ +

+
+ +
+ +

+ + + + + + + +

+

This username is available

+
+ +
+ +

+ + + + + + + +

+

This email is invalid

+
+ +
+ +

+ + + +

+
+ +
+ +

+ +

+
+ +
+

+ +

+
+ +
+

+ + +

+
+ +
+

+ +

+

+ +

+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <p class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </p>
+</div>
+
+<div class="field">
+  <label class="label">Username</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small is-left">
+      <i class="fa fa-user"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+  <p class="help is-success">This username is available</p>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-danger" type="text" placeholder="Email input" value="hello@">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-warning"></i>
+    </span>
+  </p>
+  <p class="help is-danger">This email is invalid</p>
+</div>
+
+<div class="field">
+  <label class="label">Subject</label>
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <label class="label">Message</label>
+  <p class="control">
+    <textarea class="textarea" placeholder="Textarea"></textarea>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control">
+    <label class="checkbox">
+      <input type="checkbox">
+      I agree to the <a href="#">terms and conditions</a>
+    </label>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control">
+    <label class="radio">
+      <input type="radio" name="question">
+      Yes
+    </label>
+    <label class="radio">
+      <input type="radio" name="question">
+      No
+    </label>
+  </p>
+</div>
+
+<div class="field is-grouped">
+  <p class="control">
+    <button class="button is-primary">Submit</button>
+  </p>
+  <p class="control">
+    <button class="button is-link">Cancel</button>
+  </p>
+</div>
+
+
+ +
+ +

Colors

+
+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-primary" type="text" placeholder="Primary input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-info" type="text" placeholder="Info input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-success" type="text" placeholder="Success input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-warning" type="text" placeholder="Warning input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-danger" type="text" placeholder="Danger input">
+  </p>
+</div>
+
+
+ +
+

Sizes

+
+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ + + +

+
+
+

+ + + +

+
+
+

+ + + +

+
+
+

+ + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-small" type="text" placeholder="Small input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-medium" type="text" placeholder="Medium input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-large" type="text" placeholder="Large input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-small">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-medium">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-large">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea" placeholder="Normal textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Hover

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-hovered" type="text" placeholder="Hovered input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea is-hovered" placeholder="Hovered textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Focus

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-focused" type="text" placeholder="Focused input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea is-focused" placeholder="Focused textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Loading

+
+
+ +
+

+ +

+
+
+
+
+ +
+
+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control is-loading">
+    <input class="input" type="text" placeholder="Loading input">
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-loading">
+      <select>
+        <option>Loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <p class="control is-loading">
+    <textarea class="textarea" placeholder="Loading textarea"></textarea>
+  </p>
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <p class="control is-small is-loading">
+    <input class="input is-small" type="text" placeholder="Small loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-loading">
+    <input class="input" type="text" placeholder="Normal loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-medium is-loading">
+    <input class="input is-medium" type="text" placeholder="Medium loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-large is-loading">
+    <input class="input is-large" type="text" placeholder="Large loading input">
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-small is-loading">
+      <select>
+        <option>Small loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-loading">
+      <select>
+        <option>Normal loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-medium is-loading">
+      <select>
+        <option>Medium loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-large is-loading">
+      <select>
+        <option>Large loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+

+ +

+
+
+
+
+ +
+
+
+
+

+ +

+
+
+

+ +

+
+
+

+ + +

+
+
+

+ +

+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Disabled input" disabled>
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-disabled">
+      <select disabled>
+        <option>Disabled dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea" placeholder="Disabled textarea" disabled></textarea>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <label class="checkbox" disabled>
+      <input type="checkbox" disabled>
+      Remember me
+    </label>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <label class="radio" disabled>
+      <input type="radio" name="question" disabled>
+      Yes
+    </label>
+    <label class="radio" disabled>
+      <input type="radio" name="question" disabled>
+      No
+    </label>
+  </p>
+</div>
+<div class="field is-grouped">
+  <p class="control">
+    <button class="button is-primary" disabled>Submit</button>
+  </p>
+  <p class="control">
+    <button class="button" disabled>Cancel</button>
+  </p>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + +

+
+
+

+ + + + +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <button class="button is-success">
+      Login
+    </button>
+  </p>
+</div>
+
+
+ +
+
+
+

+ New! + 0.4.2 +

+

+ You can now append icons to select dropdowns as well. +

+
+ +
+

+ + + + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <span class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+    <span class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-small">Small input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-small" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label">Normal input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-medium">Medium input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-large">Large input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-large is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-large is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+ +

Form addons

+
+

If you want to attach controls together, use the has-addons modifier on the control container:

+
+
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+
+

You can attach inputs, buttons, and dropdowns only.

+
+ +
+

+ New! + 0.4.2 +

+

It can be useful to append a static button.

+
+ +
+ +
+

+ +

+

+ + @gmail.com + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Your email">
+  </p>
+  <p class="control">
+    <a class="button is-static">
+      @gmail.com
+    </a>
+  </p>
+</div>
+ +
+

Use the is-expanded modifier on the element you want to fill up the remaining space (in this case, the input):

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+

If you want a full width select dropdown, pair control is-expanded with select is-fullwidth.

+
+
+ +
+

+ + + +

+

+ +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control is-expanded">
+    <span class="select is-fullwidth">
+      <select name="country">
+        <option value="Argentina">Argentina</option>
+        <option value="Bolivia">Bolivia</option>
+        <option value="Brazil">Brazil</option>
+        <option value="Chile">Chile</option>
+        <option value="Colombia">Colombia</option>
+        <option value="Ecuador">Ecuador</option>
+        <option value="Guyana">Guyana</option>
+        <option value="Paraguay">Paraguay</option>
+        <option value="Peru">Peru</option>
+        <option value="Suriname">Suriname</option>
+        <option value="Uruguay">Uruguay</option>
+        <option value="Venezuela">Venezuela</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <button type="submit" class="button is-primary">Choose</button>
+  </p>
+</div>
+ +
+

Use the has-addons-centered or the has-addons-right modifers to alter the alignment.

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-centered">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-right">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+ +

Form group

+
+

+ If you want to group controls together, use the is-grouped modifier on the control container. +
+ Use the is-grouped-centered or the is-grouped-right modifers to alter the alignment. +

+

+ Add the is-expanded modifier on the control element you want to fill up the remaining space. +

+
+
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+ +
+ +

Horizontal form

+
+

If you want a horizontal form control, use the is-horizontal modifier on the field container, in which you include:

+
    +
  • + field-label for the side label +
    • +
  • + field-body for the input/select/textarea container +
    • +
+

You can of course use is-grouped or has-addons for the child elements.

+
+
+ +
+
+ +
+
+
+

+ + + + +

+
+
+

+ + + + + + + +

+

This email is correct

+
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+ +
+

+ This field is required +

+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">From</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-grouped">
+      <p class="control is-expanded has-icons-left">
+        <input class="input" type="text" placeholder="Name">
+        <span class="icon is-small is-left">
+          <i class="fa fa-user"></i>
+        </span>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control is-expanded has-icons-left has-icons-right">
+        <input class="input is-success" type="email" placeholder="Email" value="alex@smith.com">
+        <span class="icon is-small is-left">
+          <i class="fa fa-envelope"></i>
+        </span>
+        <span class="icon is-small is-right">
+          <i class="fa fa-check"></i>
+        </span>
+      </p>
+      <p class="help is-success">This email is correct</p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Department</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <div class="select is-fullwidth">
+          <select>
+            <option>Business development</option>
+            <option>Marketing</option>
+            <option>Sales</option>
+          </select>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">Already a member?</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <label class="radio">
+          <input type="radio" name="member">
+          Yes
+        </label>
+        <label class="radio">
+          <input type="radio" name="member">
+          No
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Subject</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-danger" type="text" placeholder="e.g. Partnership opportunity">
+      </div>
+      <p class="help is-danger">
+        This field is required
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Question</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <textarea class="textarea" placeholder="Explain how we can help you"></textarea>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <!-- Left empty for spacing -->
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <button class="button is-primary">
+          Send message
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+ +
+

+ New! +

+

+ To preserve the vertical alignment of labels with each type and size of control, the .field-label comes with 4 size modifiers: +

+
    +
  • + .is-small +
    • +
  • + .is-normal for any .input or .button +
    • +
  • + .is-medium +
    • +
  • + .is-large +
    • +
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">No padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input type="checkbox">
+          Checkbox
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-small">
+    <label class="label">Small padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-small" type="text" placeholder="Small sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Normal label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input" type="text" placeholder="Normal sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-medium">
+    <label class="label">Medium label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-medium" type="text" placeholder="Medium sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-large">
+    <label class="label">Large label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-large" type="text" placeholder="Large sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/icon/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/icon/index.html new file mode 100644 index 000000000..3d1c84dc4 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/icon/index.html @@ -0,0 +1,786 @@ + + + + + + + + + Icon | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Icons

+

+ Bulma is compatible with Font Awesome icons. +

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

Because the icons can take a few seconds to load, and because you want control over the space the icons will take, you can use the icon class as a container:

+
+ +
+ + + + + +
+ + 
<span class="icon">
+  <i class="fa fa-home"></i>
+</span>
+ +
+

The icon container will take up exactly 1.5rem x 1.5rem. The icon itself is sized at 21px.

+
+ +
+ +

+ Sizes + + # + +

+ + +
+

Font Awesome icons use a font-size of 28px by default, and are best rendered when using multiples of 7.

+

The Bulma icon container is always slightly bigger than the font-size used:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClassFont-sizeContainer size
icon is-small14px1rem x 1rem
icon21px1.5rem x 1.5rem
icon is-medium28px2rem x 2rem
icon is-large42px3rem x 3rem
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $icon-dimensions + + 1.5rem +
+ $icon-dimensions-small + + 1rem +
+ $icon-dimensions-medium + + 2rem +
+ $icon-dimensions-large + + 3rem +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/image/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/image/index.html new file mode 100644 index 000000000..0b8313916 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/image/index.html @@ -0,0 +1,822 @@ + + + + + + + + + Image | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + +
+
+

Images

+

+ A container for responsive images +

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

Because images can take a few seconds to load (or not at all), use the .image container to specify a precisely sized container so that your layout isn't broken because of image loading or image errors.

+
+ +
+
+ +
+
+ + 
<figure class="image is-128x128">
+  <img src="http://bulma.io/versions/0.5.0/images/placeholders/128x128.png">
+</figure>
+ +
+ +

Fixed square images

+
+

There are 7 dimensions to choose from, useful for avatars:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
image is-16x16
16x16px
image is-24x24
24x24px
image is-32x32
32x32px
image is-48x48
48x48px
image is-64x64
64x64px
image is-96x96
96x96px
image is-128x128
128x128px
+ +

Retina images

+ +
+

Because the image is fixed in size, you can use an image that is twice as big. So for example, in a 128x128 container, you can use a 256x256 image, but resized to 128x128 pixels.

+
+ +
+
+ +
+
+ + 
<figure class="image is-128x128">
+  <img src="http://bulma.io/versions/0.5.0/images/placeholders/256x256.png">
+</figure>
+ +
+ +

Responsive images with ratios

+ +
+

If you don't know the exact dimensions but know the ratio instead, you can use one of the 5 ratio modifers:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
image is-square
Square (or 1by1)
image is-1by1
1 by 1
image is-4by3
4 by 3
image is-3by2
3 by 2
image is-16by9
16 by 9
image is-2by1
2 by 1
+ +
+

The .image container will take up the whole width while maintaining the perfect ratio.

+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $dimensions + + 16 24 32 48 64 96 128 +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/notification/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/notification/index.html new file mode 100644 index 000000000..9f805a0a3 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/notification/index.html @@ -0,0 +1,816 @@ + + + + + + + + + Notification | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + +
+
+

Notifications

+

+ Bold notification blocks, to alert your users of something +

+
+ + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+ +
+ + Lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+
+ 
<div class="notification">
+  <button class="delete"></button>
+  Lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ +
+ + Primar lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+ + Info lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+ + Success lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+ + Warning lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+ + Danger lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+
+ 
<div class="notification is-primary">
+  <button class="delete"></button>
+  Primar lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-info">
+  <button class="delete"></button>
+  Info lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-success">
+  <button class="delete"></button>
+  Success lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-warning">
+  <button class="delete"></button>
+  Warning lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-danger">
+  <button class="delete"></button>
+  Danger lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this component. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $notification-background-color + + $background +
+ $notification-radius + + $radius +
+ $notification-padding + + 1.25rem 2.5rem 1.25rem 1.5rem +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/progress/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/progress/index.html new file mode 100644 index 000000000..e95fe831a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/progress/index.html @@ -0,0 +1,756 @@ + + + + + + + + + Progess Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Progress bars

+

+ Native HTML progress bars +

+
+ + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+ +15% + +
+ 
<progress class="progress" value="15" max="100">15%</progress>
+ +
+ +

+ Colors + + # + +

+ + +
+ +30% +45% +60% +75% +90% + +
+ 
<progress class="progress is-primary" value="30" max="100">30%</progress>
+<progress class="progress is-info" value="45" max="100">45%</progress>
+<progress class="progress is-success" value="60" max="100">60%</progress>
+<progress class="progress is-warning" value="75" max="100">75%</progress>
+<progress class="progress is-danger" value="90" max="100">90%</progress>
+ +
+ +

+ Sizes + + # + +

+ + +
+ +15% +30% +45% +60% + +
+ 
<progress class="progress is-small" value="15" max="100">15%</progress>
+<progress class="progress" value="30" max="100">30%</progress>
+<progress class="progress is-medium" value="45" max="100">45%</progress>
+<progress class="progress is-large" value="60" max="100">60%</progress>
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $progress-bar-background-color + + $border +
+ $progress-value-background-color + + $text +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/table/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/table/index.html new file mode 100644 index 000000000..099f989a0 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/table/index.html @@ -0,0 +1,1654 @@ + + + + + + + + + Table | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Tables

+

The inevitable HTML table, with special case cells

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

You simply need to attach a single .table CSS class on a <table> with the following structure:

+
    +
  • + table the main container +
      +
    • + thead the optional top part of the table +
      • +
    • + tfoot the optional bottom part of the table +
      • +
    • + tbody the main content of the table +
        +
      • + tr each table row +
          +
        • + th a table cell heading +
          • +
        • + td a table cell +
          • +
        +
        • +
      +
      • +
    +
    • +
+

+ New! + 0.4.2 +

+

+ You can set a table row as selected by appending the is-selected modifier on a <tr> +

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PosTeamPldWDLGFGAGDPtsQualification or relegation
PosTeamPldWDLGFGAGDPtsQualification or relegation
1Leicester City (C) + 38231236836+3281Qualification for the Champions League group stage
2Arsenal38201176536+2971Qualification for the Champions League group stage
3Tottenham Hotspur38191366935+3470Qualification for the Champions League group stage
4Manchester City38199107141+3066Qualification for the Champions League play-off round
5Manchester United38199104935+1466Qualification for the Europa League group stage
6Southampton38189115941+1863Qualification for the Europa League group stage
7West Ham United38161486551+1462Qualification for the Europa League third qualifying round
8Liverpool381612106350+1360
9Stoke City38149154155−1451
10Chelsea381214125953+650
11Everton381114135955+447
12Swansea City381211154252−1047
13Watford38129174050−1045
14West Bromwich Albion381013153448−1443
15Crystal Palace38119183951−1242
16AFC Bournemouth38119184567−2242
17Sunderland38912174862−1439
18Newcastle United (R) + 38910194465−2137Relegation to the Football League Championship
19Norwich City (R) + 3897223967−2834Relegation to the Football League Championship
20Aston Villa (R) + 3838272776−4917Relegation to the Football League Championship
+ +
+ + 
<table class="table">
+  <thead>
+    <tr>
+      <th><abbr title="Position">Pos</abbr></th>
+      <th>Team</th>
+      <th><abbr title="Played">Pld</abbr></th>
+      <th><abbr title="Won">W</abbr></th>
+      <th><abbr title="Drawn">D</abbr></th>
+      <th><abbr title="Lost">L</abbr></th>
+      <th><abbr title="Goals for">GF</abbr></th>
+      <th><abbr title="Goals against">GA</abbr></th>
+      <th><abbr title="Goal difference">GD</abbr></th>
+      <th><abbr title="Points">Pts</abbr></th>
+      <th>Qualification or relegation</th>
+    </tr>
+  </thead>
+  <tfoot>
+    <tr>
+      <th><abbr title="Position">Pos</abbr></th>
+      <th>Team</th>
+      <th><abbr title="Played">Pld</abbr></th>
+      <th><abbr title="Won">W</abbr></th>
+      <th><abbr title="Drawn">D</abbr></th>
+      <th><abbr title="Lost">L</abbr></th>
+      <th><abbr title="Goals for">GF</abbr></th>
+      <th><abbr title="Goals against">GA</abbr></th>
+      <th><abbr title="Goal difference">GD</abbr></th>
+      <th><abbr title="Points">Pts</abbr></th>
+      <th>Qualification or relegation</th>
+    </tr>
+  </tfoot>
+  <tbody>
+    <tr>
+      <th>1</th>
+      <td><a href="https://en.wikipedia.org/wiki/Leicester_City_F.C." title="Leicester City F.C.">Leicester City</a> <strong>(C)</strong>
+      </td>
+      <td>38</td>
+      <td>23</td>
+      <td>12</td>
+      <td>3</td>
+      <td>68</td>
+      <td>36</td>
+      <td>+32</td>
+      <td>81</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr>
+      <th>2</th>
+      <td><a href="https://en.wikipedia.org/wiki/Arsenal_F.C." title="Arsenal F.C.">Arsenal</a></td>
+      <td>38</td>
+      <td>20</td>
+      <td>11</td>
+      <td>7</td>
+      <td>65</td>
+      <td>36</td>
+      <td>+29</td>
+      <td>71</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr>
+      <th>3</th>
+      <td><a href="https://en.wikipedia.org/wiki/Tottenham_Hotspur_F.C." title="Tottenham Hotspur F.C.">Tottenham Hotspur</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>13</td>
+      <td>6</td>
+      <td>69</td>
+      <td>35</td>
+      <td>+34</td>
+      <td>70</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr class="is-selected">
+      <th>4</th>
+      <td><a href="https://en.wikipedia.org/wiki/Manchester_City_F.C." title="Manchester City F.C.">Manchester City</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>9</td>
+      <td>10</td>
+      <td>71</td>
+      <td>41</td>
+      <td>+30</td>
+      <td>66</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Play-off_round" title="2016–17 UEFA Champions League">Champions League play-off round</a></td>
+    </tr>
+    <tr>
+      <th>5</th>
+      <td><a href="https://en.wikipedia.org/wiki/Manchester_United_F.C." title="Manchester United F.C.">Manchester United</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>9</td>
+      <td>10</td>
+      <td>49</td>
+      <td>35</td>
+      <td>+14</td>
+      <td>66</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Group_stage" title="2016–17 UEFA Europa League">Europa League group stage</a></td>
+    </tr>
+    <tr>
+      <th>6</th>
+      <td><a href="https://en.wikipedia.org/wiki/Southampton_F.C." title="Southampton F.C.">Southampton</a></td>
+      <td>38</td>
+      <td>18</td>
+      <td>9</td>
+      <td>11</td>
+      <td>59</td>
+      <td>41</td>
+      <td>+18</td>
+      <td>63</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Group_stage" title="2016–17 UEFA Europa League">Europa League group stage</a></td>
+    </tr>
+    <tr>
+      <th>7</th>
+      <td><a href="https://en.wikipedia.org/wiki/West_Ham_United_F.C." title="West Ham United F.C.">West Ham United</a></td>
+      <td>38</td>
+      <td>16</td>
+      <td>14</td>
+      <td>8</td>
+      <td>65</td>
+      <td>51</td>
+      <td>+14</td>
+      <td>62</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Third_qualifying_round" title="2016–17 UEFA Europa League">Europa League third qualifying round</a></td>
+    </tr>
+    <tr>
+      <th>8</th>
+      <td><a href="https://en.wikipedia.org/wiki/Liverpool_F.C." title="Liverpool F.C.">Liverpool</a></td>
+      <td>38</td>
+      <td>16</td>
+      <td>12</td>
+      <td>10</td>
+      <td>63</td>
+      <td>50</td>
+      <td>+13</td>
+      <td>60</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>9</th>
+      <td><a href="https://en.wikipedia.org/wiki/Stoke_City_F.C." title="Stoke City F.C.">Stoke City</a></td>
+      <td>38</td>
+      <td>14</td>
+      <td>9</td>
+      <td>15</td>
+      <td>41</td>
+      <td>55</td>
+      <td>−14</td>
+      <td>51</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>10</th>
+      <td><a href="https://en.wikipedia.org/wiki/Chelsea_F.C." title="Chelsea F.C.">Chelsea</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>14</td>
+      <td>12</td>
+      <td>59</td>
+      <td>53</td>
+      <td>+6</td>
+      <td>50</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>11</th>
+      <td><a href="https://en.wikipedia.org/wiki/Everton_F.C." title="Everton F.C.">Everton</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>14</td>
+      <td>13</td>
+      <td>59</td>
+      <td>55</td>
+      <td>+4</td>
+      <td>47</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>12</th>
+      <td><a href="https://en.wikipedia.org/wiki/Swansea_City_A.F.C." title="Swansea City A.F.C.">Swansea City</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>11</td>
+      <td>15</td>
+      <td>42</td>
+      <td>52</td>
+      <td>−10</td>
+      <td>47</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>13</th>
+      <td><a href="https://en.wikipedia.org/wiki/Watford_F.C." title="Watford F.C.">Watford</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>9</td>
+      <td>17</td>
+      <td>40</td>
+      <td>50</td>
+      <td>−10</td>
+      <td>45</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>14</th>
+      <td><a href="https://en.wikipedia.org/wiki/West_Bromwich_Albion_F.C." title="West Bromwich Albion F.C.">West Bromwich Albion</a></td>
+      <td>38</td>
+      <td>10</td>
+      <td>13</td>
+      <td>15</td>
+      <td>34</td>
+      <td>48</td>
+      <td>−14</td>
+      <td>43</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>15</th>
+      <td><a href="https://en.wikipedia.org/wiki/Crystal_Palace_F.C." title="Crystal Palace F.C.">Crystal Palace</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>9</td>
+      <td>18</td>
+      <td>39</td>
+      <td>51</td>
+      <td>−12</td>
+      <td>42</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>16</th>
+      <td><a href="https://en.wikipedia.org/wiki/A.F.C._Bournemouth" title="A.F.C. Bournemouth">AFC Bournemouth</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>9</td>
+      <td>18</td>
+      <td>45</td>
+      <td>67</td>
+      <td>−22</td>
+      <td>42</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>17</th>
+      <td><a href="https://en.wikipedia.org/wiki/Sunderland_A.F.C." title="Sunderland A.F.C.">Sunderland</a></td>
+      <td>38</td>
+      <td>9</td>
+      <td>12</td>
+      <td>17</td>
+      <td>48</td>
+      <td>62</td>
+      <td>−14</td>
+      <td>39</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>18</th>
+      <td><a href="https://en.wikipedia.org/wiki/Newcastle_United_F.C." title="Newcastle United F.C.">Newcastle United</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>9</td>
+      <td>10</td>
+      <td>19</td>
+      <td>44</td>
+      <td>65</td>
+      <td>−21</td>
+      <td>37</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>
+    </tr>
+    <tr>
+      <th>19</th>
+      <td><a href="https://en.wikipedia.org/wiki/Norwich_City_F.C." title="Norwich City F.C.">Norwich City</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>9</td>
+      <td>7</td>
+      <td>22</td>
+      <td>39</td>
+      <td>67</td>
+      <td>−28</td>
+      <td>34</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>    </tr>
+    <tr>
+      <th>20</th>
+      <td><a href="https://en.wikipedia.org/wiki/Aston_Villa_F.C." title="Aston Villa F.C.">Aston Villa</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>3</td>
+      <td>8</td>
+      <td>27</td>
+      <td>27</td>
+      <td>76</td>
+      <td>−49</td>
+      <td>17</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>
+    </tr>
+  </tbody>
+</table>
+ +
+ +

Modifiers

+ +
+
+

Add borders to all the cells.

+
+
+ table is-bordered +
+
+ + + + + + + + + + + + + +
OneTwo
ThreeFour
+
+
+ +
+
+

Add stripes to the table.

+
+
+ table is-striped +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+
+

Make the cells narrower.

+
+
+ table is-narrow +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+
+

You can have a fullwidth table.

+
+
+ table is-fullwidth +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+
+

You can combine all four modifiers.

+
+
+ table is-bordered is-striped is-narrow is-fullwidth +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $table-color + + $grey-darker +
+ $table-background-color + + $white +
+ $table-cell-border + + 1px solid $grey-lighter +
+ $table-cell-border-width + + 0 0 1px +
+ $table-cell-padding + + 0.5em 0.75em +
+ $table-cell-heading-color + + $text-strong +
+ $table-head-color + + $grey +
+ $table-head-cell-border-width + + 0 0 2px +
+ $table-head-cell-color + + $text-strong +
+ $table-foot-cell-border-width + + 2px 0 0 +
+ $table-foot-cell-color + + $text-strong +
+ $table-row-hover-background-color + + $white-bis +
+ $table-row-active-background-color + + $primary +
+ $table-row-active-color + + $primary-invert +
+ $table-striped-row-even-background-color + + $white-bis +
+ $table-striped-row-even-hover-background-color + + $white-ter +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/tag/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/tag/index.html new file mode 100644 index 000000000..7270a2ad2 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/tag/index.html @@ -0,0 +1,1251 @@ + + + + + + + + + Tags | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Tags

+

+ Small tag labels to insert anywhere +

+
+ + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+ By default, a tag is a 1.5rem high label. +
+
+ + Tag label + +
+
+ 
<span class="tag">
+  Tag label
+</span>
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ Like with buttons, there are 9 different colors available. +
+
+

+ + Black + +

+

+ + Dark + +

+

+ + Light + +

+

+ + White + +

+

+ + Primary + +

+

+ + Info + +

+

+ + Success + +

+

+ + Warning + +

+ + Danger + +
+
+ 
<span class="tag is-black">Black</span>
+<span class="tag is-dark">Dark</span>
+<span class="tag is-light">Light</span>
+<span class="tag is-white">White</span>
+<span class="tag is-primary">Primary</span>
+<span class="tag is-info">Info</span>
+<span class="tag is-success">Success</span>
+<span class="tag is-warning">Warning</span>
+<span class="tag is-danger">Danger</span>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ And 2 additional sizes. +
+
+

+ + Medium + +

+

+ + Large + +

+
+
+ 
<span class="tag is-primary is-medium">Medium</span>
+<span class="tag is-info is-large">Large</span>
+
+
+ +
+ +

+ Modifiers + + # + +

+ + +
+
+ You can add the is-rounded modifier to make a rounded tag. +
+
+ +Rounded + +
+
+ 
<span class="tag is-rounded">Rounded</span>
+
+
+ +
+
+ You can add the is-delete modifier to turn the tag into a delete button. +
+
+ + + +
+
+ 
<a class="tag is-delete"></a>
+
+
+ +
+ +

+ Combinations + + # + +

+ + +
+
+ You can append a delete button. +
+
+

+ + Bar + + +

+

+ + Hello + + +

+

+ + World + + +

+
+
+ 
<span class="tag is-success">
+  Bar
+  <button class="delete is-small"></button>
+</span>
+<span class="tag is-warning is-medium">
+  Hello
+  <button class="delete is-small"></button>
+</span>
+<span class="tag is-danger is-large">
+  World
+  <button class="delete"></button>
+</span>
+
+
+ +
+ +

+ List of tags + + # + +

+ + +
+ New! + 0.5.0 +
+ +
+
+
+

+ You can now create a list of tags with the .tags container. +

+
+
+ +
+ One + Two + Three +
+ +
+
+
+ 
<div class="tags">
+  <span class="tag">One</span>
+  <span class="tag">Two</span>
+  <span class="tag">Three</span>
+</div>
+
+
+ +
+
+
+

+ If the list is very long, it will automatically wrap on multiple lines, while keeping all tags evenly spaced. +

+
+
+ +
+ One + Two + Three + Four + Five + Six + Seven + Eight + Nine + Ten + Eleven + Twelve + Thirteen + Fourteen + Fifteen + Sixteen + Seventeen + Eighteen + Nineteen + Twenty +
+ +
+
+
+ 
<div class="tags">
+  <span class="tag">One</span>
+  <span class="tag">Two</span>
+  <span class="tag">Three</span>
+  <span class="tag">Four</span>
+  <span class="tag">Five</span>
+  <span class="tag">Six</span>
+  <span class="tag">Seven</span>
+  <span class="tag">Eight</span>
+  <span class="tag">Nine</span>
+  <span class="tag">Ten</span>
+  <span class="tag">Eleven</span>
+  <span class="tag">Twelve</span>
+  <span class="tag">Thirteen</span>
+  <span class="tag">Fourteen</span>
+  <span class="tag">Fifteen</span>
+  <span class="tag">Sixteen</span>
+  <span class="tag">Seventeen</span>
+  <span class="tag">Eighteen</span>
+  <span class="tag">Nineteen</span>
+  <span class="tag">Twenty</span>
+</div>
+
+
+ +
+
+
+

+ You can attach tags together with the .has-addons modifier. +

+
+
+ +
+ Package + Bulma +
+ +
+
+
+ 
<div class="tags has-addons">
+  <span class="tag">Package</span>
+  <span class="tag is-primary">Bulma</span>
+</div>
+
+
+ +
+
+
+

+ You can attach a text tag with a delete tag together. +

+
+
+ +
+ Alex Smith + +
+ +
+
+
+ 
<div class="tags has-addons">
+  <span class="tag is-danger">Alex Smith</span>
+  <a class="tag is-delete"></a>
+</div>
+
+
+ +
+
+
+

+ If you want to attach .tags containers together, simply use the .field element with the .is-grouped and .is-grouped-multiline modifiers. +

+
+
+ +
+
+
+ npm + 0.5.0 +
+
+ +
+
+ build + passing +
+
+ +
+
+ chat + on gitter +
+
+
+ +
+
+
+ 
<div class="field is-grouped is-grouped-multiline">
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-dark">npm</span>
+      <span class="tag is-info">0.5.0</span>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-dark">build</span>
+      <span class="tag is-success">passing</span>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-dark">chat</span>
+      <span class="tag is-primary">on gitter</span>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

+ This can be useful for a long list of blog tags. +

+
+
+ +
+
+
+ Technology + +
+
+ +
+
+ CSS + +
+
+ +
+
+ Flexbox + +
+
+ +
+
+ Web Design + +
+
+ +
+
+ Open Source + +
+
+ +
+
+ Community + +
+
+ +
+
+ Documentation + +
+
+
+ +
+
+
+ 
<div class="field is-grouped is-grouped-multiline">
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Technology</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">CSS</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Flexbox</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Web Design</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Open Source</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Community</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+
+  <div class="control">
+    <div class="tags has-addons">
+      <span class="tag is-info">Documentation</span>
+      <a class="tag is-delete"></a>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $tag-background-color + + background +
+ $tag-color + + text +
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/elements/title/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/title/index.html new file mode 100644 index 000000000..ef6d694a3 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/elements/title/index.html @@ -0,0 +1,907 @@ + + + + + + + + + Title and Subtitle | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + +
+
+

Titles

+

+ Simple headings to add depth to your page +

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+
+
+

There are 2 types of heading:

+
    +
  • + .title +
    • +
  • + .subtitle +
    • +
+
+
+
+

Title

+

Subtitle

+
+
+ 
<h1 class="title">Title</h1>
+<h2 class="subtitle">Subtitle</h2>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+

There are 6 sizes available:

+
+
+

Title 1

+

Title 2

+

Title 3 (default size)

+

Title 4

+

Title 5

+

Title 6

+
+
+ 
<h1 class="title is-1">Title 1</h1>
+<h2 class="title is-2">Title 2</h2>
+<h3 class="title is-3">Title 3</h3>
+<h4 class="title is-4">Title 4</h4>
+<h5 class="title is-5">Title 5</h5>
+<h6 class="title is-6">Title 6</h6>
+
+
+ +
+
+
+

Subtitle 1

+

Subtitle 2

+

Subtitle 3

+

Subtitle 4

+

Subtitle 5 (default size)

+

Subtitle 6

+
+
+ 
<h1 class="subtitle is-1">Subtitle 1</h1>
+<h2 class="subtitle is-2">Subtitle 2</h2>
+<h3 class="subtitle is-3">Subtitle 3</h3>
+<h4 class="subtitle is-4">Subtitle 4</h4>
+<h5 class="subtitle is-5">Subtitle 5</h5>
+<h6 class="subtitle is-6">Subtitle 6</h6>
+
+
+ +
+ +
+
+
+

When you combine a title and a subtitle, they move closer together.

+

As a rule of thumb, it is recommended to use a size difference of two. So if you use a title is-1, combine it with a subtitle is-3.

+
+
+
+
+

Title 1

+

Subtitle 3

+
+
+

Title 2

+

Subtitle 4

+
+
+

Title 3

+

Subtitle 5

+
+
+
+ 
<p class="title is-1">Title 1</p>
+<p class="subtitle is-3">Subtitle 3</p>
+
+<p class="title is-2">Title 2</p>
+<p class="subtitle is-4">Subtitle 4</p>
+
+<p class="title is-3">Title 3</p>
+<p class="subtitle is-5">Subtitle 5</p>
+
+
+ +
+ +
+
+
+

+ New! +

+

You can maintain the normal spacing between titles and subtitles if you use the is-spaced modifier on the first element.

+
+
+
+
+

Title 1

+

Subtitle 3

+
+
+

Title 2

+

Subtitle 4

+
+
+

Title 3

+

Subtitle 5

+
+
+
+ 
<p class="title is-1 is-spaced">Title 1</p>
+<p class="subtitle is-3">Subtitle 3</p>
+
+<p class="title is-2 is-spaced">Title 2</p>
+<p class="subtitle is-4">Subtitle 4</p>
+
+<p class="title is-3 is-spaced">Title 3</p>
+<p class="subtitle is-5">Subtitle 5</p>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $title-color + + $grey-darker +
+ $title-size + + $size-3 +
+ $title-weight + + $weight-light +
+ $title-weight-bold + + $weight-semibold +
+ $subtitle-color + + $grey-dark +
+ $subtitle-size + + $size-5 +
+ $subtitle-strong + + $grey-darker +
+ $subtitle-weight + + $weight-light +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/form/checkbox/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/form/checkbox/index.html new file mode 100644 index 000000000..7a697db5d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/form/checkbox/index.html @@ -0,0 +1,695 @@ + + + + + + + + + Checkbox | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Checkbox

+

+ The 2-state checkbox in its native format +

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

+ The checkbox class is a simple wrapper around the <input type="checkbox"> HTML element. It is intentionally not styled, to preserve cross-browser compatibility and the user experience. +

+
+ +
+
+ + + +
+
+ 
<label class="checkbox">
+  <input type="checkbox">
+  Remember me
+</label>
+
+
+ +
+

+ You can add links to your checkbox, or even disable it. +

+
+ +
+
+ + + +
+
+ 
<label class="checkbox">
+  <input type="checkbox">
+  I agree to the <a href="#">terms and conditions</a>
+</label>
+
+
+ +
+
+ + + +
+
+ 
<label class="checkbox" disabled>
+  <input type="checkbox" disabled>
+  Save my preferences
+</label>
+
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/form/general/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/form/general/index.html new file mode 100644 index 000000000..a52ed83cf --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/form/general/index.html @@ -0,0 +1,2404 @@ + + + + + + + + + Form controls | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Form controls

+

+ All generic form controls, designed for consistency +

+ +
+ +
+

The following form controls classes are supported:

+
    +
  • .label
    • +
  • .input
    • +
  • .textarea
    • +
  • .select
    • +
  • .checkbox
    • +
  • .radio
    • +
  • .button
    • +
  • .help
    • +
+

Each of them should be wrapped in a .control container.
+ When combining several controls in a form, use the .field class as a container, to keep the spacing consistent.

+
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ + + + + + + +
+

This username is available

+
+ +
+ +
+ + + + + + + +
+

This email is invalid

+
+ +
+ +
+
+ +
+
+
+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Username</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small is-left">
+      <i class="fa fa-user"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+  <p class="help is-success">This username is available</p>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-danger" type="text" placeholder="Email input" value="hello@">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-warning"></i>
+    </span>
+  </div>
+  <p class="help is-danger">This email is invalid</p>
+</div>
+
+<div class="field">
+  <label class="label">Subject</label>
+  <div class="control">
+    <div class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Message</label>
+  <div class="control">
+    <textarea class="textarea" placeholder="Textarea"></textarea>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control">
+    <label class="checkbox">
+      <input type="checkbox">
+      I agree to the <a href="#">terms and conditions</a>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control">
+    <label class="radio">
+      <input type="radio" name="question">
+      Yes
+    </label>
+    <label class="radio">
+      <input type="radio" name="question">
+      No
+    </label>
+  </div>
+</div>
+
+<div class="field is-grouped">
+  <div class="control">
+    <button class="button is-primary">Submit</button>
+  </div>
+  <div class="control">
+    <button class="button is-link">Cancel</button>
+  </div>
+</div>
+
+
+ +
+ +

Form field

+ +
+

The field container is a simple container for:

+
    +
  • a text label
    • +
  • a form control
    • +
  • an optional helptext
    • +
+
+ +
+
+ +
+ +
+ +
+

This is a help text

+
+ +
+
+ 
<div class="field">
+  <label class="label">Label</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </div>
+  <p class="help">This is a help text</p>
+</div>
+
+
+ +
+

This container allows form fields to be spaced consistently.

+
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="e.g Alex Smith">
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <div class="control">
+    <input class="input" type="email" placeholder="e.g. alexsmith@gmail.com">
+  </div>
+</div>
+
+
+ +
+ +

Form control

+ +
+

The control is a versatile container meant to enhance single form controls. Because it has the same height as a control elements, it can only contain the following elements:

+
    +
  • input
    • +
  • select
    • +
  • button
    • +
  • icon
    • +
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Text input">
+</div>
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <button class="button is-primary">Submit</button>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + + + + +

+
+
+

+ + + + +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <button class="button is-success">
+      Login
+    </button>
+  </p>
+</div>
+
+
+ +
+
+
+

+ You can append icons to select dropdowns as well. +

+
+ +
+

+ + + + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <span class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+    <span class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-small">Small input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-small" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Normal input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-medium">Medium input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-large">Large input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-large is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-large is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+ +

Form addons

+
+

If you want to attach controls together, use the has-addons modifier on the field container:

+
+
+ +
+
+ +
+
+ + Search + +
+
+ +
+ 
<div class="field has-addons">
+  <div class="control">
+    <input class="input" type="text" placeholder="Find a repository">
+  </div>
+  <div class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </div>
+</div>
+
+

You can attach inputs, buttons, and dropdowns only.

+
+ +
+

+ New! + 0.4.2 +

+

It can be useful to append a static button.

+
+ +
+ +
+

+ +

+

+ + @gmail.com + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Your email">
+  </p>
+  <p class="control">
+    <a class="button is-static">
+      @gmail.com
+    </a>
+  </p>
+</div>
+ +
+

Use the is-expanded modifier on the element you want to fill up the remaining space (in this case, the input):

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+

If you want a full width select dropdown, pair control is-expanded with select is-fullwidth.

+
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+ 
<div class="field has-addons">
+  <div class="control is-expanded">
+    <div class="select is-fullwidth">
+      <select name="country">
+        <option value="Argentina">Argentina</option>
+        <option value="Bolivia">Bolivia</option>
+        <option value="Brazil">Brazil</option>
+        <option value="Chile">Chile</option>
+        <option value="Colombia">Colombia</option>
+        <option value="Ecuador">Ecuador</option>
+        <option value="Guyana">Guyana</option>
+        <option value="Paraguay">Paraguay</option>
+        <option value="Peru">Peru</option>
+        <option value="Suriname">Suriname</option>
+        <option value="Uruguay">Uruguay</option>
+        <option value="Venezuela">Venezuela</option>
+      </select>
+    </div>
+  </div>
+  <div class="control">
+    <button type="submit" class="button is-primary">Choose</button>
+  </div>
+</div>
+ +
+

Use the has-addons-centered or the has-addons-right modifers to alter the alignment.

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-centered">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-right">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+ +

Form group

+
+

+ If you want to group controls together, use the is-grouped modifier on the field container. +

+
+ +
+ +
+

+ + Submit + +

+

+ + Cancel + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control">
+    <a class="button is-primary">
+      Submit
+    </a>
+  </p>
+  <p class="control">
+    <a class="button is-light">
+      Cancel
+    </a>
+  </p>
+</div>
+ +
+ Use the is-grouped-centered or the is-grouped-right modifers to alter the alignment. +

+
+ +
+ +
+

+ + Submit + +

+

+ + Cancel + +

+
+ +
+ 
<div class="field is-grouped is-grouped-centered">
+  <p class="control">
+    <a class="button is-primary">
+      Submit
+    </a>
+  </p>
+  <p class="control">
+    <a class="button is-light">
+      Cancel
+    </a>
+  </p>
+</div>
+ +
+ +
+

+ + Submit + +

+

+ + Cancel + +

+
+ +
+ 
<div class="field is-grouped is-grouped-right">
+  <p class="control">
+    <a class="button is-primary">
+      Submit
+    </a>
+  </p>
+  <p class="control">
+    <a class="button is-light">
+      Cancel
+    </a>
+  </p>
+</div>
+ +
+

+ Add the is-expanded modifier on the control element you want to fill up the remaining space with. +

+
+ +
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+ +
+

+ New! + 0.4.4 +

+

+ Add the is-grouped-multiline modifier to allow controls to fill up multiple lines. This is ideal for a long list of controls. +

+
+ +
+
+
+ +
+

+ + One + +

+

+ + Two + +

+

+ + Three + +

+

+ + Four + +

+

+ + Five + +

+

+ + Size + +

+

+ + Seven + +

+

+ + Eight + +

+

+ + Nine + +

+

+ + Ten + +

+

+ + Eleven + +

+

+ + Twelve + +

+

+ + Thirteen + +

+
+ +
+
+
+ 
<div class="field is-grouped is-grouped-multiline">
+  <p class="control">
+    <a class="button">
+      One
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Two
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Three
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Four
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Five
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Size
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Seven
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Eight
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Nine
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Ten
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Eleven
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Twelve
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Thirteen
+    </a>
+  </p>
+</div>
+
+
+ +
+ +

Horizontal form

+
+

If you want a horizontal form control, use the is-horizontal modifier on the field container, in which you include:

+
    +
  • + field-label for the side label +
    • +
  • + field-body for the input/select/textarea container +
    • +
+

You can use is-grouped or has-addons for the child elements.

+
+
+ +
+
+ +
+
+
+

+ + + + +

+
+
+

+ + + + + + + +

+
+
+
+ +
+
+
+
+
+

+ + +44 + +

+

+ +

+
+

Do not enter the first zero

+
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+ +
+

+ This field is required +

+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">From</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <p class="control is-expanded has-icons-left">
+        <input class="input" type="text" placeholder="Name">
+        <span class="icon is-small is-left">
+          <i class="fa fa-user"></i>
+        </span>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control is-expanded has-icons-left has-icons-right">
+        <input class="input is-success" type="email" placeholder="Email" value="alex@smith.com">
+        <span class="icon is-small is-left">
+          <i class="fa fa-envelope"></i>
+        </span>
+        <span class="icon is-small is-right">
+          <i class="fa fa-check"></i>
+        </span>
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label"></div>
+  <div class="field-body">
+    <div class="field is-expanded">
+      <div class="field has-addons">
+        <p class="control">
+          <a class="button is-static">
+            +44
+          </a>
+        </p>
+        <p class="control is-expanded">
+          <input class="input" type="tel" placeholder="Your phone number">
+        </p>
+      </div>
+      <p class="help">Do not enter the first zero</p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Department</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <div class="select is-fullwidth">
+          <select>
+            <option>Business development</option>
+            <option>Marketing</option>
+            <option>Sales</option>
+          </select>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">Already a member?</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <label class="radio">
+          <input type="radio" name="member">
+          Yes
+        </label>
+        <label class="radio">
+          <input type="radio" name="member">
+          No
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Subject</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-danger" type="text" placeholder="e.g. Partnership opportunity">
+      </div>
+      <p class="help is-danger">
+        This field is required
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Question</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <textarea class="textarea" placeholder="Explain how we can help you"></textarea>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <!-- Left empty for spacing -->
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <button class="button is-primary">
+          Send message
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+ +
+

+ To preserve the vertical alignment of labels with each type and size of control, the .field-label comes with 4 size modifiers: +

+
    +
  • + .is-small +
    • +
  • + .is-normal for any .input or .button +
    • +
  • + .is-medium +
    • +
  • + .is-large +
    • +
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">No padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input type="checkbox">
+          Checkbox
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-small">
+    <label class="label">Small padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-small" type="text" placeholder="Small sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Normal label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input" type="text" placeholder="Normal sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-medium">
+    <label class="label">Medium label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-medium" type="text" placeholder="Medium sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-large">
+    <label class="label">Large label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-large" type="text" placeholder="Large sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/form/input/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/form/input/index.html new file mode 100644 index 000000000..0e5b2e4c9 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/form/input/index.html @@ -0,0 +1,1308 @@ + + + + + + + + + Input | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Input

+

+ The text input and its variations +

+
+ + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + Yes + +
+
+
+ + +
+ +
+

The following modifiers are supported:

+ +

The following type attributes are supported:

+
    +
  • type="text"
    • +
  • type="password"
    • +
  • type="email"
    • +
  • type="tel"
    • +
+
+ +
+
+ + + +
+
+ 
<input class="input" type="text" placeholder="Text input">
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <input class="input is-primary" type="text" placeholder="Primary input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-info" type="text" placeholder="Info input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-success" type="text" placeholder="Success input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-warning" type="text" placeholder="Warning input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-danger" type="text" placeholder="Danger input">
+  </div>
+</div>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <input class="input is-small" type="text" placeholder="Small input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-medium" type="text" placeholder="Medium input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-large" type="text" placeholder="Large input">
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Normal input">
+</div>
+
+
+ +

Hover

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input is-hovered" type="text" placeholder="Hovered input">
+</div>
+
+
+ +

Focus

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input is-focused" type="text" placeholder="Focused input">
+</div>
+
+
+ +

Loading

+
+
+ +
+ +
+ +
+
+ 
<div class="control is-loading">
+  <input class="input" type="text" placeholder="Loading input">
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control is-small is-loading">
+    <input class="input is-small" type="text" placeholder="Small loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-loading">
+    <input class="input" type="text" placeholder="Normal loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-medium is-loading">
+    <input class="input is-medium" type="text" placeholder="Medium loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-large is-loading">
+    <input class="input is-large" type="text" placeholder="Large loading input">
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Disabled input" disabled>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + + + + +

+
+
+

+ + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-small" type="email" placeholder="Email">
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-small is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input" type="email" placeholder="Email">
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-small is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-medium" type="email" placeholder="Email">
+  <span class="icon is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-large" type="email" placeholder="Email">
+  <span class="icon is-medium is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-medium is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+ +

+ Variables + + # + +

+ + +
+

+ You can use these variables to customize this element. Simply set one or multiple of these variables before importing Bulma. Learn how. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDefault value
NameDefault value
+ $input-color + + $grey-darker +
+ $input-background-color + + $white +
+ $input-border-color + + $grey-lighter +
+ $input-shadow + + inset 0 1px 2px rgba($black, 0.1) +
+ $input-hover-color + + $grey-darker +
+ $input-hover-border-color + + $grey-light +
+ $input-focus-color + + $grey-darker +
+ $input-focus-border-color + + $link +
+ $input-disabled-color + + $text-light +
+ $input-disabled-background-color + + $background +
+ $input-disabled-border-color + + $background +
+ $input-arrow + + $link +
+ $input-icon-color + + $grey-lighter +
+ $input-icon-active-color + + $grey +
+ $input-radius + + $radius +
+ + +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/form/radio/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/form/radio/index.html new file mode 100644 index 000000000..e9cbfae2d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/form/radio/index.html @@ -0,0 +1,748 @@ + + + + + + + + + Radio button | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Radio

+

+ The mutually exclusive radio buttons in their native format +

+
+ + + + + +
+
+ Colors + + No + +
+
+ +
+
+ Sizes + + No + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

+ The radio class is a simple wrapper around the <input type="radio"> HTML elements. It is intentionally not styled, to preserve cross-browser compatibility and the user experience. +

+

+ Make sure the linked radio buttons have the same value for their name HTML attribute. +

+
+ +
+
+ +
+ + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="answer">
+    Yes
+  </label>
+  <label class="radio">
+    <input type="radio" name="answer">
+    No
+  </label>
+</div>
+
+
+ +
+

+ You can check a radio button by default by adding the checked HTML attribute to the <input> element. +

+
+ +
+
+ +
+ + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="foobar">
+    Foo
+  </label>
+  <label class="radio">
+    <input type="radio" name="foobar" checked>
+    Bar
+  </label>
+</div>
+
+
+ +
+

+ You can add disable a radio button by adding the disabled HTML attribute to both the <label> and the <input>. +

+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="rsvp">
+    Going
+  </label>
+  <label class="radio">
+    <input type="radio" name="rsvp">
+    Not going
+  </label>
+  <label class="radio" disabled>
+    <input type="radio" name="rsvp" disabled>
+    Maybe
+  </label>
+</div>
+
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/form/select/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/form/select/index.html new file mode 100644 index 000000000..95a825f08 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/form/select/index.html @@ -0,0 +1,1259 @@ + + + + + + + + + Select | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Select

+

+ The browser built-in select dropdown, styled accordingly +

+
+ + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

The following modifiers are supported:

+ +
+ +
+
+ +
+ +
+ +
+
+ 
<div class="select">
+  <select>
+    <option>Select dropdown</option>
+    <option>With options</option>
+  </select>
+</div>
+
+
+ + +
+ +

Multiple select

+ +
+
+
+

+ New! + 0.4.4 +

+

+ You can style a multiple select dropdown, by using the is-multiple modifier, and by using the multiple HTML attribute. +

+
+ +
+ +
+ +
+
+ 
<div class="select is-multiple">
+  <select multiple size="8">
+    <option value="Argentina">Argentina</option>
+    <option value="Bolivia">Bolivia</option>
+    <option value="Brazil">Brazil</option>
+    <option value="Chile">Chile</option>
+    <option value="Colombia">Colombia</option>
+    <option value="Ecuador">Ecuador</option>
+    <option value="Guyana">Guyana</option>
+    <option value="Paraguay">Paraguay</option>
+    <option value="Peru">Peru</option>
+    <option value="Suriname">Suriname</option>
+    <option value="Uruguay">Uruguay</option>
+    <option value="Venezuela">Venezuela</option>
+  </select>
+</div>
+
+
+ + +
+ +

+ Colors + + # + +

+ + +
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <div class="select is-primary">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-info">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-success">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-warning">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-danger">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <div class="select is-small">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-medium">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-large">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Hover

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select class="is-hovered">
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Focus

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select class="is-focused">
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Loading

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select is-loading">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append the modifier on a control:

+
    +
  • + has-icons-left +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left since has-icons-left is used +
    • +
+

The size of the select will define the size of the icon container.

+
+
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control has-icons-left">
+    <div class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+    <div class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-small">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-medium">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-medium is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-large">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-large is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/form/textarea/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/form/textarea/index.html new file mode 100644 index 000000000..405f09252 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/form/textarea/index.html @@ -0,0 +1,959 @@ + + + + + + + + + Textarea | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Textarea

+

+ The multiline textarea and its variations +

+
+ + + + + +
+
+ Colors + + Yes + +
+
+ +
+
+ Sizes + + Yes + +
+
+ +
+
+ Variables + + No + +
+
+
+ + +
+ +
+

The following modifiers are supported:

+ +
+ +
+
+ + + +
+
+ 
<textarea class="textarea" placeholder="e.g. Hello world"></textarea>
+
+
+ +
+

+ New! + 0.4.4 +

+

+ You can set the height of the textarea using the `rows` HTML attribute. +

+
+ +
+
+ + + +
+
+ 
<textarea class="textarea" placeholder="10 lines of textarea" rows="10"></textarea>
+
+
+ +
+ +

+ Colors + + # + +

+ + +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <textarea class="textarea is-primary" type="text" placeholder="Primary textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-info" type="text" placeholder="Info textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-success" type="text" placeholder="Success textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-warning" type="text" placeholder="Warning textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-danger" type="text" placeholder="Danger textarea"></textarea>
+  </div>
+</div>
+
+
+ +
+ +

+ Sizes + + # + +

+ + +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <textarea class="textarea is-small" type="text" placeholder="Small textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea" type="text" placeholder="Normal textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-medium" type="text" placeholder="Medium textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-large" type="text" placeholder="Large textarea"></textarea>
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea" type="text" placeholder="Normal textarea"></textarea>
+</div>
+
+
+ +

Hover

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea is-hovered" type="text" placeholder="Hovered textarea"></textarea>
+</div>
+
+
+ +

Focus

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea is-focused" type="text" placeholder="Focused textarea"></textarea>
+</div>
+
+
+ +

Loading

+
+
+ +
+ +
+ +
+
+ 
<div class="control is-loading">
+  <textarea class="textarea" type="text" placeholder="Loading textarea"></textarea>
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control is-small is-loading">
+    <textarea class="textarea is-small" type="text" placeholder="Small loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-loading">
+    <textarea class="textarea" type="text" placeholder="Normal loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-medium is-loading">
+    <textarea class="textarea is-medium" type="text" placeholder="Medium loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-large is-loading">
+    <textarea class="textarea is-large" type="text" placeholder="Large loading textarea"></textarea>
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea" type="text" placeholder="Disabled textarea" disabled></textarea>
+</div>
+
+
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/grid/columns/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/grid/columns/index.html new file mode 100644 index 000000000..34a25c84b --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/grid/columns/index.html @@ -0,0 +1,1431 @@ + + + + + + + + + Columns powered by Flexbox | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Columns

+

A simple way to build responsive columns

+
+
+

To build a grid, just:

+
    +
  1. Add a columns container
    2. +
  2. Add as many column elements as you want
    3. +
+

Each column will have an equal width, no matter the number of columns.

+
+ +
+
+

First column

+
+
+

Second column

+
+
+

Third column

+
+
+

Fourth column

+
+
+ +
<div class="columns">
+  <div class="column">
+    First column
+  </div>
+  <div class="column">
+    Second column
+  </div>
+  <div class="column">
+    Third column
+  </div>
+  <div class="column">
+    Fourth column
+  </div>
+</div>
+ +
+ +

Sizes

+
+

If you want to change the size of a single column, you can use one the following classes:

+
    +
  • + is-three-quarters +
    • +
  • + is-two-thirds +
    • +
  • + is-half +
    • +
  • + is-one-third +
    • +
  • + is-one-quarter +
    • +
+

The other columns will fill up the remaining space automatically.

+
+
+
+

+ is-three-quarters +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-two-thirds +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-half +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-one-third +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-one-quarter +

+
+
+

Auto

+
+
+ +
<div class="columns">
+  <div class="column is-three-quarters">
+    <p class="notification is-info">
+      <code class="html">is-three-quarters</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-two-thirds">
+    <p class="notification is-info">
+      <code class="html">is-two-thirds</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-half">
+    <p class="notification is-info">
+      <code class="html">is-half</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-one-third">
+    <p class="notification is-info">
+      <code class="html">is-one-third</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-success">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-one-quarter">
+    <p class="notification is-info">
+      <code class="html">is-one-quarter</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-success">Auto</p>
+  </div>
+</div>
+ +

12 columns

+
+

As the grid can be divided into 12 columns, there are size classes for each division:

+
    +
  • is-2
    • +
  • is-3
    • +
  • is-4
    • +
  • is-5
    • +
  • is-6
    • +
  • is-7
    • +
  • is-8
    • +
  • is-9
    • +
  • is-10
    • +
  • is-11
    • +
+
+
+

Naming

+

Each modifier class is named after how many columns you want out of 12. So if you want 7 columns out of 12, use is-7.

+
+ +
+
+

is-2

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-3

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-4

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-5

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-6

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-7

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-8

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-9

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-10

+
+
+

1

+
+
+

1

+
+
+
+
+

is-11

+
+
+

1

+
+
+ +
+ +

Offset

+
+

While you can use empty columns (like <div class="column"></div>) to create horizontal space around .column elements, you can also use offset modifiers like .is-offset-x: +

+ +
+
+

+ is-half
+ is-offset-one-quarter +

+
+
+ +
+
+

+ is-4
+ is-offset-8 +

+
+
+ +
+
+

+ is-11
+ is-offset-1 +

+
+
+ +
<div class="columns is-mobile">
+  <div class="column is-half is-offset-one-quarter"></div>
+</div>
+
+<div class="columns is-mobile">
+  <div class="column is-4 is-offset-8"></div>
+</div>
+
+<div class="columns is-mobile">
+  <div class="column is-11 is-offset-1"></div>
+</div>
+ +
+ +

Responsiveness

+
+

By default, columns are only activated from tablet onwards. This means columns are stacked on top of each other on mobile.

+

If you want columns to work on mobile too, just add the is-mobile modifier on the columns container:

+
+
+
+

1

+
+
+

2

+
+
+

3

+
+
+

4

+
+
+
<div class="columns is-mobile">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+</div>
+
+

Resize

+

If you want to see the difference, resize your browser and see when the columns are stacked and when they are horizontally distributed.

+
+
+

If you only want columns on desktop, just use the is-desktop modifier on the columns container:

+
+
+
+

1

+
+
+

2

+
+
+

3

+
+
+

4

+
+
+
<div class="columns is-desktop">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+</div>
+ +

Different sizes per breakpoint

+
+

You can define a column size for each viewport size: mobile, tablet, and desktop.

+
+
+
+

+ is-half-mobile
+ is-one-third-tablet
+ is-one-quarter-desktop +

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+

Resize

+

If you want to see these classes in action, resize your browser window and see how the same column varies in width at each breakpoint.

+
+
<div class="columns is-mobile">
+  <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop">
+    <code>is-half-mobile</code><br>
+    <code>is-one-third-tablet</code><br>
+    <code>is-one-quarter-desktop</code>
+  </div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+</div>
+ +
+ +

Nesting

+
+

+ You can nest columns to have more flexibility in your design. You only need to follow this structure: +

+
    +
  • + columns: top-level columns container +
      +
    • + column +
        +
      • + columns: nested columns +
          +
        • + column and so on… +
          • +
        +
        • +
      +
      • +
    +
    • +
+

+ The difference with multiline columns is the order in the HTML code: all the blue columns appear before the red ones. Resize to a narrower viewport to see the result. +

+
+ +
+
+

First column

+
+
+

First nested column

+
+
+

Second nested column

+
+
+
+
+

Second column

+
+
+

50%

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+ +
<div class="columns">
+  <div class="column">
+    First column
+    <div class="columns is-mobile">
+      <div class="column">
+        First nested column
+      </div>
+      <div class="column">
+        Second nested column
+      </div>
+    </div>
+  </div>
+  <div class="column">
+    Second column
+    <div class="columns is-mobile">
+      <div class="column is-half">
+        50%
+      </div>
+      <div class="column">
+        Auto
+      </div>
+      <div class="column">
+        Auto
+      </div>
+    </div>
+  </div>
+</div>
+ +
+ +

Multiline

+
+

Whenever you want to start a new line, you can close a columns container and start a new one. But you can also add the is-multiline modifier and add more column elements that would fit in a single row.

+
+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+ +
<div class="columns is-multiline is-mobile">
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-half">
+    <code>is-half</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column">
+    Auto
+  </div>
+</div>
+
+ +

Gapless

+
+

If you want to remove the space between the columns, add the is-gapless modifier on the columns container:

+
+
+
+

First column

+
+
+

Second column

+
+
+

Third column

+
+
+

Fourth column

+
+
+
<div class="columns is-gapless">
+  <div class="column">First column</div>
+  <div class="column">Second column</div>
+  <div class="column">Third column</div>
+  <div class="column">Fourth column</div>
+</div>
+
+

You can combine it with the is-multiline modifier:

+
+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+
<div class="columns is-gapless is-multiline is-mobile">
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-half">
+    <code>is-half</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column">
+    Auto
+  </div>
+</div>
+ +
+ +

Narrow column

+
+

If you want a column to only take the space it needs, use the is-narrow modifier. The other column(s) will fill up the remaining space.

+
+
+
+
+

Narrow column

+

This column is only 200px wide.

+
+
+
+
+

Flexible column

+

This column will take up the remaining space available.

+
+
+
+
<div class="columns">
+  <div class="column is-narrow">
+    <div class="box" style="width: 200px;">
+      <p class="title is-5">Narrow column</p>
+      <p class="subtitle">This column is only 200px wide.</p>
+    </div>
+  </div>
+  <div class="column">
+    <div class="box">
+      <p class="title is-5">Flexible column</p>
+      <p class="subtitle">This column will take up the remaining space available.</p>
+    </div>
+  </div>
+</div>
+
+

As for the size modifiers, you can have narrow columns for different breakpoints:

+
    +
  • + is-narrow-mobile +
    • +
  • + is-narrow-tablet +
    • +
  • + is-narrow-desktop +
    • +
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/grid/tiles/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/grid/tiles/index.html new file mode 100644 index 000000000..dce8794fb --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/grid/tiles/index.html @@ -0,0 +1,1431 @@ + + + + + + + + + Tiles powered by Flexbox | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Tiles

+

A single tile element to build 2-dimensional Metro-like, Pinterest-like, or whatever-you-like grids

+ +
+ +
+

To build intricate 2-dimensional, you only need a single element: the tile:

+
+ +
<div class="tile">
+  <!-- The magical tile element! -->
+</div>
+ +
+ +

Example

+
+
+
+
+
+

Vertical...

+

Top tile

+
+
+

...tiles

+

Bottom tile

+
+
+
+
+

Middle tile

+

With an image

+
+ +
+
+
+
+
+
+

Wide tile

+

Aligned with the right tile

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall tile

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child notification is-primary">
+          <p class="title">Vertical...</p>
+          <p class="subtitle">Top tile</p>
+        </article>
+        <article class="tile is-child notification is-warning">
+          <p class="title">...tiles</p>
+          <p class="subtitle">Bottom tile</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child notification is-info">
+          <p class="title">Middle tile</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.5.0/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child notification is-danger">
+        <p class="title">Wide tile</p>
+        <p class="subtitle">Aligned with the right tile</p>
+        <div class="content">
+          <!-- Content -->
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child notification is-success">
+      <div class="content">
+        <p class="title">Tall tile</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <!-- Content -->
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

Modifiers

+ +
+

The tile element has 16 modifiers:

+
    +
  • + 3 contextual modifiers +
      +
    • is-ancestor
      • +
    • is-parent
      • +
    • is-child
      • +
    +
    • +
  • + 1 directional modifier +
      +
    • is-vertical
      • +
    +
    • +
  • + 12 horizontal size modifiers +
      +
    • from is-1
      • +
    • to is-12
      • +
    +
    • +
+
+ +
+ +

How it works: Nesting

+
+

Everything is a tile! To create a grid of tiles, you only need to nest tile elements.

+
+ +
+
+

Start with an ancestor tile that will wrap all other tiles:

+
+
+
<div class="tile is-ancestor">
+  <!-- All other tile elemnts -->
+</div>
+
+
+ +
+
+

Add tile elements that will distribute themselves horizontally:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+</div>
+
+
+ +
+
+

+ You can resize any tile according to a 12 column grid. +
+ For example, is-4 will take up 1/3 of the horizontal space: +

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4">
+    <!-- 1/3 -->
+  </div>
+  <div class="tile">
+    <!-- This tile will take the rest: 2/3 -->
+  </div>
+</div>
+
+
+ +
+
+

If you want to stack tiles vertically, add is-vertical on the parent tile:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical">
+    <div class="tile">
+      <!-- Top tile -->
+    </div>
+    <div class="tile">
+      <!-- Bottom tile -->
+    </div>
+  </div>
+  <div class="tile">
+    <!-- This tile will take up the whole vertical space -->
+  </div>
+</div>
+
+
+ +
+
+
+

As soon as you want to add content to a tile, just:

+
    +
  • add any class you want, like box
    • +
  • add the is-child modifier on the tile
    • +
  • add the is-parent modifier on the parent tile
    • +
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

One

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+

Two

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+

Three

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+      <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+      <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+    </div>
+  </div>
+</div>
+ +
+ +

Nesting requirements

+ +
+
+ 3 levels deep at least... +
+
+
+

You need at least 3 levels of hierarchy:

+
tile is-ancestor
+|
+└───tile is-parent
+    |
+    └───tile is-child
+
+
+
+ +
+
+ ...but more levels if you want! +
+
+
+

You can however nest tiles more deeply than that, and mix it up!

+
tile is-ancestor
+|
+├───tile is-vertical is-8
+|   |
+|   ├───tile
+|   |   |
+|   |   ├───tile is-parent is-vertical
+|   |   |   ├───tile is-child
+|   |   |   └───tile is-child
+|   |   |
+|   |   └───tile is-parent
+|   |       └───tile is-child
+|   |
+|   └───tile is-parent
+|       └───tile is-child
+|
+└───tile is-parent
+    └───tile is-child
+
+
+
+ +
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <!-- Put any content you want -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <!-- Put any content you want -->
+    </article>
+  </div>
+</div>
+ +
+ +

3 columns

+ +
+
+
+

Hello World

+

What is up?

+
+
+
+
+

Foo

+

Bar

+
+
+
+
+

Third column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Side column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Main column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Hello World</p>
+      <p class="subtitle">What is up?</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Foo</p>
+      <p class="subtitle">Bar</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Third column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Top box</p>
+        </article>
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Bottom box</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Middle box</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.5.0/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <p class="title">Wide column</p>
+        <p class="subtitle">Aligned with the right column</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Tall column</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Side column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-8">
+    <article class="tile is-child box">
+      <p class="title">Main column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

4 columns

+ +
+
+
+

One

+

Subtitle

+
+
+
+
+

Two

+

Subtitle

+
+
+
+
+

Three

+

Subtitle

+
+
+
+
+

Four

+

Subtitle

+
+
+
+
+
+
+
+
+

Five

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+
+
+
+
+
+
+
+

Six

+

Subtitle

+
+
+
+
+

Seven

+

Subtitle

+
+
+
+
+
+

Eight

+

Subtitle

+
+
+
+
+
+
+
+

Nine

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Ten

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+

Eleven

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Twelve

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+
+

Thirteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Fourteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">One</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Two</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Three</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Four</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-9">
+    <div class="tile">
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Five</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-8 is-vertical">
+        <div class="tile">
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Six</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Seven</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+        </div>
+        <div class="tile is-parent">
+          <article class="tile is-child box">
+            <p class="title">Eight</p>
+            <p class="subtitle">Subtitle</p>
+          </article>
+        </div>
+      </div>
+    </div>
+    <div class="tile">
+      <div class="tile is-8 is-parent">
+        <article class="tile is-child box">
+          <p class="title">Nine</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Ten</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Eleven</p>
+        <p class="subtitle">Subtitle</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Twelve</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-6">
+    <article class="tile is-child box">
+      <p class="title">Thirteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Fourteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/layout/container/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/layout/container/index.html new file mode 100644 index 000000000..dc3799160 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/layout/container/index.html @@ -0,0 +1,707 @@ + + + + + + + + + Container | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + +
+
+

Container

+

+ A simple container to center your content horizontally +

+ +
+ +
+

The .container class can be used in any context, but mostly as a direct child of either:

+
    +
  • .nav
    • +
  • .hero
    • +
  • .section
    • +
  • .footer
    • +
+

This is how the container will behave:

+
    +
  • on mobile and tablet < 1008px +, it will have a margin of 24px on each side.
    • +
  • on desktop >= 1008px +, it will have a maximum width of 960px and will be horizontally centered.
    • +
  • on widescreen >= 1200px +, it will have a maximum width of 1152px.
    • +
  • on fullhd >= 1392px +, it will have a maximum width of 1344px.
    • +
+

+ The $gap variable has a default value of 24px but can be modified. +

+

The values 960, 1152 and 1344 have been chosen because they are divisible by both 12 and 16.

+
+
+
+ +
+ +
+
+ This container is centered on desktop. +
+
+ +
+ +
<div class="container">
+  <div class="notification">
+    This container is <strong>centered</strong> on desktop.
+  </div>
+</div>
+ +
+
+

Fluid container

+
+

If you don't want to have a maximum width but want to keep the 24px margin on the left and right sides, add the is-fluid modifier:

+
+
+
+ +
+ +
+
+ This container is fluid: it will have a 24px gap on either side, on any viewport size. +
+
+ +
+ +
<div class="container is-fluid">
+  <div class="notification">
+    This container is <strong>fluid</strong>: it will have a 24px gap on either side, on any viewport size.
+  </div>
+</div>
+ +
+
+

Breakpoint containers

+
+

+ New! + 0.4.4 +

+

+ With the two modifiers .is-widescreen and .is-fullhd, you can have a fullwidth container until those specific breakpoints. +

+
+
+
+ +
+ +
+
+ This container is fullwidth until the $widescreen breakpoint. +
+
+ +
+ +
<div class="container is-widescreen">
+  <div class="notification">
+    This container is <strong>fullwidth</strong> <em>until</em> the <code>$widescreen</code> breakpoint.
+  </div>
+</div>
+ +
+ +
+
+ This container is fullwidth until the $fullhd breakpoint. +
+
+ +
+ +
<div class="container is-fullhd">
+  <div class="notification">
+    This container is <strong>fullwidth</strong> <em>until</em> the <code>$fullhd</code> breakpoint.
+  </div>
+</div>
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/layout/footer/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/layout/footer/index.html new file mode 100644 index 000000000..9ea299873 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/layout/footer/index.html @@ -0,0 +1,620 @@ + + + + + + + + + Footer | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Footer

+

+ A simple responsive footer which can include anything: lists, headings, columns, icons, buttons... +

+ +
+ +
+ +
<footer class="footer">
+  <div class="container">
+    <div class="content has-text-centered">
+      <p>
+        <strong>Bulma</strong> by <a href="http://jgthms.com">Jeremy Thomas</a>. The source code is licensed
+        <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
+        is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC ANS 4.0</a>.
+      </p>
+      <p>
+        <a class="icon" href="https://github.com/jgthms/bulma">
+          <i class="fa fa-github"></i>
+        </a>
+      </p>
+    </div>
+  </div>
+</footer>
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/layout/hero/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/layout/hero/index.html new file mode 100644 index 000000000..a5a49ba7e --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/layout/hero/index.html @@ -0,0 +1,1420 @@ + + + + + + + + + Hero | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Hero

+

+ An imposing hero banner to showcase something +

+
+
+ +
+
+
+
+
+

+ Hero title +

+

+ Hero subtitle +

+
+
+
+
+ +
<section class="hero">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Hero title
+      </h1>
+      <h2 class="subtitle">
+        Hero subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+ +
+
+

Colors

+

+ As with buttons, you can choose one of the 7 different colors +

+
+
+ +
+
+
+
+
+

+ Primary title +

+

+ Primary subtitle +

+
+
+
+
+ +
<section class="hero is-primary">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Primary title
+      </h1>
+      <h2 class="subtitle">
+        Primary subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Info title +

+

+ Info subtitle +

+
+
+
+
+ +
+
+
+
+

+ Success title +

+

+ Success subtitle +

+
+
+
+
+ +
+
+
+
+

+ Warning title +

+

+ Warning subtitle +

+
+
+
+
+ +
+
+
+
+

+ Danger title +

+

+ Danger subtitle +

+
+
+
+
+ +
+
+
+
+

+ Light title +

+

+ Light subtitle +

+
+
+
+
+ +
+
+
+
+

+ Dark title +

+

+ Dark subtitle +

+
+
+
+
+
+ +
+
+

+ Gradients + Experimental +

+

+ By adding the is-bold modifier, you can generate a subtle gradient +

+
+
+ +
+
+
+
+
+

+ Primary bold title +

+

+ Primary bold subtitle +

+
+
+
+
+
<section class="hero is-medium is-primary is-bold">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Primary bold title
+      </h1>
+      <h2 class="subtitle">
+        Primary bold subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+
+
+
+

+ Info bold title +

+

+ Info bold subtitle +

+
+
+
+
+
+
+
+
+

+ Success bold title +

+

+ Success bold subtitle +

+
+
+
+
+
+
+
+
+

+ Warning bold title +

+

+ Warning bold subtitle +

+
+
+
+
+
+
+
+
+

+ Danger bold title +

+

+ Danger bold subtitle +

+
+
+
+
+
+
+
+
+

+ Light bold title +

+

+ Light bold subtitle +

+
+
+
+
+
+
+
+
+

+ Dark bold title +

+

+ Dark bold subtitle +

+
+
+
+
+
+ +
+
+

Sizes

+

+ You can have even more imposing banners by using one of 3 different sizes +

+
+
+ +
+
+
+
+
+

+ Medium title +

+

+ Medium subtitle +

+
+
+
+
+ +
<section class="hero is-primary is-medium">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Medium title
+      </h1>
+      <h2 class="subtitle">
+        Medium subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Large title +

+

+ Large subtitle +

+
+
+
+
+ +
<section class="hero is-info is-large">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Large title
+      </h1>
+      <h2 class="subtitle">
+        Large subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Full Height title +

+

+ Full Height subtitle +

+
+
+
+
+ +
<section class="hero is-success is-fullheight">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Full Height title
+      </h1>
+      <h2 class="subtitle">
+        Full Height subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+ +
+
+

Full height hero

+

And vertically centered

+
+

You can split the hero in 3 vertical parts:

+
    +
  • + hero +
      +
    • hero-head (always at the top)
      • +
    • hero-body (always vertically centered)
      • +
    • hero-foot (always at the bottom)
      • +
    +
    • +
+
+
+
+ +
+
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-primary is-medium">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-primary is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+ +
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-info is-large">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-info is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs is-boxed is-fullwidth">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+ +
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-success is-fullheight">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-success is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs is-boxed is-fullwidth">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/layout/section/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/layout/section/index.html new file mode 100644 index 000000000..c26d3b2ca --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/layout/section/index.html @@ -0,0 +1,606 @@ + + + + + + + + + Section | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Section

+

+ A simple container to divide your page into sections, like the one you're currently reading +

+ +
+ +
+

Use sections as direct children of body.

+
+ +
<body>
+  <section class="section">
+    <div class="container">
+      <h1 class="title">Section</h1>
+      <h2 class="subtitle">
+        A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading
+      </h2>
+    </div>
+  </section>
+</body>
+ +
+

You can use the modifiers is-medium and is-large to change the spacing.

+
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/helpers/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/helpers/index.html new file mode 100644 index 000000000..056981b6c --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/helpers/index.html @@ -0,0 +1,632 @@ + + + + + + + + + Helpers | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Helpers

+

You can apply responsive helper classes to almost any element, in order to alter its style based upon the browser's width.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Floatis-clearfixFixes an element's floating children
is-pulled-leftMoves an element to the left
is-pulled-rightMoves an element to the right
Spacingis-marginlessRemoves any margin
is-paddinglessRemoves any padding
Otheris-overlayCompletely covers the first positioned parent
is-clippedAdds overflow hidden
is-radiuslessRemoves any radius
is-shadowlessRemoves any shadow
is-unselectablePrevents the text from being selectable
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/responsive-helpers/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/responsive-helpers/index.html new file mode 100644 index 000000000..fad1acd4c --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/responsive-helpers/index.html @@ -0,0 +1,1238 @@ + + + + + + + + + Responsive helpers | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + +
+
+

Responsive helpers

+

Show/hide content depending on the width of the viewport

+ +
+ +

Show

+ +
+

+ You can use one of the following display classes: +

+
    +
  • block
    • +
  • flex
    • +
  • inline
    • +
  • inline-block
    • +
  • inline-flex
    • +
+

For example, here's what the is-flex helper works:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 1007px + 		+ Desktop
+ Between 1008px and 1199px + 		+ Widescreen
+ Between 1200px and 1391px + 		+ FullHD
+ Above 1392px +
+ is-flex-mobile + +

flex

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
+ is-flex-tablet-only + +

unchanged

+		 +

flex

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
+ is-flex-desktop-only + +

unchanged

+		 +

unchanged

+		 +

flex

+		 +

unchanged

+		 +

unchanged

+
+ is-flex-widescreen-only + +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

flex

+		 +

unchanged

+
+

Classes to display up to or from a specific breakpoint

+
+ is-flex-touch + +

flex

+		 +

flex

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
+ is-flex-tablet + +

unchanged

+		 +

flex

+		 +

flex

+		 +

flex

+		 +

flex

+
+ is-flex-desktop + +

unchanged

+		 +

unchanged

+		 +

flex

+		 +

flex

+		 +

flex

+
+ is-flex-widescreen + +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

flex

+		 +

flex

+
+ is-flex-fullhd + +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

flex

+
+ +
+

For the other display options, just replace is-flex with is-block is-inline is-inline-block or is-inline-flex + +

+ +

Hide

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 1007px + 		+ Desktop
+ Between 1008px and 1199px + 		+ Widescreen
+ Between 1200px and 1391px + 		+ FullHD
+ Above 1392px +
+ is-hidden-mobile + +

hidden

+		 +

visible

+		 +

visible

+		 +

visible

+		 +

visible

+
+ is-hidden-tablet-only + +

visible

+		 +

hidden

+		 +

visible

+		 +

visible

+		 +

visible

+
+ is-hidden-desktop-only + +

visible

+		 +

visible

+		 +

hidden

+		 +

visible

+		 +

visible

+
+ is-hidden-widescreen-only + +

visible

+		 +

visible

+		 +

visible

+		 +

hidden

+		 +

visible

+
+

Classes to hide up to or from a specific breakpoint

+
+ is-hidden-touch + +

hidden

+		 +

hidden

+		 +

visible

+		 +

visible

+		 +

visible

+
+ is-hidden-tablet + +

visible

+		 +

hidden

+		 +

hidden

+		 +

hidden

+		 +

hidden

+
+ is-hidden-desktop + +

visible

+		 +

visible

+		 +

hidden

+		 +

hidden

+		 +

hidden

+
+ is-hidden-widescreen + +

visible

+		 +

visible

+		 +

visible

+		 +

hidden

+		 +

hidden

+
+ is-hidden-fullhd + +

visible

+		 +

visible

+		 +

visible

+		 +

visible

+		 +

hidden

+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/syntax/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/syntax/index.html new file mode 100644 index 000000000..31f2f1aa7 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/syntax/index.html @@ -0,0 +1,750 @@ + + + + + + + + + Modifiers syntax | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Modifiers syntax

+

Most Bulma elements have alternative styles. To apply them, you only need to append one of the modifier classes. +
+ They all start with is- or has-.

+
+
+
+

Let's start with a simple button that uses the "button" CSS class:

+
+ +
+

+ + + Button + + +

+
+
+
<a class="button">
+  Button
+</a>
+
+
+
+
+

By adding the "is-primary" CSS class, you can modify the color:

+
+ +
+

+ + + Button + + +

+
+
+
<a class="button is-primary">
+  Button
+</a>
+
+
+
+
+
+

You can use one of the 5 main colors:

+
    +
  • is-primary
    • +
  • is-info
    • +
  • is-success
    • +
  • is-warning
    • +
  • is-danger
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-primary">
+  Button
+</a>
+<a class="button is-info">
+  Button
+</a>
+<a class="button is-success">
+  Button
+</a>
+<a class="button is-warning">
+  Button
+</a>
+<a class="button is-danger">
+  Button
+</a>
+
+
+
+
+
+

You can also alter the size:

+
    +
  • is-small
    • +
  • is-medium
    • +
  • is-large
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-small">
+  Button
+</a>
+<a class="button">
+  Button
+</a>
+<a class="button is-medium">
+  Button
+</a>
+<a class="button is-large">
+  Button
+</a>
+
+
+
+
+
+

Or the style or state:

+
    +
  • is-outlined
    • +
  • is-loading
    • +
  • [disabled]
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-primary is-outlined">
+  Button
+</a>
+<a class="button is-primary is-loading">
+  Button
+</a>
+<a class="button is-primary" disabled>
+  Button
+</a>
+
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/typography-helpers/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/typography-helpers/index.html new file mode 100644 index 000000000..b5347b435 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/modifiers/typography-helpers/index.html @@ -0,0 +1,988 @@ + + + + + + + + + Typography helpers | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Typography helpers

+

+ Change the size and color of the text for one or multiple viewport width +

+ +
+ +

Size

+ +
+

+ There are 7 sizes to choose from: +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Font-size +
is-size-13rem
is-size-22.5rem
is-size-32rem
is-size-41.5rem
is-size-51.25rem
is-size-61rem
is-size-70.75rem
+ +
+ +

+ Responsive size +

+ +
+

+ You can choose a specific size for each viewport width. You simply needed to append the viewport width to the size modifier. +

+

+ For example, here are the modifiers for $size-1: +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 1007px + 		+ Desktop
+ Between 1008px and 1199px + 		+ Widescreen
+ Between 1200px and 1391px + 		+ FullHD
+ Above 1392px +
is-size-1-mobile +

3rem

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
is-size-1-tablet +

unchanged

+		 +

3rem

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
is-size-1-touch +

3rem

+		 +

3rem

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+
is-size-1-desktop +

unchanged

+		 +

unchanged

+		 +

3rem

+		 +

3rem

+		 +

3rem

+
is-size-1-widescreen +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

3rem

+		 +

3rem

+
is-size-1-fullhd +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

unchanged

+		 +

3rem

+
+ +
+

+ You can use the same logic for each of the 7 sizes. +

+
+ +
+ +

+ Colors +

+ +
+

+ You can set any element to one of the 9 colors or 9 shades of grey: +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Color +
.has-text-white +hsl(0, 0%, 100%) +
.has-text-black +hsl(0, 0%, 4%) +
.has-text-light +hsl(0, 0%, 96%) +
.has-text-dark +hsl(0, 0%, 21%) +
.has-text-primary +hsl(171, 100%, 41%) +
.has-text-info +hsl(217, 71%, 53%) +
.has-text-success +hsl(141, 71%, 48%) +
.has-text-warning +hsl(48, 100%, 67%) +
.has-text-danger +hsl(348, 100%, 61%) +
.has-text-black-bis +hsl(0, 0%, 7%) +
.has-text-black-ter +hsl(0, 0%, 14%) +
.has-text-grey-darker +hsl(0, 0%, 21%) +
.has-text-grey-dark +hsl(0, 0%, 29%) +
.has-text-grey +hsl(0, 0%, 48%) +
.has-text-grey-light +hsl(0, 0%, 71%) +
.has-text-grey-lighter +hsl(0, 0%, 86%) +
.has-text-white-ter +hsl(0, 0%, 96%) +
.has-text-white-bis +hsl(0, 0%, 98%) +
+ +
+ +

Alignment

+ +
+

+ You can align the text with the use of one of 3 alignment helpers: +

+
+ + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Alignment +
.has-text-centeredMakes the text centered
.has-text-leftMakes the text aligned to the left
.has-text-rightMakes the text aligned to the right
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/overview/classes/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/classes/index.html new file mode 100644 index 000000000..f19865512 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/classes/index.html @@ -0,0 +1,620 @@ + + + + + + + + + CSS classes | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Classes

+

Bulma is simply a collection of CSS classes. Write the HTML code you want.

+ +
+ +
+

+ Bulma is a CSS framework, meaning that the end result is simply a single .css file: +
+ https://github.com/jgthms/bulma/blob/master/css/bulma.css

+

+ Because Bulma solely comprises CSS classes, the HTML code you write has no impact on the styling of your page. That's why .input exists as a class, so you can choose which <input type="text"> elements you want to style. +

+

+ Bulma only styles generic tags directly twice: +

+ +
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/overview/colors/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/colors/index.html new file mode 100644 index 000000000..e7c070977 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/colors/index.html @@ -0,0 +1,866 @@ + + + + + + + + + Colors | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Colors

+

The colors that style all Bulma elements and components

+ +
+ +
+

+ Most elements and components have color variations thanks to modifiers with syntax .is-$color, like is-primary or is-dark. +

+

+ This is thanks to the $colors Sass map, through which Bulma cycles to grab all the colors and their inverts. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ColorVariableValueActual valueInvert variableActual invert value
+ White + + $white + + $white + + +hsl(0, 0%, 100%) + + + $black + + + + rgba(0, 0, 0, 0.7) + +
+ Black + + $black + + $black + + +hsl(0, 0%, 4%) + + + $white + + + + #fff + +
+ Light + + $light + + $white-ter + + +hsl(0, 0%, 96%) + + + $light-invert + + + + rgba(0, 0, 0, 0.7) + +
+ Dark + + $dark + + $grey-darker + + +hsl(0, 0%, 21%) + + + $dark-invert + + + + #fff + +
+ Primary + + $primary + + $turquoise + + +hsl(171, 100%, 41%) + + + $primary-invert + + + + #fff + +
+ Info + + $info + + $blue + + +hsl(217, 71%, 53%) + + + $info-invert + + + + #fff + +
+ Success + + $success + + $green + + +hsl(141, 71%, 48%) + + + $success-invert + + + + #fff + +
+ Warning + + $warning + + $yellow + + +hsl(48, 100%, 67%) + + + $warning-invert + + + + rgba(0, 0, 0, 0.7) + +
+ Danger + + $danger + + $red + + +hsl(348, 100%, 61%) + + + $danger-invert + + + + #fff + +
+
+
+ +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/overview/customize/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/customize/index.html new file mode 100644 index 000000000..7b0af8de9 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/customize/index.html @@ -0,0 +1,675 @@ + + + + + + + + + Customize Bulma | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Customizing with Sass

+

Create your own theme with a simple set of variables

+ +
+ +
+

If you're familiar with Sass and want to customize Bulma with your own colors and variables, just install Bulma via npm:

+
+ + + +
+
+

2

+
+
+

+ Set your variables +

+

+ Add your own colors, set new fonts, override Bulma styles... +

+
+ 
// 1. Import the initial variables
+@import "../sass/utilities/initial-variables"
+
+// 2. Set your own initial variables
+// Update blue
+$blue: #72d0eb
+// Add pink and its invert
+$pink: #ffb3b3
+$pink-invert: #fff
+// Add a serif family
+$family-serif: "Merriweather", "Georgia", serif
+
+// 3. Set the derived variables
+// Use the new pink as the primary color
+$primary: $pink
+$primary-invert: $pink-invert
+// Use the existing orange as the danger color
+$danger: $orange
+// Use the new serif family
+$family-primary: $family-serif
+
+// 4. Import the rest of Bulma
+@import "../bulma"
+
+
+
+ +
+
+

3

+
+
+

+ See the result: before and after +

+

+ As $blue has been updated, and since $blue-invert is automatically calculated with the function $blue-invert: findColorInvert($blue), the $blue-invert is now black instead of white

+

+
+ Customizing Bulma with Sass + Customizing Bulma with Sass +
+
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/overview/functions/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/functions/index.html new file mode 100644 index 000000000..b3dd8dc6d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/functions/index.html @@ -0,0 +1,820 @@ + + + + + + + + + Functions | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Functions

+

Utility functions to calculate colors and other values

+ +
+ +
+

Bulma uses 5 custom functions to help define the values and colors dynamically:

+
    +
  • powerNumber($number, $exp): calculates the value of a number exposed to another one. Returns a number.
    • +
  • colorLuminance($color): defines if a color is dark or light. Return a decimal number between 0 and 1 where <= 0.5 is dark and > 0.5 is light.
    • +
  • findColorInvert($color): returns either 70% transparent black or 100% opaque white depending on the luminance of the color.
    • +
+
+ +
+ +

The findColorInvert() function

+ +
+

The findColorInvert($color) function takes a color as an input, and outputs either transparent black rgba(#000, 0.7) or white #fff:

+
    +
  • if colorLuminance($color) > 0.55, it outputs rgba(#000, 0.7)
    • +
  • otherwise, it outputs #fff
    • +
+

Its purpose is to guarantee a readable shade for the text when the input color is used as the background.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
colorcolor luminancefindColorInvert()result
+ + #00d1b2 + + 0.52831 + + + #fff + + + Button + +
+ + #3273dc + + 0.23119 + + + #fff + + + Button + +
+ + #23d160 + + 0.51067 + + + #fff + + + Button + +
+ + #ffdd57 + + 0.76863 + + + rgba(0, 0, 0, 0.7) + + + Button + +
+ + #ff3860 + + 0.27313 + + + #fff + + + Button + +
+ + #ffb3b3 + + 0.61796 + + + rgba(0,0,0,0.7) + + + Button + +
+ + #ffbc6b + + 0.63053 + + + rgba(0,0,0,0.7) + + + Button + +
+ + hsl(294, 71%, 79%) + + 0.5529 + + + rgba(0,0,0,0.7) + + + Button + +
+

+ For colors that have a luminance close to the 0.55 threshold, it can be useful to override the findColorInvert() function, and rather set the invert color manually. +
+ For example, this shade of purple has a color luminance of 0.5529. It can be preferable to set a color invert of white instead of transparent black: +

+ + + + + + + + + + + + + + + +
+ with findColorInvert() + + $purple-invert: findColorInvert($purple) + + + rgba(0,0,0,0.7) + + + Button + +
+ with manual setting + + $purple-invert: #fff + + + #fff + + + Button + +
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/overview/mixins/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/mixins/index.html new file mode 100644 index 000000000..537ff904e --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/mixins/index.html @@ -0,0 +1,654 @@ + + + + + + + + + Mixins | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Mixins

+

Utility mixins for custom elements and responsive helpers

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
=arrow($color)Creates a CSS-only down arrow. Used for the dropdown select.
=blockDefines a margin-bottom of 1.5rem, except when the element is the last child. Used for almost all block elements.
=clearfixAdds a clearfix at the end of the element. Used for the "is-clearfix" helper.
=center($size)Positions an element in the exact center of its parent. Used for the spinner in a loading button.
=deleteCreates a CSS-only cross. Used for the delete element in modals, messages, tags...
=fa($size, $dimensions)Sets the style of a Font Awesome icon container.
=hamburger($dimensions)Creates a CSS-only hamburger menu with 3 bars. Used for the "nav-toggle".
=loaderCreates a CSS-only loading spinner. Used for the ".loader" element, and for input and button spinners.
=overflow-touchSets the style of a container so that it keeps momentum when scrolling on iOS devices.
=overlay($offset: 0)Makes the element overlay its parent container, like the transparent modal background.
=placeholderSets the styles of an input placeholder.
=unselectableTurns the element unselectable. Used for buttons to prevent selection when clicking.
+ +
+

These mixins are already used throughout Bulma, but you can use them as well to extend your own styles.

+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/overview/modular/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/modular/index.html new file mode 100644 index 000000000..95dad8a6b --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/modular/index.html @@ -0,0 +1,674 @@ + + + + + + + + + Modularity | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Modular

+

Just import what you need

+ +
+ +
+

+ Bulma consists of 29 .sass files that you can import individually. +

+

+ For example, let's say you only want the Bulma columns. +
+ The file is located in the bulma/sass/grid folder. +
+ Simply import the utilities dependencies, and then the files you need directly: +

+
@import "bulma/sass/utilities/_all"
+@import "bulma/sass/grid/columns"
+

+ Now you can use the classes .columns (for the container) and .column directly: +

+
<div class="columns">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+  <div class="column">5</div>
+</div>
+ +
+ +

+ What if you only want the button styles instead? +

+
@import "bulma/sass/utilities/_all"
+@import "bulma/sass/elements/button.sass"
+

+ You can now use the .button class, and all its modifiers: +

+
    +
  • + .is-active +
    • +
  • + .is-primary, + .is-info, + .is-success... +
    • +
  • + .is-small, + .is-medium, + .is-large +
    • +
  • + .is-outlined, + .is-inverted, + .is-link +
    • +
  • + .is-loading, + [disabled] +
    • +
+
<a class="button">
+  Button
+</a>
+
+<a class="button is-primary">
+  Primary button
+</a>
+
+<a class="button is-large">
+  Large button
+</a>
+
+<a class="button is-loading">
+  Loading button
+</a>
+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/overview/responsiveness/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/responsiveness/index.html new file mode 100644 index 000000000..bdda4db36 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/responsiveness/index.html @@ -0,0 +1,776 @@ + + + + + + + + + Responsiveness | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Responsiveness

+

Bulma is a mobile-first framework

+ +
+ +

Vertical by default

+
+

+ Every element in Bulma is mobile-first and optimizes for vertical reading, so by default on mobile: +

+
    +
  • columns are stacked vertically
    • +
  • the level component will show its children stacked vertically
    • +
  • the nav menu will be hidden
    • +
+

For example, you can enforce the horizontal layout for both columns or nav by appending the is-mobile modifer.

+
+ +
+ +

Breakpoints

+
+

Bulma has 5 breakpoints:

+
    +
  • mobile: up to 768px
    • +
  • tablet: from 769px
    • +
  • desktop: from 1008px
    • +
  • widescreen: from 1200px
    • +
  • New! fullhd: from 1392px
    • +
+

Bulma uses 9 responsive mixins:

+
    +
  • + =mobile
    + until 768px +
    • +
  • + =tablet
    + from 769px +
    • +
  • + =tablet-only
    + from 769px and until 1007px +
    • +
  • + =touch
    + until 1007px +
    • +
  • + =desktop
    + from 1008px +
    • +
  • + =desktop-only
    + from 1008px and until 1199px +
    • +
  • + =widescreen
    + from 1200px +
    • +
  • + =widescreen-only
    + from 1200px and until 1391px +
    • +
  • + New! + =fullhd
    + from 1392px +
    • +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 1007px + 		+ Desktop
+ Between 1008px and 1199px + 		+ Widescreen
+ Between 1200px and 1391px + 		+ FullHD
+ 1392px and above +
+

mobile

+ 		+

-

+
+

-

+ 		+

tablet

+
+

-

+ 		+

desktop

+
+

-

+ 		+

widescreen

+
+

-

+ 		+

fullhd

+
+

-

+ 		+

tablet-only

+ 		+

-

+
+

-

+ 		+

desktop-only

+ 		+

-

+
+

-

+ 		+

widescreen-only

+ 		+

-

+
+

touch

+ 		+

-

+
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/overview/start/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/start/index.html new file mode 100644 index 000000000..c8fc0afc0 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/start/index.html @@ -0,0 +1,707 @@ + + + + + + + + + Get started with Bulma | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Getting started

+

You only need 1 CSS file to use Bulma

+ +
+ +
+

+ There are several ways to get started with Bulma. You can either: +

+
    +
  1. + use npm to install the Bulma package +
    2. +
  2. + use the cdnjs CDN to link to the Bulma stylesheet +
    3. +
  3. + use the GitHub repository to get the latest development version +
    4. +
+
+ +
+
+

1

+
+
+

+ Use NPM (recommended): +

+ 
npm install bulma
+
+
+ + + + + +
+ +
+
+ Font Awesome icons +
+
+

If you want to use icons with Bulma, don't forget to include Font Awesome:

+ 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+
+ +
+ +

+ Starter template + + # + +

+ + +
+

+ If you want to get started right away, you can use this HTML starter template. Just copy/paste this code in a file and save it on your computer. +

+
+ +
+ 
<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Hello Bulma!</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.0/css/bulma.min.css">
+  </head>
+  <body>
+  <section class="section">
+    <div class="container">
+      <h1 class="title">
+        Hello World
+      </h1>
+      <p class="subtitle">
+        My first website with <strong>Bulma</strong>!
+      </p>
+    </div>
+  </section>
+  </body>
+</html>
+
+ +
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/documentation/overview/variables/index.html b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/variables/index.html new file mode 100644 index 000000000..b76e51234 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/documentation/overview/variables/index.html @@ -0,0 +1,1541 @@ + + + + + + + + + Variables | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Variables

+

Easily customize Bulma to match your design

+ +
+ +
+

Bulma has two variable files divided into 4 sections:

+
    +
  1. + Initial variables: where you define variables by literal value, like: +
      +
    • colors: $blue: hsl(217, 71%, 53%)
      • +
    • font sizes: $size-1: 3rem
      • +
    • dimensions: $gap: 24px
      • +
    • other values: $easing: ease-out or $radius-large: 5px
      • +
    +
    2. +
  2. + Derived variables where variables are calculated from the values set in the previous file. For example, you can have: +
      +
    • + Primary colors derived from the initial variables: +
        +
      • $primary: $turquoise
        • +
      • $info: $blue
        • +
      • $success: $green
        • +
      • $warning: $yellow
        • +
      • $danger: $red
        • +
      • $dark: $grey-darker
        • +
      • $text: $grey-dark
        • +
      +
      • +
    • $background: $white-ter: a general background color
      • +
    • $link: $primary: the links use the primary color
      • +
    • $family-primary: $family-sans-serif: the primary font family is the sans-serif one
      • +
    • + Lists and maps which are collections so already defined variables: +
        +
      • $colors: (dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert))
        • +
      • $shades: ("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis)
        • +
      • $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6
        • +
      +
      • +
    +
    3. +
+

+ To override any of these variables, just set them before importing Bulma. +

+
+ +
+ +

+ Initial variables + + # + +

+ + +
+

+ These are variables with a literal value. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ $black + + + hsl(0, 0%, 4%) +
+ $black-bis + + + hsl(0, 0%, 7%) +
+ $black-ter + + + hsl(0, 0%, 14%) +
+ $grey-darker + + + hsl(0, 0%, 21%) +
+ $grey-dark + + + hsl(0, 0%, 29%) +
+ $grey + + + hsl(0, 0%, 48%) +
+ $grey-light + + + hsl(0, 0%, 71%) +
+ $grey-lighter + + + hsl(0, 0%, 86%) +
+ $white-ter + + + hsl(0, 0%, 96%) +
+ $white-bis + + + hsl(0, 0%, 98%) +
+ $white + + + hsl(0, 0%, 100%) +
+ $orange + + + hsl(14, 100%, 53%) +
+ $yellow + + + hsl(48, 100%, 67%) +
+ $green + + + hsl(141, 71%, 48%) +
+ $turquoise + + + hsl(171, 100%, 41%) +
+ $blue + + + hsl(217, 71%, 53%) +
+ $purple + + + hsl(271, 100%, 71%) +
+ $red + + + hsl(348, 100%, 61%) +
+ $family-sans-serif + + BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif +
+ $family-monospace + + monospace +
+ $render-mode + + optimizeLegibility +
+ $size-1 + + 3rem +
+ $size-2 + + 2.5rem +
+ $size-3 + + 2rem +
+ $size-4 + + 1.5rem +
+ $size-5 + + 1.25rem +
+ $size-6 + + 1rem +
+ $size-7 + + 0.75rem +
+ $weight-light + + 300 +
+ $weight-normal + + 400 +
+ $weight-medium + + 500 +
+ $weight-semibold + + 600 +
+ $weight-bold + + 700 +
+ $gap + + 24px +
+ $tablet + + 769px +
+ $desktop + + 960px + (2 * $gap) +
+ $widescreen + + 1152px + (2 * $gap) +
+ $fullhd + + 1344px + (2 * $gap) +
+ $easing + + ease-out +
+ $radius-small + + 2px +
+ $radius + + 3px +
+ $radius-large + + 5px +
+ $speed + + 86ms +
+ +
+ +

+ Derived variables + + # + +

+ + +
+

+ These are variables with a value that references another variable. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ $primary + + $turquoise +
+ $info + + $blue +
+ $success + + $green +
+ $warning + + $yellow +
+ $danger + + $red +
+ $light + + $white-ter +
+ $dark + + $grey-darker +
+ $orange-invert + + findColorInvert($orange) +
+ $yellow-invert + + findColorInvert($yellow) +
+ $green-invert + + findColorInvert($green) +
+ $turquoise-invert + + findColorInvert($turquoise) +
+ $blue-invert + + findColorInvert($blue) +
+ $purple-invert + + findColorInvert($purple) +
+ $red-invert + + findColorInvert($red) +
+ $primary-invert + + $turquoise-invert +
+ $info-invert + + $blue-invert +
+ $success-invert + + $green-invert +
+ $warning-invert + + $yellow-invert +
+ $danger-invert + + $red-invert +
+ $light-invert + + $dark +
+ $dark-invert + + $light +
+ $background + + $white-ter +
+ $border + + $grey-lighter +
+ $border-hover + + $grey-light +
+ $text + + $grey-dark +
+ $text-invert + + findColorInvert($text) +
+ $text-light + + $grey +
+ $text-strong + + $grey-darker +
+ $code + + $red +
+ $code-background + + $background +
+ $pre + + $text +
+ $pre-background + + $background +
+ $link + + $primary +
+ $link-invert + + $primary-invert +
+ $link-visited + + $purple +
+ $link-hover + + $grey-darker +
+ $link-hover-border + + $grey-light +
+ $link-focus + + $grey-darker +
+ $link-focus-border + + $primary +
+ $link-active + + $grey-darker +
+ $link-active-border + + $grey-dark +
+ $family-primary + + $family-sans-serif +
+ $family-code + + $family-monospace +
+ $size-small + + $size-7 +
+ $size-normal + + $size-6 +
+ $size-medium + + $size-5 +
+ $size-large + + $size-4 +
+ $colors + + ("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert), "info": ($info, $info-invert), "success": ($success, $success-invert), "warning": ($warning, $warning-invert), "danger": ($danger, $danger-invert)) +
+ $shades + + ("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis) +
+ $sizes + + $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 +
+
+
+ + +
+
+

+ This page is open source. + Noticed a typo? + Or something unclear? + + Improve this page on GitHub + +

+
+
+ + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/extensions/index.html b/docs/versions/0.5.1/versions/0.5.0/extensions/index.html new file mode 100644 index 000000000..5163fadfb --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/extensions/index.html @@ -0,0 +1,629 @@ + + + + + + + + + Extensions | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Extensions +

+

+ Side projects to enhance Bulma +

+
+
+
+ + + + +
+ +
+
+
+
+
+ +
+
+ + +
+
+

+ bulma-pageloader +

+

+ github.com/Wikiki/bulma-pageloader +

+
+
+ +
+
+ + + +
+
+

+ bulma-ribbon +

+

+ github.com/Wikiki/bulma-ribbon +

+
+
+ +
+
+ + + +
+
+

+ bulma-badge +

+

+ github.com/Wikiki/bulma-badge +

+
+
+ +
+
+ + + +
+
+

+ bulma-steps +

+

+ github.com/Wikiki/bulma-steps +

+
+
+ +
+
+ + + +
+
+

+ bulma-tooltip +

+

+ github.com/Wikiki/bulma-tooltip +

+
+
+ +
+
+ + + +
+
+

+ bulma-timeline +

+

+ github.com/Wikiki/bulma-timeline +

+
+
+ +
+
+ + + +
+
+
+
+
+

Have an extension to share with the community?

+
+
+
+
+ + Submit a Pull Request + +
+
+
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/favicons/android-chrome-192x192.png b/docs/versions/0.5.1/versions/0.5.0/favicons/android-chrome-192x192.png new file mode 100644 index 000000000..d26e0efc8 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/favicons/android-chrome-192x192.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/favicons/android-chrome-384x384.png b/docs/versions/0.5.1/versions/0.5.0/favicons/android-chrome-384x384.png new file mode 100644 index 000000000..a94896a1b Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/favicons/android-chrome-384x384.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/favicons/apple-touch-icon.png b/docs/versions/0.5.1/versions/0.5.0/favicons/apple-touch-icon.png new file mode 100644 index 000000000..f3622d36d Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/favicons/apple-touch-icon.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/favicons/browserconfig.xml b/docs/versions/0.5.1/versions/0.5.0/favicons/browserconfig.xml new file mode 100644 index 000000000..45c44a90f --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/favicons/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #00d1b2 + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/favicons/favicon-16x16.png b/docs/versions/0.5.1/versions/0.5.0/favicons/favicon-16x16.png new file mode 100644 index 000000000..04af7be89 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/favicons/favicon-16x16.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/favicons/favicon-32x32.png b/docs/versions/0.5.1/versions/0.5.0/favicons/favicon-32x32.png new file mode 100644 index 000000000..4b45c42d6 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/favicons/favicon-32x32.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/favicons/favicon.ico b/docs/versions/0.5.1/versions/0.5.0/favicons/favicon.ico new file mode 100644 index 000000000..46c186f54 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/favicons/favicon.ico differ diff --git a/docs/versions/0.5.1/versions/0.5.0/favicons/manifest.json b/docs/versions/0.5.1/versions/0.5.0/favicons/manifest.json new file mode 100644 index 000000000..14b1ae3a6 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/favicons/manifest.json @@ -0,0 +1,17 @@ +{ + "name": "", + "icons": [ + { + "src": "\/favicons\/android-chrome-192x192.png?v=201701041855", + "sizes": "192x192", + "type": "image\/png" + }, + { + "src": "\/favicons\/android-chrome-384x384.png?v=201701041855", + "sizes": "384x384", + "type": "image\/png" + } + ], + "theme_color": "#00d1b2", + "display": "standalone" +} diff --git a/docs/versions/0.5.1/versions/0.5.0/favicons/mstile-150x150.png b/docs/versions/0.5.1/versions/0.5.0/favicons/mstile-150x150.png new file mode 100644 index 000000000..ce916b38d Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/favicons/mstile-150x150.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/favicons/safari-pinned-tab.svg b/docs/versions/0.5.1/versions/0.5.0/favicons/safari-pinned-tab.svg new file mode 100644 index 000000000..5d4f2c286 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/favicons/safari-pinned-tab.svg @@ -0,0 +1,19 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/images/blog/metro-ui-css-grid-tiles.png b/docs/versions/0.5.1/versions/0.5.0/images/blog/metro-ui-css-grid-tiles.png new file mode 100644 index 000000000..764ff9ace Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/blog/metro-ui-css-grid-tiles.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/bulma-banner.png b/docs/versions/0.5.1/versions/0.5.0/images/bulma-banner.png new file mode 100644 index 000000000..643ac47bd Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/bulma-banner.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/bulma-icon.png b/docs/versions/0.5.1/versions/0.5.0/images/bulma-icon.png new file mode 100644 index 000000000..eaf235de5 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/bulma-icon.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/bulma-logo.png b/docs/versions/0.5.1/versions/0.5.0/images/bulma-logo.png new file mode 100644 index 000000000..a016c2b51 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/bulma-logo.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/bulma-type-white.png b/docs/versions/0.5.1/versions/0.5.0/images/bulma-type-white.png new file mode 100644 index 000000000..b29667213 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/bulma-type-white.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/bulma-type.png b/docs/versions/0.5.1/versions/0.5.0/images/bulma-type.png new file mode 100644 index 000000000..d6c1baac1 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/bulma-type.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/css-reference-logo.png b/docs/versions/0.5.1/versions/0.5.0/images/css-reference-logo.png new file mode 100644 index 000000000..3b770bdd7 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/css-reference-logo.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/customize-after.png b/docs/versions/0.5.1/versions/0.5.0/images/customize-after.png new file mode 100644 index 000000000..d5ddc7b0c Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/customize-after.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/customize-before.png b/docs/versions/0.5.1/versions/0.5.0/images/customize-before.png new file mode 100644 index 000000000..738a3181e Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/customize-before.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-badge.png b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-badge.png new file mode 100644 index 000000000..2bbb48ec6 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-badge.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-pageloader.png b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-pageloader.png new file mode 100644 index 000000000..86232a9d8 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-pageloader.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-ribbon.png b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-ribbon.png new file mode 100644 index 000000000..ce9749b64 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-ribbon.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-steps.png b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-steps.png new file mode 100644 index 000000000..c15eff52e Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-steps.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-timeline.png b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-timeline.png new file mode 100644 index 000000000..c8453b562 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-timeline.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-tooltip.png b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-tooltip.png new file mode 100644 index 000000000..a15749044 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/extensions/bulma-tooltip.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/html-reference-logo.png b/docs/versions/0.5.1/versions/0.5.0/images/html-reference-logo.png new file mode 100644 index 000000000..7b41e3ca8 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/html-reference-logo.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/jgthms.png b/docs/versions/0.5.1/versions/0.5.0/images/jgthms.png new file mode 100644 index 000000000..b89c0097f Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/jgthms.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/paypal-donate.png b/docs/versions/0.5.1/versions/0.5.0/images/paypal-donate.png new file mode 100644 index 000000000..19ffbc0d7 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/paypal-donate.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/1280x960.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/1280x960.png new file mode 100644 index 000000000..6c54c1aaa Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/1280x960.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/128x128.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/128x128.png new file mode 100644 index 000000000..0e5bd89be Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/128x128.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/16x16.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/16x16.png new file mode 100644 index 000000000..18c4349ab Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/16x16.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/24x24.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/24x24.png new file mode 100644 index 000000000..39d3ba408 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/24x24.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/256x256.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/256x256.png new file mode 100644 index 000000000..379b9c5df Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/256x256.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/300x225.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/300x225.png new file mode 100644 index 000000000..1aa2338ac Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/300x225.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/32x32.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/32x32.png new file mode 100644 index 000000000..0cd1aa239 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/32x32.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/480x320.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/480x320.png new file mode 100644 index 000000000..e041058a8 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/480x320.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/480x480.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/480x480.png new file mode 100644 index 000000000..9587d57d2 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/480x480.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/48x48.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/48x48.png new file mode 100644 index 000000000..9860891d3 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/48x48.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/640x320.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/640x320.png new file mode 100644 index 000000000..0f5e54730 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/640x320.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/640x360.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/640x360.png new file mode 100644 index 000000000..cf807906c Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/640x360.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/640x480.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/640x480.png new file mode 100644 index 000000000..e0bd2346f Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/640x480.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/64x64.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/64x64.png new file mode 100644 index 000000000..e2db8f4f9 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/64x64.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/images/placeholders/96x96.png b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/96x96.png new file mode 100644 index 000000000..ba64ab9a4 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/images/placeholders/96x96.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/index.html b/docs/versions/0.5.1/versions/0.5.0/index.html new file mode 100644 index 000000000..9155d1dff --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/index.html @@ -0,0 +1,1651 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+

+ + + + + + + + + + + + + + +

+

+ Bulma +

+

+ A modern CSS framework based on Flexbox +

+ 
npm install bulma
+
+ + +
+
+ + + + +
+ +

+ + + + + Download + v0.5.0 + + + View docs + +

+
+
+
+ +
+
+
+ +
+
+
+ +
+
+

+ + + + + Simple columns + +

+

Just add columns, they will resize themselves

+
+
+
+

1

+
+
+
+
+

2

+
+
+
+
+

3

+
+
+
+
+

4

+
+
+
+
+

5

+
+
+ + + + + + + +
+
+

+ Add column +

+

+ Remove column +

+
+
+

Info

+

While it's possible to add as many columns as you want, it is recommended to stick with 12 columns.
+ If you want smaller divisions, you can always nest columns.

+
+
+
<div class="columns">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+  <div class="column">5</div>
+</div>
+
+
+
+ +
+ +
+
+

+ + + + + Magic tiles + +

+

A single element for a Metro UI CSS grid

+
+
+
+
+
+

Vertical...

+

Top tile

+
+
+

...tiles

+

Bottom tile

+
+
+
+
+

Middle tile

+

With an image

+
+ +
+
+
+
+
+
+

Wide tile

+

Aligned with the right tile

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+

Tall tile

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child">
+        <!-- Any content you want here -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child">
+      <!-- Any content you want here -->
+    </article>
+  </div>
+</div>
+
+
+
+ +
+ +
+
+

+ + + + + Flexible horizontal level + +

+

Include any type of element, they will remain vertically centered

+ +
+
+ +
+ +
+
+
+
+

+ + + + + Versatile media object + +

+

A simple block with an image that will solve 90% of your UI problems

+
+ +
+
+
+
+
+ Image +
+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+ +
+
+

+ + + + + Easy vertical centering in fullscreen + +

+

Include any content you want, it's always centered

+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+

+ + + + + Compose your element with modifier classes + +

+

Add and combine is-* CSS classes to quickly alter styles

+
+
+
+
+

+ button +

+
+ Button +
+
+
+

+ button is-primary +

+
+ Button +
+
+
+

+ button is-primary is-large +

+
+ Button +
+
+
+

+ button is-primary is-large is-loading +

+
+ Button +
+
+
+
+
+ +
+ +
+
+

+ + + + + And all the usual elements and components + +

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+

Elements

+
+
+
+
+

+ + Form + +

+
+
+ +
+ +
+ +
+
+
+

+ + + +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ + +

+
+
+

+ Button +

+
+ +
+
+ +
+
+

+ + Box + +

+
+
+ +
+
+
+
+ Image +
+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. +

+
+ +
+
+
+ +
+
+ +
+
+

+ + Button + +

+
+
+ +
+
Button
+
White
+
Light
+
Dark
+
Black
+
Link
+
+ +
+
Primary
+
Info
+
Success
+
Warning
+
Danger
+
+ +
+
+ +
+
+

+ + Notification + +

+
+
+ +
+ + Lorem ipsum dolor sit amet, consectetur + adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, + consectetur adipiscing elit +
+ +
+
+ +
+
+

+ + Progress bar + +

+
+
+ +30% + +
+
+ +
+
+

+ + Tags + +

+
+
+ +Black +Dark +Light +White +Primary +Info +Success +Warning +Danger + +
+
+
+
+
+
+ +
+
+
+
+

Components

+
+
+
+
+

+ + Card + +

+
+
+ +
+
+
+
+
+ Image +
+
+
+
+
+
+ Image +
+
+
+

John Smith

+

@johnsmith

+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Phasellus nec iaculis mauris. @bulmaio. + #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+
+
+ +
+
+
+

+ “There are two hard things in computer science: cache invalidation, naming things, and off-by-one errors.” +

+

+ Jeff Atwood +

+
+ +
+
+
+ +
+
+ +
+
+

+ + Dropdown + +

+
+
+ +
+
+ + Dropdown button + + + + +
+
+
+ + Dropdown item + + + Other dropdown item + + + Active dropdown item + + + Other item + +
+ + With a divider + +
+
+
+ +
+
+ +
+
+

+ + Message + +

+
+
+ +
+
+

Primary

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+ +
+
+

+ + Pagination + +

+
+
+ + + +
+
+ +
+
+

+ + Tabs + +

+
+
+ +
+ +
+ +
+
+ +
+
+

+ + Media object + +

+
+
+ +
+
+

+ +

+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+ +
+
+ +
+
+ +
+
+

+ + Menu + + and + + Panel + +

+
+
+
+
+ + + +
+
+ + + +
+
+
+
+ +
+
+
+
+ + +
+ +
+
+

Get started

+
+ + + + + Check the Docs + + + + + + Contribute + +
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/lib/bulma.js b/docs/versions/0.5.1/versions/0.5.0/lib/bulma.js new file mode 100644 index 000000000..62e5bc97a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/lib/bulma.js @@ -0,0 +1,66 @@ +'use strict'; + +jQuery(document).ready(function ($) { + + var $toggle = $('#nav-toggle'); + var $menu = $('#nav-menu'); + + $toggle.click(function () { + $(this).toggleClass('is-active'); + $menu.toggleClass('is-active'); + }); + + $('.modal-button').click(function () { + var target = $(this).data('target'); + $('html').addClass('is-clipped'); + $(target).addClass('is-active'); + }); + + $('.modal-background, .modal-close').click(function () { + $('html').removeClass('is-clipped'); + $(this).parent().removeClass('is-active'); + }); + + $('.modal-card-head .delete, .modal-card-foot .button').click(function () { + $('html').removeClass('is-clipped'); + $('#modal-ter').removeClass('is-active'); + }); + + $(document).on('keyup', function (e) { + if (e.keyCode == 27) { + $('html').removeClass('is-clipped'); + $('.modal').removeClass('is-active'); + } + }); + + var $highlights = $('.highlight'); + + $highlights.each(function () { + var $el = $(this); + var copy = ''; + var expand = ''; + $el.append(copy); + + if ($el.find('pre code').innerHeight() > 600) { + $el.append(expand); + } + }); + + var $highlightButtons = $('.highlight .copy, .highlight .expand'); + + $highlightButtons.hover(function () { + $(this).parent().css('box-shadow', '0 0 0 1px #ed6c63'); + }, function () { + $(this).parent().css('box-shadow', 'none'); + }); + + $('.highlight .expand').click(function () { + $(this).parent().children('pre').css('max-height', 'none'); + }); + + new Clipboard('.copy', { + target: function target(trigger) { + return trigger.previousSibling; + } + }); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/lib/clipboard.min.js b/docs/versions/0.5.1/versions/0.5.0/lib/clipboard.min.js new file mode 100644 index 000000000..0a5f5f867 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/lib/clipboard.min.js @@ -0,0 +1,222 @@ +"use strict"; + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; } + +/*! + * clipboard.js v1.5.9 + * https://zenorocha.github.io/clipboard.js + * + * Licensed MIT © Zeno Rocha + */ +!function (t) { + if ("object" == (typeof exports === "undefined" ? "undefined" : _typeof(exports)) && "undefined" != typeof module) module.exports = t();else if ("function" == typeof define && define.amd) define([], t);else { + var e;e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : this, e.Clipboard = t(); + } +}(function () { + var t, e, n;return function t(e, n, o) { + function r(c, s) { + if (!n[c]) { + if (!e[c]) { + var a = "function" == typeof require && require;if (!s && a) return a(c, !0);if (i) return i(c, !0);var l = new Error("Cannot find module '" + c + "'");throw l.code = "MODULE_NOT_FOUND", l; + }var u = n[c] = { exports: {} };e[c][0].call(u.exports, function (t) { + var n = e[c][1][t];return r(n ? n : t); + }, u, u.exports, t, e, n, o); + }return n[c].exports; + }for (var i = "function" == typeof require && require, c = 0; c < o.length; c++) { + r(o[c]); + }return r; + }({ 1: [function (t, e, n) { + var o = t("matches-selector");e.exports = function (t, e, n) { + for (var r = n ? t : t.parentNode; r && r !== document;) { + if (o(r, e)) return r;r = r.parentNode; + } + }; + }, { "matches-selector": 5 }], 2: [function (t, e, n) { + function o(t, e, n, o, i) { + var c = r.apply(this, arguments);return t.addEventListener(n, c, i), { destroy: function destroy() { + t.removeEventListener(n, c, i); + } }; + }function r(t, e, n, o) { + return function (n) { + n.delegateTarget = i(n.target, e, !0), n.delegateTarget && o.call(t, n); + }; + }var i = t("closest");e.exports = o; + }, { closest: 1 }], 3: [function (t, e, n) { + n.node = function (t) { + return void 0 !== t && t instanceof HTMLElement && 1 === t.nodeType; + }, n.nodeList = function (t) { + var e = Object.prototype.toString.call(t);return void 0 !== t && ("[object NodeList]" === e || "[object HTMLCollection]" === e) && "length" in t && (0 === t.length || n.node(t[0])); + }, n.string = function (t) { + return "string" == typeof t || t instanceof String; + }, n.fn = function (t) { + var e = Object.prototype.toString.call(t);return "[object Function]" === e; + }; + }, {}], 4: [function (t, e, n) { + function o(t, e, n) { + if (!t && !e && !n) throw new Error("Missing required arguments");if (!s.string(e)) throw new TypeError("Second argument must be a String");if (!s.fn(n)) throw new TypeError("Third argument must be a Function");if (s.node(t)) return r(t, e, n);if (s.nodeList(t)) return i(t, e, n);if (s.string(t)) return c(t, e, n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList"); + }function r(t, e, n) { + return t.addEventListener(e, n), { destroy: function destroy() { + t.removeEventListener(e, n); + } }; + }function i(t, e, n) { + return Array.prototype.forEach.call(t, function (t) { + t.addEventListener(e, n); + }), { destroy: function destroy() { + Array.prototype.forEach.call(t, function (t) { + t.removeEventListener(e, n); + }); + } }; + }function c(t, e, n) { + return a(document.body, t, e, n); + }var s = t("./is"), + a = t("delegate");e.exports = o; + }, { "./is": 3, delegate: 2 }], 5: [function (t, e, n) { + function o(t, e) { + if (i) return i.call(t, e);for (var n = t.parentNode.querySelectorAll(e), o = 0; o < n.length; ++o) { + if (n[o] == t) return !0; + }return !1; + }var r = Element.prototype, + i = r.matchesSelector || r.webkitMatchesSelector || r.mozMatchesSelector || r.msMatchesSelector || r.oMatchesSelector;e.exports = o; + }, {}], 6: [function (t, e, n) { + function o(t) { + var e;if ("INPUT" === t.nodeName || "TEXTAREA" === t.nodeName) t.focus(), t.setSelectionRange(0, t.value.length), e = t.value;else { + t.hasAttribute("contenteditable") && t.focus();var n = window.getSelection(), + o = document.createRange();o.selectNodeContents(t), n.removeAllRanges(), n.addRange(o), e = n.toString(); + }return e; + }e.exports = o; + }, {}], 7: [function (t, e, n) { + function o() {}o.prototype = { on: function on(t, e, n) { + var o = this.e || (this.e = {});return (o[t] || (o[t] = [])).push({ fn: e, ctx: n }), this; + }, once: function once(t, e, n) { + function o() { + r.off(t, o), e.apply(n, arguments); + }var r = this;return o._ = e, this.on(t, o, n); + }, emit: function emit(t) { + var e = [].slice.call(arguments, 1), + n = ((this.e || (this.e = {}))[t] || []).slice(), + o = 0, + r = n.length;for (o; r > o; o++) { + n[o].fn.apply(n[o].ctx, e); + }return this; + }, off: function off(t, e) { + var n = this.e || (this.e = {}), + o = n[t], + r = [];if (o && e) for (var i = 0, c = o.length; c > i; i++) { + o[i].fn !== e && o[i].fn._ !== e && r.push(o[i]); + }return r.length ? n[t] = r : delete n[t], this; + } }, e.exports = o; + }, {}], 8: [function (e, n, o) { + !function (r, i) { + if ("function" == typeof t && t.amd) t(["module", "select"], i);else if ("undefined" != typeof o) i(n, e("select"));else { + var c = { exports: {} };i(c, r.select), r.clipboardAction = c.exports; + } + }(this, function (t, e) { + "use strict"; + function n(t) { + return t && t.__esModule ? t : { "default": t }; + }function o(t, e) { + if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function"); + }var r = n(e), + i = "function" == typeof Symbol && "symbol" == _typeof(Symbol.iterator) ? function (t) { + return typeof t === "undefined" ? "undefined" : _typeof(t); + } : function (t) { + return t && "function" == typeof Symbol && t.constructor === Symbol ? "symbol" : typeof t === "undefined" ? "undefined" : _typeof(t); + }, + c = function () { + function t(t, e) { + for (var n = 0; n < e.length; n++) { + var o = e[n];o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o); + } + }return function (e, n, o) { + return n && t(e.prototype, n), o && t(e, o), e; + }; + }(), + s = function () { + function t(e) { + o(this, t), this.resolveOptions(e), this.initSelection(); + }return t.prototype.resolveOptions = function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? {} : arguments[0];this.action = e.action, this.emitter = e.emitter, this.target = e.target, this.text = e.text, this.trigger = e.trigger, this.selectedText = ""; + }, t.prototype.initSelection = function t() { + if (this.text && this.target) throw new Error('Multiple attributes declared, use either "target" or "text"');if (this.text) this.selectFake();else { + if (!this.target) throw new Error('Missing required attributes, use either "target" or "text"');this.selectTarget(); + } + }, t.prototype.selectFake = function t() { + var e = this, + n = "rtl" == document.documentElement.getAttribute("dir");this.removeFake(), this.fakeHandler = document.body.addEventListener("click", function () { + return e.removeFake(); + }), this.fakeElem = document.createElement("textarea"), this.fakeElem.style.fontSize = "12pt", this.fakeElem.style.border = "0", this.fakeElem.style.padding = "0", this.fakeElem.style.margin = "0", this.fakeElem.style.position = "fixed", this.fakeElem.style[n ? "right" : "left"] = "-9999px", this.fakeElem.style.top = (window.pageYOffset || document.documentElement.scrollTop) + "px", this.fakeElem.setAttribute("readonly", ""), this.fakeElem.value = this.text, document.body.appendChild(this.fakeElem), this.selectedText = (0, r.default)(this.fakeElem), this.copyText(); + }, t.prototype.removeFake = function t() { + this.fakeHandler && (document.body.removeEventListener("click"), this.fakeHandler = null), this.fakeElem && (document.body.removeChild(this.fakeElem), this.fakeElem = null); + }, t.prototype.selectTarget = function t() { + this.selectedText = (0, r.default)(this.target), this.copyText(); + }, t.prototype.copyText = function t() { + var e = void 0;try { + e = document.execCommand(this.action); + } catch (n) { + e = !1; + }this.handleResult(e); + }, t.prototype.handleResult = function t(e) { + e ? this.emitter.emit("success", { action: this.action, text: this.selectedText, trigger: this.trigger, clearSelection: this.clearSelection.bind(this) }) : this.emitter.emit("error", { action: this.action, trigger: this.trigger, clearSelection: this.clearSelection.bind(this) }); + }, t.prototype.clearSelection = function t() { + this.target && this.target.blur(), window.getSelection().removeAllRanges(); + }, t.prototype.destroy = function t() { + this.removeFake(); + }, c(t, [{ key: "action", set: function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? "copy" : arguments[0];if (this._action = e, "copy" !== this._action && "cut" !== this._action) throw new Error('Invalid "action" value, use either "copy" or "cut"'); + }, get: function t() { + return this._action; + } }, { key: "target", set: function t(e) { + if (void 0 !== e) { + if (!e || "object" !== ("undefined" == typeof e ? "undefined" : i(e)) || 1 !== e.nodeType) throw new Error('Invalid "target" value, use a valid Element');this._target = e; + } + }, get: function t() { + return this._target; + } }]), t; + }();t.exports = s; + }); + }, { select: 6 }], 9: [function (e, n, o) { + !function (r, i) { + if ("function" == typeof t && t.amd) t(["module", "./clipboard-action", "tiny-emitter", "good-listener"], i);else if ("undefined" != typeof o) i(n, e("./clipboard-action"), e("tiny-emitter"), e("good-listener"));else { + var c = { exports: {} };i(c, r.clipboardAction, r.tinyEmitter, r.goodListener), r.clipboard = c.exports; + } + }(this, function (t, e, n, o) { + "use strict"; + function r(t) { + return t && t.__esModule ? t : { "default": t }; + }function i(t, e) { + if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function"); + }function c(t, e) { + if (!t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return !e || "object" != (typeof e === "undefined" ? "undefined" : _typeof(e)) && "function" != typeof e ? t : e; + }function s(t, e) { + if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function, not " + (typeof e === "undefined" ? "undefined" : _typeof(e)));t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : _defaults(t, e)); + }function a(t, e) { + var n = "data-clipboard-" + t;if (e.hasAttribute(n)) return e.getAttribute(n); + }var l = r(e), + u = r(n), + f = r(o), + d = function (t) { + function e(n, o) { + i(this, e);var r = c(this, t.call(this));return r.resolveOptions(o), r.listenClick(n), r; + }return s(e, t), e.prototype.resolveOptions = function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? {} : arguments[0];this.action = "function" == typeof e.action ? e.action : this.defaultAction, this.target = "function" == typeof e.target ? e.target : this.defaultTarget, this.text = "function" == typeof e.text ? e.text : this.defaultText; + }, e.prototype.listenClick = function t(e) { + var n = this;this.listener = (0, f.default)(e, "click", function (t) { + return n.onClick(t); + }); + }, e.prototype.onClick = function t(e) { + var n = e.delegateTarget || e.currentTarget;this.clipboardAction && (this.clipboardAction = null), this.clipboardAction = new l.default({ action: this.action(n), target: this.target(n), text: this.text(n), trigger: n, emitter: this }); + }, e.prototype.defaultAction = function t(e) { + return a("action", e); + }, e.prototype.defaultTarget = function t(e) { + var n = a("target", e);return n ? document.querySelector(n) : void 0; + }, e.prototype.defaultText = function t(e) { + return a("text", e); + }, e.prototype.destroy = function t() { + this.listener.destroy(), this.clipboardAction && (this.clipboardAction.destroy(), this.clipboardAction = null); + }, e; + }(u.default);t.exports = d; + }); + }, { "./clipboard-action": 8, "good-listener": 4, "tiny-emitter": 7 }] }, {}, [9])(9); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/lib/index.js b/docs/versions/0.5.1/versions/0.5.0/lib/index.js new file mode 100644 index 000000000..2e659c190 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/lib/index.js @@ -0,0 +1,51 @@ +'use strict'; + +document.addEventListener('DOMContentLoaded', function () { + + var $grid = document.getElementById('grid'); + var $columns = Array.prototype.slice.call(document.querySelectorAll('#grid > .column'), 0); + var $markup = document.querySelector('#markup code'); + var $message = document.getElementById('message'); + var $add = document.getElementById('add'); + var $remove = document.getElementById('remove'); + var showing = 5; + + function showColumns() { + if (showing === 13) { + $message.style.display = 'block'; + } else { + $message.style.display = 'none'; + } + + showing = Math.min(Math.max(parseInt(showing), 2), 12); + + $columns.forEach(function ($el) { + $el.style.display = 'none'; + }); + $columns.slice(0, showing).forEach(function ($el) { + $el.style.display = 'block'; + }); + + $markup.innerHTML = '<div class="columns">'; + $markup.insertAdjacentHTML('beforeend', '\n'); + + for (var i = 0; i < showing; i++) { + $markup.insertAdjacentHTML('beforeend', ' <div class="column">'); + $markup.insertAdjacentHTML('beforeend', i + 1); + $markup.insertAdjacentHTML('beforeend', '</div>'); + $markup.insertAdjacentHTML('beforeend', '\n'); + } + + $markup.insertAdjacentHTML('beforeend', '</div>'); + } + + $add.addEventListener('click', function () { + showing++; + showColumns(); + }); + + $remove.addEventListener('click', function () { + showing--; + showColumns(); + }); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/lib/main.js b/docs/versions/0.5.1/versions/0.5.0/lib/main.js new file mode 100644 index 000000000..99a897370 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/lib/main.js @@ -0,0 +1,178 @@ +'use strict'; + +document.addEventListener('DOMContentLoaded', function () { + + // Dropdowns + + var $metalinks = getAll('#meta a'); + + if ($metalinks.length > 0) { + $metalinks.forEach(function ($el) { + $el.addEventListener('click', function (event) { + event.preventDefault(); + var target = $el.getAttribute('href'); + var $target = document.getElementById(target.substring(1)); + $target.scrollIntoView(true); + // window.history.replaceState(null, document.title, `${window.location.origin}${window.location.pathname}${target}`); + return false; + }); + }); + } + + // Dropdowns + + var $dropdowns = getAll('.dropdown:not(.is-hoverable)'); + + if ($dropdowns.length > 0) { + $dropdowns.forEach(function ($el) { + $el.addEventListener('click', function (event) { + event.stopPropagation(); + $el.classList.toggle('is-active'); + }); + }); + + document.addEventListener('click', function (event) { + closeDropdowns(); + }); + } + + function closeDropdowns() { + $dropdowns.forEach(function ($el) { + $el.classList.remove('is-active'); + }); + } + + // Toggles + + var $burgers = getAll('.burger'); + + if ($burgers.length > 0) { + $burgers.forEach(function ($el) { + $el.addEventListener('click', function () { + var target = $el.dataset.target; + var $target = document.getElementById(target); + $el.classList.toggle('is-active'); + $target.classList.toggle('is-active'); + }); + }); + } + + // Modals + + var $html = document.documentElement; + var $modals = getAll('.modal'); + var $modalButtons = getAll('.modal-button'); + var $modalCloses = getAll('.modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button'); + + if ($modalButtons.length > 0) { + $modalButtons.forEach(function ($el) { + $el.addEventListener('click', function () { + var target = $el.dataset.target; + var $target = document.getElementById(target); + $html.classList.add('is-clipped'); + $target.classList.add('is-active'); + }); + }); + } + + if ($modalCloses.length > 0) { + $modalCloses.forEach(function ($el) { + $el.addEventListener('click', function () { + closeModals(); + }); + }); + } + + document.addEventListener('keydown', function (event) { + var e = event || window.event; + if (e.keyCode === 27) { + closeModals(); + closeDropdowns(); + } + }); + + function closeModals() { + $html.classList.remove('is-clipped'); + $modals.forEach(function ($el) { + $el.classList.remove('is-active'); + }); + } + + // Clipboard + + var $highlights = getAll('.highlight'); + var itemsProcessed = 0; + + if ($highlights.length > 0) { + $highlights.forEach(function ($el) { + var copy = ''; + var expand = ''; + $el.insertAdjacentHTML('beforeend', copy); + + if ($el.firstElementChild.scrollHeight > 480 && $el.firstElementChild.clientHeight <= 480) { + $el.insertAdjacentHTML('beforeend', expand); + } + + itemsProcessed++; + if (itemsProcessed === $highlights.length) { + addHighlightControls(); + } + }); + } + + function addHighlightControls() { + var $highlightButtons = getAll('.highlight .copy, .highlight .expand'); + + $highlightButtons.forEach(function ($el) { + $el.addEventListener('mouseenter', function () { + $el.parentNode.style.boxShadow = '0 0 0 1px #ed6c63'; + }); + + $el.addEventListener('mouseleave', function () { + $el.parentNode.style.boxShadow = 'none'; + }); + }); + + var $highlightExpands = getAll('.highlight .expand'); + + $highlightExpands.forEach(function ($el) { + $el.addEventListener('click', function () { + $el.parentNode.firstElementChild.style.maxHeight = 'none'; + }); + }); + } + + new Clipboard('.copy', { + target: function target(trigger) { + return trigger.previousSibling; + } + }); + + // Functions + + function getAll(selector) { + return Array.prototype.slice.call(document.querySelectorAll(selector), 0); + } + + var latestKnownScrollY = 0; + var ticking = false; + + function scrollUpdate() { + ticking = false; + // do stuff + } + + function onScroll() { + latestKnownScrollY = window.scrollY; + scrollRequestTick(); + } + + function scrollRequestTick() { + if (!ticking) { + requestAnimationFrame(scrollUpdate); + } + ticking = true; + } + + window.addEventListener('scroll', onScroll, false); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/thank-you/index.html b/docs/versions/0.5.1/versions/0.5.0/thank-you/index.html new file mode 100644 index 000000000..2d724635c --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/thank-you/index.html @@ -0,0 +1,248 @@ + + + + + + + + + Thank you | Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+
+
+

+ Thank you! +

+

+ Go back to the homepage +

+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/tiles/index.html b/docs/versions/0.5.1/versions/0.5.0/tiles/index.html new file mode 100644 index 000000000..d10494727 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/tiles/index.html @@ -0,0 +1,993 @@ + + + + + + + + + Bulma v0.5.0: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.5.0 version of the website. + Click here to view the latest version +

+
+ + +
+
+

Tiles

+

A single tile element to build 2-dimensional Metro-like, Pinterest-like, or whatever-you-like grids

+ +
+

To build intricate 2-dimensional, you only need a single element: the tile:

+
+ +
<div class="tile">
+  <!-- The magical tile element! -->
+</div>
+ +
+

The tile element has 16 modifiers:

+
    +
  • + 3 contextual modifiers +
      +
    • is-ancestor
      • +
    • is-parent
      • +
    • is-child
      • +
    +
    • +
  • + 1 directional modifier +
      +
    • is-vertical
      • +
    +
    • +
  • + 12 horizontal size modifiers +
      +
    • from is-1
      • +
    • to is-12
      • +
    +
    • +
+
+ +
+ +

How it works: Nesting

+
+

Everything is a tile! To create a grid of tiles, you only need to nest tile elements.

+
+ +
+
+

Start with an ancestor tile that will wrap all other tiles:

+
+
+
<div class="tile is-ancestor">
+  <!-- All other tile elemnts -->
+</div>
+
+
+ +
+
+

Add tile elements that will distribute themselves horizontally:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+</div>
+
+
+ +
+
+

+ You can resize any tile according to a 12 column grid. +
+ For example, is-4 will take up 2/3 of the horizontal space: +

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4">
+    <!-- 1/3 -->
+  </div>
+  <div class="tile">
+    <!-- This tile will take the rest: 2/3 -->
+  </div>
+</div>
+
+
+ +
+
+

If you want to stack tiles vertically, add is-vertical on the parent tile:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical">
+    <div class="tile">
+      <!-- Top tile -->
+    </div>
+    <div class="tile">
+      <!-- Bottom tile -->
+    </div>
+  </div>
+  <div class="tile">
+    <!-- This tile will take up the whole vertical space -->
+  </div>
+</div>
+
+
+ +
+
+
+

As soon as you want to add content to a tile, just:

+
    +
  • add any class you want, like box
    • +
  • add the is-child modifier on the tile
    • +
  • add the is-parent modifier on the parent tile
    • +
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

One

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+

Two

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+

Three

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+      <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+      <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+    </div>
+  </div>
+</div>
+ +
+ +

Nesting requirements

+ +
+
+ 3 levels deep at least... +
+
+
+

You need at least 3 levels of hierarchy:

+
tile is-ancestor
+|
+└───tile is-parent
+    |
+    └───tile is-child
+
+
+
+ +
+
+ ...but more levels if you want! +
+
+
+

You can however nest tiles more deeply than that, and mix it up!

+
tile is-ancestor
+|
+├───tile is-vertical is-8
+|   |
+|   ├───tile
+|   |   |
+|   |   ├───tile is-parent is-vertical
+|   |   |   ├───tile is-child
+|   |   |   └───tile is-child
+|   |   |
+|   |   └───tile is-parent
+|   |       └───tile is-child
+|   |
+|   └───tile is-parent
+|       └───tile is-child
+|
+└───tile is-parent
+    └───tile is-child
+
+
+
+ +
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <!-- Put any content you want -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <!-- Put any content you want -->
+    </article>
+  </div>
+</div>
+ +
+ +

3 columns

+ +
+
+
+

Hello World

+

What is up?

+
+
+
+
+

Foo

+

Bar

+
+
+
+
+

Third column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Side column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Main column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Hello World</p>
+      <p class="subtitle">What is up?</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Foo</p>
+      <p class="subtitle">Bar</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Third column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Top box</p>
+        </article>
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Bottom box</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Middle box</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.5.0/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <p class="title">Wide column</p>
+        <p class="subtitle">Aligned with the right column</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Tall column</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Side column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-8">
+    <article class="tile is-child box">
+      <p class="title">Main column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

4 columns

+ +
+
+
+

One

+

Subtitle

+
+
+
+
+

Two

+

Subtitle

+
+
+
+
+

Three

+

Subtitle

+
+
+
+
+

Four

+

Subtitle

+
+
+
+
+
+
+
+
+

Five

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+
+
+
+
+
+
+
+

Six

+

Subtitle

+
+
+
+
+

Seven

+

Subtitle

+
+
+
+
+
+

Eight

+

Subtitle

+
+
+
+
+
+
+
+

Nine

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Ten

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+

Eleven

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Twelve

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+
+

Thirteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Fourteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">One</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Two</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Three</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Four</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-9">
+    <div class="tile">
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Five</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-8 is-vertical">
+        <div class="tile">
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Six</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Seven</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+        </div>
+        <div class="tile is-parent">
+          <article class="tile is-child box">
+            <p class="title">Eight</p>
+            <p class="subtitle">Subtitle</p>
+          </article>
+        </div>
+      </div>
+    </div>
+    <div class="tile">
+      <div class="tile is-8 is-parent">
+        <article class="tile is-child box">
+          <p class="title">Nine</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Ten</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Eleven</p>
+        <p class="subtitle">Subtitle</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Twelve</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-6">
+    <article class="tile is-child box">
+      <p class="title">Thirteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Fourteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + + + +
+
+
+
+
+ Support and share the love! +
+ +
+ + + + +
+ + + + +
+ +
+
+ +
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/vendor/clipboard-1.7.1.min.js b/docs/versions/0.5.1/versions/0.5.0/vendor/clipboard-1.7.1.min.js new file mode 100644 index 000000000..90fd15b1c --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/vendor/clipboard-1.7.1.min.js @@ -0,0 +1,7 @@ +/*! + * clipboard.js v1.7.1 + * https://zenorocha.github.io/clipboard.js + * + * Licensed MIT © Zeno Rocha + */ +!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.Clipboard=t()}}(function(){var t,e,n;return function t(e,n,o){function i(a,c){if(!n[a]){if(!e[a]){var l="function"==typeof require&&require;if(!c&&l)return l(a,!0);if(r)return r(a,!0);var s=new Error("Cannot find module '"+a+"'");throw s.code="MODULE_NOT_FOUND",s}var u=n[a]={exports:{}};e[a][0].call(u.exports,function(t){var n=e[a][1][t];return i(n||t)},u,u.exports,t,e,n,o)}return n[a].exports}for(var r="function"==typeof require&&require,a=0;a0&&void 0!==arguments[0]?arguments[0]:{};this.action=e.action,this.container=e.container,this.emitter=e.emitter,this.target=e.target,this.text=e.text,this.trigger=e.trigger,this.selectedText=""}},{key:"initSelection",value:function t(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function t(){var e=this,n="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return e.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[n?"right":"left"]="-9999px";var o=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=o+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,i.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function t(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function t(){this.selectedText=(0,i.default)(this.target),this.copyText()}},{key:"copyText",value:function t(){var e=void 0;try{e=document.execCommand(this.action)}catch(t){e=!1}this.handleResult(e)}},{key:"handleResult",value:function t(e){this.emitter.emit(e?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function t(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function t(){this.removeFake()}},{key:"action",set:function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=e,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function t(){return this._action}},{key:"target",set:function t(e){if(void 0!==e){if(!e||"object"!==(void 0===e?"undefined":r(e))||1!==e.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&e.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(e.hasAttribute("readonly")||e.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=e}},get:function t(){return this._target}}]),t}();t.exports=c})},{select:5}],8:[function(e,n,o){!function(i,r){if("function"==typeof t&&t.amd)t(["module","./clipboard-action","tiny-emitter","good-listener"],r);else if(void 0!==o)r(n,e("./clipboard-action"),e("tiny-emitter"),e("good-listener"));else{var a={exports:{}};r(a,i.clipboardAction,i.tinyEmitter,i.goodListener),i.clipboard=a.exports}}(this,function(t,e,n,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function l(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}var s=i(e),u=i(n),f=i(o),d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof e.action?e.action:this.defaultAction,this.target="function"==typeof e.target?e.target:this.defaultTarget,this.text="function"==typeof e.text?e.text:this.defaultText,this.container="object"===d(e.container)?e.container:document.body}},{key:"listenClick",value:function t(e){var n=this;this.listener=(0,f.default)(e,"click",function(t){return n.onClick(t)})}},{key:"onClick",value:function t(e){var n=e.delegateTarget||e.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new s.default({action:this.action(n),target:this.target(n),text:this.text(n),container:this.container,trigger:n,emitter:this})}},{key:"defaultAction",value:function t(e){return l("action",e)}},{key:"defaultTarget",value:function t(e){var n=l("target",e);if(n)return document.querySelector(n)}},{key:"defaultText",value:function t(e){return l("text",e)}},{key:"destroy",value:function t(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],n="string"==typeof e?[e]:e,o=!!document.queryCommandSupported;return n.forEach(function(t){o=o&&!!document.queryCommandSupported(t)}),o}}]),e}(u.default);t.exports=p})},{"./clipboard-action":7,"good-listener":4,"tiny-emitter":6}]},{},[8])(8)}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html new file mode 100644 index 000000000..0c4ba7375 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/2016/02/09/blog-launched-new-responsive-columns-new-helpers/index.html @@ -0,0 +1,632 @@ + + + + + + + + + Blog launched, new responsive columns, new helpers + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + +
+ +
+
+
+
+
+ + +
+
+
+

+ Back +

+

+ 09 Feb 2016 +

+

+ Blog launched, new responsive columns, new helpers +

+
+
+

First blog post on the newly launched blog! It even has its own RSS feed for those who still use that. This blog will be more frequently updated than the newsletter, so you can subscribe to either or both, as they will be used for different purposes.

+ +

Columns on mobile too

+ +

By default, columns are only activated on tablet and desktop. If you want to use columns on mobile too, add the is-mobile modifier on the columns container.

+ +
<div class="columns is-mobile">
+  <div class="column"></div>
+  <div class="column"></div>
+  <div class="column"></div>
+  <!-- etc. -->
+</div>
+ +

Responsive columns

+ +

You can now apply different column size for each breakpoint.

+ +

For example, let’s say you want a column to take half the width on mobile, a third on tablet, and a quarter on desktop:

+ +
+
+

+ is-half-mobile
+ is-one-third-tablet
+ is-one-quarter-desktop +

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+ +
<div class="columns is-mobile">
+  <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop"></div>
+  <!-- Other columns -->
+</div>
+ +
+
+ Info +
+
+ If you use mobile modifiers on single column elements, make sure to use the is-mobile modifier on the columns container. +
+
+ +

Multiline columns

+ +

By default, if you want to start a new row, you just need to close a columns container and open a new one.

+ +

But you can also add the is-multiline modifier on the columns container, and use column size modifiers (like is-half or is-3) to define size on multiple rows within the same container.

+ +
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+ +
<div class="columns is-multiline is-mobile">
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-half"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column"></div>
+</div>
+ +

Helpers section

+ +

While modifiers are specific to each Bulma element, helpers are general utility classes that can be applied on almost any element. Check out the new helpers documentation!

+ +
+
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html new file mode 100644 index 000000000..a7eeb7149 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/2016/04/11/metro-ui-css-grid-with-bulma-tiles/index.html @@ -0,0 +1,532 @@ + + + + + + + + + Metro UI CSS grid with Bulma tiles + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + +
+ +
+
+
+
+
+ + +
+
+
+

+ Back +

+

+ 11 Apr 2016 +

+

+ Metro UI CSS grid with Bulma tiles +

+
+
+

Have you ever wanted to build a Metro-UI-like grid in CSS? +Thanks to Flexbox and the new Bulma tiles, you now can! And it only requires 1 HTML element: the tile element.

+ +

Metro UI grid tiles in CSS

+ +

Check out the documentation!

+ +
+
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/2017/03/10/new-field-element/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/2017/03/10/new-field-element/index.html new file mode 100644 index 000000000..9d36bf344 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/2017/03/10/new-field-element/index.html @@ -0,0 +1,644 @@ + + + + + + + + + New field element (for better controls) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + +
+ +
+
+
+
+
+ + +
+
+
+

+ Back +

+

+ 10 Mar 2017 +

+

+ New field element (for better controls) +

+
+
+

TL;DR: there’s a new .field container, and .control has been re-purposed.

+ +

Since the beginning, the .control has been a very versatile element that allowed:

+ +
    +
  • to space controls vertically
    • +
  • to include an icon alongside inputs, buttons, textareas…
    • +
  • to append a loading spinner
    • +
  • to create horizontal forms
    • +
  • to create control addons
    • +
  • to create control groups
    • +
+ +

The problem

+ +

The .control element acted as both a block container (for spacing, for other controls in a horizontal form), but also an inline container (for adding an icon, a loader, an addon, and grouping). +It led to issues where you couldn’t:

+ +
    +
  • add a help text horizontally
    • +
  • add multiple icons or loaders in a group of controls
    • +
  • add a different icon on addons
    • +
+ +

The solution

+ +

The new .field element becomes the block container for .control elements. As a result, it inherits the .has-addons, .is-grouped, and .is-horizontal modifiers.

+ +

Furthermore .control element can only contain a .button, .input, .select, or .textarea, and eventually a .icon. It can no longer contain a .help element or other .control.

+ +

But it allows more elaborate designs.

+ +
// Before
+.control
+  .has-addons
+  .has-icon
+  .is-grouped
+  .is-horizontal
+  .is-loading
+
+// After
+.control
+  .has-icon
+  .is-loading
+.field
+  .has-addons
+  .is-grouped
+  .is-horizontal
+.field-label
+.field-body
+ +
<!-- Before -->
+<label class="label">Username</label>
+<p class="control has-icon has-icon-right">
+  <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+  <span class="icon is-small">
+    <i class="fa fa-check"></i>
+  </span>
+  <span class="help is-success">This username is available</span>
+</p>
+
+<!-- After -->
+<div class="field">
+  <label class="label">Username</label>
+  <p class="control has-icon has-icon-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+  <p class="help is-success">This username is available</p>
+</div>
+ +

Examples

+ +

Addons with multiple icons or states.

+ +
+

+ + + + +

+

+ + + + +

+

+ +

+
+ +

Horizontal form with help text

+ +
+
+ +
+
+
+

+ +

+
+
+

+ + + + +

+

This email is correct

+
+
+
+ +
+
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/LICENSE b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/LICENSE new file mode 100644 index 000000000..e51b32b7a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2017 Jeremy Thomas + +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. diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/README.md b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/README.md new file mode 100644 index 000000000..5fe0de24d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/README.md @@ -0,0 +1,19 @@ +## Building the documentation + +The documentation HTML is produced with the Ruby-based `jekyll` tool. + +1. Make sure Ruby 2.x is installed. +2. `gem install jekyll` + +## Viewing the documentation locally + +Then to view the documentation in your local checkout: + +1. Before you begin, cd into `docs/` directory, and `cp _config.yml _config.local.yml`. Then edit `_config.local.yml` and change the `url:` value to `http://localhost:4000`. This local config file will be ignored by git. +1. In a separate shell session, `cd` to the `docs/` directory, and do: +``` +jekyll serve --incremental --config _config.local.yml +``` +This will start an HTTP server at `http://localhost:4000/` that serves the docs built in the `_site` directory; and anytime the docs are rebuilt by you, it will serve the docs site on the fly. +2. In your main shell session where you develop, if you change anything in `docs/` the jekyll server will rebuild those on the fly. But if you change anything about the Bulma SASS or CSS, you need to do `npm run start-docs` to build the docs' CSS before you will see it in the browser. The process running `jekyll serve` will pick up the new CSS automatically. + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/blog/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/blog/index.html new file mode 100644 index 000000000..f3b5e169e --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/blog/index.html @@ -0,0 +1,804 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Blog +

+

+ Stay updated about new features, bug fixes, and releases +

+ + + + + Subscribe + +
+
+
+ + +
+ +
+
+
+
+
+ + + +
+
+
+
+

+ 10 Mar 2017 +

+

+ + New field element (for better controls) + +

+
+
+
+

TL;DR: there’s a new .field container, and .control has been re-purposed.

+ +

Since the beginning, the .control has been a very versatile element that allowed:

+ +
    +
  • to space controls vertically
    • +
  • to include an icon alongside inputs, buttons, textareas…
    • +
  • to append a loading spinner
    • +
  • to create horizontal forms
    • +
  • to create control addons
    • +
  • to create control groups
    • +
+ +

The problem

+ +

The .control element acted as both a block container (for spacing, for other controls in a horizontal form), but also an inline container (for adding an icon, a loader, an addon, and grouping). +It led to issues where you couldn’t:

+ +
    +
  • add a help text horizontally
    • +
  • add multiple icons or loaders in a group of controls
    • +
  • add a different icon on addons
    • +
+ +

The solution

+ +

The new .field element becomes the block container for .control elements. As a result, it inherits the .has-addons, .is-grouped, and .is-horizontal modifiers.

+ +

Furthermore .control element can only contain a .button, .input, .select, or .textarea, and eventually a .icon. It can no longer contain a .help element or other .control.

+ +

But it allows more elaborate designs.

+ +
// Before
+.control
+  .has-addons
+  .has-icon
+  .is-grouped
+  .is-horizontal
+  .is-loading
+
+// After
+.control
+  .has-icon
+  .is-loading
+.field
+  .has-addons
+  .is-grouped
+  .is-horizontal
+.field-label
+.field-body
+ +
<!-- Before -->
+<label class="label">Username</label>
+<p class="control has-icon has-icon-right">
+  <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+  <span class="icon is-small">
+    <i class="fa fa-check"></i>
+  </span>
+  <span class="help is-success">This username is available</span>
+</p>
+
+<!-- After -->
+<div class="field">
+  <label class="label">Username</label>
+  <p class="control has-icon has-icon-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+  <p class="help is-success">This username is available</p>
+</div>
+ +

Examples

+ +

Addons with multiple icons or states.

+ +
+

+ + + + +

+

+ + + + +

+

+ +

+
+ +

Horizontal form with help text

+ +
+
+ +
+
+
+

+ +

+
+
+

+ + + + +

+

This email is correct

+
+
+
+ +
+
+
+
+
+ +
+
+
+
+

+ 11 Apr 2016 +

+

+ + Metro UI CSS grid with Bulma tiles + +

+
+
+
+

Have you ever wanted to build a Metro-UI-like grid in CSS? +Thanks to Flexbox and the new Bulma tiles, you now can! And it only requires 1 HTML element: the tile element.

+ +

Metro UI grid tiles in CSS

+ +

Check out the documentation!

+ +
+
+
+
+
+ +
+
+
+
+

+ 09 Feb 2016 +

+

+ + Blog launched, new responsive columns, new helpers + +

+
+
+
+

First blog post on the newly launched blog! It even has its own RSS feed for those who still use that. This blog will be more frequently updated than the newsletter, so you can subscribe to either or both, as they will be used for different purposes.

+ +

Columns on mobile too

+ +

By default, columns are only activated on tablet and desktop. If you want to use columns on mobile too, add the is-mobile modifier on the columns container.

+ +
<div class="columns is-mobile">
+  <div class="column"></div>
+  <div class="column"></div>
+  <div class="column"></div>
+  <!-- etc. -->
+</div>
+ +

Responsive columns

+ +

You can now apply different column size for each breakpoint.

+ +

For example, let’s say you want a column to take half the width on mobile, a third on tablet, and a quarter on desktop:

+ +
+
+

+ is-half-mobile
+ is-one-third-tablet
+ is-one-quarter-desktop +

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+ +
<div class="columns is-mobile">
+  <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop"></div>
+  <!-- Other columns -->
+</div>
+ +
+
+ Info +
+
+ If you use mobile modifiers on single column elements, make sure to use the is-mobile modifier on the columns container. +
+
+ +

Multiline columns

+ +

By default, if you want to start a new row, you just need to close a columns container and open a new one.

+ +

But you can also add the is-multiline modifier on the columns container, and use column size modifiers (like is-half or is-3) to define size on multiple rows within the same container.

+ +
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+ +
<div class="columns is-multiline is-mobile">
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-half"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column is-one-quarter"></div>
+  <div class="column"></div>
+</div>
+ +

Helpers section

+ +

While modifiers are specific to each Bulma element, helpers are general utility classes that can be applied on almost any element. Check out the new helpers documentation!

+ +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/css/bulma-docs.css b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/css/bulma-docs.css new file mode 100644 index 000000000..8ab78ab56 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/css/bulma-docs.css @@ -0,0 +1,9792 @@ +@charset "UTF-8"; +/*! bulma.io v0.4.4 | MIT License | github.com/jgthms/bulma */ +@-webkit-keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + +ul { + list-style: none; +} + +button, +input, +select, +textarea { + margin: 0; +} + +html { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +* { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +*:before, *:after { + -webkit-box-sizing: inherit; + box-sizing: inherit; +} + +img, +embed, +object, +audio, +video { + max-width: 100%; +} + +iframe { + border: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; + text-align: left; +} + +html { + background-color: #fff; + font-size: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + min-width: 300px; + overflow-x: hidden; + overflow-y: scroll; + text-rendering: optimizeLegibility; +} + +article, +aside, +figure, +footer, +header, +hgroup, +section { + display: block; +} + +body, +button, +input, +select, +textarea { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; +} + +code, +pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: monospace; +} + +body { + color: #4a4a4a; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; +} + +a { + color: #00d1b2; + cursor: pointer; + text-decoration: none; + -webkit-transition: none 86ms ease-out; + transition: none 86ms ease-out; +} + +a:hover { + color: #363636; +} + +code { + background-color: whitesmoke; + color: #ff3860; + font-size: 0.8em; + font-weight: normal; + padding: 0.25em 0.5em 0.25em; +} + +hr { + background-color: #dbdbdb; + border: none; + display: block; + height: 1px; + margin: 1.5rem 0; +} + +img { + height: auto; + max-width: 100%; +} + +input[type="checkbox"], +input[type="radio"] { + vertical-align: baseline; +} + +small { + font-size: 0.875em; +} + +span { + font-style: inherit; + font-weight: inherit; +} + +strong { + color: #363636; + font-weight: 700; +} + +pre { + background-color: whitesmoke; + color: #4a4a4a; + font-size: 0.8em; + white-space: pre; + word-wrap: normal; +} + +pre code { + -webkit-overflow-scrolling: touch; + background: none; + color: inherit; + display: block; + font-size: 1em; + overflow-x: auto; + padding: 1.25rem 1.5rem; +} + +table { + width: 100%; +} + +table td, +table th { + text-align: left; + vertical-align: top; +} + +table th { + color: #363636; +} + +.is-block { + display: block; +} + +@media screen and (max-width: 768px) { + .is-block-mobile { + display: block !important; + } +} + +@media screen and (min-width: 769px), print { + .is-block-tablet { + display: block !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-block-tablet-only { + display: block !important; + } +} + +@media screen and (max-width: 1007px) { + .is-block-touch { + display: block !important; + } +} + +@media screen and (min-width: 1008px) { + .is-block-desktop { + display: block !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-block-desktop-only { + display: block !important; + } +} + +@media screen and (min-width: 1200px) { + .is-block-widescreen { + display: block !important; + } +} + +.is-flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +@media screen and (max-width: 768px) { + .is-flex-mobile { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 769px), print { + .is-flex-tablet { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-flex-tablet-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (max-width: 1007px) { + .is-flex-touch { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1008px) { + .is-flex-desktop { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-flex-desktop-only { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +@media screen and (min-width: 1200px) { + .is-flex-widescreen { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + } +} + +.is-inline { + display: inline; +} + +@media screen and (max-width: 768px) { + .is-inline-mobile { + display: inline !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-tablet { + display: inline !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-tablet-only { + display: inline !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-touch { + display: inline !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-desktop { + display: inline !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-desktop-only { + display: inline !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-widescreen { + display: inline !important; + } +} + +.is-inline-block { + display: inline-block; +} + +@media screen and (max-width: 768px) { + .is-inline-block-mobile { + display: inline-block !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-block-tablet { + display: inline-block !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-block-tablet-only { + display: inline-block !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-block-touch { + display: inline-block !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-block-desktop { + display: inline-block !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-block-desktop-only { + display: inline-block !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-block-widescreen { + display: inline-block !important; + } +} + +.is-inline-flex { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; +} + +@media screen and (max-width: 768px) { + .is-inline-flex-mobile { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 769px), print { + .is-inline-flex-tablet { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-inline-flex-tablet-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (max-width: 1007px) { + .is-inline-flex-touch { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1008px) { + .is-inline-flex-desktop { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-inline-flex-desktop-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +@media screen and (min-width: 1200px) { + .is-inline-flex-widescreen { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + } +} + +.is-clearfix:after { + clear: both; + content: " "; + display: table; +} + +.is-pulled-left { + float: left !important; +} + +.is-pulled-right { + float: right !important; +} + +.is-clipped { + overflow: hidden !important; +} + +.is-overlay { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.is-size-1 { + font-size: 3rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-1-mobile { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-1-tablet { + font-size: 3rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-1-touch { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-1-desktop { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-1-widescreen { + font-size: 3rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-1-fullhd { + font-size: 3rem !important; + } +} + +.is-size-2 { + font-size: 2.5rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-2-mobile { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-2-tablet { + font-size: 2.5rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-2-touch { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-2-desktop { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-2-widescreen { + font-size: 2.5rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-2-fullhd { + font-size: 2.5rem !important; + } +} + +.is-size-3 { + font-size: 2rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-3-mobile { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-3-tablet { + font-size: 2rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-3-touch { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-3-desktop { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-3-widescreen { + font-size: 2rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-3-fullhd { + font-size: 2rem !important; + } +} + +.is-size-4 { + font-size: 1.5rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-4-mobile { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-4-tablet { + font-size: 1.5rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-4-touch { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-4-desktop { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-4-widescreen { + font-size: 1.5rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-4-fullhd { + font-size: 1.5rem !important; + } +} + +.is-size-5 { + font-size: 1.25rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-5-mobile { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-5-tablet { + font-size: 1.25rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-5-touch { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-5-desktop { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-5-widescreen { + font-size: 1.25rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-5-fullhd { + font-size: 1.25rem !important; + } +} + +.is-size-6 { + font-size: 1rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-6-mobile { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-6-tablet { + font-size: 1rem !important; + } +} + +@media screen and (max-width: 1007px) { + .is-size-6-touch { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1008px) { + .is-size-6-desktop { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1200px) { + .is-size-6-widescreen { + font-size: 1rem !important; + } +} + +@media screen and (min-width: 1392px) { + .is-size-6-fullhd { + font-size: 1rem !important; + } +} + +.has-text-centered { + text-align: center !important; +} + +.has-text-left { + text-align: left !important; +} + +.has-text-right { + text-align: right !important; +} + +.has-text-white { + color: white !important; +} + +a.has-text-white:hover, a.has-text-white:focus { + color: #e6e6e6; +} + +.has-text-black { + color: #0a0a0a !important; +} + +a.has-text-black:hover, a.has-text-black:focus { + color: black; +} + +.has-text-light { + color: whitesmoke !important; +} + +a.has-text-light:hover, a.has-text-light:focus { + color: #dbdbdb; +} + +.has-text-dark { + color: #363636 !important; +} + +a.has-text-dark:hover, a.has-text-dark:focus { + color: #1c1c1c; +} + +.has-text-primary { + color: #00d1b2 !important; +} + +a.has-text-primary:hover, a.has-text-primary:focus { + color: #009e86; +} + +.has-text-info { + color: #3273dc !important; +} + +a.has-text-info:hover, a.has-text-info:focus { + color: #205bbc; +} + +.has-text-success { + color: #23d160 !important; +} + +a.has-text-success:hover, a.has-text-success:focus { + color: #1ca64c; +} + +.has-text-warning { + color: #ffdd57 !important; +} + +a.has-text-warning:hover, a.has-text-warning:focus { + color: #ffd324; +} + +.has-text-danger { + color: #ff3860 !important; +} + +a.has-text-danger:hover, a.has-text-danger:focus { + color: #ff0537; +} + +.has-text-black-bis { + color: #121212 !important; +} + +.has-text-black-ter { + color: #242424 !important; +} + +.has-text-grey-darker { + color: #363636 !important; +} + +.has-text-grey-dark { + color: #4a4a4a !important; +} + +.has-text-grey { + color: #7a7a7a !important; +} + +.has-text-grey-light { + color: #b5b5b5 !important; +} + +.has-text-grey-lighter { + color: #dbdbdb !important; +} + +.has-text-white-ter { + color: whitesmoke !important; +} + +.has-text-white-bis { + color: #fafafa !important; +} + +.is-hidden { + display: none !important; +} + +@media screen and (max-width: 768px) { + .is-hidden-mobile { + display: none !important; + } +} + +@media screen and (min-width: 769px), print { + .is-hidden-tablet { + display: none !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1007px) { + .is-hidden-tablet-only { + display: none !important; + } +} + +@media screen and (max-width: 1007px) { + .is-hidden-touch { + display: none !important; + } +} + +@media screen and (min-width: 1008px) { + .is-hidden-desktop { + display: none !important; + } +} + +@media screen and (min-width: 1008px) and (max-width: 1199px) { + .is-hidden-desktop-only { + display: none !important; + } +} + +@media screen and (min-width: 1200px) { + .is-hidden-widescreen { + display: none !important; + } +} + +.is-marginless { + margin: 0 !important; +} + +.is-paddingless { + padding: 0 !important; +} + +.is-unselectable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.box { + background-color: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + display: block; + padding: 1.25rem; +} + +.box:not(:last-child) { + margin-bottom: 1.5rem; +} + +a.box:hover, a.box:focus { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +a.box:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; +} + +.button { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: white; + border-color: #dbdbdb; + color: #363636; + cursor: pointer; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; + text-align: center; + white-space: nowrap; +} + +.button:focus, .button.is-focused, .button:active, .button.is-active { + outline: none; +} + +.button[disabled] { + cursor: not-allowed; +} + +.button strong { + color: inherit; +} + +.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { + height: 1.5em; + width: 1.5em; +} + +.button .icon:first-child:not(:last-child) { + margin-left: calc(-0.375em - 1px); + margin-right: 0.1875em; +} + +.button .icon:last-child:not(:first-child) { + margin-left: 0.1875em; + margin-right: calc(-0.375em - 1px); +} + +.button .icon:first-child:last-child { + margin-left: calc(-0.375em - 1px); + margin-right: calc(-0.375em - 1px); +} + +.button:hover, .button.is-hovered { + border-color: #b5b5b5; + color: #363636; +} + +.button:focus, .button.is-focused { + border-color: #00d1b2; + -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #363636; +} + +.button:active, .button.is-active { + border-color: #4a4a4a; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #363636; +} + +.button.is-link { + background-color: transparent; + border-color: transparent; + color: #4a4a4a; + text-decoration: underline; +} + +.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active { + background-color: whitesmoke; + color: #363636; +} + +.button.is-link[disabled] { + background-color: transparent; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-white { + background-color: white; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:hover, .button.is-white.is-hovered { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:focus, .button.is-white.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: #0a0a0a; +} + +.button.is-white:active, .button.is-white.is-active { + background-color: #f2f2f2; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #0a0a0a; +} + +.button.is-white[disabled] { + background-color: white; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-white.is-inverted { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted:hover { + background-color: black; +} + +.button.is-white.is-inverted[disabled] { + background-color: #0a0a0a; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-white.is-loading:after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-white.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.button.is-white.is-outlined.is-loading:after { + border-color: transparent transparent white white !important; +} + +.button.is-white.is-outlined[disabled] { + background-color: transparent; + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black { + background-color: #0a0a0a; + border-color: transparent; + color: white; +} + +.button.is-black:hover, .button.is-black.is-hovered { + background-color: #040404; + border-color: transparent; + color: white; +} + +.button.is-black:focus, .button.is-black.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: white; +} + +.button.is-black:active, .button.is-black.is-active { + background-color: black; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: white; +} + +.button.is-black[disabled] { + background-color: #0a0a0a; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-black.is-inverted { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-black.is-inverted[disabled] { + background-color: white; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-loading:after { + border-color: transparent transparent white white !important; +} + +.button.is-black.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.button.is-black.is-outlined.is-loading:after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-black.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + -webkit-box-shadow: none; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; + color: white; +} + +.button.is-light { + background-color: whitesmoke; + border-color: transparent; + color: #363636; +} + +.button.is-light:hover, .button.is-light.is-hovered { + background-color: #eeeeee; + border-color: transparent; + color: #363636; +} + +.button.is-light:focus, .button.is-light.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + color: #363636; +} + +.button.is-light:active, .button.is-light.is-active { + background-color: #e8e8e8; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #363636; +} + +.button.is-light[disabled] { + background-color: whitesmoke; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-light.is-inverted { + background-color: #363636; + color: whitesmoke; +} + +.button.is-light.is-inverted:hover { + background-color: #292929; +} + +.button.is-light.is-inverted[disabled] { + background-color: #363636; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-light.is-loading:after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-light.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; +} + +.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.button.is-light.is-outlined.is-loading:after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-light.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { + background-color: #363636; + color: whitesmoke; +} + +.button.is-light.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark { + background-color: #363636; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:hover, .button.is-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:focus, .button.is-dark.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + color: whitesmoke; +} + +.button.is-dark:active, .button.is-dark.is-active { + background-color: #292929; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: whitesmoke; +} + +.button.is-dark[disabled] { + background-color: #363636; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-dark.is-inverted { + background-color: whitesmoke; + color: #363636; +} + +.button.is-dark.is-inverted:hover { + background-color: #e8e8e8; +} + +.button.is-dark.is-inverted[disabled] { + background-color: whitesmoke; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark.is-loading:after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.button.is-dark.is-outlined.is-loading:after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-dark.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + -webkit-box-shadow: none; + box-shadow: none; + color: #363636; +} + +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; +} + +.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { + background-color: whitesmoke; + color: #363636; +} + +.button.is-dark.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: whitesmoke; +} + +.button.is-primary { + background-color: #00d1b2; + border-color: transparent; + color: #fff; +} + +.button.is-primary:hover, .button.is-primary.is-hovered { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} + +.button.is-primary:focus, .button.is-primary.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #fff; +} + +.button.is-primary:active, .button.is-primary.is-active { + background-color: #00b89c; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-primary[disabled] { + background-color: #00d1b2; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-primary.is-inverted { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-primary.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-primary.is-outlined { + background-color: transparent; + border-color: #00d1b2; + color: #00d1b2; +} + +.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.button.is-primary.is-outlined.is-loading:after { + border-color: transparent transparent #00d1b2 #00d1b2 !important; +} + +.button.is-primary.is-outlined[disabled] { + background-color: transparent; + border-color: #00d1b2; + -webkit-box-shadow: none; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-info { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} + +.button.is-info:hover, .button.is-info.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} + +.button.is-info:focus, .button.is-info.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + color: #fff; +} + +.button.is-info:active, .button.is-info.is-active { + background-color: #2366d1; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-info[disabled] { + background-color: #3273dc; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-info.is-inverted { + background-color: #fff; + color: #3273dc; +} + +.button.is-info.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-info.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #3273dc; +} + +.button.is-info.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-info.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc; +} + +.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} + +.button.is-info.is-outlined.is-loading:after { + border-color: transparent transparent #3273dc #3273dc !important; +} + +.button.is-info.is-outlined[disabled] { + background-color: transparent; + border-color: #3273dc; + -webkit-box-shadow: none; + box-shadow: none; + color: #3273dc; +} + +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { + background-color: #fff; + color: #3273dc; +} + +.button.is-info.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-success { + background-color: #23d160; + border-color: transparent; + color: #fff; +} + +.button.is-success:hover, .button.is-success.is-hovered { + background-color: #22c65b; + border-color: transparent; + color: #fff; +} + +.button.is-success:focus, .button.is-success.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + color: #fff; +} + +.button.is-success:active, .button.is-success.is-active { + background-color: #20bc56; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-success[disabled] { + background-color: #23d160; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-success.is-inverted { + background-color: #fff; + color: #23d160; +} + +.button.is-success.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-success.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #23d160; +} + +.button.is-success.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-success.is-outlined { + background-color: transparent; + border-color: #23d160; + color: #23d160; +} + +.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { + background-color: #23d160; + border-color: #23d160; + color: #fff; +} + +.button.is-success.is-outlined.is-loading:after { + border-color: transparent transparent #23d160 #23d160 !important; +} + +.button.is-success.is-outlined[disabled] { + background-color: transparent; + border-color: #23d160; + -webkit-box-shadow: none; + box-shadow: none; + color: #23d160; +} + +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { + background-color: #fff; + color: #23d160; +} + +.button.is-success.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-warning { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:hover, .button.is-warning.is-hovered { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:focus, .button.is-warning.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:active, .button.is-warning.is-active { + background-color: #ffd83d; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning[disabled] { + background-color: #ffdd57; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted:hover { + background-color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted[disabled] { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-loading:after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} + +.button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + color: #ffdd57; +} + +.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-outlined.is-loading:after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; +} + +.button.is-warning.is-outlined[disabled] { + background-color: transparent; + border-color: #ffdd57; + -webkit-box-shadow: none; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + -webkit-box-shadow: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-danger { + background-color: #ff3860; + border-color: transparent; + color: #fff; +} + +.button.is-danger:hover, .button.is-danger.is-hovered { + background-color: #ff2b56; + border-color: transparent; + color: #fff; +} + +.button.is-danger:focus, .button.is-danger.is-focused { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + color: #fff; +} + +.button.is-danger:active, .button.is-danger.is-active { + background-color: #ff1f4b; + border-color: transparent; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; +} + +.button.is-danger[disabled] { + background-color: #ff3860; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.button.is-danger.is-inverted { + background-color: #fff; + color: #ff3860; +} + +.button.is-danger.is-inverted:hover { + background-color: #f2f2f2; +} + +.button.is-danger.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #ff3860; +} + +.button.is-danger.is-loading:after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-danger.is-outlined { + background-color: transparent; + border-color: #ff3860; + color: #ff3860; +} + +.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { + background-color: #ff3860; + border-color: #ff3860; + color: #fff; +} + +.button.is-danger.is-outlined.is-loading:after { + border-color: transparent transparent #ff3860 #ff3860 !important; +} + +.button.is-danger.is-outlined[disabled] { + background-color: transparent; + border-color: #ff3860; + -webkit-box-shadow: none; + box-shadow: none; + color: #ff3860; +} + +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { + background-color: #fff; + color: #ff3860; +} + +.button.is-danger.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; +} + +.button.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.button.is-medium { + font-size: 1.25rem; +} + +.button.is-large { + font-size: 1.5rem; +} + +.button[disabled] { + background-color: white; + border-color: #dbdbdb; + -webkit-box-shadow: none; + box-shadow: none; + opacity: 0.5; +} + +.button.is-fullwidth { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; +} + +.button.is-loading { + color: transparent !important; + pointer-events: none; +} + +.button.is-loading:after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + position: absolute; + left: calc(50% - (1em / 2)); + top: calc(50% - (1em / 2)); + position: absolute !important; +} + +.button.is-static { + background-color: whitesmoke; + border-color: #dbdbdb; + color: #7a7a7a; + -webkit-box-shadow: none; + box-shadow: none; + pointer-events: none; +} + +button.button, +input[type="submit"].button { + line-height: 1; + padding-bottom: 0.4em; + padding-top: 0.35em; +} + +.content:not(:last-child) { + margin-bottom: 1.5rem; +} + +.content li + li { + margin-top: 0.25em; +} + +.content p:not(:last-child), +.content dl:not(:last-child), +.content ol:not(:last-child), +.content ul:not(:last-child), +.content blockquote:not(:last-child), +.content pre:not(:last-child), +.content table:not(:last-child) { + margin-bottom: 1em; +} + +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + color: #363636; + font-weight: 400; + line-height: 1.125; +} + +.content h1 { + font-size: 2em; + margin-bottom: 0.5em; +} + +.content h1:not(:first-child) { + margin-top: 1em; +} + +.content h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; +} + +.content h2:not(:first-child) { + margin-top: 1.1428em; +} + +.content h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; +} + +.content h3:not(:first-child) { + margin-top: 1.3333em; +} + +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; +} + +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; +} + +.content h6 { + font-size: 1em; + margin-bottom: 1em; +} + +.content blockquote { + background-color: whitesmoke; + border-left: 5px solid #dbdbdb; + padding: 1.25em 1.5em; +} + +.content ol { + list-style: decimal outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ul ul { + list-style-type: circle; + margin-top: 0.5em; +} + +.content ul ul ul { + list-style-type: square; +} + +.content dd { + margin-left: 2em; +} + +.content figure { + text-align: center; +} + +.content figure img { + display: inline-block; +} + +.content figure figcaption { + font-style: italic; +} + +.content pre { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; +} + +.content sup, +.content sub { + font-size: 70%; +} + +.content table { + width: 100%; +} + +.content table td, +.content table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.content table th { + color: #363636; + text-align: left; +} + +.content table tr:hover { + background-color: whitesmoke; +} + +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0; +} + +.content.is-small { + font-size: 0.75rem; +} + +.content.is-medium { + font-size: 1.25rem; +} + +.content.is-large { + font-size: 1.5rem; +} + +.input, +.textarea { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + background-color: white; + border-color: #dbdbdb; + color: #363636; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + max-width: 100%; + width: 100%; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + outline: none; +} + +.input[disabled], +.textarea[disabled] { + cursor: not-allowed; +} + +.input:hover, .input.is-hovered, +.textarea:hover, +.textarea.is-hovered { + border-color: #b5b5b5; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + border-color: #00d1b2; +} + +.input[disabled], +.textarea[disabled] { + background-color: whitesmoke; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; +} + +.input[disabled]::-moz-placeholder, +.textarea[disabled]::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input[disabled]::-webkit-input-placeholder, +.textarea[disabled]::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input[disabled]:-moz-placeholder, +.textarea[disabled]:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input[disabled]:-ms-input-placeholder, +.textarea[disabled]:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input[type="search"], +.textarea[type="search"] { + border-radius: 290486px; +} + +.input.is-white, +.textarea.is-white { + border-color: white; +} + +.input.is-black, +.textarea.is-black { + border-color: #0a0a0a; +} + +.input.is-light, +.textarea.is-light { + border-color: whitesmoke; +} + +.input.is-dark, +.textarea.is-dark { + border-color: #363636; +} + +.input.is-primary, +.textarea.is-primary { + border-color: #00d1b2; +} + +.input.is-info, +.textarea.is-info { + border-color: #3273dc; +} + +.input.is-success, +.textarea.is-success { + border-color: #23d160; +} + +.input.is-warning, +.textarea.is-warning { + border-color: #ffdd57; +} + +.input.is-danger, +.textarea.is-danger { + border-color: #ff3860; +} + +.input.is-small, +.textarea.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.input.is-medium, +.textarea.is-medium { + font-size: 1.25rem; +} + +.input.is-large, +.textarea.is-large { + font-size: 1.5rem; +} + +.input.is-fullwidth, +.textarea.is-fullwidth { + display: block; + width: 100%; +} + +.input.is-inline, +.textarea.is-inline { + display: inline; + width: auto; +} + +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: 0.625em; + resize: vertical; +} + +.textarea:not([rows]) { + max-height: 600px; + min-height: 120px; +} + +.textarea[rows] { + height: unset; +} + +.checkbox, +.radio { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative; +} + +.checkbox input, +.radio input { + cursor: pointer; +} + +.checkbox:hover, +.radio:hover { + color: #363636; +} + +.checkbox[disabled], +.radio[disabled] { + color: #7a7a7a; + cursor: not-allowed; +} + +.radio + .radio { + margin-left: 0.5em; +} + +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top; +} + +.select:not(.is-multiple) { + height: 2.25em; +} + +.select:not(.is-multiple)::after { + border: 1px solid #00d1b2; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + z-index: 4; +} + +.select select { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + background-color: white; + border-color: #dbdbdb; + color: #363636; + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + outline: none; +} + +.select select[disabled] { + cursor: not-allowed; +} + +.select select:hover, .select select.is-hovered { + border-color: #b5b5b5; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + border-color: #00d1b2; +} + +.select select[disabled] { + background-color: whitesmoke; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; +} + +.select select[disabled]::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select[disabled]::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select[disabled]:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select[disabled]:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.select select:hover { + border-color: #b5b5b5; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + border-color: #00d1b2; +} + +.select select::-ms-expand { + display: none; +} + +.select select[disabled]:hover { + border-color: whitesmoke; +} + +.select select:not([multiple]) { + padding-right: 2.5em; +} + +.select select[multiple] { + height: unset; + padding: 0; +} + +.select select[multiple] option { + padding: 0.5em 1em; +} + +.select:hover::after { + border-color: #363636; +} + +.select.is-white select { + border-color: white; +} + +.select.is-black select { + border-color: #0a0a0a; +} + +.select.is-light select { + border-color: whitesmoke; +} + +.select.is-dark select { + border-color: #363636; +} + +.select.is-primary select { + border-color: #00d1b2; +} + +.select.is-info select { + border-color: #3273dc; +} + +.select.is-success select { + border-color: #23d160; +} + +.select.is-warning select { + border-color: #ffdd57; +} + +.select.is-danger select { + border-color: #ff3860; +} + +.select.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.select.is-medium { + font-size: 1.25rem; +} + +.select.is-large { + font-size: 1.5rem; +} + +.select.is-disabled::after { + border-color: #7a7a7a; +} + +.select.is-fullwidth { + width: 100%; +} + +.select.is-fullwidth select { + width: 100%; +} + +.select.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + margin-top: 0; + position: absolute; + right: 0.625em; + top: 0.625em; + -webkit-transform: none; + transform: none; +} + +.select.is-loading.is-small:after { + font-size: 0.75rem; +} + +.select.is-loading.is-medium:after { + font-size: 1.25rem; +} + +.select.is-loading.is-large:after { + font-size: 1.5rem; +} + +.label { + color: #363636; + display: block; + font-size: 1rem; + font-weight: 700; +} + +.label:not(:last-child) { + margin-bottom: 0.5em; +} + +.label.is-small { + font-size: 0.75rem; +} + +.label.is-medium { + font-size: 1.25rem; +} + +.label.is-large { + font-size: 1.5rem; +} + +.help { + display: block; + font-size: 0.75rem; + margin-top: 0.25rem; +} + +.help.is-white { + color: white; +} + +.help.is-black { + color: #0a0a0a; +} + +.help.is-light { + color: whitesmoke; +} + +.help.is-dark { + color: #363636; +} + +.help.is-primary { + color: #00d1b2; +} + +.help.is-info { + color: #3273dc; +} + +.help.is-success { + color: #23d160; +} + +.help.is-warning { + color: #ffdd57; +} + +.help.is-danger { + color: #ff3860; +} + +.field:not(:last-child) { + margin-bottom: 0.75rem; +} + +.field.has-addons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.field.has-addons .control:not(:last-child) { + margin-right: -1px; +} + +.field.has-addons .control:first-child .button, +.field.has-addons .control:first-child .input, +.field.has-addons .control:first-child .select select { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.field.has-addons .control:last-child .button, +.field.has-addons .control:last-child .input, +.field.has-addons .control:last-child .select select { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} + +.field.has-addons .control .button, +.field.has-addons .control .input, +.field.has-addons .control .select select { + border-radius: 0; +} + +.field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered, +.field.has-addons .control .input:hover, +.field.has-addons .control .input.is-hovered, +.field.has-addons .control .select select:hover, +.field.has-addons .control .select select.is-hovered { + z-index: 2; +} + +.field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active, +.field.has-addons .control .input:focus, +.field.has-addons .control .input.is-focused, +.field.has-addons .control .input:active, +.field.has-addons .control .input.is-active, +.field.has-addons .control .select select:focus, +.field.has-addons .control .select select.is-focused, +.field.has-addons .control .select select:active, +.field.has-addons .control .select select.is-active { + z-index: 3; +} + +.field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover, +.field.has-addons .control .input:focus:hover, +.field.has-addons .control .input.is-focused:hover, +.field.has-addons .control .input:active:hover, +.field.has-addons .control .input.is-active:hover, +.field.has-addons .control .select select:focus:hover, +.field.has-addons .control .select select.is-focused:hover, +.field.has-addons .control .select select:active:hover, +.field.has-addons .control .select select.is-active:hover { + z-index: 4; +} + +.field.has-addons .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.field.has-addons.has-addons-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.field.has-addons.has-addons-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.field.has-addons.has-addons-fullwidth .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.field.is-grouped { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.field.is-grouped > .control { + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.field.is-grouped > .control:not(:last-child) { + margin-bottom: 0; + margin-right: 0.75rem; +} + +.field.is-grouped > .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.field.is-grouped.is-grouped-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.field.is-grouped.is-grouped-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.field.is-grouped.is-grouped-multiline { + flex-wrap: wrap; +} + +.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { + margin-bottom: 0.75rem; +} + +.field.is-grouped.is-grouped-multiline:last-child { + margin-bottom: -0.75rem; +} + +.field.is-grouped.is-grouped-multiline:not(:last-child) { + margin-bottom: 0; +} + +@media screen and (min-width: 769px), print { + .field.is-horizontal { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.field-label .label { + font-size: inherit; +} + +@media screen and (max-width: 768px) { + .field-label { + margin-bottom: 0.5rem; + } +} + +@media screen and (min-width: 769px), print { + .field-label { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-right: 1.5rem; + text-align: right; + } + .field-label.is-small { + font-size: 0.75rem; + padding-top: 0.375em; + } + .field-label.is-normal { + padding-top: 0.375em; + } + .field-label.is-medium { + font-size: 1.25rem; + padding-top: 0.375em; + } + .field-label.is-large { + font-size: 1.5rem; + padding-top: 0.375em; + } +} + +.field-body .field .field { + margin-bottom: 0; +} + +@media screen and (min-width: 769px), print { + .field-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + -ms-flex-negative: 1; + flex-shrink: 1; + } + .field-body .field { + margin-bottom: 0; + } + .field-body > .field { + -ms-flex-negative: 1; + flex-shrink: 1; + } + .field-body > .field:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + .field-body > .field:not(:last-child) { + margin-right: 0.75rem; + } +} + +.control { + font-size: 1rem; + position: relative; + text-align: left; +} + +.control.has-icon .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} + +.control.has-icon .input:focus + .icon { + color: #7a7a7a; +} + +.control.has-icon .input.is-small + .icon { + font-size: 0.75rem; +} + +.control.has-icon .input.is-medium + .icon { + font-size: 1.25rem; +} + +.control.has-icon .input.is-large + .icon { + font-size: 1.5rem; +} + +.control.has-icon:not(.has-icon-right) .icon { + left: 0; +} + +.control.has-icon:not(.has-icon-right) .input { + padding-left: 2.25em; +} + +.control.has-icon.has-icon-right .icon { + right: 0; +} + +.control.has-icon.has-icon-right .input { + padding-right: 2.25em; +} + +.control.has-icons-left .input:focus ~ .icon, +.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, +.control.has-icons-right .select:focus ~ .icon { + color: #7a7a7a; +} + +.control.has-icons-left .input.is-small ~ .icon, +.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, +.control.has-icons-right .select.is-small ~ .icon { + font-size: 0.75rem; +} + +.control.has-icons-left .input.is-medium ~ .icon, +.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, +.control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem; +} + +.control.has-icons-left .input.is-large ~ .icon, +.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, +.control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem; +} + +.control.has-icons-left .icon, .control.has-icons-right .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} + +.control.has-icons-left .input, +.control.has-icons-left .select select { + padding-left: 2.25em; +} + +.control.has-icons-left .icon.is-left { + left: 0; +} + +.control.has-icons-right .input, +.control.has-icons-right .select select { + padding-right: 2.25em; +} + +.control.has-icons-right .icon.is-right { + right: 0; +} + +.control.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; + position: absolute !important; + right: 0.625em; + top: 0.625em; +} + +.control.is-loading.is-small:after { + font-size: 0.75rem; +} + +.control.is-loading.is-medium:after { + font-size: 1.25rem; +} + +.control.is-loading.is-large:after { + font-size: 1.5rem; +} + +.icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 1.5rem; + width: 1.5rem; +} + +.icon .fa { + font-size: 21px; +} + +.icon.is-small { + height: 1rem; + width: 1rem; +} + +.icon.is-small .fa { + font-size: 14px; +} + +.icon.is-medium { + height: 2rem; + width: 2rem; +} + +.icon.is-medium .fa { + font-size: 28px; +} + +.icon.is-large { + height: 3rem; + width: 3rem; +} + +.icon.is-large .fa { + font-size: 42px; +} + +.image { + display: block; + position: relative; +} + +.image img { + display: block; + height: auto; + width: 100%; +} + +.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; +} + +.image.is-square, .image.is-1by1 { + padding-top: 100%; +} + +.image.is-4by3 { + padding-top: 75%; +} + +.image.is-3by2 { + padding-top: 66.6666%; +} + +.image.is-16by9 { + padding-top: 56.25%; +} + +.image.is-2by1 { + padding-top: 50%; +} + +.image.is-16x16 { + height: 16px; + width: 16px; +} + +.image.is-24x24 { + height: 24px; + width: 24px; +} + +.image.is-32x32 { + height: 32px; + width: 32px; +} + +.image.is-48x48 { + height: 48px; + width: 48px; +} + +.image.is-64x64 { + height: 64px; + width: 64px; +} + +.image.is-96x96 { + height: 96px; + width: 96px; +} + +.image.is-128x128 { + height: 128px; + width: 128px; +} + +.notification { + background-color: whitesmoke; + border-radius: 3px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative; +} + +.notification:not(:last-child) { + margin-bottom: 1.5rem; +} + +.notification a:not(.button) { + color: currentColor; + text-decoration: underline; +} + +.notification strong { + color: currentColor; +} + +.notification code, +.notification pre { + background: white; +} + +.notification pre code { + background: transparent; +} + +.notification > .delete { + position: absolute; + right: 0.5em; + top: 0.5em; +} + +.notification .title, +.notification .subtitle, +.notification .content { + color: currentColor; +} + +.notification.is-white { + background-color: white; + color: #0a0a0a; +} + +.notification.is-black { + background-color: #0a0a0a; + color: white; +} + +.notification.is-light { + background-color: whitesmoke; + color: #363636; +} + +.notification.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.notification.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.notification.is-info { + background-color: #3273dc; + color: #fff; +} + +.notification.is-success { + background-color: #23d160; + color: #fff; +} + +.notification.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.notification.is-danger { + background-color: #ff3860; + color: #fff; +} + +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 290486px; + display: block; + height: 1rem; + overflow: hidden; + padding: 0; + width: 100%; +} + +.progress:not(:last-child) { + margin-bottom: 1.5rem; +} + +.progress::-webkit-progress-bar { + background-color: #dbdbdb; +} + +.progress::-webkit-progress-value { + background-color: #4a4a4a; +} + +.progress::-moz-progress-bar { + background-color: #4a4a4a; +} + +.progress.is-white::-webkit-progress-value { + background-color: white; +} + +.progress.is-white::-moz-progress-bar { + background-color: white; +} + +.progress.is-black::-webkit-progress-value { + background-color: #0a0a0a; +} + +.progress.is-black::-moz-progress-bar { + background-color: #0a0a0a; +} + +.progress.is-light::-webkit-progress-value { + background-color: whitesmoke; +} + +.progress.is-light::-moz-progress-bar { + background-color: whitesmoke; +} + +.progress.is-dark::-webkit-progress-value { + background-color: #363636; +} + +.progress.is-dark::-moz-progress-bar { + background-color: #363636; +} + +.progress.is-primary::-webkit-progress-value { + background-color: #00d1b2; +} + +.progress.is-primary::-moz-progress-bar { + background-color: #00d1b2; +} + +.progress.is-info::-webkit-progress-value { + background-color: #3273dc; +} + +.progress.is-info::-moz-progress-bar { + background-color: #3273dc; +} + +.progress.is-success::-webkit-progress-value { + background-color: #23d160; +} + +.progress.is-success::-moz-progress-bar { + background-color: #23d160; +} + +.progress.is-warning::-webkit-progress-value { + background-color: #ffdd57; +} + +.progress.is-warning::-moz-progress-bar { + background-color: #ffdd57; +} + +.progress.is-danger::-webkit-progress-value { + background-color: #ff3860; +} + +.progress.is-danger::-moz-progress-bar { + background-color: #ff3860; +} + +.progress.is-small { + height: 0.75rem; +} + +.progress.is-medium { + height: 1.25rem; +} + +.progress.is-large { + height: 1.5rem; +} + +.table { + background-color: white; + color: #363636; + margin-bottom: 1.5rem; + width: 100%; +} + +.table td, +.table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1%; +} + +.table th { + color: #363636; + text-align: left; +} + +.table tr:hover { + background-color: #fafafa; +} + +.table tr.is-selected { + background-color: #00d1b2; + color: #fff; +} + +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor; +} + +.table tr.is-selected td, +.table tr.is-selected th { + border-color: #fff; + color: currentColor; +} + +.table thead td, +.table thead th { + border-width: 0 0 2px; + color: #7a7a7a; +} + +.table tfoot td, +.table tfoot th { + border-width: 2px 0 0; + color: #7a7a7a; +} + +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; +} + +.table.is-bordered td, +.table.is-bordered th { + border-width: 1px; +} + +.table.is-bordered tr:last-child td, +.table.is-bordered tr:last-child th { + border-bottom-width: 1px; +} + +.table.is-narrow td, +.table.is-narrow th { + padding: 0.25em 0.5em; +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even) { + background-color: #fafafa; +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even):hover { + background-color: whitesmoke; +} + +.tag { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + color: #4a4a4a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 0.75rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1.5; + padding-left: 0.875em; + padding-right: 0.875em; + white-space: nowrap; +} + +.tag .delete { + margin-left: 0.25em; + margin-right: -0.375em; +} + +.tag.is-white { + background-color: white; + color: #0a0a0a; +} + +.tag.is-black { + background-color: #0a0a0a; + color: white; +} + +.tag.is-light { + background-color: whitesmoke; + color: #363636; +} + +.tag.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.tag.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.tag.is-info { + background-color: #3273dc; + color: #fff; +} + +.tag.is-success { + background-color: #23d160; + color: #fff; +} + +.tag.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.tag.is-danger { + background-color: #ff3860; + color: #fff; +} + +.tag.is-medium { + font-size: 1rem; +} + +.tag.is-large { + font-size: 1.25rem; +} + +.title, +.subtitle { + word-break: break-word; +} + +.title:not(:last-child), +.subtitle:not(:last-child) { + margin-bottom: 1.5rem; +} + +.title em, +.title span, +.subtitle em, +.subtitle span { + font-weight: 300; +} + +.title strong, +.subtitle strong { + font-weight: 500; +} + +.title .tag, +.subtitle .tag { + vertical-align: middle; +} + +.title { + color: #363636; + font-size: 2rem; + font-weight: 300; + line-height: 1.125; +} + +.title strong { + color: inherit; +} + +.title + .highlight { + margin-top: -0.75rem; +} + +.title:not(.is-spaced) + .subtitle { + margin-top: -1.5rem; +} + +.title.is-1 { + font-size: 3rem; +} + +.title.is-2 { + font-size: 2.5rem; +} + +.title.is-3 { + font-size: 2rem; +} + +.title.is-4 { + font-size: 1.5rem; +} + +.title.is-5 { + font-size: 1.25rem; +} + +.title.is-6 { + font-size: 1rem; +} + +.subtitle { + color: #4a4a4a; + font-size: 1.25rem; + font-weight: 300; + line-height: 1.25; +} + +.subtitle strong { + color: #363636; +} + +.subtitle:not(.is-spaced) + .title { + margin-top: -1.5rem; +} + +.subtitle.is-1 { + font-size: 3rem; +} + +.subtitle.is-2 { + font-size: 2.5rem; +} + +.subtitle.is-3 { + font-size: 2rem; +} + +.subtitle.is-4 { + font-size: 1.5rem; +} + +.subtitle.is-5 { + font-size: 1.25rem; +} + +.subtitle.is-6 { + font-size: 1rem; +} + +.block:not(:last-child) { + margin-bottom: 1.5rem; +} + +.container { + margin: 0 auto; + position: relative; +} + +@media screen and (min-width: 1008px) { + .container { + max-width: 960px; + width: 960px; + } + .container.is-fluid { + margin-left: 24px; + margin-right: 24px; + max-width: none; + width: auto; + } +} + +@media screen and (max-width: 1199px) { + .container.is-widescreen { + max-width: 1152px; + width: auto; + } +} + +@media screen and (max-width: 1391px) { + .container.is-fullhd { + max-width: 1344px; + width: auto; + } +} + +@media screen and (min-width: 1200px) { + .container { + max-width: 1152px; + width: 1152px; + } +} + +@media screen and (min-width: 1392px) { + .container { + max-width: 1344px; + width: 1344px; + } +} + +.delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; +} + +.delete:before, .delete:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.delete:before { + height: 2px; + width: 50%; +} + +.delete:after { + height: 50%; + width: 2px; +} + +.delete:hover, .delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.delete:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.delete.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} + +.delete.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} + +.delete.is-large { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-weight: 400; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight:not(:last-child) { + margin-bottom: 1.5rem; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; +} + +.number { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; +} + +.breadcrumb { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 1rem; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} + +.breadcrumb:not(:last-child) { + margin-bottom: 1.5rem; +} + +.breadcrumb a { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #7a7a7a; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.5em 0.75em; +} + +.breadcrumb a:hover { + color: #363636; +} + +.breadcrumb li { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.breadcrumb li.is-active a { + color: #363636; + cursor: default; + pointer-events: none; +} + +.breadcrumb li + li:before { + color: #4a4a4a; + content: '\0002f'; +} + +.breadcrumb ul, .breadcrumb ol { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.breadcrumb .icon:first-child { + margin-right: 0.5em; +} + +.breadcrumb .icon:last-child { + margin-left: 0.5em; +} + +.breadcrumb.is-centered ol, .breadcrumb.is-centered ul { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.breadcrumb.is-right ol, .breadcrumb.is-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.breadcrumb.is-small { + font-size: 0.75rem; +} + +.breadcrumb.is-medium { + font-size: 1.25rem; +} + +.breadcrumb.is-large { + font-size: 1.5rem; +} + +.breadcrumb.has-arrow-separator li + li:before { + content: '\02192'; +} + +.breadcrumb.has-bullet-separator li + li:before { + content: '\02022'; +} + +.breadcrumb.has-dot-separator li + li:before { + content: '\000b7'; +} + +.breadcrumb.has-succeeds-separator li + li:before { + content: '\0227B'; +} + +.card { + background-color: white; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + max-width: 100%; + position: relative; +} + +.card-header { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.card-header-title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + font-weight: 700; + padding: 0.75rem; +} + +.card-header-icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.75rem; +} + +.card-image { + display: block; + position: relative; +} + +.card-content { + padding: 1.5rem; +} + +.card-footer { + border-top: 1px solid #dbdbdb; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.card-footer-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0.75rem; +} + +.card-footer-item:not(:last-child) { + border-right: 1px solid #dbdbdb; +} + +.card .media:not(:last-child) { + margin-bottom: 0.75rem; +} + +.dropdown { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + vertical-align: top; +} + +.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { + display: block; +} + +.dropdown.is-right .dropdown-menu { + left: auto; + right: 0; +} + +.dropdown-menu { + display: none; + left: 0; + max-width: 20rem; + min-width: 12rem; + padding-top: 4px; + position: absolute; + top: 100%; + width: 100%; + z-index: 20; +} + +.dropdown-content { + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.dropdown-item { + color: #4a4a4a; + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; + position: relative; +} + +a.dropdown-item { + padding-right: 3rem; + white-space: nowrap; +} + +a.dropdown-item:hover { + background-color: whitesmoke; + color: #0a0a0a; +} + +a.dropdown-item.is-active { + background-color: #00d1b2; + color: #fff; +} + +.dropdown-divider { + background-color: #dbdbdb; + border: none; + display: block; + height: 1px; + margin: 0.5rem 0; +} + +.level-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.level-item .title, +.level-item .subtitle { + margin-bottom: 0; +} + +@media screen and (max-width: 768px) { + .level-item:not(:last-child) { + margin-bottom: 0.75rem; + } +} + +.level-left, +.level-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.level-left .level-item:not(:last-child), +.level-right .level-item:not(:last-child) { + margin-right: 0.75rem; +} + +.level-left .level-item.is-flexible, +.level-right .level-item.is-flexible { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.level-left { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +@media screen and (max-width: 768px) { + .level-left + .level-right { + margin-top: 1.5rem; + } +} + +@media screen and (min-width: 769px), print { + .level-left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.level-right { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +@media screen and (min-width: 769px), print { + .level-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.level { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.level:not(:last-child) { + margin-bottom: 1.5rem; +} + +.level code { + border-radius: 3px; +} + +.level img { + display: inline-block; + vertical-align: top; +} + +.level.is-mobile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.level.is-mobile .level-left, +.level.is-mobile .level-right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.level.is-mobile .level-left + .level-right { + margin-top: 0; +} + +.level.is-mobile .level-item:not(:last-child) { + margin-bottom: 0; +} + +.level.is-mobile .level-item:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +@media screen and (min-width: 769px), print { + .level { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .level > .level-item:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +} + +.media-left, +.media-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.media-left { + margin-right: 1rem; +} + +.media-right { + margin-left: 1rem; +} + +.media-content { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + text-align: left; +} + +.media { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + text-align: left; +} + +.media .content:not(:last-child) { + margin-bottom: 0.75rem; +} + +.media .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-top: 0.75rem; +} + +.media .media .content:not(:last-child), +.media .media .control:not(:last-child) { + margin-bottom: 0.5rem; +} + +.media .media .media { + padding-top: 0.5rem; +} + +.media .media .media + .media { + margin-top: 0.5rem; +} + +.media + .media { + border-top: 1px solid rgba(219, 219, 219, 0.5); + margin-top: 1rem; + padding-top: 1rem; +} + +.media.is-large + .media { + margin-top: 1.5rem; + padding-top: 1.5rem; +} + +.menu { + font-size: 1rem; +} + +.menu-list { + line-height: 1.25; +} + +.menu-list a { + border-radius: 2px; + color: #4a4a4a; + display: block; + padding: 0.5em 0.75em; +} + +.menu-list a:hover { + background-color: whitesmoke; + color: #00d1b2; +} + +.menu-list a.is-active { + background-color: #00d1b2; + color: #fff; +} + +.menu-list li ul { + border-left: 1px solid #dbdbdb; + margin: 0.75em; + padding-left: 0.75em; +} + +.menu-label { + color: #7a7a7a; + font-size: 0.8em; + letter-spacing: 0.1em; + text-transform: uppercase; +} + +.menu-label:not(:first-child) { + margin-top: 1em; +} + +.menu-label:not(:last-child) { + margin-bottom: 1em; +} + +.message { + background-color: whitesmoke; + border-radius: 3px; + font-size: 1rem; +} + +.message:not(:last-child) { + margin-bottom: 1.5rem; +} + +.message.is-white { + background-color: white; +} + +.message.is-white .message-header { + background-color: white; + color: #0a0a0a; +} + +.message.is-white .message-body { + border-color: white; + color: #4d4d4d; +} + +.message.is-black { + background-color: #fafafa; +} + +.message.is-black .message-header { + background-color: #0a0a0a; + color: white; +} + +.message.is-black .message-body { + border-color: #0a0a0a; + color: #090909; +} + +.message.is-light { + background-color: #fafafa; +} + +.message.is-light .message-header { + background-color: whitesmoke; + color: #363636; +} + +.message.is-light .message-body { + border-color: whitesmoke; + color: #505050; +} + +.message.is-dark { + background-color: #fafafa; +} + +.message.is-dark .message-header { + background-color: #363636; + color: whitesmoke; +} + +.message.is-dark .message-body { + border-color: #363636; + color: #2a2a2a; +} + +.message.is-primary { + background-color: #f5fffd; +} + +.message.is-primary .message-header { + background-color: #00d1b2; + color: #fff; +} + +.message.is-primary .message-body { + border-color: #00d1b2; + color: #021310; +} + +.message.is-info { + background-color: #f6f9fe; +} + +.message.is-info .message-header { + background-color: #3273dc; + color: #fff; +} + +.message.is-info .message-body { + border-color: #3273dc; + color: #22509a; +} + +.message.is-success { + background-color: #f6fef9; +} + +.message.is-success .message-header { + background-color: #23d160; + color: #fff; +} + +.message.is-success .message-body { + border-color: #23d160; + color: #0e301a; +} + +.message.is-warning { + background-color: #fffdf5; +} + +.message.is-warning .message-header { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.message.is-warning .message-body { + border-color: #ffdd57; + color: #3b3108; +} + +.message.is-danger { + background-color: #fff5f7; +} + +.message.is-danger .message-header { + background-color: #ff3860; + color: #fff; +} + +.message.is-danger .message-body { + border-color: #ff3860; + color: #cd0930; +} + +.message-header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #4a4a4a; + border-radius: 3px 3px 0 0; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + line-height: 1.25; + padding: 0.5em 0.75em; + position: relative; +} + +.message-header a:not(.button), +.message-header strong { + color: currentColor; +} + +.message-header a:not(.button) { + text-decoration: underline; +} + +.message-header .delete { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-left: 0.75em; +} + +.message-header + .message-body { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-top: none; +} + +.message-body { + border: 1px solid #dbdbdb; + border-radius: 3px; + color: #4a4a4a; + padding: 1em 1.25em; +} + +.message-body a:not(.button), +.message-body strong { + color: currentColor; +} + +.message-body a:not(.button) { + text-decoration: underline; +} + +.message-body code, +.message-body pre { + background: white; +} + +.message-body pre code { + background: transparent; +} + +.modal-background { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + background-color: rgba(10, 10, 10, 0.86); +} + +.modal-content, +.modal-card { + margin: 0 20px; + max-height: calc(100vh - 160px); + overflow: auto; + position: relative; + width: 100%; +} + +@media screen and (min-width: 769px), print { + .modal-content, + .modal-card { + margin: 0 auto; + max-height: calc(100vh - 40px); + width: 640px; + } +} + +.modal-close { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; + background: none; + height: 40px; + position: fixed; + right: 20px; + top: 20px; + width: 40px; +} + +.modal-close:before, .modal-close:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.modal-close:before { + height: 2px; + width: 50%; +} + +.modal-close:after { + height: 50%; + width: 2px; +} + +.modal-close:hover, .modal-close:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.modal-close:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.modal-close.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} + +.modal-close.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} + +.modal-close.is-large { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.modal-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-height: calc(100vh - 40px); + overflow: hidden; +} + +.modal-card-head, +.modal-card-foot { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 20px; + position: relative; +} + +.modal-card-head { + border-bottom: 1px solid #dbdbdb; + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.modal-card-title { + color: #363636; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1.5rem; + line-height: 1; +} + +.modal-card-foot { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top: 1px solid #dbdbdb; +} + +.modal-card-foot .button:not(:last-child) { + margin-right: 10px; +} + +.modal-card-body { + -webkit-overflow-scrolling: touch; + background-color: white; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px; +} + +.modal { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + position: fixed; + z-index: 20; +} + +.modal.is-active { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.nav-toggle { + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; +} + +.nav-toggle span { + background-color: #4a4a4a; + display: block; + height: 1px; + left: 50%; + margin-left: -7px; + position: absolute; + top: 50%; + -webkit-transition: none 86ms ease-out; + transition: none 86ms ease-out; + -webkit-transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, transform; + transition-property: background, left, opacity, transform, -webkit-transform; + width: 15px; +} + +.nav-toggle span:nth-child(1) { + margin-top: -6px; +} + +.nav-toggle span:nth-child(2) { + margin-top: -1px; +} + +.nav-toggle span:nth-child(3) { + margin-top: 4px; +} + +.nav-toggle:hover { + background-color: whitesmoke; +} + +.nav-toggle.is-active span { + background-color: #00d1b2; +} + +.nav-toggle.is-active span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.nav-toggle.is-active span:nth-child(2) { + opacity: 0; +} + +.nav-toggle.is-active span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +@media screen and (min-width: 769px), print { + .nav-toggle { + display: none; + } +} + +.nav-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 1rem; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1.5; + padding: 0.5rem 0.75rem; +} + +.nav-item a { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.nav-item img { + max-height: 1.75rem; +} + +.nav-item .tag:first-child:not(:last-child) { + margin-right: 0.5rem; +} + +.nav-item .tag:last-child:not(:first-child) { + margin-left: 0.5rem; +} + +@media screen and (max-width: 768px) { + .nav-item { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} + +.nav-item a:not(.button), +a.nav-item:not(.button) { + color: #7a7a7a; +} + +.nav-item a:not(.button):hover, +a.nav-item:not(.button):hover { + color: #363636; +} + +.nav-item a:not(.button).is-active, +a.nav-item:not(.button).is-active { + color: #363636; +} + +.nav-item a:not(.button).is-tab, +a.nav-item:not(.button).is-tab { + border-bottom: 1px solid transparent; + border-top: 1px solid transparent; + padding-bottom: calc(0.75rem - 1px); + padding-left: 1rem; + padding-right: 1rem; + padding-top: calc(0.75rem - 1px); +} + +.nav-item a:not(.button).is-tab:hover, +a.nav-item:not(.button).is-tab:hover { + border-bottom-color: #00d1b2; + border-top-color: transparent; +} + +.nav-item a:not(.button).is-tab.is-active, +a.nav-item:not(.button).is-tab.is-active { + border-bottom: 3px solid #00d1b2; + color: #00d1b2; + padding-bottom: calc(0.75rem - 3px); +} + +@media screen and (min-width: 1008px) { + .nav-item a:not(.button).is-brand, + a.nav-item:not(.button).is-brand { + padding-left: 0; + } +} + +.nav-left, +.nav-right { + -webkit-overflow-scrolling: touch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + max-width: 100%; + overflow: auto; +} + +@media screen and (min-width: 1200px) { + .nav-left, + .nav-right { + -ms-flex-preferred-size: 0; + flex-basis: 0; + } +} + +.nav-left { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + white-space: nowrap; +} + +.nav-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.nav-center { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: auto; + margin-right: auto; +} + +@media screen and (max-width: 768px) { + .nav-menu.nav-right { + background-color: white; + -webkit-box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); + box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); + left: 0; + display: none; + right: 0; + top: 100%; + position: absolute; + } + .nav-menu.nav-right .nav-item { + border-top: 1px solid rgba(219, 219, 219, 0.5); + padding: 0.75rem; + } + .nav-menu.nav-right.is-active { + display: block; + } +} + +.nav { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + background-color: white; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 3.25rem; + position: relative; + text-align: center; + z-index: 10; +} + +.nav > .container { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + width: 100%; +} + +.nav.has-shadow { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); +} + +.navbar { + background-color: white; + min-height: 3.25rem; + position: relative; +} + +.navbar > .container { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + width: 100%; +} + +.navbar.has-shadow { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); +} + +.navbar-brand { + -webkit-overflow-scrolling: touch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + min-height: 3.25rem; + overflow-x: auto; + overflow-y: hidden; +} + +.navbar-burger { + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; + margin-left: auto; +} + +.navbar-burger span { + background-color: #4a4a4a; + display: block; + height: 1px; + left: 50%; + margin-left: -7px; + position: absolute; + top: 50%; + -webkit-transition: none 86ms ease-out; + transition: none 86ms ease-out; + -webkit-transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, transform; + transition-property: background, left, opacity, transform, -webkit-transform; + width: 15px; +} + +.navbar-burger span:nth-child(1) { + margin-top: -6px; +} + +.navbar-burger span:nth-child(2) { + margin-top: -1px; +} + +.navbar-burger span:nth-child(3) { + margin-top: 4px; +} + +.navbar-burger:hover { + background-color: whitesmoke; +} + +.navbar-burger.is-active span { + background-color: #00d1b2; +} + +.navbar-burger.is-active span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.navbar-burger.is-active span:nth-child(2) { + opacity: 0; +} + +.navbar-burger.is-active span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +.navbar-menu { + display: none; +} + +.navbar-item, +.navbar-link { + color: #4a4a4a; + display: block; + line-height: 1.5; + padding: 0.5rem 1rem; + position: relative; +} + +a.navbar-item:hover, a.navbar-item.is-active, +.navbar-link:hover, +.navbar-link.is-active { + background-color: whitesmoke; + color: #0a0a0a; +} + +.navbar-item { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.navbar-item img { + max-height: 1.75rem; +} + +.navbar-item.has-dropdown { + padding: 0; +} + +.navbar-item.is-tab { + border-bottom: 1px solid transparent; + min-height: 3.25rem; + padding-bottom: calc(0.5rem - 1px); +} + +.navbar-item.is-tab:hover { + background-color: transparent; + border-bottom-color: #00d1b2; +} + +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom: 3px solid #00d1b2; + color: #00d1b2; + padding-bottom: calc(0.5rem - 3px); +} + +.navbar-content { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.navbar-link { + padding-right: 2.5em; +} + +.navbar-dropdown { + font-size: 0.875rem; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.navbar-divider { + background-color: #dbdbdb; + border: none; + display: none; + height: 1px; + margin: 0.5rem 0; +} + +@media screen and (max-width: 1007px) { + .navbar-brand .navbar-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar-menu { + -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + padding: 0.5rem 0; + } + .navbar-menu.is-active { + display: block; + } +} + +@media screen and (min-width: 1008px) { + .navbar, + .navbar-menu, + .navbar-start, + .navbar-end { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar { + min-height: 3.25rem; + } + .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, + .navbar.is-transparent .navbar-link:hover, + .navbar.is-transparent .navbar-link.is-active { + background-color: transparent; + } + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { + background-color: transparent; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + background-color: whitesmoke; + color: #0a0a0a; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #00d1b2; + } + .navbar-burger { + display: none; + } + .navbar-item, + .navbar-link { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .navbar-item.has-dropdown { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { + display: block; + } + .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { + opacity: 1; + pointer-events: auto; + -webkit-transform: translateY(0); + transform: translateY(0); + } + .navbar-link::after { + border: 1px solid #00d1b2; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + } + .navbar-menu { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + } + .navbar-start { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + margin-right: auto; + } + .navbar-end { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-left: auto; + } + .navbar-dropdown { + background-color: white; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-top: 1px solid #dbdbdb; + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + display: none; + font-size: 0.875rem; + left: 0; + min-width: 100%; + position: absolute; + top: 100%; + z-index: 20; + } + .navbar-dropdown .navbar-item { + padding: 0.375rem 1rem; + white-space: nowrap; + } + .navbar-dropdown a.navbar-item { + padding-right: 3rem; + } + .navbar-dropdown a.navbar-item:hover { + background-color: whitesmoke; + color: #0a0a0a; + } + .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #00d1b2; + } + .navbar-dropdown.is-boxed { + border-radius: 5px; + border-top: none; + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + (-4px)); + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; + } + .navbar-divider { + display: block; + } + .container > .navbar { + margin-left: -1rem; + margin-right: -1rem; + } + a.navbar-item.is-active, + .navbar-link.is-active { + color: #0a0a0a; + } + a.navbar-item.is-active:not(:hover), + .navbar-link.is-active:not(:hover) { + background-color: transparent; + } + .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { + background-color: whitesmoke; + } +} + +.pagination { + font-size: 1rem; + margin: -0.25rem; +} + +.pagination.is-small { + font-size: 0.75rem; +} + +.pagination.is-medium { + font-size: 1.25rem; +} + +.pagination.is-large { + font-size: 1.5rem; +} + +.pagination, +.pagination-list { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 3px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 1em; + padding-left: 0.5em; + padding-right: 0.5em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: 0.25rem; + text-align: center; +} + +.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active, +.pagination-next:focus, +.pagination-next.is-focused, +.pagination-next:active, +.pagination-next.is-active, +.pagination-link:focus, +.pagination-link.is-focused, +.pagination-link:active, +.pagination-link.is-active, +.pagination-ellipsis:focus, +.pagination-ellipsis.is-focused, +.pagination-ellipsis:active, +.pagination-ellipsis.is-active { + outline: none; +} + +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled], +.pagination-ellipsis[disabled] { + cursor: not-allowed; +} + +.pagination-previous, +.pagination-next, +.pagination-link { + border-color: #dbdbdb; + min-width: 2.25em; +} + +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + border-color: #b5b5b5; + color: #363636; +} + +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus { + border-color: #00d1b2; +} + +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); +} + +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled] { + background-color: #dbdbdb; + border-color: #dbdbdb; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; + opacity: 0.5; +} + +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} + +.pagination-link.is-current { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.pagination-ellipsis { + color: #b5b5b5; + pointer-events: none; +} + +.pagination-list { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +@media screen and (max-width: 768px) { + .pagination { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .pagination-previous, + .pagination-next { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + } + .pagination-list li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + } +} + +@media screen and (min-width: 769px), print { + .pagination-list { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination-previous { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .pagination.is-centered .pagination-previous { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-centered .pagination-list { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-centered .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination.is-right .pagination-previous { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-right .pagination-next { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-right .pagination-list { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } +} + +.panel { + font-size: 1rem; +} + +.panel:not(:last-child) { + margin-bottom: 1.5rem; +} + +.panel-heading, +.panel-tabs, +.panel-block { + border-bottom: 1px solid #dbdbdb; + border-left: 1px solid #dbdbdb; + border-right: 1px solid #dbdbdb; +} + +.panel-heading:first-child, +.panel-tabs:first-child, +.panel-block:first-child { + border-top: 1px solid #dbdbdb; +} + +.panel-heading { + background-color: whitesmoke; + border-radius: 3px 3px 0 0; + color: #363636; + font-size: 1.25em; + font-weight: 300; + line-height: 1.25; + padding: 0.5em 0.75em; +} + +.panel-tabs { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 0.875em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: 0.5em; +} + +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636; +} + +.panel-list a { + color: #4a4a4a; +} + +.panel-list a:hover { + color: #00d1b2; +} + +.panel-block { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0.5em 0.75em; +} + +.panel-block input[type="checkbox"] { + margin-right: 0.75em; +} + +.panel-block > .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; +} + +.panel-block.is-wrapped { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.panel-block.is-active { + border-left-color: #00d1b2; + color: #363636; +} + +.panel-block.is-active .panel-icon { + color: #00d1b2; +} + +a.panel-block, +label.panel-block { + cursor: pointer; +} + +a.panel-block:hover, +label.panel-block:hover { + background-color: whitesmoke; +} + +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #7a7a7a; + margin-right: 0.75em; +} + +.panel-icon .fa { + font-size: inherit; + line-height: inherit; +} + +.tabs { + -webkit-overflow-scrolling: touch; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 1rem; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} + +.tabs:not(:last-child) { + margin-bottom: 1.5rem; +} + +.tabs a { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #dbdbdb; + color: #4a4a4a; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: -1px; + padding: 0.5em 1em; + vertical-align: top; +} + +.tabs a:hover { + border-bottom-color: #363636; + color: #363636; +} + +.tabs li { + display: block; +} + +.tabs li.is-active a { + border-bottom-color: #00d1b2; + color: #00d1b2; +} + +.tabs ul { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #dbdbdb; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.tabs ul.is-left { + padding-right: 0.75em; +} + +.tabs ul.is-center { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; +} + +.tabs ul.is-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + padding-left: 0.75em; +} + +.tabs .icon:first-child { + margin-right: 0.5em; +} + +.tabs .icon:last-child { + margin-left: 0.5em; +} + +.tabs.is-centered ul { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.tabs.is-right ul { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.tabs.is-boxed a { + border: 1px solid transparent; + border-radius: 3px 3px 0 0; +} + +.tabs.is-boxed a:hover { + background-color: whitesmoke; + border-bottom-color: #dbdbdb; +} + +.tabs.is-boxed li.is-active a { + background-color: white; + border-color: #dbdbdb; + border-bottom-color: transparent !important; +} + +.tabs.is-fullwidth li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.tabs.is-toggle a { + border: 1px solid #dbdbdb; + margin-bottom: 0; + position: relative; +} + +.tabs.is-toggle a:hover { + background-color: whitesmoke; + border-color: #b5b5b5; + z-index: 2; +} + +.tabs.is-toggle li + li { + margin-left: -1px; +} + +.tabs.is-toggle li:first-child a { + border-radius: 3px 0 0 3px; +} + +.tabs.is-toggle li:last-child a { + border-radius: 0 3px 3px 0; +} + +.tabs.is-toggle li.is-active a { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; + z-index: 1; +} + +.tabs.is-toggle ul { + border-bottom: none; +} + +.tabs.is-small { + font-size: 0.75rem; +} + +.tabs.is-medium { + font-size: 1.25rem; +} + +.tabs.is-large { + font-size: 1.5rem; +} + +.column { + display: block; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + padding: 0.75rem; +} + +.columns.is-mobile > .column.is-narrow { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; +} + +.columns.is-mobile > .column.is-full { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; +} + +.columns.is-mobile > .column.is-three-quarters { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; +} + +.columns.is-mobile > .column.is-two-thirds { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; +} + +.columns.is-mobile > .column.is-half { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; +} + +.columns.is-mobile > .column.is-one-third { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; +} + +.columns.is-mobile > .column.is-one-quarter { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; +} + +.columns.is-mobile > .column.is-offset-three-quarters { + margin-left: 75%; +} + +.columns.is-mobile > .column.is-offset-two-thirds { + margin-left: 66.6666%; +} + +.columns.is-mobile > .column.is-offset-half { + margin-left: 50%; +} + +.columns.is-mobile > .column.is-offset-one-third { + margin-left: 33.3333%; +} + +.columns.is-mobile > .column.is-offset-one-quarter { + margin-left: 25%; +} + +.columns.is-mobile > .column.is-1 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; +} + +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333%; +} + +.columns.is-mobile > .column.is-2 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; +} + +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66667%; +} + +.columns.is-mobile > .column.is-3 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; +} + +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25%; +} + +.columns.is-mobile > .column.is-4 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; +} + +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.33333%; +} + +.columns.is-mobile > .column.is-5 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; +} + +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.66667%; +} + +.columns.is-mobile > .column.is-6 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; +} + +.columns.is-mobile > .column.is-offset-6 { + margin-left: 50%; +} + +.columns.is-mobile > .column.is-7 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; +} + +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.33333%; +} + +.columns.is-mobile > .column.is-8 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; +} + +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.66667%; +} + +.columns.is-mobile > .column.is-9 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; +} + +.columns.is-mobile > .column.is-offset-9 { + margin-left: 75%; +} + +.columns.is-mobile > .column.is-10 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; +} + +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.33333%; +} + +.columns.is-mobile > .column.is-11 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; +} + +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.66667%; +} + +.columns.is-mobile > .column.is-12 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; +} + +.columns.is-mobile > .column.is-offset-12 { + margin-left: 100%; +} + +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-mobile { + margin-left: 75%; + } + .column.is-offset-two-thirds-mobile { + margin-left: 66.6666%; + } + .column.is-offset-half-mobile { + margin-left: 50%; + } + .column.is-offset-one-third-mobile { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-mobile { + margin-left: 25%; + } + .column.is-1-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-mobile { + margin-left: 8.33333%; + } + .column.is-2-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-mobile { + margin-left: 16.66667%; + } + .column.is-3-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-left: 25%; + } + .column.is-4-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-mobile { + margin-left: 33.33333%; + } + .column.is-5-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-mobile { + margin-left: 41.66667%; + } + .column.is-6-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-left: 50%; + } + .column.is-7-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-mobile { + margin-left: 58.33333%; + } + .column.is-8-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-mobile { + margin-left: 66.66667%; + } + .column.is-9-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-left: 75%; + } + .column.is-10-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-mobile { + margin-left: 83.33333%; + } + .column.is-11-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-mobile { + margin-left: 91.66667%; + } + .column.is-12-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-mobile { + margin-left: 100%; + } +} + +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full, .column.is-full-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters, .column.is-three-quarters-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds, .column.is-two-thirds-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half, .column.is-half-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third, .column.is-one-third-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter, .column.is-one-quarter-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { + margin-left: 75%; + } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { + margin-left: 66.6666%; + } + .column.is-offset-half, .column.is-offset-half-tablet { + margin-left: 50%; + } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { + margin-left: 25%; + } + .column.is-1, .column.is-1-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.33333%; + } + .column.is-2, .column.is-2-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.66667%; + } + .column.is-3, .column.is-3-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3, .column.is-offset-3-tablet { + margin-left: 25%; + } + .column.is-4, .column.is-4-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.33333%; + } + .column.is-5, .column.is-5-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.66667%; + } + .column.is-6, .column.is-6-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6, .column.is-offset-6-tablet { + margin-left: 50%; + } + .column.is-7, .column.is-7-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.33333%; + } + .column.is-8, .column.is-8-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.66667%; + } + .column.is-9, .column.is-9-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9, .column.is-offset-9-tablet { + margin-left: 75%; + } + .column.is-10, .column.is-10-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.33333%; + } + .column.is-11, .column.is-11-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.66667%; + } + .column.is-12, .column.is-12-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12, .column.is-offset-12-tablet { + margin-left: 100%; + } +} + +@media screen and (max-width: 1007px) { + .column.is-narrow-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-touch { + margin-left: 75%; + } + .column.is-offset-two-thirds-touch { + margin-left: 66.6666%; + } + .column.is-offset-half-touch { + margin-left: 50%; + } + .column.is-offset-one-third-touch { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-touch { + margin-left: 25%; + } + .column.is-1-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-touch { + margin-left: 8.33333%; + } + .column.is-2-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-touch { + margin-left: 16.66667%; + } + .column.is-3-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-left: 25%; + } + .column.is-4-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-touch { + margin-left: 33.33333%; + } + .column.is-5-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-touch { + margin-left: 41.66667%; + } + .column.is-6-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-left: 50%; + } + .column.is-7-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-touch { + margin-left: 58.33333%; + } + .column.is-8-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-touch { + margin-left: 66.66667%; + } + .column.is-9-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-left: 75%; + } + .column.is-10-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-touch { + margin-left: 83.33333%; + } + .column.is-11-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-touch { + margin-left: 91.66667%; + } + .column.is-12-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-touch { + margin-left: 100%; + } +} + +@media screen and (min-width: 1008px) { + .column.is-narrow-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-desktop { + margin-left: 75%; + } + .column.is-offset-two-thirds-desktop { + margin-left: 66.6666%; + } + .column.is-offset-half-desktop { + margin-left: 50%; + } + .column.is-offset-one-third-desktop { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-desktop { + margin-left: 25%; + } + .column.is-1-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-desktop { + margin-left: 8.33333%; + } + .column.is-2-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-desktop { + margin-left: 16.66667%; + } + .column.is-3-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-left: 25%; + } + .column.is-4-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-desktop { + margin-left: 33.33333%; + } + .column.is-5-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-desktop { + margin-left: 41.66667%; + } + .column.is-6-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-left: 50%; + } + .column.is-7-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-desktop { + margin-left: 58.33333%; + } + .column.is-8-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-desktop { + margin-left: 66.66667%; + } + .column.is-9-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-left: 75%; + } + .column.is-10-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-desktop { + margin-left: 83.33333%; + } + .column.is-11-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-desktop { + margin-left: 91.66667%; + } + .column.is-12-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-desktop { + margin-left: 100%; + } +} + +@media screen and (min-width: 1200px) { + .column.is-narrow-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-widescreen { + margin-left: 75%; + } + .column.is-offset-two-thirds-widescreen { + margin-left: 66.6666%; + } + .column.is-offset-half-widescreen { + margin-left: 50%; + } + .column.is-offset-one-third-widescreen { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-widescreen { + margin-left: 25%; + } + .column.is-1-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-widescreen { + margin-left: 8.33333%; + } + .column.is-2-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-widescreen { + margin-left: 16.66667%; + } + .column.is-3-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-left: 25%; + } + .column.is-4-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-widescreen { + margin-left: 33.33333%; + } + .column.is-5-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-widescreen { + margin-left: 41.66667%; + } + .column.is-6-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-left: 50%; + } + .column.is-7-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-widescreen { + margin-left: 58.33333%; + } + .column.is-8-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-widescreen { + margin-left: 66.66667%; + } + .column.is-9-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-left: 75%; + } + .column.is-10-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-widescreen { + margin-left: 83.33333%; + } + .column.is-11-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-widescreen { + margin-left: 91.66667%; + } + .column.is-12-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-widescreen { + margin-left: 100%; + } +} + +@media screen and (min-width: 1392px) { + .column.is-narrow-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + .column.is-full-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-three-quarters-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-two-thirds-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.6666%; + } + .column.is-half-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-one-third-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-three-quarters-fullhd { + margin-left: 75%; + } + .column.is-offset-two-thirds-fullhd { + margin-left: 66.6666%; + } + .column.is-offset-half-fullhd { + margin-left: 50%; + } + .column.is-offset-one-third-fullhd { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-fullhd { + margin-left: 25%; + } + .column.is-1-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .column.is-offset-1-fullhd { + margin-left: 8.33333%; + } + .column.is-2-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .column.is-offset-2-fullhd { + margin-left: 16.66667%; + } + .column.is-3-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-left: 25%; + } + .column.is-4-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .column.is-offset-4-fullhd { + margin-left: 33.33333%; + } + .column.is-5-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .column.is-offset-5-fullhd { + margin-left: 41.66667%; + } + .column.is-6-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-left: 50%; + } + .column.is-7-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .column.is-offset-7-fullhd { + margin-left: 58.33333%; + } + .column.is-8-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .column.is-offset-8-fullhd { + margin-left: 66.66667%; + } + .column.is-9-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-left: 75%; + } + .column.is-10-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .column.is-offset-10-fullhd { + margin-left: 83.33333%; + } + .column.is-11-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .column.is-offset-11-fullhd { + margin-left: 91.66667%; + } + .column.is-12-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } + .column.is-offset-12-fullhd { + margin-left: 100%; + } +} + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} + +.columns:last-child { + margin-bottom: -0.75rem; +} + +.columns:not(:last-child) { + margin-bottom: 0.75rem; +} + +.columns.is-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0; +} + +.columns.is-gapless:last-child { + margin-bottom: 0; +} + +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem; +} + +.columns.is-gapless > .column { + margin: 0; + padding: 0; +} + +@media screen and (min-width: 769px), print { + .columns.is-grid { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .columns.is-grid > .column { + max-width: 33.3333%; + padding: 0.75rem; + width: 33.3333%; + } + .columns.is-grid > .column + .column { + margin-left: 0; + } +} + +.columns.is-mobile { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.columns.is-multiline { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.columns.is-vcentered { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +@media screen and (min-width: 1008px) { + .columns.is-desktop { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} + +.tile { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: block; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-height: -webkit-min-content; + min-height: -moz-min-content; + min-height: min-content; +} + +.tile.is-ancestor { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} + +.tile.is-ancestor:last-child { + margin-bottom: -0.75rem; +} + +.tile.is-ancestor:not(:last-child) { + margin-bottom: 0.75rem; +} + +.tile.is-child { + margin: 0 !important; +} + +.tile.is-parent { + padding: 0.75rem; +} + +.tile.is-vertical { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.tile.is-vertical > .tile.is-child:not(:last-child) { + margin-bottom: 1.5rem !important; +} + +@media screen and (min-width: 769px), print { + .tile:not(.is-child) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .tile.is-1 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 8.33333%; + } + .tile.is-2 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 16.66667%; + } + .tile.is-3 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 25%; + } + .tile.is-4 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 33.33333%; + } + .tile.is-5 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 41.66667%; + } + .tile.is-6 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 50%; + } + .tile.is-7 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 58.33333%; + } + .tile.is-8 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 66.66667%; + } + .tile.is-9 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 75%; + } + .tile.is-10 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 83.33333%; + } + .tile.is-11 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 91.66667%; + } + .tile.is-12 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 100%; + } +} + +.hero-video { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + overflow: hidden; +} + +.hero-video video { + left: 50%; + min-height: 100%; + min-width: 100%; + position: absolute; + top: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); +} + +.hero-video.is-transparent { + opacity: 0.3; +} + +@media screen and (max-width: 768px) { + .hero-video { + display: none; + } +} + +.hero-buttons { + margin-top: 1.5rem; +} + +@media screen and (max-width: 768px) { + .hero-buttons .button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .hero-buttons .button:not(:last-child) { + margin-bottom: 0.75rem; + } +} + +@media screen and (min-width: 769px), print { + .hero-buttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + .hero-buttons .button:not(:last-child) { + margin-right: 1.5rem; + } +} + +.hero-head, +.hero-foot { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + +.hero-body { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + padding: 3rem 1.5rem; +} + +.hero { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + background-color: white; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.hero .nav { + background: none; + -webkit-box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3); + box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3); +} + +.hero .tabs ul { + border-bottom: none; +} + +.hero.is-white { + background-color: white; + color: #0a0a0a; +} + +.hero.is-white a:not(.button), +.hero.is-white strong { + color: inherit; +} + +.hero.is-white .title { + color: #0a0a0a; +} + +.hero.is-white .subtitle { + color: rgba(10, 10, 10, 0.9); +} + +.hero.is-white .subtitle a:not(.button), +.hero.is-white .subtitle strong { + color: #0a0a0a; +} + +.hero.is-white .nav { + -webkit-box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2); + box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-white .nav-menu { + background-color: white; + } +} + +.hero.is-white a.nav-item, +.hero.is-white .nav-item a:not(.button) { + color: rgba(10, 10, 10, 0.7); +} + +.hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active, +.hero.is-white .nav-item a:not(.button):hover, +.hero.is-white .nav-item a:not(.button).is-active { + color: #0a0a0a; +} + +.hero.is-white .tabs a { + color: #0a0a0a; + opacity: 0.9; +} + +.hero.is-white .tabs a:hover { + opacity: 1; +} + +.hero.is-white .tabs li.is-active a { + opacity: 1; +} + +.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { + color: #0a0a0a; +} + +.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .nav-menu { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-white .nav-toggle span { + background-color: #0a0a0a; + } + .hero.is-white .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-white .nav-toggle.is-active span { + background-color: #0a0a0a; + } + .hero.is-white .nav-menu .nav-item { + border-top-color: rgba(10, 10, 10, 0.2); + } +} + +.hero.is-black { + background-color: #0a0a0a; + color: white; +} + +.hero.is-black a:not(.button), +.hero.is-black strong { + color: inherit; +} + +.hero.is-black .title { + color: white; +} + +.hero.is-black .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: white; +} + +.hero.is-black .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-black .nav-menu { + background-color: #0a0a0a; + } +} + +.hero.is-black a.nav-item, +.hero.is-black .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active, +.hero.is-black .nav-item a:not(.button):hover, +.hero.is-black .nav-item a:not(.button).is-active { + color: white; +} + +.hero.is-black .tabs a { + color: white; + opacity: 0.9; +} + +.hero.is-black .tabs a:hover { + opacity: 1; +} + +.hero.is-black .tabs li.is-active a { + opacity: 1; +} + +.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { + color: white; +} + +.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .nav-menu { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-black .nav-toggle span { + background-color: white; + } + .hero.is-black .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-black .nav-toggle.is-active span { + background-color: white; + } + .hero.is-black .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-light { + background-color: whitesmoke; + color: #363636; +} + +.hero.is-light a:not(.button), +.hero.is-light strong { + color: inherit; +} + +.hero.is-light .title { + color: #363636; +} + +.hero.is-light .subtitle { + color: rgba(54, 54, 54, 0.9); +} + +.hero.is-light .subtitle a:not(.button), +.hero.is-light .subtitle strong { + color: #363636; +} + +.hero.is-light .nav { + -webkit-box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2); + box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-light .nav-menu { + background-color: whitesmoke; + } +} + +.hero.is-light a.nav-item, +.hero.is-light .nav-item a:not(.button) { + color: rgba(54, 54, 54, 0.7); +} + +.hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active, +.hero.is-light .nav-item a:not(.button):hover, +.hero.is-light .nav-item a:not(.button).is-active { + color: #363636; +} + +.hero.is-light .tabs a { + color: #363636; + opacity: 0.9; +} + +.hero.is-light .tabs a:hover { + opacity: 1; +} + +.hero.is-light .tabs li.is-active a { + opacity: 1; +} + +.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { + color: #363636; +} + +.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { + background-color: #363636; + border-color: #363636; + color: whitesmoke; +} + +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .nav-menu { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-light .nav-toggle span { + background-color: #363636; + } + .hero.is-light .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-light .nav-toggle.is-active span { + background-color: #363636; + } + .hero.is-light .nav-menu .nav-item { + border-top-color: rgba(54, 54, 54, 0.2); + } +} + +.hero.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.hero.is-dark a:not(.button), +.hero.is-dark strong { + color: inherit; +} + +.hero.is-dark .title { + color: whitesmoke; +} + +.hero.is-dark .subtitle { + color: rgba(245, 245, 245, 0.9); +} + +.hero.is-dark .subtitle a:not(.button), +.hero.is-dark .subtitle strong { + color: whitesmoke; +} + +.hero.is-dark .nav { + -webkit-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2); + box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-dark .nav-menu { + background-color: #363636; + } +} + +.hero.is-dark a.nav-item, +.hero.is-dark .nav-item a:not(.button) { + color: rgba(245, 245, 245, 0.7); +} + +.hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active, +.hero.is-dark .nav-item a:not(.button):hover, +.hero.is-dark .nav-item a:not(.button).is-active { + color: whitesmoke; +} + +.hero.is-dark .tabs a { + color: whitesmoke; + opacity: 0.9; +} + +.hero.is-dark .tabs a:hover { + opacity: 1; +} + +.hero.is-dark .tabs li.is-active a { + opacity: 1; +} + +.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { + color: whitesmoke; +} + +.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; +} + +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .nav-menu { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-dark .nav-toggle span { + background-color: whitesmoke; + } + .hero.is-dark .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-dark .nav-toggle.is-active span { + background-color: whitesmoke; + } + .hero.is-dark .nav-menu .nav-item { + border-top-color: rgba(245, 245, 245, 0.2); + } +} + +.hero.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.hero.is-primary a:not(.button), +.hero.is-primary strong { + color: inherit; +} + +.hero.is-primary .title { + color: #fff; +} + +.hero.is-primary .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-primary .subtitle a:not(.button), +.hero.is-primary .subtitle strong { + color: #fff; +} + +.hero.is-primary .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-primary .nav-menu { + background-color: #00d1b2; + } +} + +.hero.is-primary a.nav-item, +.hero.is-primary .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active, +.hero.is-primary .nav-item a:not(.button):hover, +.hero.is-primary .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-primary .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-primary .tabs a:hover { + opacity: 1; +} + +.hero.is-primary .tabs li.is-active a { + opacity: 1; +} + +.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { + color: #fff; +} + +.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #00d1b2; +} + +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .nav-menu { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-primary .nav-toggle span { + background-color: #fff; + } + .hero.is-primary .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-primary .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-primary .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-info { + background-color: #3273dc; + color: #fff; +} + +.hero.is-info a:not(.button), +.hero.is-info strong { + color: inherit; +} + +.hero.is-info .title { + color: #fff; +} + +.hero.is-info .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-info .subtitle a:not(.button), +.hero.is-info .subtitle strong { + color: #fff; +} + +.hero.is-info .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-info .nav-menu { + background-color: #3273dc; + } +} + +.hero.is-info a.nav-item, +.hero.is-info .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active, +.hero.is-info .nav-item a:not(.button):hover, +.hero.is-info .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-info .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-info .tabs a:hover { + opacity: 1; +} + +.hero.is-info .tabs li.is-active a { + opacity: 1; +} + +.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { + color: #fff; +} + +.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #3273dc; +} + +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .nav-menu { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-info .nav-toggle span { + background-color: #fff; + } + .hero.is-info .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-info .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-info .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-success { + background-color: #23d160; + color: #fff; +} + +.hero.is-success a:not(.button), +.hero.is-success strong { + color: inherit; +} + +.hero.is-success .title { + color: #fff; +} + +.hero.is-success .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-success .subtitle a:not(.button), +.hero.is-success .subtitle strong { + color: #fff; +} + +.hero.is-success .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-success .nav-menu { + background-color: #23d160; + } +} + +.hero.is-success a.nav-item, +.hero.is-success .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active, +.hero.is-success .nav-item a:not(.button):hover, +.hero.is-success .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-success .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-success .tabs a:hover { + opacity: 1; +} + +.hero.is-success .tabs li.is-active a { + opacity: 1; +} + +.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { + color: #fff; +} + +.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #23d160; +} + +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .nav-menu { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-success .nav-toggle span { + background-color: #fff; + } + .hero.is-success .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-success .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-success .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +.hero.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning a:not(.button), +.hero.is-warning strong { + color: inherit; +} + +.hero.is-warning .title { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .subtitle { + color: rgba(0, 0, 0, 0.9); +} + +.hero.is-warning .subtitle a:not(.button), +.hero.is-warning .subtitle strong { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .nav { + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-warning .nav-menu { + background-color: #ffdd57; + } +} + +.hero.is-warning a.nav-item, +.hero.is-warning .nav-item a:not(.button) { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active, +.hero.is-warning .nav-item a:not(.button):hover, +.hero.is-warning .nav-item a:not(.button).is-active { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .tabs a { + color: rgba(0, 0, 0, 0.7); + opacity: 0.9; +} + +.hero.is-warning .tabs a:hover { + opacity: 1; +} + +.hero.is-warning .tabs li.is-active a { + opacity: 1; +} + +.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { + color: rgba(0, 0, 0, 0.7); +} + +.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.hero.is-warning.is-bold { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .nav-menu { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-warning .nav-toggle span { + background-color: rgba(0, 0, 0, 0.7); + } + .hero.is-warning .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-warning .nav-toggle.is-active span { + background-color: rgba(0, 0, 0, 0.7); + } + .hero.is-warning .nav-menu .nav-item { + border-top-color: rgba(0, 0, 0, 0.2); + } +} + +.hero.is-danger { + background-color: #ff3860; + color: #fff; +} + +.hero.is-danger a:not(.button), +.hero.is-danger strong { + color: inherit; +} + +.hero.is-danger .title { + color: #fff; +} + +.hero.is-danger .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-danger .subtitle a:not(.button), +.hero.is-danger .subtitle strong { + color: #fff; +} + +.hero.is-danger .nav { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); +} + +@media screen and (max-width: 768px) { + .hero.is-danger .nav-menu { + background-color: #ff3860; + } +} + +.hero.is-danger a.nav-item, +.hero.is-danger .nav-item a:not(.button) { + color: rgba(255, 255, 255, 0.7); +} + +.hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active, +.hero.is-danger .nav-item a:not(.button):hover, +.hero.is-danger .nav-item a:not(.button).is-active { + color: #fff; +} + +.hero.is-danger .tabs a { + color: #fff; + opacity: 0.9; +} + +.hero.is-danger .tabs a:hover { + opacity: 1; +} + +.hero.is-danger .tabs li.is-active a { + opacity: 1; +} + +.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { + color: #fff; +} + +.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); +} + +.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #ff3860; +} + +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .nav-menu { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); + } +} + +@media screen and (max-width: 768px) { + .hero.is-danger .nav-toggle span { + background-color: #fff; + } + .hero.is-danger .nav-toggle:hover { + background-color: rgba(10, 10, 10, 0.1); + } + .hero.is-danger .nav-toggle.is-active span { + background-color: #fff; + } + .hero.is-danger .nav-menu .nav-item { + border-top-color: rgba(255, 255, 255, 0.2); + } +} + +@media screen and (min-width: 769px), print { + .hero.is-medium .hero-body { + padding-bottom: 9rem; + padding-top: 9rem; + } +} + +@media screen and (min-width: 769px), print { + .hero.is-large .hero-body { + padding-bottom: 18rem; + padding-top: 18rem; + } +} + +.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.hero.is-halfheight { + min-height: 50vh; +} + +.hero.is-fullheight { + min-height: 100vh; +} + +.section { + background-color: white; + padding: 3rem 1.5rem; +} + +@media screen and (min-width: 1008px) { + .section.is-medium { + padding: 9rem 1.5rem; + } + .section.is-large { + padding: 18rem 1.5rem; + } +} + +.footer { + background-color: whitesmoke; + padding: 3rem 1.5rem 6rem; +} + +.highlight { + background-color: #f5f5f5; + color: #586e75; +} + +.highlight .c { + color: #93a1a1; +} + +.highlight .err, +.highlight .g { + color: #586e75; +} + +.highlight .k { + color: #859900; +} + +.highlight .l, +.highlight .n { + color: #586e75; +} + +.highlight .o { + color: #859900; +} + +.highlight .x { + color: #cb4b16; +} + +.highlight .p { + color: #586e75; +} + +.highlight .cm { + color: #93a1a1; +} + +.highlight .cp { + color: #859900; +} + +.highlight .c1 { + color: #93a1a1; +} + +.highlight .cs { + color: #859900; +} + +.highlight .gd { + color: #2aa198; +} + +.highlight .ge { + color: #586e75; + font-style: italic; +} + +.highlight .gr { + color: #dc322f; +} + +.highlight .gh { + color: #cb4b16; +} + +.highlight .gi { + color: #859900; +} + +.highlight .go, +.highlight .gp { + color: #586e75; +} + +.highlight .gs { + color: #586e75; + font-weight: bold; +} + +.highlight .gu { + color: #cb4b16; +} + +.highlight .gt { + color: #586e75; +} + +.highlight .kc { + color: #cb4b16; +} + +.highlight .kd { + color: #268bd2; +} + +.highlight .kn, +.highlight .kp { + color: #859900; +} + +.highlight .kr { + color: #268bd2; +} + +.highlight .kt { + color: #dc322f; +} + +.highlight .ld { + color: #586e75; +} + +.highlight .m, +.highlight .s { + color: #2aa198; +} + +.highlight .na { + color: #B58900; +} + +.highlight .nb { + color: #586e75; +} + +.highlight .nc { + color: #268bd2; +} + +.highlight .no { + color: #cb4b16; +} + +.highlight .nd { + color: #268bd2; +} + +.highlight .ni, +.highlight .ne { + color: #cb4b16; +} + +.highlight .nf { + color: #268bd2; +} + +.highlight .nl, +.highlight .nn, +.highlight .nx, +.highlight .py { + color: #586e75; +} + +.highlight .nt, +.highlight .nv { + color: #268bd2; +} + +.highlight .ow { + color: #859900; +} + +.highlight .w { + color: #586e75; +} + +.highlight .mf, +.highlight .mh, +.highlight .mi, +.highlight .mo { + color: #2aa198; +} + +.highlight .sb { + color: #93a1a1; +} + +.highlight .sc { + color: #2aa198; +} + +.highlight .sd { + color: #586e75; +} + +.highlight .s2 { + color: #2aa198; +} + +.highlight .se { + color: #cb4b16; +} + +.highlight .sh { + color: #586e75; +} + +.highlight .si, +.highlight .sx { + color: #2aa198; +} + +.highlight .sr { + color: #dc322f; +} + +.highlight .s1, +.highlight .ss { + color: #2aa198; +} + +.highlight .bp, +.highlight .vc, +.highlight .vg, +.highlight .vi { + color: #268bd2; +} + +.highlight .il { + color: #2aa198; +} + +.content .highlight { + text-align: left; +} + +@media screen and (min-width: 769px), print { + .button small { + color: #4a4a4a; + left: 0; + margin-top: 10px; + position: absolute; + top: 100%; + width: 100%; + } +} + +body.page-grid .column > .notification { + padding-left: 0; + padding-right: 0; + text-align: center; +} + +@media screen and (min-width: 769px), print { + .header-item .button + .button { + margin-left: 0.75rem; + } +} + +svg { + max-height: 100%; + max-width: 100%; +} + +#carbon { + margin-left: auto; + margin-right: auto; + max-width: 340px; + min-height: 150px; + padding: 0; + position: relative; +} + +#carbon:hover { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +@media screen and (min-width: 769px), print { + #carbon { + width: 340px; + } +} + +#carbonads { + font-size: 14px; + text-align: left; +} + +#carbonads a, +#carbonads span { + display: block; +} + +#carbonads .carbon-wrap { + position: relative; +} + +#carbonads .carbon-img { + background: whitesmoke; + float: left; + height: 100px; + margin: 15px 0 15px 15px; + width: 130px; +} + +#carbonads .carbon-img img { + display: block; + height: 100px; + width: 130px; +} + +#carbonads .carbon-text { + display: block; + color: #363636; + line-height: 20px; + padding: 15px 15px 35px 160px; +} + +#carbonads .carbon-poweredby { + bottom: 0; + color: #7a7a7a; + font-size: 0.75rem; + left: 160px; + line-height: 20px; + padding: 0 15px 10px 0; + position: absolute; + right: 0; +} + +@-webkit-keyframes floatUp { + 0% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes floatUp { + 0% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } + 100% { + -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes strokePath { + from { + stroke-dashoffset: 880; + } + to { + stroke-dashoffset: 0; + } +} + +@keyframes strokePath { + from { + stroke-dashoffset: 880; + } + to { + stroke-dashoffset: 0; + } +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes fadeIn { + from { + opacity: 0; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 100% { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 67% { + opacity: 1; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + 100% { + opacity: 0; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes slideDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@-webkit-keyframes slideUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +#b { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: floatUp; + animation-name: floatUp; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + border-radius: 24px; + display: inline-block; + height: 240px; + margin-bottom: 40px; + position: relative; + vertical-align: top; + width: 240px; +} + +#b svg { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + display: block; + height: 240px; + width: 240px; +} + +#b svg:first-child { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeOut; + animation-name: fadeOut; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); +} + +#b svg:first-child g { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: strokePath; + animation-name: strokePath; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + fill: none; + stroke: #00d1b2; + stroke-dasharray: 880; + stroke-width: 2px; +} + +#b svg:last-child { + -webkit-animation-delay: 1s; + animation-delay: 1s; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); +} + +#b svg:last-child g { + fill: #00d1b2; +} + +@media screen and (max-width: 768px) { + #b { + border-radius: 16px; + height: 160px; + width: 160px; + } +} + +#bulma { + -webkit-animation: slideDown 500ms both; + animation: slideDown 500ms both; +} + +#modern-framework { + -webkit-animation: slideUp 500ms both; + animation: slideUp 500ms both; + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; +} + +#npm { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-animation: fadeIn 500ms both; + animation: fadeIn 500ms both; + -webkit-animation-delay: 0.4s; + animation-delay: 0.4s; + background: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: -10px 0 20px; +} + +#npm code { + background: whitesmoke; + border-radius: 3px; + color: #00d1b2; + display: inline-block; + font-size: 16px; + padding: 16px 32px; +} + +#ghbtns { + -webkit-animation: slideDown 500ms both; + animation: slideDown 500ms both; + -webkit-animation-delay: 0.6s; + animation-delay: 0.6s; +} + +html.route-index #carbon { + -webkit-animation: slideUp 500ms both; + animation: slideUp 500ms both; + -webkit-animation-delay: 0.8s; + animation-delay: 0.8s; +} + +#download { + -webkit-animation: fadeIn 500ms both; + animation: fadeIn 500ms both; + -webkit-animation-delay: 1s; + animation-delay: 1s; +} + +#grid .notification { + padding-left: 0; + padding-right: 0; +} + +#message { + display: none; +} + +#tweet { + background: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding: 1.5rem; +} + +#github { + color: #333333; + border-color: #333333; +} + +#github:hover { + background: #333333; + border-color: #333333; + color: white; +} + +#twitter { + color: #55acee; + border-color: #55acee; +} + +#twitter:hover { + background: #55acee; + border-color: #55acee; + color: white; +} + +@media screen and (min-width: 1008px) { + #blogDropdown { + width: 16rem; + } + #blogDropdown .navbar-item { + white-space: normal; + } + #moreDropdown { + width: 16rem; + } + #moreDropdown .navbar-item { + padding-right: 1rem; + } + #moreDropdown .navbar-item .level { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +} + +#about .twitter-container { + display: block; + height: 30px; + line-height: 30px; + margin-top: 5px; +} + +#about small { + display: block; + margin-top: 5px; +} + +#mc_embed_signup .field { + margin-bottom: 0; +} + +#mc_embed_signup .notification { + margin-top: 0.75rem; +} + +#share form { + height: 30px; + margin-top: 10px; +} + +#social { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +#social > iframe, +#social > a, +#social > form, +#social > div { + display: inline-block; + font-size: 11px; + height: 30px; + line-height: 30px; + margin-top: 5px; +} + +#social .github-btn { + width: 160px; +} + +#social .twitter-share-button { + margin-right: 10px; + min-width: 76px; +} + +#social .paypal-form { + min-width: 148px; +} + +#social .fb-like { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 130px; +} + +#newsletter .input { + border-color: white; + -webkit-box-shadow: none; + box-shadow: none; +} + +#sister ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +#sister li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 30px; + margin: 5px 1rem 0 0; +} + +#sister img { + height: 30px; +} + +#tsp small { + display: block; +} + +#images tr td:nth-child(2) { + width: 320px; +} + +.color { + border-radius: 2px; + -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + display: inline-block; + float: left; + height: 24px; + margin-right: 8px; + width: 24px; +} + +.button.is-rss { + background-color: #f26522; + border-color: transparent; + color: #fff; +} + +.button.is-rss:hover { + background-color: #ed560e; +} + +.button.is-rss:active { + background-color: #d54d0d; +} + +.view-all-versions { + color: #7a7a7a; +} + +.view-all-versions:hover { + text-decoration: underline; +} + +.example, +.structure { + border: 1px solid #ffdd57; + border-top-right-radius: 3px; + color: rgba(0, 0, 0, 0.7); + padding: 1.5rem; + position: relative; +} + +.example:not(:first-child), +.structure:not(:first-child) { + margin-top: 2rem; +} + +.example:not(:last-child), +.structure:not(:last-child) { + margin-bottom: 1.5rem; +} + +.example:before, +.structure:before { + background: #ffdd57; + border-radius: 3px 3px 0 0; + bottom: 100%; + content: "Example"; + display: inline-block; + font-size: 7px; + font-weight: bold; + left: -1px; + letter-spacing: 1px; + padding: 3px 5px; + position: absolute; + text-transform: uppercase; + vertical-align: top; +} + +@media screen and (min-width: 769px), print { + .example.is-fullwidth, + .structure.is-fullwidth { + border-left: none; + border-right: none; + padding: 0; + } +} + +.example + .highlight { + border: 1px solid #ffdd57; + border-radius: 0 0 3px 3px; + border-top: none; + margin-top: -1.5rem; +} + +.example + .highlight:not(:last-child) { + margin-bottom: 1.5rem; +} + +.highlight pre { + max-height: 480px; + margin-bottom: 0 !important; + padding: 0; +} + +.highlight pre code { + padding: 1.25em 1.5em; +} + +.highlight-full .highlight pre, +#navbarJsExample .highlight pre { + max-height: none; +} + +.structure { + border-color: #ff3860; + border-radius: 3px; + padding: 1.5rem; +} + +.structure:before { + background: #ff3860; + color: #fff; + content: "Structure"; +} + +.structure-item { + position: relative; +} + +.structure-item:before { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + background: rgba(10, 10, 10, 0.7); + background: whitesmoke; + border: 1px solid #dbdbdb; + content: ""; + display: block; + z-index: 1; +} + +.structure-item:after { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + content: attr(title); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-family: monospace; + font-size: 11px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 3px 5px; + z-index: 2; +} + +.structure-item.is-structure-container { + padding: 1.5rem 0.75rem 0.75rem; +} + +.structure-item.is-structure-container:after { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0.5rem 0.75rem; +} + +.highlight { + position: relative; +} + +.highlight .copy, +.highlight .expand { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background: white; + border: solid #dbdbdb; + border-width: 0 0 1px 1px; + color: #7a7a7a; + cursor: pointer; + outline: none; + position: absolute; + right: 0; + top: 0; +} + +.highlight .copy:hover, +.highlight .expand:hover { + border-color: #ff3860; + color: #ff3860; +} + +.highlight .expand { + border-right-width: 1px; + right: 50px; +} + +@media screen and (min-width: 769px), print { + .highlight pre { + white-space: pre-wrap; + } +} + +@media screen and (min-width: 769px), print { + .section:not(.is-fullwidth) > .example:not(.is-fullwidth) { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .section:not(.is-fullwidth) > .example:not(.is-fullwidth) + .highlight { + margin-left: 1.5rem; + margin-right: 1.5rem; + } +} + +.section.is-fullwidth { + padding: 0 !important; +} + +.section.is-fullwidth .example { + border-left: none; + border-radius: 0; + border-right: none; + padding: 0; +} + +.section.is-fullwidth .example + .highlight { + border-left: none; + border-radius: 0; + border-right: none; +} + +.callout { + background-color: whitesmoke; + border-radius: 3px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative; +} + +.callout:not(:last-child) { + margin-bottom: 1.5rem; +} + +.callout.is-white { + background-color: white; + color: #0a0a0a; +} + +.callout.is-black { + background-color: #0a0a0a; + color: white; +} + +.callout.is-light { + background-color: whitesmoke; + color: #363636; +} + +.callout.is-dark { + background-color: #363636; + color: whitesmoke; +} + +.callout.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.callout.is-info { + background-color: #3273dc; + color: #fff; +} + +.callout.is-success { + background-color: #23d160; + color: #fff; +} + +.callout.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.callout.is-danger { + background-color: #ff3860; + color: #fff; +} + +.bsa { + padding: 2rem; +} + +.bsa-cpc { + min-height: 1px; +} + +#_default_ .default-ad { + background-color: rgba(0, 0, 0, 0.3); + border-radius: 2px; + color: white; + display: inline-block; + font-size: 10px; + font-weight: bold; + padding: 0 4px; + text-transform: uppercase; + vertical-align: top; +} + +#_default_ > a { + background-color: white; + border-radius: 5px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + display: block; + line-height: 1.375; + margin-top: 15px; + min-height: 70px; + padding: 15px; + padding-left: 70px; + position: relative; +} + +#_default_ > a:hover, #_default_ > a:focus { + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; +} + +#_default_ > a:active { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; +} + +#_default_ > a span { + display: block; +} + +#_default_ > a .default-image { + display: block; + left: 15px; + height: 40px; + position: absolute; + top: 15px; + width: 40px; +} + +#_default_ > a .default-image img { + display: block; + height: 40px; + width: 40px; +} + +#_default_ > a .default-title { + color: #363636; + display: inline; + font-weight: 700; +} + +#_default_ > a .default-title:after { + content: " — "; +} + +#_default_ > a .default-description { + display: inline; +} + +@media screen and (min-width: 769px), print { + .bsa .columns { + min-height: 120px; + } + #_default_ { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + } + #_default_ .default-ad { + left: 100%; + margin-left: 2rem; + position: absolute; + top: 0; + } + #_default_ > a { + margin: 0; + } + #_default_ > a:not(:nth-child(2)) { + margin-left: 2rem; + } +} + +html.route-index .title.is-2 { + position: relative; +} + +html.route-index .title.is-2 a { + color: #242424; + padding-left: 48px; + position: relative; +} + +html.route-index .title.is-2 a:hover { + color: #00d1b2; +} + +html.route-index .title.is-2 .icon.is-medium { + left: 8px; + position: absolute; + top: 10px; +} + +html.route-index .hero .title.is-2 a { + color: white; +} + +html.route-index .hero .title.is-2 a:hover { + color: white; +} + +html.route-index .hero.is-primary a.column, +html.route-index .hero.is-primary a.column:hover { + color: white; +} + +html.route-index .hero.is-primary a.column:hover .title strong { + border-bottom: 1px solid; +} + +@media screen and (max-width: 979px) { + html.route-index .title.is-2 a { + padding-left: 0; + } + html.route-index .title.is-2 .icon.is-medium { + display: none; + } +} + +:root { + --primary: #00d1b2; + --gap: 0.75rem; +} + +html ::-moz-selection { + background: #00d1b2; + color: #fff; +} + +html ::selection { + background: #00d1b2; + color: #fff; +} + +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1bG1hLWRvY3MuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUFpQjtBQUNqQiw4REFBOEQ7QUFDOUQ7RUFDRTtJQUNFLGdDQUF3QjtZQUF4Qix3QkFBd0I7R0FDekI7RUFDRDtJQUNFLGtDQUEwQjtZQUExQiwwQkFBMEI7R0FDM0I7Q0FDRjtBQVBEO0VBQ0U7SUFDRSxnQ0FBd0I7WUFBeEIsd0JBQXdCO0dBQ3pCO0VBQ0Q7SUFDRSxrQ0FBMEI7WUFBMUIsMEJBQTBCO0dBQzNCO0NBQ0Y7O0FBRUQsMkVBQTJFO0FBQzNFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQXVCRSxVQUFVO0VBQ1YsV0FBVztDQUNaOztBQUVEOzs7Ozs7RUFNRSxnQkFBZ0I7RUFDaEIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsaUJBQWlCO0NBQ2xCOztBQUVEOzs7O0VBSUUsVUFBVTtDQUNYOztBQUVEO0VBQ0UsK0JBQXVCO1VBQXZCLHVCQUF1QjtDQUN4Qjs7QUFFRDtFQUNFLDRCQUFvQjtVQUFwQixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSw0QkFBb0I7VUFBcEIsb0JBQW9CO0NBQ3JCOztBQUVEOzs7OztFQUtFLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLFVBQVU7Q0FDWDs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixrQkFBa0I7Q0FDbkI7O0FBRUQ7O0VBRUUsV0FBVztFQUNYLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLHVCQUF1QjtFQUN2QixnQkFBZ0I7RUFDaEIsbUNBQW1DO0VBQ25DLG9DQUFvQztFQUNwQyxpQkFBaUI7RUFDakIsbUJBQW1CO0VBQ25CLG1CQUFtQjtFQUNuQixtQ0FBbUM7Q0FDcEM7O0FBRUQ7Ozs7Ozs7RUFPRSxlQUFlO0NBQ2hCOztBQUVEOzs7OztFQUtFLHFMQUFxTDtDQUN0TDs7QUFFRDs7RUFFRSw4QkFBOEI7RUFDOUIsNkJBQTZCO0VBQzdCLHVCQUF1QjtDQUN4Qjs7QUFFRDtFQUNFLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsaUJBQWlCO0VBQ2pCLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsc0JBQXNCO0VBQ3RCLHVDQUErQjtFQUEvQiwrQkFBK0I7Q0FDaEM7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsNkJBQTZCO0VBQzdCLGVBQWU7RUFDZixpQkFBaUI7RUFDakIsb0JBQW9CO0VBQ3BCLDZCQUE2QjtDQUM5Qjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixhQUFhO0VBQ2IsZUFBZTtFQUNmLFlBQVk7RUFDWixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsZ0JBQWdCO0NBQ2pCOztBQUVEOztFQUVFLHlCQUF5QjtDQUMxQjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQixxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsNkJBQTZCO0VBQzdCLGVBQWU7RUFDZixpQkFBaUI7RUFDakIsaUJBQWlCO0VBQ2pCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLGtDQUFrQztFQUNsQyxpQkFBaUI7RUFDakIsZUFBZTtFQUNmLGVBQWU7RUFDZixlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLHdCQUF3QjtDQUN6Qjs7QUFFRDtFQUNFLFlBQVk7Q0FDYjs7QUFFRDs7RUFFRSxpQkFBaUI7RUFDakIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRTtJQUNFLDBCQUEwQjtHQUMzQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSwwQkFBMEI7R0FDM0I7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsMEJBQTBCO0dBQzNCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDBCQUEwQjtHQUMzQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSwwQkFBMEI7R0FDM0I7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsMEJBQTBCO0dBQzNCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDBCQUEwQjtHQUMzQjtDQUNGOztBQUVEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7Q0FDZjs7QUFFRDtFQUNFO0lBQ0UsZ0NBQXlCO0lBQXpCLGdDQUF5QjtJQUF6Qix5QkFBeUI7R0FDMUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0NBQXlCO0lBQXpCLGdDQUF5QjtJQUF6Qix5QkFBeUI7R0FDMUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0NBQXlCO0lBQXpCLGdDQUF5QjtJQUF6Qix5QkFBeUI7R0FDMUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0NBQXlCO0lBQXpCLGdDQUF5QjtJQUF6Qix5QkFBeUI7R0FDMUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0NBQXlCO0lBQXpCLGdDQUF5QjtJQUF6Qix5QkFBeUI7R0FDMUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0NBQXlCO0lBQXpCLGdDQUF5QjtJQUF6Qix5QkFBeUI7R0FDMUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0NBQXlCO0lBQXpCLGdDQUF5QjtJQUF6Qix5QkFBeUI7R0FDMUI7Q0FDRjs7QUFFRDtFQUNFLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFO0lBQ0UsMkJBQTJCO0dBQzVCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDJCQUEyQjtHQUM1QjtDQUNGOztBQUVEO0VBQ0U7SUFDRSwyQkFBMkI7R0FDNUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsMkJBQTJCO0dBQzVCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDJCQUEyQjtHQUM1QjtDQUNGOztBQUVEO0VBQ0U7SUFDRSwyQkFBMkI7R0FDNUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsMkJBQTJCO0dBQzVCO0NBQ0Y7O0FBRUQ7RUFDRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRTtJQUNFLGlDQUFpQztHQUNsQztDQUNGOztBQUVEO0VBQ0U7SUFDRSxpQ0FBaUM7R0FDbEM7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsaUNBQWlDO0dBQ2xDO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGlDQUFpQztHQUNsQztDQUNGOztBQUVEO0VBQ0U7SUFDRSxpQ0FBaUM7R0FDbEM7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsaUNBQWlDO0dBQ2xDO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGlDQUFpQztHQUNsQztDQUNGOztBQUVEO0VBQ0UsNEJBQXFCO0VBQXJCLDRCQUFxQjtFQUFyQixxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRTtJQUNFLHVDQUFnQztJQUFoQyx1Q0FBZ0M7SUFBaEMsZ0NBQWdDO0dBQ2pDO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHVDQUFnQztJQUFoQyx1Q0FBZ0M7SUFBaEMsZ0NBQWdDO0dBQ2pDO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHVDQUFnQztJQUFoQyx1Q0FBZ0M7SUFBaEMsZ0NBQWdDO0dBQ2pDO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHVDQUFnQztJQUFoQyx1Q0FBZ0M7SUFBaEMsZ0NBQWdDO0dBQ2pDO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHVDQUFnQztJQUFoQyx1Q0FBZ0M7SUFBaEMsZ0NBQWdDO0dBQ2pDO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHVDQUFnQztJQUFoQyx1Q0FBZ0M7SUFBaEMsZ0NBQWdDO0dBQ2pDO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHVDQUFnQztJQUFoQyx1Q0FBZ0M7SUFBaEMsZ0NBQWdDO0dBQ2pDO0NBQ0Y7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSx1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSx3QkFBd0I7Q0FDekI7O0FBRUQ7RUFDRSw0QkFBNEI7Q0FDN0I7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsUUFBUTtFQUNSLG1CQUFtQjtFQUNuQixTQUFTO0VBQ1QsT0FBTztDQUNSOztBQUVEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0U7SUFDRSxnQkFBZ0I7R0FDakI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0JBQWdCO0dBQ2pCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGdCQUFnQjtHQUNqQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxnQkFBZ0I7R0FDakI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0JBQWdCO0dBQ2pCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGdCQUFnQjtHQUNqQjtDQUNGOztBQUVEO0VBQ0Usa0JBQWtCO0NBQ25COztBQUVEO0VBQ0U7SUFDRSxrQkFBa0I7R0FDbkI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0Usa0JBQWtCO0dBQ25CO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGtCQUFrQjtHQUNuQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxrQkFBa0I7R0FDbkI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0Usa0JBQWtCO0dBQ25CO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGtCQUFrQjtHQUNuQjtDQUNGOztBQUVEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0U7SUFDRSxnQkFBZ0I7R0FDakI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0JBQWdCO0dBQ2pCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGdCQUFnQjtHQUNqQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxnQkFBZ0I7R0FDakI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0JBQWdCO0dBQ2pCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGdCQUFnQjtHQUNqQjtDQUNGOztBQUVEO0VBQ0Usa0JBQWtCO0NBQ25COztBQUVEO0VBQ0U7SUFDRSxrQkFBa0I7R0FDbkI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0Usa0JBQWtCO0dBQ25CO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGtCQUFrQjtHQUNuQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxrQkFBa0I7R0FDbkI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0Usa0JBQWtCO0dBQ25CO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGtCQUFrQjtHQUNuQjtDQUNGOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0U7SUFDRSxtQkFBbUI7R0FDcEI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsbUJBQW1CO0dBQ3BCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLG1CQUFtQjtHQUNwQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxtQkFBbUI7R0FDcEI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsbUJBQW1CO0dBQ3BCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLG1CQUFtQjtHQUNwQjtDQUNGOztBQUVEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0U7SUFDRSxnQkFBZ0I7R0FDakI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0JBQWdCO0dBQ2pCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGdCQUFnQjtHQUNqQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxnQkFBZ0I7R0FDakI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsZ0JBQWdCO0dBQ2pCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGdCQUFnQjtHQUNqQjtDQUNGOztBQUVEO0VBQ0UsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsNEJBQTRCO0NBQzdCOztBQUVEO0VBQ0UsNkJBQTZCO0NBQzlCOztBQUVEO0VBQ0UsYUFBYTtDQUNkOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UseUJBQXlCO0NBQzFCOztBQUVEO0VBQ0U7SUFDRSx5QkFBeUI7R0FDMUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UseUJBQXlCO0dBQzFCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHlCQUF5QjtHQUMxQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSx5QkFBeUI7R0FDMUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UseUJBQXlCO0dBQzFCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHlCQUF5QjtHQUMxQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSx5QkFBeUI7R0FDMUI7Q0FDRjs7QUFFRDtFQUNFLHFCQUFxQjtDQUN0Qjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLDRCQUE0QjtFQUM1QiwwQkFBMEI7RUFDMUIsdUJBQXVCO0VBQ3ZCLHNCQUFzQjtFQUN0QixrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSx3QkFBd0I7RUFDeEIsbUJBQW1CO0VBQ25CLHFGQUE2RTtVQUE3RSw2RUFBNkU7RUFDN0UsZUFBZTtFQUNmLGVBQWU7RUFDZixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSx1RUFBK0Q7VUFBL0QsK0RBQStEO0NBQ2hFOztBQUVEO0VBQ0UsNkVBQXFFO1VBQXJFLHFFQUFxRTtDQUN0RTs7QUFFRDtFQUNFLHNCQUFzQjtFQUN0Qix5QkFBeUI7RUFDekIsMEJBQW9CO01BQXBCLHVCQUFvQjtVQUFwQixvQkFBb0I7RUFDcEIsOEJBQThCO0VBQzlCLG1CQUFtQjtFQUNuQix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLDRCQUFxQjtFQUFyQiw0QkFBcUI7RUFBckIscUJBQXFCO0VBQ3JCLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2Ysd0JBQTRCO01BQTVCLHFCQUE0QjtVQUE1Qiw0QkFBNEI7RUFDNUIsaUJBQWlCO0VBQ2pCLG9DQUFvQztFQUNwQyxrQ0FBa0M7RUFDbEMsbUNBQW1DO0VBQ25DLGlDQUFpQztFQUNqQyxtQkFBbUI7RUFDbkIsb0JBQW9CO0VBQ3BCLDRCQUE0QjtFQUM1QiwwQkFBMEI7RUFDMUIsdUJBQXVCO0VBQ3ZCLHNCQUFzQjtFQUN0QixrQkFBa0I7RUFDbEIsd0JBQXdCO0VBQ3hCLHNCQUFzQjtFQUN0QixlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0VBQ3hCLHFCQUFxQjtFQUNyQixzQkFBc0I7RUFDdEIsbUJBQW1CO0VBQ25CLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxjQUFjO0VBQ2QsYUFBYTtDQUNkOztBQUVEO0VBQ0Usa0NBQWtDO0VBQ2xDLHVCQUF1QjtDQUN4Qjs7QUFFRDtFQUNFLHNCQUFzQjtFQUN0QixtQ0FBbUM7Q0FDcEM7O0FBRUQ7RUFDRSxrQ0FBa0M7RUFDbEMsbUNBQW1DO0NBQ3BDOztBQUVEO0VBQ0Usc0JBQXNCO0VBQ3RCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIsc0RBQThDO1VBQTlDLDhDQUE4QztFQUM5QyxlQUFlO0NBQ2hCOztBQUVEO0VBQ0Usc0JBQXNCO0VBQ3RCLDBEQUFrRDtVQUFsRCxrREFBa0Q7RUFDbEQsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5QiwwQkFBMEI7RUFDMUIsZUFBZTtFQUNmLDJCQUEyQjtDQUM1Qjs7QUFFRDtFQUNFLDZCQUE2QjtFQUM3QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLDBCQUEwQjtFQUMxQix5QkFBaUI7VUFBakIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0Usd0JBQXdCO0VBQ3hCLDBCQUEwQjtFQUMxQixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLHdEQUFnRDtVQUFoRCxnREFBZ0Q7RUFDaEQsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIsMERBQWtEO1VBQWxELGtEQUFrRDtFQUNsRCxlQUFlO0NBQ2hCOztBQUVEO0VBQ0Usd0JBQXdCO0VBQ3hCLDBCQUEwQjtFQUMxQix5QkFBaUI7VUFBakIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLHdCQUF3QjtDQUN6Qjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIseUJBQWlCO1VBQWpCLGlCQUFpQjtFQUNqQixhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxpRUFBaUU7Q0FDbEU7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIsb0JBQW9CO0VBQ3BCLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLHdCQUF3QjtFQUN4QixvQkFBb0I7RUFDcEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDZEQUE2RDtDQUM5RDs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5QixvQkFBb0I7RUFDcEIseUJBQWlCO1VBQWpCLGlCQUFpQjtFQUNqQixhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIsc0JBQXNCO0VBQ3RCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsYUFBYTtDQUNkOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLHNCQUFzQjtFQUN0Qix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsMEJBQTBCO0VBQzFCLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIsYUFBYTtDQUNkOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLHFEQUE2QztVQUE3Qyw2Q0FBNkM7RUFDN0MsYUFBYTtDQUNkOztBQUVEO0VBQ0Usd0JBQXdCO0VBQ3hCLDBCQUEwQjtFQUMxQiwwREFBa0Q7VUFBbEQsa0RBQWtEO0VBQ2xELGFBQWE7Q0FDZDs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIseUJBQWlCO1VBQWpCLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLHdCQUF3QjtFQUN4QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0Usd0JBQXdCO0VBQ3hCLDBCQUEwQjtFQUMxQix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSw2REFBNkQ7Q0FDOUQ7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIsc0JBQXNCO0VBQ3RCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsc0JBQXNCO0VBQ3RCLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLGlFQUFpRTtDQUNsRTs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5QixzQkFBc0I7RUFDdEIseUJBQWlCO1VBQWpCLGlCQUFpQjtFQUNqQixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLG9CQUFvQjtFQUNwQixhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSx3QkFBd0I7RUFDeEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5QixvQkFBb0I7RUFDcEIseUJBQWlCO1VBQWpCLGlCQUFpQjtFQUNqQixhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSw2QkFBNkI7RUFDN0IsMEJBQTBCO0VBQzFCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsMEJBQTBCO0VBQzFCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsd0RBQWdEO1VBQWhELGdEQUFnRDtFQUNoRCxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQiwwREFBa0Q7VUFBbEQsa0RBQWtEO0VBQ2xELGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSw2QkFBNkI7RUFDN0IsMEJBQTBCO0VBQzFCLHlCQUFpQjtVQUFqQixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLGlFQUFpRTtDQUNsRTs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5Qix5QkFBeUI7RUFDekIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsNkJBQTZCO0VBQzdCLHlCQUF5QjtFQUN6QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsdUVBQXVFO0NBQ3hFOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLHlCQUF5QjtFQUN6Qix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5QixzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIsc0JBQXNCO0VBQ3RCLHlCQUFpQjtVQUFqQixpQkFBaUI7RUFDakIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQixrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIscURBQTZDO1VBQTdDLDZDQUE2QztFQUM3QyxrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsMEJBQTBCO0VBQzFCLDBEQUFrRDtVQUFsRCxrREFBa0Q7RUFDbEQsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQix5QkFBaUI7VUFBakIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsNkJBQTZCO0VBQzdCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSw2QkFBNkI7RUFDN0IsMEJBQTBCO0VBQzFCLHlCQUFpQjtVQUFqQixpQkFBaUI7RUFDakIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLHVFQUF1RTtDQUN4RTs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5QixzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsaUVBQWlFO0NBQ2xFOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLHNCQUFzQjtFQUN0Qix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIseUJBQXlCO0VBQ3pCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLDZCQUE2QjtFQUM3QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLHlCQUF5QjtFQUN6Qix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsc0RBQThDO1VBQTlDLDhDQUE4QztFQUM5QyxZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsMEJBQTBCO0VBQzFCLDBEQUFrRDtVQUFsRCxrREFBa0Q7RUFDbEQsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQix5QkFBaUI7VUFBakIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsdUJBQXVCO0VBQ3ZCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSx1QkFBdUI7RUFDdkIsMEJBQTBCO0VBQzFCLHlCQUFpQjtVQUFqQixpQkFBaUI7RUFDakIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDJEQUEyRDtDQUM1RDs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5QixzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsaUVBQWlFO0NBQ2xFOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLHNCQUFzQjtFQUN0Qix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIsbUJBQW1CO0VBQ25CLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHVCQUF1QjtFQUN2QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLG1CQUFtQjtFQUNuQix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsdURBQStDO1VBQS9DLCtDQUErQztFQUMvQyxZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsMEJBQTBCO0VBQzFCLDBEQUFrRDtVQUFsRCxrREFBa0Q7RUFDbEQsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQix5QkFBaUI7VUFBakIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsdUJBQXVCO0VBQ3ZCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSx1QkFBdUI7RUFDdkIsMEJBQTBCO0VBQzFCLHlCQUFpQjtVQUFqQixpQkFBaUI7RUFDakIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDJEQUEyRDtDQUM1RDs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5QixzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsaUVBQWlFO0NBQ2xFOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLHNCQUFzQjtFQUN0Qix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIsbUJBQW1CO0VBQ25CLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHVCQUF1QjtFQUN2QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLG1CQUFtQjtFQUNuQix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsc0RBQThDO1VBQTlDLDhDQUE4QztFQUM5QyxZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsMEJBQTBCO0VBQzFCLDBEQUFrRDtVQUFsRCxrREFBa0Q7RUFDbEQsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQix5QkFBaUI7VUFBakIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsdUJBQXVCO0VBQ3ZCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSx1QkFBdUI7RUFDdkIsMEJBQTBCO0VBQzFCLHlCQUFpQjtVQUFqQixpQkFBaUI7RUFDakIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDJEQUEyRDtDQUM1RDs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5QixzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsaUVBQWlFO0NBQ2xFOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLHNCQUFzQjtFQUN0Qix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIsbUJBQW1CO0VBQ25CLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHVCQUF1QjtFQUN2QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLG1CQUFtQjtFQUNuQix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsdURBQStDO1VBQS9DLCtDQUErQztFQUMvQywwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsMEJBQTBCO0VBQzFCLDBEQUFrRDtVQUFsRCxrREFBa0Q7RUFDbEQsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQix5QkFBaUI7VUFBakIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UscUNBQXFDO0VBQ3JDLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxxQ0FBcUM7Q0FDdEM7O0FBRUQ7RUFDRSxxQ0FBcUM7RUFDckMsMEJBQTBCO0VBQzFCLHlCQUFpQjtVQUFqQixpQkFBaUI7RUFDakIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLHVGQUF1RjtDQUN4Rjs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5QixzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsaUVBQWlFO0NBQ2xFOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLHNCQUFzQjtFQUN0Qix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIsaUNBQWlDO0VBQ2pDLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLHFDQUFxQztFQUNyQyxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLGlDQUFpQztFQUNqQyx5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsc0RBQThDO1VBQTlDLDhDQUE4QztFQUM5QyxZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsMEJBQTBCO0VBQzFCLDBEQUFrRDtVQUFsRCxrREFBa0Q7RUFDbEQsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQix5QkFBaUI7VUFBakIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsdUJBQXVCO0VBQ3ZCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSx1QkFBdUI7RUFDdkIsMEJBQTBCO0VBQzFCLHlCQUFpQjtVQUFqQixpQkFBaUI7RUFDakIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDJEQUEyRDtDQUM1RDs7QUFFRDtFQUNFLDhCQUE4QjtFQUM5QixzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsaUVBQWlFO0NBQ2xFOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLHNCQUFzQjtFQUN0Qix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIsbUJBQW1CO0VBQ25CLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHVCQUF1QjtFQUN2QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLG1CQUFtQjtFQUNuQix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSx3QkFBd0I7RUFDeEIsc0JBQXNCO0VBQ3RCLHlCQUFpQjtVQUFqQixpQkFBaUI7RUFDakIsYUFBYTtDQUNkOztBQUVEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCxZQUFZO0NBQ2I7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0Usb0RBQTRDO1VBQTVDLDRDQUE0QztFQUM1QywwQkFBMEI7RUFDMUIsd0JBQXdCO0VBQ3hCLGdDQUFnQztFQUNoQyw4QkFBOEI7RUFDOUIsWUFBWTtFQUNaLGVBQWU7RUFDZixZQUFZO0VBQ1osbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCxtQkFBbUI7RUFDbkIsNEJBQTRCO0VBQzVCLDJCQUEyQjtFQUMzQiw4QkFBOEI7Q0FDL0I7O0FBRUQ7RUFDRSw2QkFBNkI7RUFDN0Isc0JBQXNCO0VBQ3RCLGVBQWU7RUFDZix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLHFCQUFxQjtDQUN0Qjs7QUFFRDs7RUFFRSxlQUFlO0VBQ2Ysc0JBQXNCO0VBQ3RCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDs7Ozs7OztFQU9FLG1CQUFtQjtDQUNwQjs7QUFFRDs7Ozs7O0VBTUUsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0Usa0JBQWtCO0VBQ2xCLHdCQUF3QjtDQUN6Qjs7QUFFRDtFQUNFLHFCQUFxQjtDQUN0Qjs7QUFFRDtFQUNFLGlCQUFpQjtFQUNqQix3QkFBd0I7Q0FDekI7O0FBRUQ7RUFDRSxxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSxrQkFBa0I7RUFDbEIscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLHdCQUF3QjtDQUN6Qjs7QUFFRDtFQUNFLGVBQWU7RUFDZixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSw2QkFBNkI7RUFDN0IsK0JBQStCO0VBQy9CLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLDRCQUE0QjtFQUM1QixpQkFBaUI7RUFDakIsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UseUJBQXlCO0VBQ3pCLGlCQUFpQjtFQUNqQixnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSx3QkFBd0I7RUFDeEIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0Usd0JBQXdCO0NBQ3pCOztBQUVEO0VBQ0UsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usc0JBQXNCO0NBQ3ZCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usa0NBQWtDO0VBQ2xDLGlCQUFpQjtFQUNqQixzQkFBc0I7RUFDdEIsaUJBQWlCO0VBQ2pCLGtCQUFrQjtDQUNuQjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsWUFBWTtDQUNiOztBQUVEOztFQUVFLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLGVBQWU7RUFDZixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSw2QkFBNkI7Q0FDOUI7O0FBRUQ7O0VBRUUsc0JBQXNCO0VBQ3RCLGVBQWU7Q0FDaEI7O0FBRUQ7O0VBRUUsc0JBQXNCO0VBQ3RCLGVBQWU7Q0FDaEI7O0FBRUQ7O0VBRUUsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usa0JBQWtCO0NBQ25COztBQUVEOztFQUVFLHNCQUFzQjtFQUN0Qix5QkFBeUI7RUFDekIsMEJBQW9CO01BQXBCLHVCQUFvQjtVQUFwQixvQkFBb0I7RUFDcEIsOEJBQThCO0VBQzlCLG1CQUFtQjtFQUNuQix5QkFBaUI7VUFBakIsaUJBQWlCO0VBQ2pCLDRCQUFxQjtFQUFyQiw0QkFBcUI7RUFBckIscUJBQXFCO0VBQ3JCLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2Ysd0JBQTRCO01BQTVCLHFCQUE0QjtVQUE1Qiw0QkFBNEI7RUFDNUIsaUJBQWlCO0VBQ2pCLG9DQUFvQztFQUNwQyxrQ0FBa0M7RUFDbEMsbUNBQW1DO0VBQ25DLGlDQUFpQztFQUNqQyxtQkFBbUI7RUFDbkIsb0JBQW9CO0VBQ3BCLHdCQUF3QjtFQUN4QixzQkFBc0I7RUFDdEIsZUFBZTtFQUNmLDBEQUFrRDtVQUFsRCxrREFBa0Q7RUFDbEQsZ0JBQWdCO0VBQ2hCLFlBQVk7Q0FDYjs7QUFFRDs7Ozs7RUFLRSxjQUFjO0NBQ2Y7O0FBRUQ7O0VBRUUsb0JBQW9CO0NBQ3JCOztBQUVEOzs7RUFHRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7Ozs7O0VBS0Usc0JBQXNCO0NBQ3ZCOztBQUVEOztFQUVFLDZCQUE2QjtFQUM3Qix5QkFBeUI7RUFDekIseUJBQWlCO1VBQWpCLGlCQUFpQjtFQUNqQixlQUFlO0NBQ2hCOztBQUVEOztFQUVFLDZCQUE2QjtDQUM5Qjs7QUFFRDs7RUFFRSw2QkFBNkI7Q0FDOUI7O0FBRUQ7O0VBRUUsNkJBQTZCO0NBQzlCOztBQUVEOztFQUVFLDZCQUE2QjtDQUM5Qjs7QUFFRDs7RUFFRSx3QkFBd0I7Q0FDekI7O0FBRUQ7O0VBRUUsb0JBQW9CO0NBQ3JCOztBQUVEOztFQUVFLHNCQUFzQjtDQUN2Qjs7QUFFRDs7RUFFRSx5QkFBeUI7Q0FDMUI7O0FBRUQ7O0VBRUUsc0JBQXNCO0NBQ3ZCOztBQUVEOztFQUVFLHNCQUFzQjtDQUN2Qjs7QUFFRDs7RUFFRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7O0VBRUUsc0JBQXNCO0NBQ3ZCOztBQUVEOztFQUVFLHNCQUFzQjtDQUN2Qjs7QUFFRDs7RUFFRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7O0VBRUUsbUJBQW1CO0VBQ25CLG1CQUFtQjtDQUNwQjs7QUFFRDs7RUFFRSxtQkFBbUI7Q0FDcEI7O0FBRUQ7O0VBRUUsa0JBQWtCO0NBQ25COztBQUVEOztFQUVFLGVBQWU7RUFDZixZQUFZO0NBQ2I7O0FBRUQ7O0VBRUUsZ0JBQWdCO0VBQ2hCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGlCQUFpQjtFQUNqQixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxrQkFBa0I7RUFDbEIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsY0FBYztDQUNmOztBQUVEOztFQUVFLGdCQUFnQjtFQUNoQixzQkFBc0I7RUFDdEIsa0JBQWtCO0VBQ2xCLG1CQUFtQjtDQUNwQjs7QUFFRDs7RUFFRSxnQkFBZ0I7Q0FDakI7O0FBRUQ7O0VBRUUsZUFBZTtDQUNoQjs7QUFFRDs7RUFFRSxlQUFlO0VBQ2Ysb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usc0JBQXNCO0VBQ3RCLGdCQUFnQjtFQUNoQixtQkFBbUI7RUFDbkIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixnQkFBZ0I7RUFDaEIsY0FBYztFQUNkLGFBQWE7RUFDYixlQUFlO0VBQ2YsY0FBYztFQUNkLHFCQUFxQjtFQUNyQixtQkFBbUI7RUFDbkIsa0NBQTBCO1VBQTFCLDBCQUEwQjtFQUMxQixhQUFhO0VBQ2IscUJBQXFCO0VBQ3JCLGVBQWU7RUFDZixTQUFTO0VBQ1QsV0FBVztDQUNaOztBQUVEO0VBQ0Usc0JBQXNCO0VBQ3RCLHlCQUF5QjtFQUN6QiwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQiw4QkFBOEI7RUFDOUIsbUJBQW1CO0VBQ25CLHlCQUFpQjtVQUFqQixpQkFBaUI7RUFDakIsNEJBQXFCO0VBQXJCLDRCQUFxQjtFQUFyQixxQkFBcUI7RUFDckIsZ0JBQWdCO0VBQ2hCLGVBQWU7RUFDZix3QkFBNEI7TUFBNUIscUJBQTRCO1VBQTVCLDRCQUE0QjtFQUM1QixpQkFBaUI7RUFDakIsb0NBQW9DO0VBQ3BDLGtDQUFrQztFQUNsQyxtQ0FBbUM7RUFDbkMsaUNBQWlDO0VBQ2pDLG1CQUFtQjtFQUNuQixvQkFBb0I7RUFDcEIsd0JBQXdCO0VBQ3hCLHNCQUFzQjtFQUN0QixlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGVBQWU7RUFDZixlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLDZCQUE2QjtFQUM3Qix5QkFBeUI7RUFDekIseUJBQWlCO1VBQWpCLGlCQUFpQjtFQUNqQixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsNkJBQTZCO0NBQzlCOztBQUVEO0VBQ0UsNkJBQTZCO0NBQzlCOztBQUVEO0VBQ0UsNkJBQTZCO0NBQzlCOztBQUVEO0VBQ0UsNkJBQTZCO0NBQzlCOztBQUVEO0VBQ0Usc0JBQXNCO0NBQ3ZCOztBQUVEO0VBQ0Usc0JBQXNCO0NBQ3ZCOztBQUVEO0VBQ0UsY0FBYztDQUNmOztBQUVEO0VBQ0UseUJBQXlCO0NBQzFCOztBQUVEO0VBQ0UscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0UsY0FBYztFQUNkLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLHlCQUF5QjtDQUMxQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSxZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxvREFBNEM7VUFBNUMsNENBQTRDO0VBQzVDLDBCQUEwQjtFQUMxQix3QkFBd0I7RUFDeEIsZ0NBQWdDO0VBQ2hDLDhCQUE4QjtFQUM5QixZQUFZO0VBQ1osZUFBZTtFQUNmLFlBQVk7RUFDWixtQkFBbUI7RUFDbkIsV0FBVztFQUNYLGNBQWM7RUFDZCxtQkFBbUI7RUFDbkIsZUFBZTtFQUNmLGFBQWE7RUFDYix3QkFBZ0I7VUFBaEIsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsZUFBZTtFQUNmLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsZUFBZTtFQUNmLG1CQUFtQjtFQUNuQixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0Usa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCx3QkFBNEI7TUFBNUIscUJBQTRCO1VBQTVCLDRCQUE0QjtDQUM3Qjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDs7O0VBR0UsK0JBQStCO0VBQy9CLDRCQUE0QjtDQUM3Qjs7QUFFRDs7O0VBR0UsZ0NBQWdDO0VBQ2hDLDZCQUE2QjtDQUM5Qjs7QUFFRDs7O0VBR0UsaUJBQWlCO0NBQ2xCOztBQUVEOzs7OztFQUtFLFdBQVc7Q0FDWjs7QUFFRDs7Ozs7Ozs7O0VBU0UsV0FBVztDQUNaOztBQUVEOzs7Ozs7Ozs7RUFTRSxXQUFXO0NBQ1o7O0FBRUQ7RUFDRSxvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtDQUNkOztBQUVEO0VBQ0UseUJBQXdCO01BQXhCLHNCQUF3QjtVQUF4Qix3QkFBd0I7Q0FDekI7O0FBRUQ7RUFDRSxzQkFBMEI7TUFBMUIsbUJBQTBCO1VBQTFCLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLG9CQUFhO01BQWIscUJBQWE7VUFBYixhQUFhO0VBQ2IscUJBQWU7TUFBZixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCx3QkFBNEI7TUFBNUIscUJBQTRCO1VBQTVCLDRCQUE0QjtDQUM3Qjs7QUFFRDtFQUNFLHFCQUFlO01BQWYsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGlCQUFpQjtFQUNqQixzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSxvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0NBQ3pCOztBQUVEO0VBQ0Usc0JBQTBCO01BQTFCLG1CQUEwQjtVQUExQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRTtJQUNFLHFCQUFjO0lBQWQscUJBQWM7SUFBZCxjQUFjO0dBQ2Y7Q0FDRjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFO0lBQ0Usc0JBQXNCO0dBQ3ZCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDJCQUFjO1FBQWQsY0FBYztJQUNkLG9CQUFhO1FBQWIscUJBQWE7WUFBYixhQUFhO0lBQ2IscUJBQWU7UUFBZixlQUFlO0lBQ2YscUJBQXFCO0lBQ3JCLGtCQUFrQjtHQUNuQjtFQUNEO0lBQ0UsbUJBQW1CO0lBQ25CLHFCQUFxQjtHQUN0QjtFQUNEO0lBQ0UscUJBQXFCO0dBQ3RCO0VBQ0Q7SUFDRSxtQkFBbUI7SUFDbkIscUJBQXFCO0dBQ3RCO0VBQ0Q7SUFDRSxrQkFBa0I7SUFDbEIscUJBQXFCO0dBQ3RCO0NBQ0Y7O0FBRUQ7RUFDRSxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRTtJQUNFLHFCQUFjO0lBQWQscUJBQWM7SUFBZCxjQUFjO0lBQ2QsMkJBQWM7UUFBZCxjQUFjO0lBQ2Qsb0JBQWE7UUFBYixxQkFBYTtZQUFiLGFBQWE7SUFDYixxQkFBZTtRQUFmLGVBQWU7R0FDaEI7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UscUJBQWU7UUFBZixlQUFlO0dBQ2hCO0VBQ0Q7SUFDRSxvQkFBYTtRQUFiLHFCQUFhO1lBQWIsYUFBYTtHQUNkO0VBQ0Q7SUFDRSxzQkFBc0I7R0FDdkI7Q0FDRjs7QUFFRDtFQUNFLGdCQUFnQjtFQUNoQixtQkFBbUI7RUFDbkIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLGVBQWU7RUFDZixxQkFBcUI7RUFDckIsbUJBQW1CO0VBQ25CLE9BQU87RUFDUCxjQUFjO0VBQ2QsV0FBVztDQUNaOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLFFBQVE7Q0FDVDs7QUFFRDtFQUNFLHFCQUFxQjtDQUN0Qjs7QUFFRDtFQUNFLFNBQVM7Q0FDVjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDs7O0VBR0UsZUFBZTtDQUNoQjs7QUFFRDs7O0VBR0UsbUJBQW1CO0NBQ3BCOztBQUVEOzs7RUFHRSxtQkFBbUI7Q0FDcEI7O0FBRUQ7OztFQUdFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLGVBQWU7RUFDZixlQUFlO0VBQ2YscUJBQXFCO0VBQ3JCLG1CQUFtQjtFQUNuQixPQUFPO0VBQ1AsY0FBYztFQUNkLFdBQVc7Q0FDWjs7QUFFRDs7RUFFRSxxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSxRQUFRO0NBQ1Q7O0FBRUQ7O0VBRUUsc0JBQXNCO0NBQ3ZCOztBQUVEO0VBQ0UsU0FBUztDQUNWOztBQUVEO0VBQ0Usb0RBQTRDO1VBQTVDLDRDQUE0QztFQUM1QywwQkFBMEI7RUFDMUIsd0JBQXdCO0VBQ3hCLGdDQUFnQztFQUNoQyw4QkFBOEI7RUFDOUIsWUFBWTtFQUNaLGVBQWU7RUFDZixZQUFZO0VBQ1osbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCw4QkFBOEI7RUFDOUIsZUFBZTtFQUNmLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLDRCQUFxQjtFQUFyQiw0QkFBcUI7RUFBckIscUJBQXFCO0VBQ3JCLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0VBQ3hCLGVBQWU7RUFDZixjQUFjO0NBQ2Y7O0FBRUQ7RUFDRSxnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsWUFBWTtDQUNiOztBQUVEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UsYUFBYTtFQUNiLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLGFBQWE7RUFDYixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLGFBQWE7RUFDYixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsUUFBUTtFQUNSLG1CQUFtQjtFQUNuQixTQUFTO0VBQ1QsT0FBTztFQUNQLGFBQWE7RUFDYixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsWUFBWTtDQUNiOztBQUVEO0VBQ0UsYUFBYTtFQUNiLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLGFBQWE7RUFDYixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsWUFBWTtDQUNiOztBQUVEO0VBQ0UsYUFBYTtFQUNiLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLGFBQWE7RUFDYixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxjQUFjO0VBQ2QsYUFBYTtDQUNkOztBQUVEO0VBQ0UsNkJBQTZCO0VBQzdCLG1CQUFtQjtFQUNuQix1Q0FBdUM7RUFDdkMsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usc0JBQXNCO0NBQ3ZCOztBQUVEO0VBQ0Usb0JBQW9CO0VBQ3BCLDJCQUEyQjtDQUM1Qjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDs7RUFFRSxrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSx3QkFBd0I7Q0FDekI7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsYUFBYTtFQUNiLFdBQVc7Q0FDWjs7QUFFRDs7O0VBR0Usb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0Usd0JBQXdCO0VBQ3hCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsYUFBYTtDQUNkOztBQUVEO0VBQ0UsNkJBQTZCO0VBQzdCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIseUJBQXlCO0VBQ3pCLGFBQWE7RUFDYix3QkFBd0I7RUFDeEIsZUFBZTtFQUNmLGFBQWE7RUFDYixpQkFBaUI7RUFDakIsV0FBVztFQUNYLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLHdCQUF3QjtDQUN6Qjs7QUFFRDtFQUNFLHdCQUF3QjtDQUN6Qjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDZCQUE2QjtDQUM5Qjs7QUFFRDtFQUNFLDZCQUE2QjtDQUM5Qjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSx3QkFBd0I7RUFDeEIsZUFBZTtFQUNmLHNCQUFzQjtFQUN0QixZQUFZO0NBQ2I7O0FBRUQ7O0VBRUUsMEJBQTBCO0VBQzFCLHNCQUFzQjtFQUN0QixzQkFBc0I7RUFDdEIsb0JBQW9CO0NBQ3JCOztBQUVEOztFQUVFLG9CQUFvQjtFQUNwQixVQUFVO0NBQ1g7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLFlBQVk7Q0FDYjs7QUFFRDs7RUFFRSxvQkFBb0I7Q0FDckI7O0FBRUQ7O0VBRUUsbUJBQW1CO0VBQ25CLG9CQUFvQjtDQUNyQjs7QUFFRDs7RUFFRSxzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDs7RUFFRSxzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDs7RUFFRSx1QkFBdUI7Q0FDeEI7O0FBRUQ7O0VBRUUsa0JBQWtCO0NBQ25COztBQUVEOztFQUVFLHlCQUF5QjtDQUMxQjs7QUFFRDs7RUFFRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSw2QkFBNkI7Q0FDOUI7O0FBRUQ7RUFDRSwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQiw2QkFBNkI7RUFDN0Isd0JBQXdCO0VBQ3hCLGVBQWU7RUFDZiw0QkFBcUI7RUFBckIsNEJBQXFCO0VBQXJCLHFCQUFxQjtFQUNyQixtQkFBbUI7RUFDbkIsWUFBWTtFQUNaLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0VBQ3hCLGlCQUFpQjtFQUNqQixzQkFBc0I7RUFDdEIsdUJBQXVCO0VBQ3ZCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQix1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSx3QkFBd0I7RUFDeEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSw2QkFBNkI7RUFDN0IsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDs7RUFFRSx1QkFBdUI7Q0FDeEI7O0FBRUQ7O0VBRUUsc0JBQXNCO0NBQ3ZCOztBQUVEOzs7O0VBSUUsaUJBQWlCO0NBQ2xCOztBQUVEOztFQUVFLGlCQUFpQjtDQUNsQjs7QUFFRDs7RUFFRSx1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGlCQUFpQjtFQUNqQixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0Usb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0Usa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0Usa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLG1CQUFtQjtFQUNuQixpQkFBaUI7RUFDakIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLGVBQWU7RUFDZixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRTtJQUNFLGlCQUFpQjtJQUNqQixhQUFhO0dBQ2Q7RUFDRDtJQUNFLGtCQUFrQjtJQUNsQixtQkFBbUI7SUFDbkIsZ0JBQWdCO0lBQ2hCLFlBQVk7R0FDYjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxrQkFBa0I7SUFDbEIsWUFBWTtHQUNiO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLGtCQUFrQjtJQUNsQixZQUFZO0dBQ2I7Q0FDRjs7QUFFRDtFQUNFO0lBQ0Usa0JBQWtCO0lBQ2xCLGNBQWM7R0FDZjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxrQkFBa0I7SUFDbEIsY0FBYztHQUNmO0NBQ0Y7O0FBRUQ7RUFDRSw0QkFBNEI7RUFDNUIsMEJBQTBCO0VBQzFCLHVCQUF1QjtFQUN2QixzQkFBc0I7RUFDdEIsa0JBQWtCO0VBQ2xCLHNCQUFzQjtFQUN0Qix5QkFBeUI7RUFDekIsd0NBQXdDO0VBQ3hDLGFBQWE7RUFDYix3QkFBd0I7RUFDeEIsZ0JBQWdCO0VBQ2hCLHNCQUFzQjtFQUN0QixvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtFQUNmLGdCQUFnQjtFQUNoQixhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLGdCQUFnQjtFQUNoQixpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxtQkFBbUI7RUFDbkIsb0JBQW9CO0VBQ3BCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHdCQUF3QjtFQUN4QixZQUFZO0VBQ1osZUFBZTtFQUNmLFVBQVU7RUFDVixtQkFBbUI7RUFDbkIsU0FBUztFQUNULG1FQUEyRDtVQUEzRCwyREFBMkQ7RUFDM0Qsd0NBQWdDO1VBQWhDLGdDQUFnQztDQUNqQzs7QUFFRDtFQUNFLFlBQVk7RUFDWixXQUFXO0NBQ1o7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osV0FBVztDQUNaOztBQUVEO0VBQ0Usd0NBQXdDO0NBQ3pDOztBQUVEO0VBQ0Usd0NBQXdDO0NBQ3pDOztBQUVEO0VBQ0UsYUFBYTtFQUNiLGlCQUFpQjtFQUNqQixnQkFBZ0I7RUFDaEIsaUJBQWlCO0VBQ2pCLGdCQUFnQjtFQUNoQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLGdCQUFnQjtFQUNoQixpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLGFBQWE7RUFDYixpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLGlCQUFpQjtFQUNqQixnQkFBZ0I7RUFDaEIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtFQUNuQixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLG9CQUFvQjtFQUNwQixtQkFBbUI7RUFDbkIsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsaUJBQWlCO0VBQ2pCLGdCQUFnQjtFQUNoQixpQkFBaUI7RUFDakIsV0FBVztDQUNaOztBQUVEO0VBQ0Usc0JBQXNCO0NBQ3ZCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLG9EQUE0QztVQUE1Qyw0Q0FBNEM7RUFDNUMsMEJBQTBCO0VBQzFCLHdCQUF3QjtFQUN4QixnQ0FBZ0M7RUFDaEMsOEJBQThCO0VBQzlCLFlBQVk7RUFDWixlQUFlO0VBQ2YsWUFBWTtFQUNaLG1CQUFtQjtFQUNuQixXQUFXO0NBQ1o7O0FBRUQ7RUFDRSwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQiw2QkFBNkI7RUFDN0Isd0JBQXdCO0VBQ3hCLDRCQUFxQjtFQUFyQiw0QkFBcUI7RUFBckIscUJBQXFCO0VBQ3JCLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1oseUJBQXdCO01BQXhCLHNCQUF3QjtVQUF4Qix3QkFBd0I7RUFDeEIscUJBQXFCO0VBQ3JCLGlCQUFpQjtFQUNqQix3QkFBd0I7RUFDeEIsbUJBQW1CO0VBQ25CLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLDRCQUE0QjtFQUM1QiwwQkFBMEI7RUFDMUIsdUJBQXVCO0VBQ3ZCLHNCQUFzQjtFQUN0QixrQkFBa0I7RUFDbEIsMkJBQXFCO01BQXJCLHdCQUFxQjtVQUFyQixxQkFBcUI7RUFDckIscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCxnQkFBZ0I7RUFDaEIsaUJBQWlCO0VBQ2pCLGlCQUFpQjtFQUNqQixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQixlQUFlO0VBQ2YscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCx5QkFBd0I7TUFBeEIsc0JBQXdCO1VBQXhCLHdCQUF3QjtFQUN4QixzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQW9CO01BQXBCLHVCQUFvQjtVQUFwQixvQkFBb0I7RUFDcEIscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2Qsb0JBQWE7TUFBYixxQkFBYTtVQUFiLGFBQWE7RUFDYixxQkFBZTtNQUFmLGVBQWU7RUFDZix3QkFBNEI7TUFBNUIscUJBQTRCO1VBQTVCLDRCQUE0QjtDQUM3Qjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0NBQ3pCOztBQUVEO0VBQ0Usc0JBQTBCO01BQTFCLG1CQUEwQjtVQUExQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSxrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSxrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSxrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSxrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSx3QkFBd0I7RUFDeEIscUZBQTZFO1VBQTdFLDZFQUE2RTtFQUM3RSxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLDJCQUFxQjtNQUFyQix3QkFBcUI7VUFBckIscUJBQXFCO0VBQ3JCLG9EQUE0QztVQUE1Qyw0Q0FBNEM7RUFDNUMscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLGVBQWU7RUFDZixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLG9CQUFhO01BQWIscUJBQWE7VUFBYixhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLGdCQUFnQjtFQUNoQixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0VBQ3hCLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLGVBQWU7RUFDZixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIsMkJBQXFCO01BQXJCLHdCQUFxQjtVQUFyQixxQkFBcUI7RUFDckIscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2QsMkJBQWM7TUFBZCxjQUFjO0VBQ2Qsb0JBQWE7TUFBYixxQkFBYTtVQUFiLGFBQWE7RUFDYixxQkFBZTtNQUFmLGVBQWU7RUFDZix5QkFBd0I7TUFBeEIsc0JBQXdCO1VBQXhCLHdCQUF3QjtFQUN4QixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxnQ0FBZ0M7Q0FDakM7O0FBRUQ7RUFDRSx1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSw0QkFBcUI7RUFBckIsNEJBQXFCO0VBQXJCLHFCQUFxQjtFQUNyQixtQkFBbUI7RUFDbkIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLFdBQVc7RUFDWCxTQUFTO0NBQ1Y7O0FBRUQ7RUFDRSxjQUFjO0VBQ2QsUUFBUTtFQUNSLGlCQUFpQjtFQUNqQixpQkFBaUI7RUFDakIsaUJBQWlCO0VBQ2pCLG1CQUFtQjtFQUNuQixVQUFVO0VBQ1YsWUFBWTtFQUNaLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHdCQUF3QjtFQUN4QixtQkFBbUI7RUFDbkIscUZBQTZFO1VBQTdFLDZFQUE2RTtFQUM3RSx1QkFBdUI7RUFDdkIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLGVBQWU7RUFDZixvQkFBb0I7RUFDcEIsaUJBQWlCO0VBQ2pCLHVCQUF1QjtFQUN2QixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxvQkFBb0I7RUFDcEIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsNkJBQTZCO0VBQzdCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLGFBQWE7RUFDYixlQUFlO0VBQ2YsWUFBWTtFQUNaLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2QsOEJBQWlCO01BQWpCLGlCQUFpQjtFQUNqQixvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtFQUNmLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0NBQ3pCOztBQUVEOztFQUVFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFO0lBQ0UsdUJBQXVCO0dBQ3hCO0NBQ0Y7O0FBRUQ7O0VBRUUsOEJBQWlCO01BQWpCLGlCQUFpQjtFQUNqQixvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtDQUNoQjs7QUFFRDs7RUFFRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7O0VBRUUsb0JBQWE7TUFBYixxQkFBYTtVQUFiLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLHdCQUE0QjtNQUE1QixxQkFBNEI7VUFBNUIsNEJBQTRCO0NBQzdCOztBQUVEO0VBQ0U7SUFDRSxtQkFBbUI7R0FDcEI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UscUJBQWM7SUFBZCxxQkFBYztJQUFkLGNBQWM7R0FDZjtDQUNGOztBQUVEO0VBQ0UsMEJBQW9CO01BQXBCLHVCQUFvQjtVQUFwQixvQkFBb0I7RUFDcEIsc0JBQTBCO01BQTFCLG1CQUEwQjtVQUExQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRTtJQUNFLHFCQUFjO0lBQWQscUJBQWM7SUFBZCxjQUFjO0dBQ2Y7Q0FDRjs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLDBCQUErQjtNQUEvQix1QkFBK0I7VUFBL0IsK0JBQStCO0NBQ2hDOztBQUVEO0VBQ0Usc0JBQXNCO0NBQ3ZCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usc0JBQXNCO0VBQ3RCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0NBQ2Y7O0FBRUQ7O0VBRUUscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLG9CQUFhO01BQWIscUJBQWE7VUFBYixhQUFhO0NBQ2Q7O0FBRUQ7RUFDRTtJQUNFLHFCQUFjO0lBQWQscUJBQWM7SUFBZCxjQUFjO0dBQ2Y7RUFDRDtJQUNFLG9CQUFhO1FBQWIscUJBQWE7WUFBYixhQUFhO0dBQ2Q7Q0FDRjs7QUFFRDs7RUFFRSw4QkFBaUI7TUFBakIsaUJBQWlCO0VBQ2pCLG9CQUFhO01BQWIscUJBQWE7VUFBYixhQUFhO0VBQ2IscUJBQWU7TUFBZixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsOEJBQWlCO01BQWpCLGlCQUFpQjtFQUNqQixvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtFQUNmLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0VBQ3hCLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2QsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsK0NBQStDO0VBQy9DLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2QscUJBQXFCO0NBQ3RCOztBQUVEOztFQUVFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLCtDQUErQztFQUMvQyxpQkFBaUI7RUFDakIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixlQUFlO0VBQ2YsZUFBZTtFQUNmLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLDZCQUE2QjtFQUM3QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLCtCQUErQjtFQUMvQixlQUFlO0VBQ2YscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixzQkFBc0I7RUFDdEIsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsNkJBQTZCO0VBQzdCLG1CQUFtQjtFQUNuQixnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSx3QkFBd0I7Q0FDekI7O0FBRUQ7RUFDRSx3QkFBd0I7RUFDeEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLHNCQUFzQjtFQUN0QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsNkJBQTZCO0VBQzdCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSx5QkFBeUI7RUFDekIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLDBCQUEwQjtFQUMxQiwyQkFBMkI7RUFDM0IsWUFBWTtFQUNaLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2QsMEJBQStCO01BQS9CLHVCQUErQjtVQUEvQiwrQkFBK0I7RUFDL0Isa0JBQWtCO0VBQ2xCLHNCQUFzQjtFQUN0QixtQkFBbUI7Q0FDcEI7O0FBRUQ7O0VBRUUsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsMkJBQTJCO0NBQzVCOztBQUVEO0VBQ0Usb0JBQWE7TUFBYixxQkFBYTtVQUFiLGFBQWE7RUFDYixxQkFBZTtNQUFmLGVBQWU7RUFDZixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsMkJBQTJCO0VBQzNCLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixtQkFBbUI7RUFDbkIsZUFBZTtFQUNmLG9CQUFvQjtDQUNyQjs7QUFFRDs7RUFFRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSwyQkFBMkI7Q0FDNUI7O0FBRUQ7O0VBRUUsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0Usd0JBQXdCO0NBQ3pCOztBQUVEO0VBQ0UsVUFBVTtFQUNWLFFBQVE7RUFDUixtQkFBbUI7RUFDbkIsU0FBUztFQUNULE9BQU87RUFDUCx5Q0FBeUM7Q0FDMUM7O0FBRUQ7O0VBRUUsZUFBZTtFQUNmLGdDQUFnQztFQUNoQyxlQUFlO0VBQ2YsbUJBQW1CO0VBQ25CLFlBQVk7Q0FDYjs7QUFFRDtFQUNFOztJQUVFLGVBQWU7SUFDZiwrQkFBK0I7SUFDL0IsYUFBYTtHQUNkO0NBQ0Y7O0FBRUQ7RUFDRSw0QkFBNEI7RUFDNUIsMEJBQTBCO0VBQzFCLHVCQUF1QjtFQUN2QixzQkFBc0I7RUFDdEIsa0JBQWtCO0VBQ2xCLHNCQUFzQjtFQUN0Qix5QkFBeUI7RUFDekIsd0NBQXdDO0VBQ3hDLGFBQWE7RUFDYix3QkFBd0I7RUFDeEIsZ0JBQWdCO0VBQ2hCLHNCQUFzQjtFQUN0QixvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtFQUNmLGdCQUFnQjtFQUNoQixhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLGdCQUFnQjtFQUNoQixpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxtQkFBbUI7RUFDbkIsb0JBQW9CO0VBQ3BCLFlBQVk7RUFDWixpQkFBaUI7RUFDakIsYUFBYTtFQUNiLGdCQUFnQjtFQUNoQixZQUFZO0VBQ1osVUFBVTtFQUNWLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHdCQUF3QjtFQUN4QixZQUFZO0VBQ1osZUFBZTtFQUNmLFVBQVU7RUFDVixtQkFBbUI7RUFDbkIsU0FBUztFQUNULG1FQUEyRDtVQUEzRCwyREFBMkQ7RUFDM0Qsd0NBQWdDO1VBQWhDLGdDQUFnQztDQUNqQzs7QUFFRDtFQUNFLFlBQVk7RUFDWixXQUFXO0NBQ1o7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osV0FBVztDQUNaOztBQUVEO0VBQ0Usd0NBQXdDO0NBQ3pDOztBQUVEO0VBQ0Usd0NBQXdDO0NBQ3pDOztBQUVEO0VBQ0UsYUFBYTtFQUNiLGlCQUFpQjtFQUNqQixnQkFBZ0I7RUFDaEIsaUJBQWlCO0VBQ2pCLGdCQUFnQjtFQUNoQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLGdCQUFnQjtFQUNoQixpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLGFBQWE7RUFDYixpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLGlCQUFpQjtFQUNqQixnQkFBZ0I7RUFDaEIsWUFBWTtDQUNiOztBQUVEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCw2QkFBdUI7RUFBdkIsOEJBQXVCO01BQXZCLDJCQUF1QjtVQUF2Qix1QkFBdUI7RUFDdkIsK0JBQStCO0VBQy9CLGlCQUFpQjtDQUNsQjs7QUFFRDs7RUFFRSwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQiw2QkFBNkI7RUFDN0IscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCxxQkFBZTtNQUFmLGVBQWU7RUFDZix3QkFBNEI7TUFBNUIscUJBQTRCO1VBQTVCLDRCQUE0QjtFQUM1QixjQUFjO0VBQ2QsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsaUNBQWlDO0VBQ2pDLDRCQUE0QjtFQUM1Qiw2QkFBNkI7Q0FDOUI7O0FBRUQ7RUFDRSxlQUFlO0VBQ2Ysb0JBQWE7TUFBYixxQkFBYTtVQUFiLGFBQWE7RUFDYixxQkFBZTtNQUFmLGVBQWU7RUFDZixrQkFBa0I7RUFDbEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLCtCQUErQjtFQUMvQixnQ0FBZ0M7RUFDaEMsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usa0NBQWtDO0VBQ2xDLHdCQUF3QjtFQUN4QixvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtFQUNmLGVBQWU7RUFDZixjQUFjO0NBQ2Y7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsUUFBUTtFQUNSLG1CQUFtQjtFQUNuQixTQUFTO0VBQ1QsT0FBTztFQUNQLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLGNBQWM7RUFDZCx5QkFBd0I7TUFBeEIsc0JBQXdCO1VBQXhCLHdCQUF3QjtFQUN4QixpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0NBQ2Y7O0FBRUQ7RUFDRSxnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLGdCQUFnQjtFQUNoQixtQkFBbUI7RUFDbkIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixlQUFlO0VBQ2YsWUFBWTtFQUNaLFVBQVU7RUFDVixrQkFBa0I7RUFDbEIsbUJBQW1CO0VBQ25CLFNBQVM7RUFDVCx1Q0FBK0I7RUFBL0IsK0JBQStCO0VBQy9CLDBFQUEwRDtFQUExRCxrRUFBMEQ7RUFBMUQsMERBQTBEO0VBQTFELDZFQUEwRDtFQUMxRCxZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSw2QkFBNkI7Q0FDOUI7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxrQkFBa0I7RUFDbEIsaUNBQXlCO1VBQXpCLHlCQUF5QjtFQUN6QixtQ0FBMkI7VUFBM0IsMkJBQTJCO0NBQzVCOztBQUVEO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0Usa0JBQWtCO0VBQ2xCLGtDQUEwQjtVQUExQiwwQkFBMEI7RUFDMUIsc0NBQThCO1VBQTlCLDhCQUE4QjtDQUMvQjs7QUFFRDtFQUNFO0lBQ0UsY0FBYztHQUNmO0NBQ0Y7O0FBRUQ7RUFDRSwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLG9CQUFhO01BQWIscUJBQWE7VUFBYixhQUFhO0VBQ2IscUJBQWU7TUFBZixlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0VBQ3hCLGlCQUFpQjtFQUNqQix3QkFBd0I7Q0FDekI7O0FBRUQ7RUFDRSxvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLHFCQUFxQjtDQUN0Qjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFO0lBQ0Usd0JBQTRCO1FBQTVCLHFCQUE0QjtZQUE1Qiw0QkFBNEI7R0FDN0I7Q0FDRjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEOztFQUVFLGVBQWU7Q0FDaEI7O0FBRUQ7O0VBRUUsZUFBZTtDQUNoQjs7QUFFRDs7RUFFRSxxQ0FBcUM7RUFDckMsa0NBQWtDO0VBQ2xDLG9DQUFvQztFQUNwQyxtQkFBbUI7RUFDbkIsb0JBQW9CO0VBQ3BCLGlDQUFpQztDQUNsQzs7QUFFRDs7RUFFRSw2QkFBNkI7RUFDN0IsOEJBQThCO0NBQy9COztBQUVEOztFQUVFLGlDQUFpQztFQUNqQyxlQUFlO0VBQ2Ysb0NBQW9DO0NBQ3JDOztBQUVEO0VBQ0U7O0lBRUUsZ0JBQWdCO0dBQ2pCO0NBQ0Y7O0FBRUQ7O0VBRUUsa0NBQWtDO0VBQ2xDLDJCQUFxQjtNQUFyQix3QkFBcUI7VUFBckIscUJBQXFCO0VBQ3JCLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2Qsb0JBQWE7TUFBYixxQkFBYTtVQUFiLGFBQWE7RUFDYixxQkFBZTtNQUFmLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFOztJQUVFLDJCQUFjO1FBQWQsY0FBYztHQUNmO0NBQ0Y7O0FBRUQ7RUFDRSx3QkFBNEI7TUFBNUIscUJBQTRCO1VBQTVCLDRCQUE0QjtFQUM1QixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxzQkFBMEI7TUFBMUIsbUJBQTBCO1VBQTFCLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDJCQUFxQjtNQUFyQix3QkFBcUI7VUFBckIscUJBQXFCO0VBQ3JCLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2Qsb0JBQWE7TUFBYixxQkFBYTtVQUFiLGFBQWE7RUFDYixxQkFBZTtNQUFmLGVBQWU7RUFDZix5QkFBd0I7TUFBeEIsc0JBQXdCO1VBQXhCLHdCQUF3QjtFQUN4QixrQkFBa0I7RUFDbEIsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0U7SUFDRSx3QkFBd0I7SUFDeEIsb0RBQTRDO1lBQTVDLDRDQUE0QztJQUM1QyxRQUFRO0lBQ1IsY0FBYztJQUNkLFNBQVM7SUFDVCxVQUFVO0lBQ1YsbUJBQW1CO0dBQ3BCO0VBQ0Q7SUFDRSwrQ0FBK0M7SUFDL0MsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxlQUFlO0dBQ2hCO0NBQ0Y7O0FBRUQ7RUFDRSwyQkFBcUI7TUFBckIsd0JBQXFCO1VBQXJCLHFCQUFxQjtFQUNyQix3QkFBd0I7RUFDeEIscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCxnQkFBZ0I7RUFDaEIsbUJBQW1CO0VBQ25CLG1CQUFtQjtFQUNuQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwyQkFBcUI7TUFBckIsd0JBQXFCO1VBQXJCLHFCQUFxQjtFQUNyQixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLG9CQUFvQjtFQUNwQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxvREFBNEM7VUFBNUMsNENBQTRDO0NBQzdDOztBQUVEO0VBQ0Usd0JBQXdCO0VBQ3hCLG9CQUFvQjtFQUNwQixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSwyQkFBcUI7TUFBckIsd0JBQXFCO1VBQXJCLHFCQUFxQjtFQUNyQixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLG9CQUFvQjtFQUNwQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxvREFBNEM7VUFBNUMsNENBQTRDO0NBQzdDOztBQUVEO0VBQ0Usa0NBQWtDO0VBQ2xDLDJCQUFxQjtNQUFyQix3QkFBcUI7VUFBckIscUJBQXFCO0VBQ3JCLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2Qsb0JBQW9CO0VBQ3BCLGlCQUFpQjtFQUNqQixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLGdCQUFnQjtFQUNoQixtQkFBbUI7RUFDbkIsZUFBZTtFQUNmLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixlQUFlO0VBQ2YsWUFBWTtFQUNaLFVBQVU7RUFDVixrQkFBa0I7RUFDbEIsbUJBQW1CO0VBQ25CLFNBQVM7RUFDVCx1Q0FBK0I7RUFBL0IsK0JBQStCO0VBQy9CLDBFQUEwRDtFQUExRCxrRUFBMEQ7RUFBMUQsMERBQTBEO0VBQTFELDZFQUEwRDtFQUMxRCxZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSw2QkFBNkI7Q0FDOUI7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxrQkFBa0I7RUFDbEIsaUNBQXlCO1VBQXpCLHlCQUF5QjtFQUN6QixtQ0FBMkI7VUFBM0IsMkJBQTJCO0NBQzVCOztBQUVEO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0Usa0JBQWtCO0VBQ2xCLGtDQUEwQjtVQUExQiwwQkFBMEI7RUFDMUIsc0NBQThCO1VBQTlCLDhCQUE4QjtDQUMvQjs7QUFFRDtFQUNFLGNBQWM7Q0FDZjs7QUFFRDs7RUFFRSxlQUFlO0VBQ2YsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixxQkFBcUI7RUFDckIsbUJBQW1CO0NBQ3BCOztBQUVEOzs7RUFHRSw2QkFBNkI7RUFDN0IsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLG9CQUFhO01BQWIscUJBQWE7VUFBYixhQUFhO0VBQ2IscUJBQWU7TUFBZixlQUFlO0NBQ2hCOztBQUVEO0VBQ0Usb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0UscUNBQXFDO0VBQ3JDLG9CQUFvQjtFQUNwQixtQ0FBbUM7Q0FDcEM7O0FBRUQ7RUFDRSw4QkFBOEI7RUFDOUIsNkJBQTZCO0NBQzlCOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLGlDQUFpQztFQUNqQyxlQUFlO0VBQ2YsbUNBQW1DO0NBQ3BDOztBQUVEO0VBQ0Usb0JBQWE7TUFBYixxQkFBYTtVQUFiLGFBQWE7RUFDYixxQkFBZTtNQUFmLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSxvQkFBb0I7RUFDcEIsdUJBQXVCO0VBQ3ZCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLHFCQUFxQjtFQUNyQixzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsYUFBYTtFQUNiLGNBQWM7RUFDZCxZQUFZO0VBQ1osaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0U7SUFDRSwwQkFBb0I7UUFBcEIsdUJBQW9CO1lBQXBCLG9CQUFvQjtJQUNwQixxQkFBYztJQUFkLHFCQUFjO0lBQWQsY0FBYztHQUNmO0VBQ0Q7SUFDRSxxREFBNkM7WUFBN0MsNkNBQTZDO0lBQzdDLGtCQUFrQjtHQUNuQjtFQUNEO0lBQ0UsZUFBZTtHQUNoQjtDQUNGOztBQUVEO0VBQ0U7Ozs7SUFJRSwyQkFBcUI7UUFBckIsd0JBQXFCO1lBQXJCLHFCQUFxQjtJQUNyQixxQkFBYztJQUFkLHFCQUFjO0lBQWQsY0FBYztHQUNmO0VBQ0Q7SUFDRSxvQkFBb0I7R0FDckI7RUFDRDs7O0lBR0UsOEJBQThCO0dBQy9CO0VBQ0Q7SUFDRSw4QkFBOEI7R0FDL0I7RUFDRDtJQUNFLDZCQUE2QjtJQUM3QixlQUFlO0dBQ2hCO0VBQ0Q7SUFDRSw2QkFBNkI7SUFDN0IsZUFBZTtHQUNoQjtFQUNEO0lBQ0UsY0FBYztHQUNmO0VBQ0Q7O0lBRUUsMEJBQW9CO1FBQXBCLHVCQUFvQjtZQUFwQixvQkFBb0I7SUFDcEIscUJBQWM7SUFBZCxxQkFBYztJQUFkLGNBQWM7R0FDZjtFQUNEO0lBQ0UsMkJBQXFCO1FBQXJCLHdCQUFxQjtZQUFyQixxQkFBcUI7R0FDdEI7RUFDRDtJQUNFLGVBQWU7R0FDaEI7RUFDRDtJQUNFLFdBQVc7SUFDWCxxQkFBcUI7SUFDckIsaUNBQXlCO1lBQXpCLHlCQUF5QjtHQUMxQjtFQUNEO0lBQ0UsMEJBQTBCO0lBQzFCLGdCQUFnQjtJQUNoQixjQUFjO0lBQ2QsYUFBYTtJQUNiLGVBQWU7SUFDZixjQUFjO0lBQ2QscUJBQXFCO0lBQ3JCLG1CQUFtQjtJQUNuQixrQ0FBMEI7WUFBMUIsMEJBQTBCO0lBQzFCLGFBQWE7SUFDYixxQkFBcUI7SUFDckIsZUFBZTtJQUNmLFNBQVM7R0FDVjtFQUNEO0lBQ0Usb0JBQWE7UUFBYixxQkFBYTtZQUFiLGFBQWE7SUFDYixxQkFBZTtRQUFmLGVBQWU7R0FDaEI7RUFDRDtJQUNFLHdCQUE0QjtRQUE1QixxQkFBNEI7WUFBNUIsNEJBQTRCO0lBQzVCLG1CQUFtQjtHQUNwQjtFQUNEO0lBQ0Usc0JBQTBCO1FBQTFCLG1CQUEwQjtZQUExQiwwQkFBMEI7SUFDMUIsa0JBQWtCO0dBQ25CO0VBQ0Q7SUFDRSx3QkFBd0I7SUFDeEIsK0JBQStCO0lBQy9CLGdDQUFnQztJQUNoQyw4QkFBOEI7SUFDOUIsb0RBQTRDO1lBQTVDLDRDQUE0QztJQUM1QyxjQUFjO0lBQ2Qsb0JBQW9CO0lBQ3BCLFFBQVE7SUFDUixnQkFBZ0I7SUFDaEIsbUJBQW1CO0lBQ25CLFVBQVU7SUFDVixZQUFZO0dBQ2I7RUFDRDtJQUNFLHVCQUF1QjtJQUN2QixvQkFBb0I7R0FDckI7RUFDRDtJQUNFLG9CQUFvQjtHQUNyQjtFQUNEO0lBQ0UsNkJBQTZCO0lBQzdCLGVBQWU7R0FDaEI7RUFDRDtJQUNFLDZCQUE2QjtJQUM3QixlQUFlO0dBQ2hCO0VBQ0Q7SUFDRSxtQkFBbUI7SUFDbkIsaUJBQWlCO0lBQ2pCLHFGQUE2RTtZQUE3RSw2RUFBNkU7SUFDN0UsZUFBZTtJQUNmLFdBQVc7SUFDWCxxQkFBcUI7SUFDckIseUJBQXlCO0lBQ3pCLG9DQUE0QjtZQUE1Qiw0QkFBNEI7SUFDNUIsa0NBQTBCO1lBQTFCLDBCQUEwQjtJQUMxQix3REFBd0M7SUFBeEMsZ0RBQXdDO0lBQXhDLHdDQUF3QztJQUF4QywyREFBd0M7R0FDekM7RUFDRDtJQUNFLGVBQWU7R0FDaEI7RUFDRDtJQUNFLG1CQUFtQjtJQUNuQixvQkFBb0I7R0FDckI7RUFDRDs7SUFFRSxlQUFlO0dBQ2hCO0VBQ0Q7O0lBRUUsOEJBQThCO0dBQy9CO0VBQ0Q7SUFDRSw2QkFBNkI7R0FDOUI7Q0FDRjs7QUFFRDtFQUNFLGdCQUFnQjtFQUNoQixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxrQkFBa0I7Q0FDbkI7O0FBRUQ7O0VBRUUsMEJBQW9CO01BQXBCLHVCQUFvQjtVQUFwQixvQkFBb0I7RUFDcEIscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCx5QkFBd0I7TUFBeEIsc0JBQXdCO1VBQXhCLHdCQUF3QjtFQUN4QixtQkFBbUI7Q0FDcEI7O0FBRUQ7Ozs7RUFJRSxzQkFBc0I7RUFDdEIseUJBQXlCO0VBQ3pCLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLDhCQUE4QjtFQUM5QixtQkFBbUI7RUFDbkIseUJBQWlCO1VBQWpCLGlCQUFpQjtFQUNqQiw0QkFBcUI7RUFBckIsNEJBQXFCO0VBQXJCLHFCQUFxQjtFQUNyQixnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLHdCQUE0QjtNQUE1QixxQkFBNEI7VUFBNUIsNEJBQTRCO0VBQzVCLGlCQUFpQjtFQUNqQixvQ0FBb0M7RUFDcEMsa0NBQWtDO0VBQ2xDLG1DQUFtQztFQUNuQyxpQ0FBaUM7RUFDakMsbUJBQW1CO0VBQ25CLG9CQUFvQjtFQUNwQiw0QkFBNEI7RUFDNUIsMEJBQTBCO0VBQzFCLHVCQUF1QjtFQUN2QixzQkFBc0I7RUFDdEIsa0JBQWtCO0VBQ2xCLGVBQWU7RUFDZixvQkFBb0I7RUFDcEIscUJBQXFCO0VBQ3JCLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0VBQ3hCLGdCQUFnQjtFQUNoQixtQkFBbUI7Q0FDcEI7O0FBRUQ7Ozs7Ozs7Ozs7Ozs7RUFhRSxjQUFjO0NBQ2Y7O0FBRUQ7Ozs7RUFJRSxvQkFBb0I7Q0FDckI7O0FBRUQ7OztFQUdFLHNCQUFzQjtFQUN0QixrQkFBa0I7Q0FDbkI7O0FBRUQ7OztFQUdFLHNCQUFzQjtFQUN0QixlQUFlO0NBQ2hCOztBQUVEOzs7RUFHRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7OztFQUdFLDBEQUFrRDtVQUFsRCxrREFBa0Q7Q0FDbkQ7O0FBRUQ7OztFQUdFLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIseUJBQWlCO1VBQWpCLGlCQUFpQjtFQUNqQixlQUFlO0VBQ2YsYUFBYTtDQUNkOztBQUVEOztFQUVFLHFCQUFxQjtFQUNyQixzQkFBc0I7RUFDdEIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLHNCQUFzQjtFQUN0QixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0Usb0JBQWdCO01BQWhCLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFO0lBQ0Usb0JBQWdCO1FBQWhCLGdCQUFnQjtHQUNqQjtFQUNEOztJQUVFLG9CQUFhO1FBQWIscUJBQWE7WUFBYixhQUFhO0lBQ2IscUJBQWU7UUFBZixlQUFlO0dBQ2hCO0VBQ0Q7SUFDRSxvQkFBYTtRQUFiLHFCQUFhO1lBQWIsYUFBYTtJQUNiLHFCQUFlO1FBQWYsZUFBZTtHQUNoQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxvQkFBYTtRQUFiLHFCQUFhO1lBQWIsYUFBYTtJQUNiLHFCQUFlO1FBQWYsZUFBZTtJQUNmLHdCQUE0QjtRQUE1QixxQkFBNEI7WUFBNUIsNEJBQTRCO0lBQzVCLDZCQUFTO1FBQVQsa0JBQVM7WUFBVCxTQUFTO0dBQ1Y7RUFDRDtJQUNFLDZCQUFTO1FBQVQsa0JBQVM7WUFBVCxTQUFTO0dBQ1Y7RUFDRDtJQUNFLDZCQUFTO1FBQVQsa0JBQVM7WUFBVCxTQUFTO0dBQ1Y7RUFDRDtJQUNFLDBCQUErQjtRQUEvQix1QkFBK0I7WUFBL0IsK0JBQStCO0dBQ2hDO0VBQ0Q7SUFDRSw2QkFBUztRQUFULGtCQUFTO1lBQVQsU0FBUztHQUNWO0VBQ0Q7SUFDRSx5QkFBd0I7UUFBeEIsc0JBQXdCO1lBQXhCLHdCQUF3QjtJQUN4Qiw2QkFBUztRQUFULGtCQUFTO1lBQVQsU0FBUztHQUNWO0VBQ0Q7SUFDRSw2QkFBUztRQUFULGtCQUFTO1lBQVQsU0FBUztHQUNWO0VBQ0Q7SUFDRSw2QkFBUztRQUFULGtCQUFTO1lBQVQsU0FBUztHQUNWO0VBQ0Q7SUFDRSw2QkFBUztRQUFULGtCQUFTO1lBQVQsU0FBUztHQUNWO0VBQ0Q7SUFDRSxzQkFBMEI7UUFBMUIsbUJBQTBCO1lBQTFCLDBCQUEwQjtJQUMxQiw2QkFBUztRQUFULGtCQUFTO1lBQVQsU0FBUztHQUNWO0NBQ0Y7O0FBRUQ7RUFDRSxnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7OztFQUdFLGlDQUFpQztFQUNqQywrQkFBK0I7RUFDL0IsZ0NBQWdDO0NBQ2pDOztBQUVEOzs7RUFHRSw4QkFBOEI7Q0FDL0I7O0FBRUQ7RUFDRSw2QkFBNkI7RUFDN0IsMkJBQTJCO0VBQzNCLGVBQWU7RUFDZixrQkFBa0I7RUFDbEIsaUJBQWlCO0VBQ2pCLGtCQUFrQjtFQUNsQixzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSx1QkFBc0I7TUFBdEIsb0JBQXNCO1VBQXRCLHNCQUFzQjtFQUN0QixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLG1CQUFtQjtFQUNuQix5QkFBd0I7TUFBeEIsc0JBQXdCO1VBQXhCLHdCQUF3QjtDQUN6Qjs7QUFFRDtFQUNFLGlDQUFpQztFQUNqQyxvQkFBb0I7RUFDcEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDZCQUE2QjtFQUM3QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQixlQUFlO0VBQ2YscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCx3QkFBNEI7TUFBNUIscUJBQTRCO1VBQTVCLDRCQUE0QjtFQUM1QixzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSxxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSxvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtFQUNmLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLG9CQUFnQjtNQUFoQixnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSwyQkFBMkI7RUFDM0IsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7O0VBRUUsZ0JBQWdCO0NBQ2pCOztBQUVEOztFQUVFLDZCQUE2QjtDQUM5Qjs7QUFFRDtFQUNFLHNCQUFzQjtFQUN0QixnQkFBZ0I7RUFDaEIsWUFBWTtFQUNaLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFDbkIsb0JBQW9CO0VBQ3BCLFdBQVc7RUFDWCxlQUFlO0VBQ2YscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLHFCQUFxQjtDQUN0Qjs7QUFFRDtFQUNFLGtDQUFrQztFQUNsQyw0QkFBNEI7RUFDNUIsMEJBQTBCO0VBQzFCLHVCQUF1QjtFQUN2QixzQkFBc0I7RUFDdEIsa0JBQWtCO0VBQ2xCLDJCQUFxQjtNQUFyQix3QkFBcUI7VUFBckIscUJBQXFCO0VBQ3JCLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0VBQ2QsZ0JBQWdCO0VBQ2hCLDBCQUErQjtNQUEvQix1QkFBK0I7VUFBL0IsK0JBQStCO0VBQy9CLGlCQUFpQjtFQUNqQixpQkFBaUI7RUFDakIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0Usc0JBQXNCO0NBQ3ZCOztBQUVEO0VBQ0UsMEJBQW9CO01BQXBCLHVCQUFvQjtVQUFwQixvQkFBb0I7RUFDcEIsaUNBQWlDO0VBQ2pDLGVBQWU7RUFDZixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0VBQ3hCLG9CQUFvQjtFQUNwQixtQkFBbUI7RUFDbkIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsNkJBQTZCO0VBQzdCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsNkJBQTZCO0VBQzdCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQixpQ0FBaUM7RUFDakMscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCxvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtFQUNmLHdCQUE0QjtNQUE1QixxQkFBNEI7VUFBNUIsNEJBQTRCO0NBQzdCOztBQUVEO0VBQ0Usc0JBQXNCO0NBQ3ZCOztBQUVEO0VBQ0Usb0JBQVc7TUFBWCxlQUFXO1VBQVgsV0FBVztFQUNYLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0VBQ3hCLHFCQUFxQjtFQUNyQixzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSxzQkFBMEI7TUFBMUIsbUJBQTBCO1VBQTFCLDBCQUEwQjtFQUMxQixxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSx5QkFBd0I7TUFBeEIsc0JBQXdCO1VBQXhCLHdCQUF3QjtDQUN6Qjs7QUFFRDtFQUNFLHNCQUEwQjtNQUExQixtQkFBMEI7VUFBMUIsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsOEJBQThCO0VBQzlCLDJCQUEyQjtDQUM1Qjs7QUFFRDtFQUNFLDZCQUE2QjtFQUM3Qiw2QkFBNkI7Q0FDOUI7O0FBRUQ7RUFDRSx3QkFBd0I7RUFDeEIsc0JBQXNCO0VBQ3RCLDRDQUE0QztDQUM3Qzs7QUFFRDtFQUNFLG9CQUFhO01BQWIscUJBQWE7VUFBYixhQUFhO0VBQ2IscUJBQWU7TUFBZixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLGlCQUFpQjtFQUNqQixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSw2QkFBNkI7RUFDN0Isc0JBQXNCO0VBQ3RCLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLDJCQUEyQjtDQUM1Qjs7QUFFRDtFQUNFLDJCQUEyQjtDQUM1Qjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIsWUFBWTtFQUNaLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLGVBQWU7RUFDZiwyQkFBYztNQUFkLGNBQWM7RUFDZCxvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtFQUNmLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLG9CQUFXO01BQVgsZUFBVztVQUFYLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLG9CQUFXO01BQVgsZUFBVztVQUFYLFdBQVc7RUFDWCxZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxvQkFBVztNQUFYLGVBQVc7VUFBWCxXQUFXO0VBQ1gsV0FBVztDQUNaOztBQUVEO0VBQ0Usb0JBQVc7TUFBWCxlQUFXO1VBQVgsV0FBVztFQUNYLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLG9CQUFXO01BQVgsZUFBVztVQUFYLFdBQVc7RUFDWCxXQUFXO0NBQ1o7O0FBRUQ7RUFDRSxvQkFBVztNQUFYLGVBQVc7VUFBWCxXQUFXO0VBQ1gsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0Usb0JBQVc7TUFBWCxlQUFXO1VBQVgsV0FBVztFQUNYLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLG9CQUFXO01BQVgsZUFBVztVQUFYLFdBQVc7RUFDWCxnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSxvQkFBVztNQUFYLGVBQVc7VUFBWCxXQUFXO0VBQ1gsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0Usb0JBQVc7TUFBWCxlQUFXO1VBQVgsV0FBVztFQUNYLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLG9CQUFXO01BQVgsZUFBVztVQUFYLFdBQVc7RUFDWCxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSx1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxvQkFBVztNQUFYLGVBQVc7VUFBWCxXQUFXO0VBQ1gsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0Usb0JBQVc7TUFBWCxlQUFXO1VBQVgsV0FBVztFQUNYLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLG9CQUFXO01BQVgsZUFBVztVQUFYLFdBQVc7RUFDWCxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSx1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxvQkFBVztNQUFYLGVBQVc7VUFBWCxXQUFXO0VBQ1gsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0Usb0JBQVc7TUFBWCxlQUFXO1VBQVgsV0FBVztFQUNYLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLG9CQUFXO01BQVgsZUFBVztVQUFYLFdBQVc7RUFDWCxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSx1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxvQkFBVztNQUFYLGVBQVc7VUFBWCxXQUFXO0VBQ1gsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0Usb0JBQVc7TUFBWCxlQUFXO1VBQVgsV0FBVztFQUNYLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztHQUNaO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsWUFBWTtHQUNiO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsZ0JBQWdCO0dBQ2pCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsZ0JBQWdCO0dBQ2pCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHNCQUFzQjtHQUN2QjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxzQkFBc0I7R0FDdkI7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGdCQUFnQjtHQUNqQjtFQUNEO0lBQ0Usc0JBQXNCO0dBQ3ZCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxZQUFZO0dBQ2I7RUFDRDtJQUNFLGtCQUFrQjtHQUNuQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxZQUFZO0dBQ2I7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxnQkFBZ0I7R0FDakI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxnQkFBZ0I7R0FDakI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usc0JBQXNCO0dBQ3ZCO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHNCQUFzQjtHQUN2QjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsZ0JBQWdCO0dBQ2pCO0VBQ0Q7SUFDRSxzQkFBc0I7R0FDdkI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFlBQVk7R0FDYjtFQUNEO0lBQ0Usa0JBQWtCO0dBQ25CO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7R0FDWjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFlBQVk7R0FDYjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGdCQUFnQjtHQUNqQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGdCQUFnQjtHQUNqQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxzQkFBc0I7R0FDdkI7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usc0JBQXNCO0dBQ3ZCO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxnQkFBZ0I7R0FDakI7RUFDRDtJQUNFLHNCQUFzQjtHQUN2QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsWUFBWTtHQUNiO0VBQ0Q7SUFDRSxrQkFBa0I7R0FDbkI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztHQUNaO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsWUFBWTtHQUNiO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsZ0JBQWdCO0dBQ2pCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsZ0JBQWdCO0dBQ2pCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHNCQUFzQjtHQUN2QjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxzQkFBc0I7R0FDdkI7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGdCQUFnQjtHQUNqQjtFQUNEO0lBQ0Usc0JBQXNCO0dBQ3ZCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxZQUFZO0dBQ2I7RUFDRDtJQUNFLGtCQUFrQjtHQUNuQjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxZQUFZO0dBQ2I7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxnQkFBZ0I7R0FDakI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxnQkFBZ0I7R0FDakI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usc0JBQXNCO0dBQ3ZCO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHNCQUFzQjtHQUN2QjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsZ0JBQWdCO0dBQ2pCO0VBQ0Q7SUFDRSxzQkFBc0I7R0FDdkI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFlBQVk7R0FDYjtFQUNEO0lBQ0Usa0JBQWtCO0dBQ25CO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7R0FDWjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFlBQVk7R0FDYjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGdCQUFnQjtHQUNqQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGdCQUFnQjtHQUNqQjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLFdBQVc7R0FDWjtFQUNEO0lBQ0UsaUJBQWlCO0dBQ2xCO0VBQ0Q7SUFDRSxzQkFBc0I7R0FDdkI7RUFDRDtJQUNFLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0Usc0JBQXNCO0dBQ3ZCO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxnQkFBZ0I7R0FDakI7RUFDRDtJQUNFLHNCQUFzQjtHQUN2QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsV0FBVztHQUNaO0VBQ0Q7SUFDRSxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usb0JBQVc7UUFBWCxlQUFXO1lBQVgsV0FBVztJQUNYLGlCQUFpQjtHQUNsQjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxvQkFBVztRQUFYLGVBQVc7WUFBWCxXQUFXO0lBQ1gsWUFBWTtHQUNiO0VBQ0Q7SUFDRSxrQkFBa0I7R0FDbkI7Q0FDRjs7QUFFRDtFQUNFLHNCQUFzQjtFQUN0Qix1QkFBdUI7RUFDdkIscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0Usd0JBQXdCO0NBQ3pCOztBQUVEO0VBQ0UsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UseUJBQXdCO01BQXhCLHNCQUF3QjtVQUF4Qix3QkFBd0I7Q0FDekI7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLFVBQVU7RUFDVixXQUFXO0NBQ1o7O0FBRUQ7RUFDRTtJQUNFLG9CQUFnQjtRQUFoQixnQkFBZ0I7R0FDakI7RUFDRDtJQUNFLG9CQUFvQjtJQUNwQixpQkFBaUI7SUFDakIsZ0JBQWdCO0dBQ2pCO0VBQ0Q7SUFDRSxlQUFlO0dBQ2hCO0NBQ0Y7O0FBRUQ7RUFDRSxxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztDQUNmOztBQUVEO0VBQ0Usb0JBQWdCO01BQWhCLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0U7SUFDRSxxQkFBYztJQUFkLHFCQUFjO0lBQWQsY0FBYztHQUNmO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHFCQUFjO0lBQWQscUJBQWM7SUFBZCxjQUFjO0dBQ2Y7Q0FDRjs7QUFFRDtFQUNFLDJCQUFxQjtNQUFyQix3QkFBcUI7VUFBckIscUJBQXFCO0VBQ3JCLGVBQWU7RUFDZiwyQkFBYztNQUFkLGNBQWM7RUFDZCxvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtFQUNmLGdDQUF3QjtFQUF4Qiw2QkFBd0I7RUFBeEIsd0JBQXdCO0NBQ3pCOztBQUVEO0VBQ0Usc0JBQXNCO0VBQ3RCLHVCQUF1QjtFQUN2QixxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSx3QkFBd0I7Q0FDekI7O0FBRUQ7RUFDRSx1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSw2QkFBdUI7RUFBdkIsOEJBQXVCO01BQXZCLDJCQUF1QjtVQUF2Qix1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxpQ0FBaUM7Q0FDbEM7O0FBRUQ7RUFDRTtJQUNFLHFCQUFjO0lBQWQscUJBQWM7SUFBZCxjQUFjO0dBQ2Y7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxnQkFBZ0I7R0FDakI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxXQUFXO0dBQ1o7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxpQkFBaUI7R0FDbEI7RUFDRDtJQUNFLG9CQUFXO1FBQVgsZUFBVztZQUFYLFdBQVc7SUFDWCxZQUFZO0dBQ2I7Q0FDRjs7QUFFRDtFQUNFLFVBQVU7RUFDVixRQUFRO0VBQ1IsbUJBQW1CO0VBQ25CLFNBQVM7RUFDVCxPQUFPO0VBQ1AsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsVUFBVTtFQUNWLGlCQUFpQjtFQUNqQixnQkFBZ0I7RUFDaEIsbUJBQW1CO0VBQ25CLFNBQVM7RUFDVCw4Q0FBc0M7VUFBdEMsc0NBQXNDO0NBQ3ZDOztBQUVEO0VBQ0UsYUFBYTtDQUNkOztBQUVEO0VBQ0U7SUFDRSxjQUFjO0dBQ2Y7Q0FDRjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFO0lBQ0UscUJBQWM7SUFBZCxxQkFBYztJQUFkLGNBQWM7R0FDZjtFQUNEO0lBQ0UsdUJBQXVCO0dBQ3hCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHFCQUFjO0lBQWQscUJBQWM7SUFBZCxjQUFjO0lBQ2QseUJBQXdCO1FBQXhCLHNCQUF3QjtZQUF4Qix3QkFBd0I7R0FDekI7RUFDRDtJQUNFLHFCQUFxQjtHQUN0QjtDQUNGOztBQUVEOztFQUVFLG9CQUFhO01BQWIscUJBQWE7VUFBYixhQUFhO0VBQ2IscUJBQWU7TUFBZixlQUFlO0NBQ2hCOztBQUVEO0VBQ0Usb0JBQWE7TUFBYixxQkFBYTtVQUFiLGFBQWE7RUFDYixxQkFBZTtNQUFmLGVBQWU7RUFDZixxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSwyQkFBcUI7TUFBckIsd0JBQXFCO1VBQXJCLHFCQUFxQjtFQUNyQix3QkFBd0I7RUFDeEIscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCw2QkFBdUI7RUFBdkIsOEJBQXVCO01BQXZCLDJCQUF1QjtVQUF2Qix1QkFBdUI7RUFDdkIsMEJBQStCO01BQS9CLHVCQUErQjtVQUEvQiwrQkFBK0I7Q0FDaEM7O0FBRUQ7RUFDRSxpQkFBaUI7RUFDakIscURBQTZDO1VBQTdDLDZDQUE2QztDQUM5Qzs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLHdCQUF3QjtFQUN4QixlQUFlO0NBQ2hCOztBQUVEOztFQUVFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsNkJBQTZCO0NBQzlCOztBQUVEOztFQUVFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxrREFBMEM7VUFBMUMsMENBQTBDO0NBQzNDOztBQUVEO0VBQ0U7SUFDRSx3QkFBd0I7R0FDekI7Q0FDRjs7QUFFRDs7RUFFRSw2QkFBNkI7Q0FDOUI7O0FBRUQ7OztFQUdFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YsYUFBYTtDQUNkOztBQUVEO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLHdDQUF3QztDQUN6Qzs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixzQkFBc0I7RUFDdEIsYUFBYTtDQUNkOztBQUVEO0VBQ0UsNkVBQTZFO0NBQzlFOztBQUVEO0VBQ0U7SUFDRSw2RUFBNkU7R0FDOUU7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsMEJBQTBCO0dBQzNCO0VBQ0Q7SUFDRSx3Q0FBd0M7R0FDekM7RUFDRDtJQUNFLDBCQUEwQjtHQUMzQjtFQUNEO0lBQ0Usd0NBQXdDO0dBQ3pDO0NBQ0Y7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsYUFBYTtDQUNkOztBQUVEOztFQUVFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxnQ0FBZ0M7Q0FDakM7O0FBRUQ7O0VBRUUsYUFBYTtDQUNkOztBQUVEO0VBQ0UscURBQTZDO1VBQTdDLDZDQUE2QztDQUM5Qzs7QUFFRDtFQUNFO0lBQ0UsMEJBQTBCO0dBQzNCO0NBQ0Y7O0FBRUQ7O0VBRUUsZ0NBQWdDO0NBQ2pDOztBQUVEOzs7RUFHRSxhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsYUFBYTtDQUNkOztBQUVEO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0UsYUFBYTtDQUNkOztBQUVEO0VBQ0Usd0NBQXdDO0NBQ3pDOztBQUVEO0VBQ0Usd0JBQXdCO0VBQ3hCLG9CQUFvQjtFQUNwQixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsK0VBQStFO0NBQ2hGOztBQUVEO0VBQ0U7SUFDRSwrRUFBK0U7R0FDaEY7Q0FDRjs7QUFFRDtFQUNFO0lBQ0Usd0JBQXdCO0dBQ3pCO0VBQ0Q7SUFDRSx3Q0FBd0M7R0FDekM7RUFDRDtJQUNFLHdCQUF3QjtHQUN6QjtFQUNEO0lBQ0UsMkNBQTJDO0dBQzVDO0NBQ0Y7O0FBRUQ7RUFDRSw2QkFBNkI7RUFDN0IsZUFBZTtDQUNoQjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLDZCQUE2QjtDQUM5Qjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0Usa0RBQTBDO1VBQTFDLDBDQUEwQztDQUMzQzs7QUFFRDtFQUNFO0lBQ0UsNkJBQTZCO0dBQzlCO0NBQ0Y7O0FBRUQ7O0VBRUUsNkJBQTZCO0NBQzlCOztBQUVEOzs7RUFHRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSx3Q0FBd0M7Q0FDekM7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsc0JBQXNCO0VBQ3RCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLGtGQUFrRjtDQUNuRjs7QUFFRDtFQUNFO0lBQ0Usa0ZBQWtGO0dBQ25GO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDBCQUEwQjtHQUMzQjtFQUNEO0lBQ0Usd0NBQXdDO0dBQ3pDO0VBQ0Q7SUFDRSwwQkFBMEI7R0FDM0I7RUFDRDtJQUNFLHdDQUF3QztHQUN6QztDQUNGOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLGtCQUFrQjtDQUNuQjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0Usa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsZ0NBQWdDO0NBQ2pDOztBQUVEOztFQUVFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLHFEQUE2QztVQUE3Qyw2Q0FBNkM7Q0FDOUM7O0FBRUQ7RUFDRTtJQUNFLDBCQUEwQjtHQUMzQjtDQUNGOztBQUVEOztFQUVFLGdDQUFnQztDQUNqQzs7QUFFRDs7O0VBR0Usa0JBQWtCO0NBQ25COztBQUVEO0VBQ0Usa0JBQWtCO0VBQ2xCLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLHdDQUF3QztDQUN6Qzs7QUFFRDtFQUNFLDZCQUE2QjtFQUM3Qix5QkFBeUI7RUFDekIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGlGQUFpRjtDQUNsRjs7QUFFRDtFQUNFO0lBQ0UsaUZBQWlGO0dBQ2xGO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLDZCQUE2QjtHQUM5QjtFQUNEO0lBQ0Usd0NBQXdDO0dBQ3pDO0VBQ0Q7SUFDRSw2QkFBNkI7R0FDOUI7RUFDRDtJQUNFLDJDQUEyQztHQUM1QztDQUNGOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLFlBQVk7Q0FDYjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsWUFBWTtDQUNiOztBQUVEO0VBQ0UsZ0NBQWdDO0NBQ2pDOztBQUVEOztFQUVFLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHFEQUE2QztVQUE3Qyw2Q0FBNkM7Q0FDOUM7O0FBRUQ7RUFDRTtJQUNFLDBCQUEwQjtHQUMzQjtDQUNGOztBQUVEOztFQUVFLGdDQUFnQztDQUNqQzs7QUFFRDs7O0VBR0UsWUFBWTtDQUNiOztBQUVEO0VBQ0UsWUFBWTtFQUNaLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHdDQUF3QztDQUN6Qzs7QUFFRDtFQUNFLHVCQUF1QjtFQUN2QixtQkFBbUI7RUFDbkIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGlGQUFpRjtDQUNsRjs7QUFFRDtFQUNFO0lBQ0UsaUZBQWlGO0dBQ2xGO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usd0NBQXdDO0dBQ3pDO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLDJDQUEyQztHQUM1QztDQUNGOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLFlBQVk7Q0FDYjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsWUFBWTtDQUNiOztBQUVEO0VBQ0UsZ0NBQWdDO0NBQ2pDOztBQUVEOztFQUVFLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHFEQUE2QztVQUE3Qyw2Q0FBNkM7Q0FDOUM7O0FBRUQ7RUFDRTtJQUNFLDBCQUEwQjtHQUMzQjtDQUNGOztBQUVEOztFQUVFLGdDQUFnQztDQUNqQzs7QUFFRDs7O0VBR0UsWUFBWTtDQUNiOztBQUVEO0VBQ0UsWUFBWTtFQUNaLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHdDQUF3QztDQUN6Qzs7QUFFRDtFQUNFLHVCQUF1QjtFQUN2QixtQkFBbUI7RUFDbkIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGlGQUFpRjtDQUNsRjs7QUFFRDtFQUNFO0lBQ0UsaUZBQWlGO0dBQ2xGO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usd0NBQXdDO0dBQ3pDO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLDJDQUEyQztHQUM1QztDQUNGOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLFlBQVk7Q0FDYjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsWUFBWTtDQUNiOztBQUVEO0VBQ0UsZ0NBQWdDO0NBQ2pDOztBQUVEOztFQUVFLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHFEQUE2QztVQUE3Qyw2Q0FBNkM7Q0FDOUM7O0FBRUQ7RUFDRTtJQUNFLDBCQUEwQjtHQUMzQjtDQUNGOztBQUVEOztFQUVFLGdDQUFnQztDQUNqQzs7QUFFRDs7O0VBR0UsWUFBWTtDQUNiOztBQUVEO0VBQ0UsWUFBWTtFQUNaLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHdDQUF3QztDQUN6Qzs7QUFFRDtFQUNFLHVCQUF1QjtFQUN2QixtQkFBbUI7RUFDbkIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGlGQUFpRjtDQUNsRjs7QUFFRDtFQUNFO0lBQ0UsaUZBQWlGO0dBQ2xGO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usd0NBQXdDO0dBQ3pDO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLDJDQUEyQztHQUM1QztDQUNGOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLDBCQUEwQjtDQUMzQjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsMEJBQTBCO0NBQzNCOztBQUVEOztFQUVFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLCtDQUF1QztVQUF2Qyx1Q0FBdUM7Q0FDeEM7O0FBRUQ7RUFDRTtJQUNFLDBCQUEwQjtHQUMzQjtDQUNGOztBQUVEOztFQUVFLDBCQUEwQjtDQUMzQjs7QUFFRDs7O0VBR0UsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLHdDQUF3QztDQUN6Qzs7QUFFRDtFQUNFLHFDQUFxQztFQUNyQyxpQ0FBaUM7RUFDakMsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGlGQUFpRjtDQUNsRjs7QUFFRDtFQUNFO0lBQ0UsaUZBQWlGO0dBQ2xGO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHFDQUFxQztHQUN0QztFQUNEO0lBQ0Usd0NBQXdDO0dBQ3pDO0VBQ0Q7SUFDRSxxQ0FBcUM7R0FDdEM7RUFDRDtJQUNFLHFDQUFxQztHQUN0QztDQUNGOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLFlBQVk7Q0FDYjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsWUFBWTtDQUNiOztBQUVEO0VBQ0UsZ0NBQWdDO0NBQ2pDOztBQUVEOztFQUVFLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHFEQUE2QztVQUE3Qyw2Q0FBNkM7Q0FDOUM7O0FBRUQ7RUFDRTtJQUNFLDBCQUEwQjtHQUMzQjtDQUNGOztBQUVEOztFQUVFLGdDQUFnQztDQUNqQzs7QUFFRDs7O0VBR0UsWUFBWTtDQUNiOztBQUVEO0VBQ0UsWUFBWTtFQUNaLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLHdDQUF3QztDQUN6Qzs7QUFFRDtFQUNFLHVCQUF1QjtFQUN2QixtQkFBbUI7RUFDbkIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGlGQUFpRjtDQUNsRjs7QUFFRDtFQUNFO0lBQ0UsaUZBQWlGO0dBQ2xGO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0Usd0NBQXdDO0dBQ3pDO0VBQ0Q7SUFDRSx1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLDJDQUEyQztHQUM1QztDQUNGOztBQUVEO0VBQ0U7SUFDRSxxQkFBcUI7SUFDckIsa0JBQWtCO0dBQ25CO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHNCQUFzQjtJQUN0QixtQkFBbUI7R0FDcEI7Q0FDRjs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLHFCQUFjO0VBQWQscUJBQWM7RUFBZCxjQUFjO0NBQ2Y7O0FBRUQ7RUFDRSxvQkFBYTtNQUFiLHFCQUFhO1VBQWIsYUFBYTtFQUNiLHFCQUFlO01BQWYsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLHdCQUF3QjtFQUN4QixxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRTtJQUNFLHFCQUFxQjtHQUN0QjtFQUNEO0lBQ0Usc0JBQXNCO0dBQ3ZCO0NBQ0Y7O0FBRUQ7RUFDRSw2QkFBNkI7RUFDN0IsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEOztFQUVFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEOztFQUVFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7RUFDZixtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7O0VBRUUsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7RUFDZixrQkFBa0I7Q0FDbkI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEOztFQUVFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7O0VBRUUsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEOztFQUVFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEOzs7O0VBSUUsZUFBZTtDQUNoQjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7Ozs7RUFJRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEOztFQUVFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEOztFQUVFLGVBQWU7Q0FDaEI7O0FBRUQ7Ozs7RUFJRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFO0lBQ0UsZUFBZTtJQUNmLFFBQVE7SUFDUixpQkFBaUI7SUFDakIsbUJBQW1CO0lBQ25CLFVBQVU7SUFDVixZQUFZO0dBQ2I7Q0FDRjs7QUFFRDtFQUNFLGdCQUFnQjtFQUNoQixpQkFBaUI7RUFDakIsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0U7SUFDRSxxQkFBcUI7R0FDdEI7Q0FDRjs7QUFFRDtFQUNFLGlCQUFpQjtFQUNqQixnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxrQkFBa0I7RUFDbEIsbUJBQW1CO0VBQ25CLGlCQUFpQjtFQUNqQixrQkFBa0I7RUFDbEIsV0FBVztFQUNYLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLHVFQUErRDtVQUEvRCwrREFBK0Q7Q0FDaEU7O0FBRUQ7RUFDRTtJQUNFLGFBQWE7R0FDZDtDQUNGOztBQUVEO0VBQ0UsZ0JBQWdCO0VBQ2hCLGlCQUFpQjtDQUNsQjs7QUFFRDs7RUFFRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsdUJBQXVCO0VBQ3ZCLFlBQVk7RUFDWixjQUFjO0VBQ2QseUJBQXlCO0VBQ3pCLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLGVBQWU7RUFDZixjQUFjO0VBQ2QsYUFBYTtDQUNkOztBQUVEO0VBQ0UsZUFBZTtFQUNmLGVBQWU7RUFDZixrQkFBa0I7RUFDbEIsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsVUFBVTtFQUNWLGVBQWU7RUFDZixtQkFBbUI7RUFDbkIsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQix1QkFBdUI7RUFDdkIsbUJBQW1CO0VBQ25CLFNBQVM7Q0FDVjs7QUFFRDtFQUNFO0lBQ0Usb0dBQTRGO1lBQTVGLDRGQUE0RjtJQUM1RiwrQkFBdUI7WUFBdkIsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxpSEFBeUc7WUFBekcseUdBQXlHO0lBQ3pHLDRCQUFvQjtZQUFwQixvQkFBb0I7R0FDckI7RUFDRDtJQUNFLDBIQUFrSDtZQUFsSCxrSEFBa0g7SUFDbEgsNEJBQW9CO1lBQXBCLG9CQUFvQjtHQUNyQjtDQUNGOztBQWJEO0VBQ0U7SUFDRSxvR0FBNEY7WUFBNUYsNEZBQTRGO0lBQzVGLCtCQUF1QjtZQUF2Qix1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLGlIQUF5RztZQUF6Ryx5R0FBeUc7SUFDekcsNEJBQW9CO1lBQXBCLG9CQUFvQjtHQUNyQjtFQUNEO0lBQ0UsMEhBQWtIO1lBQWxILGtIQUFrSDtJQUNsSCw0QkFBb0I7WUFBcEIsb0JBQW9CO0dBQ3JCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0UscUJBQXFCO0dBQ3RCO0NBQ0Y7O0FBUEQ7RUFDRTtJQUNFLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0UscUJBQXFCO0dBQ3RCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLFdBQVc7SUFDWCwrQkFBdUI7WUFBdkIsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxXQUFXO0lBQ1gsNEJBQW9CO1lBQXBCLG9CQUFvQjtHQUNyQjtDQUNGOztBQVREO0VBQ0U7SUFDRSxXQUFXO0lBQ1gsK0JBQXVCO1lBQXZCLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0UsV0FBVztJQUNYLDRCQUFvQjtZQUFwQixvQkFBb0I7R0FDckI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsV0FBVztJQUNYLCtCQUF1QjtZQUF2Qix1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLFdBQVc7SUFDWCwrQkFBdUI7WUFBdkIsdUJBQXVCO0dBQ3hCO0VBQ0Q7SUFDRSxXQUFXO0lBQ1gsNEJBQW9CO1lBQXBCLG9CQUFvQjtHQUNyQjtDQUNGOztBQWJEO0VBQ0U7SUFDRSxXQUFXO0lBQ1gsK0JBQXVCO1lBQXZCLHVCQUF1QjtHQUN4QjtFQUNEO0lBQ0UsV0FBVztJQUNYLCtCQUF1QjtZQUF2Qix1QkFBdUI7R0FDeEI7RUFDRDtJQUNFLFdBQVc7SUFDWCw0QkFBb0I7WUFBcEIsb0JBQW9CO0dBQ3JCO0NBQ0Y7O0FBRUQ7RUFDRTtJQUNFLFdBQVc7SUFDWCxxQ0FBNkI7WUFBN0IsNkJBQTZCO0dBQzlCO0VBQ0Q7SUFDRSxXQUFXO0lBQ1gsaUNBQXlCO1lBQXpCLHlCQUF5QjtHQUMxQjtDQUNGOztBQVREO0VBQ0U7SUFDRSxXQUFXO0lBQ1gscUNBQTZCO1lBQTdCLDZCQUE2QjtHQUM5QjtFQUNEO0lBQ0UsV0FBVztJQUNYLGlDQUF5QjtZQUF6Qix5QkFBeUI7R0FDMUI7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsV0FBVztJQUNYLG9DQUE0QjtZQUE1Qiw0QkFBNEI7R0FDN0I7RUFDRDtJQUNFLFdBQVc7SUFDWCxpQ0FBeUI7WUFBekIseUJBQXlCO0dBQzFCO0NBQ0Y7O0FBVEQ7RUFDRTtJQUNFLFdBQVc7SUFDWCxvQ0FBNEI7WUFBNUIsNEJBQTRCO0dBQzdCO0VBQ0Q7SUFDRSxXQUFXO0lBQ1gsaUNBQXlCO1lBQXpCLHlCQUF5QjtHQUMxQjtDQUNGOztBQUVEO0VBQ0UsaUNBQXlCO1VBQXpCLHlCQUF5QjtFQUN6QixrQ0FBMEI7VUFBMUIsMEJBQTBCO0VBQzFCLGdDQUF3QjtVQUF4Qix3QkFBd0I7RUFDeEIsa0VBQTBEO1VBQTFELDBEQUEwRDtFQUMxRCxvQkFBb0I7RUFDcEIsc0JBQXNCO0VBQ3RCLGNBQWM7RUFDZCxvQkFBb0I7RUFDcEIsbUJBQW1CO0VBQ25CLG9CQUFvQjtFQUNwQixhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsUUFBUTtFQUNSLG1CQUFtQjtFQUNuQixTQUFTO0VBQ1QsT0FBTztFQUNQLGVBQWU7RUFDZixjQUFjO0VBQ2QsYUFBYTtDQUNkOztBQUVEO0VBQ0UsaUNBQXlCO1VBQXpCLHlCQUF5QjtFQUN6QixrQ0FBMEI7VUFBMUIsMEJBQTBCO0VBQzFCLGdDQUF3QjtVQUF4Qix3QkFBd0I7RUFDeEIsa0VBQTBEO1VBQTFELDBEQUEwRDtDQUMzRDs7QUFFRDtFQUNFLCtCQUF1QjtVQUF2Qix1QkFBdUI7RUFDdkIsa0NBQTBCO1VBQTFCLDBCQUEwQjtFQUMxQixtQ0FBMkI7VUFBM0IsMkJBQTJCO0VBQzNCLGtFQUEwRDtVQUExRCwwREFBMEQ7RUFDMUQsV0FBVztFQUNYLGdCQUFnQjtFQUNoQixzQkFBc0I7RUFDdEIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsNEJBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQiwrQkFBdUI7VUFBdkIsdUJBQXVCO0VBQ3ZCLGtDQUEwQjtVQUExQiwwQkFBMEI7RUFDMUIsK0JBQXVCO1VBQXZCLHVCQUF1QjtFQUN2QixrRUFBMEQ7VUFBMUQsMERBQTBEO0NBQzNEOztBQUVEO0VBQ0UsY0FBYztDQUNmOztBQUVEO0VBQ0U7SUFDRSxvQkFBb0I7SUFDcEIsY0FBYztJQUNkLGFBQWE7R0FDZDtDQUNGOztBQUVEO0VBQ0Usd0NBQWdDO1VBQWhDLGdDQUFnQztDQUNqQzs7QUFFRDtFQUNFLHNDQUE4QjtVQUE5Qiw4QkFBOEI7RUFDOUIsOEJBQXNCO1VBQXRCLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLDBCQUFvQjtNQUFwQix1QkFBb0I7VUFBcEIsb0JBQW9CO0VBQ3BCLHFDQUE2QjtVQUE3Qiw2QkFBNkI7RUFDN0IsOEJBQXNCO1VBQXRCLHNCQUFzQjtFQUN0QixpQkFBaUI7RUFDakIscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCx5QkFBd0I7TUFBeEIsc0JBQXdCO1VBQXhCLHdCQUF3QjtFQUN4QixxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSx1QkFBdUI7RUFDdkIsbUJBQW1CO0VBQ25CLGVBQWU7RUFDZixzQkFBc0I7RUFDdEIsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLHdDQUFnQztVQUFoQyxnQ0FBZ0M7RUFDaEMsOEJBQXNCO1VBQXRCLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLHNDQUE4QjtVQUE5Qiw4QkFBOEI7RUFDOUIsOEJBQXNCO1VBQXRCLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLHFDQUE2QjtVQUE3Qiw2QkFBNkI7RUFDN0IsNEJBQW9CO1VBQXBCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLGdCQUFnQjtFQUNoQixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxjQUFjO0NBQ2Y7O0FBRUQ7RUFDRSxrQkFBa0I7RUFDbEIsbUJBQW1CO0VBQ25CLHFGQUE2RTtVQUE3RSw2RUFBNkU7RUFDN0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQixzQkFBc0I7RUFDdEIsYUFBYTtDQUNkOztBQUVEO0VBQ0UsZUFBZTtFQUNmLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQixzQkFBc0I7RUFDdEIsYUFBYTtDQUNkOztBQUVEO0VBQ0U7SUFDRSxhQUFhO0dBQ2Q7RUFDRDtJQUNFLG9CQUFvQjtHQUNyQjtFQUNEO0lBQ0UsYUFBYTtHQUNkO0VBQ0Q7SUFDRSxvQkFBb0I7R0FDckI7RUFDRDtJQUNFLG9CQUFhO1FBQWIscUJBQWE7WUFBYixhQUFhO0dBQ2Q7Q0FDRjs7QUFFRDtFQUNFLGVBQWU7RUFDZixhQUFhO0VBQ2Isa0JBQWtCO0VBQ2xCLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLGVBQWU7RUFDZixnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsMEJBQW9CO01BQXBCLHVCQUFvQjtVQUFwQixvQkFBb0I7RUFDcEIscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCxvQkFBZ0I7TUFBaEIsZ0JBQWdCO0VBQ2hCLHdCQUE0QjtNQUE1QixxQkFBNEI7VUFBNUIsNEJBQTRCO0NBQzdCOztBQUVEOzs7O0VBSUUsc0JBQXNCO0VBQ3RCLGdCQUFnQjtFQUNoQixhQUFhO0VBQ2Isa0JBQWtCO0VBQ2xCLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQix5QkFBaUI7VUFBakIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCxvQkFBZ0I7TUFBaEIsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCxhQUFhO0VBQ2IscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0UsYUFBYTtDQUNkOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQix1RkFBK0U7VUFBL0UsK0VBQStFO0VBQy9FLHNCQUFzQjtFQUN0QixZQUFZO0VBQ1osYUFBYTtFQUNiLGtCQUFrQjtFQUNsQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsMEJBQTBCO0VBQzFCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDtFQUNFLDBCQUEwQjtDQUMzQjs7QUFFRDs7RUFFRSwwQkFBMEI7RUFDMUIsNkJBQTZCO0VBQzdCLDBCQUEwQjtFQUMxQixnQkFBZ0I7RUFDaEIsbUJBQW1CO0NBQ3BCOztBQUVEOztFQUVFLGlCQUFpQjtDQUNsQjs7QUFFRDs7RUFFRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7O0VBRUUsb0JBQW9CO0VBQ3BCLDJCQUEyQjtFQUMzQixhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLHNCQUFzQjtFQUN0QixlQUFlO0VBQ2Ysa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxvQkFBb0I7RUFDcEIsaUJBQWlCO0VBQ2pCLG1CQUFtQjtFQUNuQiwwQkFBMEI7RUFDMUIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0U7O0lBRUUsa0JBQWtCO0lBQ2xCLG1CQUFtQjtJQUNuQixXQUFXO0dBQ1o7Q0FDRjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwyQkFBMkI7RUFDM0IsaUJBQWlCO0VBQ2pCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLGtCQUFrQjtFQUNsQiw0QkFBNEI7RUFDNUIsV0FBVztDQUNaOztBQUVEO0VBQ0Usc0JBQXNCO0NBQ3ZCOztBQUVEOztFQUVFLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLHNCQUFzQjtFQUN0QixtQkFBbUI7RUFDbkIsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0Usb0JBQW9CO0VBQ3BCLFlBQVk7RUFDWixxQkFBcUI7Q0FDdEI7O0FBRUQ7RUFDRSxtQkFBbUI7Q0FDcEI7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsUUFBUTtFQUNSLG1CQUFtQjtFQUNuQixTQUFTO0VBQ1QsT0FBTztFQUNQLGtDQUFrQztFQUNsQyx1QkFBdUI7RUFDdkIsMEJBQTBCO0VBQzFCLFlBQVk7RUFDWixlQUFlO0VBQ2YsV0FBVztDQUNaOztBQUVEO0VBQ0UsVUFBVTtFQUNWLFFBQVE7RUFDUixtQkFBbUI7RUFDbkIsU0FBUztFQUNULE9BQU87RUFDUCwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQixxQkFBcUI7RUFDckIscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCx1QkFBdUI7RUFDdkIsZ0JBQWdCO0VBQ2hCLHlCQUF3QjtNQUF4QixzQkFBd0I7VUFBeEIsd0JBQXdCO0VBQ3hCLGlCQUFpQjtFQUNqQixXQUFXO0NBQ1o7O0FBRUQ7RUFDRSxnQ0FBZ0M7Q0FDakM7O0FBRUQ7RUFDRSx5QkFBd0I7TUFBeEIsc0JBQXdCO1VBQXhCLHdCQUF3QjtFQUN4Qix3QkFBNEI7TUFBNUIscUJBQTRCO1VBQTVCLDRCQUE0QjtFQUM1Qix3QkFBd0I7Q0FDekI7O0FBRUQ7RUFDRSxtQkFBbUI7Q0FDcEI7O0FBRUQ7O0VBRUUsNEJBQTRCO0VBQzVCLDBCQUEwQjtFQUMxQix1QkFBdUI7RUFDdkIsc0JBQXNCO0VBQ3RCLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsc0JBQXNCO0VBQ3RCLDBCQUEwQjtFQUMxQixlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxtQkFBbUI7RUFDbkIsU0FBUztFQUNULE9BQU87Q0FDUjs7QUFFRDs7RUFFRSxzQkFBc0I7RUFDdEIsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLHdCQUF3QjtFQUN4QixZQUFZO0NBQ2I7O0FBRUQ7RUFDRTtJQUNFLHNCQUFzQjtHQUN2QjtDQUNGOztBQUVEO0VBQ0U7SUFDRSxvQkFBb0I7SUFDcEIscUJBQXFCO0dBQ3RCO0VBQ0Q7SUFDRSxvQkFBb0I7SUFDcEIscUJBQXFCO0dBQ3RCO0NBQ0Y7O0FBRUQ7RUFDRSxzQkFBc0I7Q0FDdkI7O0FBRUQ7RUFDRSxrQkFBa0I7RUFDbEIsaUJBQWlCO0VBQ2pCLG1CQUFtQjtFQUNuQixXQUFXO0NBQ1o7O0FBRUQ7RUFDRSxrQkFBa0I7RUFDbEIsaUJBQWlCO0VBQ2pCLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLDZCQUE2QjtFQUM3QixtQkFBbUI7RUFDbkIsdUNBQXVDO0VBQ3ZDLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLHdCQUF3QjtFQUN4QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLDZCQUE2QjtFQUM3QixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0VBQzFCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsWUFBWTtDQUNiOztBQUVEO0VBQ0UsY0FBYztDQUNmOztBQUVEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UscUNBQXFDO0VBQ3JDLG1CQUFtQjtFQUNuQixhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLGdCQUFnQjtFQUNoQixrQkFBa0I7RUFDbEIsZUFBZTtFQUNmLDBCQUEwQjtFQUMxQixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSx3QkFBd0I7RUFDeEIsbUJBQW1CO0VBQ25CLHFGQUE2RTtVQUE3RSw2RUFBNkU7RUFDN0UsZUFBZTtFQUNmLGVBQWU7RUFDZixtQkFBbUI7RUFDbkIsaUJBQWlCO0VBQ2pCLGlCQUFpQjtFQUNqQixjQUFjO0VBQ2QsbUJBQW1CO0VBQ25CLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLHVFQUErRDtVQUEvRCwrREFBK0Q7Q0FDaEU7O0FBRUQ7RUFDRSw2RUFBcUU7VUFBckUscUVBQXFFO0NBQ3RFOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLGVBQWU7RUFDZixXQUFXO0VBQ1gsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixVQUFVO0VBQ1YsWUFBWTtDQUNiOztBQUVEO0VBQ0UsZUFBZTtFQUNmLGFBQWE7RUFDYixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRTtJQUNFLGtCQUFrQjtHQUNuQjtFQUNEO0lBQ0UscUJBQWM7SUFBZCxxQkFBYztJQUFkLGNBQWM7SUFDZCx5QkFBd0I7UUFBeEIsc0JBQXdCO1lBQXhCLHdCQUF3QjtJQUN4QixtQkFBbUI7R0FDcEI7RUFDRDtJQUNFLFdBQVc7SUFDWCxrQkFBa0I7SUFDbEIsbUJBQW1CO0lBQ25CLE9BQU87R0FDUjtFQUNEO0lBQ0UsVUFBVTtHQUNYO0VBQ0Q7SUFDRSxrQkFBa0I7R0FDbkI7Q0FDRjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDtFQUNFLGVBQWU7RUFDZixtQkFBbUI7RUFDbkIsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0UsZUFBZTtDQUNoQjs7QUFFRDtFQUNFLFVBQVU7RUFDVixtQkFBbUI7RUFDbkIsVUFBVTtDQUNYOztBQUVEO0VBQ0UsYUFBYTtDQUNkOztBQUVEO0VBQ0UsYUFBYTtDQUNkOztBQUVEOztFQUVFLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLHlCQUF5QjtDQUMxQjs7QUFFRDtFQUNFO0lBQ0UsZ0JBQWdCO0dBQ2pCO0VBQ0Q7SUFDRSxjQUFjO0dBQ2Y7Q0FDRjs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixlQUFlO0NBQ2hCOztBQUVEO0VBQ0Usb0JBQW9CO0VBQ3BCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQixZQUFZO0NBQ2IiLCJmaWxlIjoiYnVsbWEtZG9jcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAY2hhcnNldCBcIlVURi04XCI7XG4vKiEgYnVsbWEuaW8gdjAuNC40IHwgTUlUIExpY2Vuc2UgfCBnaXRodWIuY29tL2pndGhtcy9idWxtYSAqL1xuQGtleWZyYW1lcyBzcGluQXJvdW5kIHtcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM1OWRlZyk7XG4gIH1cbn1cblxuLyohIG1pbmlyZXNldC5jc3MgdjAuMC4yIHwgTUlUIExpY2Vuc2UgfCBnaXRodWIuY29tL2pndGhtcy9taW5pcmVzZXQuY3NzICovXG5odG1sLFxuYm9keSxcbnAsXG5vbCxcbnVsLFxubGksXG5kbCxcbmR0LFxuZGQsXG5ibG9ja3F1b3RlLFxuZmlndXJlLFxuZmllbGRzZXQsXG5sZWdlbmQsXG50ZXh0YXJlYSxcbnByZSxcbmlmcmFtZSxcbmhyLFxuaDEsXG5oMixcbmgzLFxuaDQsXG5oNSxcbmg2IHtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG5oMSxcbmgyLFxuaDMsXG5oNCxcbmg1LFxuaDYge1xuICBmb250LXNpemU6IDEwMCU7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG59XG5cbnVsIHtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuYnV0dG9uLFxuaW5wdXQsXG5zZWxlY3QsXG50ZXh0YXJlYSB7XG4gIG1hcmdpbjogMDtcbn1cblxuaHRtbCB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbioge1xuICBib3gtc2l6aW5nOiBpbmhlcml0O1xufVxuXG4qOmJlZm9yZSwgKjphZnRlciB7XG4gIGJveC1zaXppbmc6IGluaGVyaXQ7XG59XG5cbmltZyxcbmVtYmVkLFxub2JqZWN0LFxuYXVkaW8sXG52aWRlbyB7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cblxuaWZyYW1lIHtcbiAgYm9yZGVyOiAwO1xufVxuXG50YWJsZSB7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIGJvcmRlci1zcGFjaW5nOiAwO1xufVxuXG50ZCxcbnRoIHtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuaHRtbCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG4gIG1pbi13aWR0aDogMzAwcHg7XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgb3ZlcmZsb3cteTogc2Nyb2xsO1xuICB0ZXh0LXJlbmRlcmluZzogb3B0aW1pemVMZWdpYmlsaXR5O1xufVxuXG5hcnRpY2xlLFxuYXNpZGUsXG5maWd1cmUsXG5mb290ZXIsXG5oZWFkZXIsXG5oZ3JvdXAsXG5zZWN0aW9uIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbmJvZHksXG5idXR0b24sXG5pbnB1dCxcbnNlbGVjdCxcbnRleHRhcmVhIHtcbiAgZm9udC1mYW1pbHk6IEJsaW5rTWFjU3lzdGVtRm9udCwgLWFwcGxlLXN5c3RlbSwgXCJTZWdvZSBVSVwiLCBcIlJvYm90b1wiLCBcIk94eWdlblwiLCBcIlVidW50dVwiLCBcIkNhbnRhcmVsbFwiLCBcIkZpcmEgU2Fuc1wiLCBcIkRyb2lkIFNhbnNcIiwgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBcIkhlbHZldGljYVwiLCBcIkFyaWFsXCIsIHNhbnMtc2VyaWY7XG59XG5cbmNvZGUsXG5wcmUge1xuICAtbW96LW9zeC1mb250LXNtb290aGluZzogYXV0bztcbiAgLXdlYmtpdC1mb250LXNtb290aGluZzogYXV0bztcbiAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbn1cblxuYm9keSB7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG59XG5cbmEge1xuICBjb2xvcjogIzAwZDFiMjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHRyYW5zaXRpb246IG5vbmUgODZtcyBlYXNlLW91dDtcbn1cblxuYTpob3ZlciB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG5jb2RlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICNmZjM4NjA7XG4gIGZvbnQtc2l6ZTogMC44ZW07XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIHBhZGRpbmc6IDAuMjVlbSAwLjVlbSAwLjI1ZW07XG59XG5cbmhyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2RiZGJkYjtcbiAgYm9yZGVyOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxcHg7XG4gIG1hcmdpbjogMS41cmVtIDA7XG59XG5cbmltZyB7XG4gIGhlaWdodDogYXV0bztcbiAgbWF4LXdpZHRoOiAxMDAlO1xufVxuXG5pbnB1dFt0eXBlPVwiY2hlY2tib3hcIl0sXG5pbnB1dFt0eXBlPVwicmFkaW9cIl0ge1xuICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XG59XG5cbnNtYWxsIHtcbiAgZm9udC1zaXplOiAwLjg3NWVtO1xufVxuXG5zcGFuIHtcbiAgZm9udC1zdHlsZTogaW5oZXJpdDtcbiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7XG59XG5cbnN0cm9uZyB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBmb250LXdlaWdodDogNzAwO1xufVxuXG5wcmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzRhNGE0YTtcbiAgZm9udC1zaXplOiAwLjhlbTtcbiAgd2hpdGUtc3BhY2U6IHByZTtcbiAgd29yZC13cmFwOiBub3JtYWw7XG59XG5cbnByZSBjb2RlIHtcbiAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICBwYWRkaW5nOiAxLjI1cmVtIDEuNXJlbTtcbn1cblxudGFibGUge1xuICB3aWR0aDogMTAwJTtcbn1cblxudGFibGUgdGQsXG50YWJsZSB0aCB7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbnRhYmxlIHRoIHtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5pcy1ibG9jayB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtYmxvY2stbW9iaWxlIHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaXMtYmxvY2stdGFibGV0IHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1ibG9jay10YWJsZXQtb25seSB7XG4gICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWJsb2NrLXRvdWNoIHtcbiAgICBkaXNwbGF5OiBibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuaXMtYmxvY2stZGVza3RvcCB7XG4gICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWJsb2NrLWRlc2t0b3Atb25seSB7XG4gICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLWJsb2NrLXdpZGVzY3JlZW4ge1xuICAgIGRpc3BsYXk6IGJsb2NrICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLmlzLWZsZXgge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtZmxleC1tb2JpbGUge1xuICAgIGRpc3BsYXk6IGZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLWZsZXgtdGFibGV0IHtcbiAgICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWZsZXgtdGFibGV0LW9ubHkge1xuICAgIGRpc3BsYXk6IGZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWZsZXgtdG91Y2gge1xuICAgIGRpc3BsYXk6IGZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLWZsZXgtZGVza3RvcCB7XG4gICAgZGlzcGxheTogZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkgYW5kIChtYXgtd2lkdGg6IDExOTlweCkge1xuICAuaXMtZmxleC1kZXNrdG9wLW9ubHkge1xuICAgIGRpc3BsYXk6IGZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLWZsZXgtd2lkZXNjcmVlbiB7XG4gICAgZGlzcGxheTogZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5pcy1pbmxpbmUge1xuICBkaXNwbGF5OiBpbmxpbmU7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1pbmxpbmUtbW9iaWxlIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLWlubGluZS10YWJsZXQge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1pbmxpbmUtdGFibGV0LW9ubHkge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtaW5saW5lLXRvdWNoIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLWlubGluZS1kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWlubGluZS1kZXNrdG9wLW9ubHkge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAuaXMtaW5saW5lLXdpZGVzY3JlZW4ge1xuICAgIGRpc3BsYXk6IGlubGluZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5pcy1pbmxpbmUtYmxvY2sge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1pbmxpbmUtYmxvY2stbW9iaWxlIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLWlubGluZS1ibG9jay10YWJsZXQge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1pbmxpbmUtYmxvY2stdGFibGV0LW9ubHkge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtaW5saW5lLWJsb2NrLXRvdWNoIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLWlubGluZS1ibG9jay1kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2sgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWlubGluZS1ibG9jay1kZXNrdG9wLW9ubHkge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAuaXMtaW5saW5lLWJsb2NrLXdpZGVzY3JlZW4ge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jayAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5pcy1pbmxpbmUtZmxleCB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtaW5saW5lLWZsZXgtbW9iaWxlIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaXMtaW5saW5lLWZsZXgtdGFibGV0IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1pbmxpbmUtZmxleC10YWJsZXQtb25seSB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWlubGluZS1mbGV4LXRvdWNoIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleCAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuaXMtaW5saW5lLWZsZXgtZGVza3RvcCB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWlubGluZS1mbGV4LWRlc2t0b3Atb25seSB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLWlubGluZS1mbGV4LXdpZGVzY3JlZW4ge1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4ICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLmlzLWNsZWFyZml4OmFmdGVyIHtcbiAgY2xlYXI6IGJvdGg7XG4gIGNvbnRlbnQ6IFwiIFwiO1xuICBkaXNwbGF5OiB0YWJsZTtcbn1cblxuLmlzLXB1bGxlZC1sZWZ0IHtcbiAgZmxvYXQ6IGxlZnQgIWltcG9ydGFudDtcbn1cblxuLmlzLXB1bGxlZC1yaWdodCB7XG4gIGZsb2F0OiByaWdodCAhaW1wb3J0YW50O1xufVxuXG4uaXMtY2xpcHBlZCB7XG4gIG92ZXJmbG93OiBoaWRkZW4gIWltcG9ydGFudDtcbn1cblxuLmlzLW92ZXJsYXkge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbn1cblxuLmlzLXNpemUtMSB7XG4gIGZvbnQtc2l6ZTogM3JlbTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmlzLXNpemUtMS1tb2JpbGUge1xuICAgIGZvbnQtc2l6ZTogM3JlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLXNpemUtMS10YWJsZXQge1xuICAgIGZvbnQtc2l6ZTogM3JlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLXNpemUtMS10b3VjaCB7XG4gICAgZm9udC1zaXplOiAzcmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuaXMtc2l6ZS0xLWRlc2t0b3Age1xuICAgIGZvbnQtc2l6ZTogM3JlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLXNpemUtMS13aWRlc2NyZWVuIHtcbiAgICBmb250LXNpemU6IDNyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTM5MnB4KSB7XG4gIC5pcy1zaXplLTEtZnVsbGhkIHtcbiAgICBmb250LXNpemU6IDNyZW07XG4gIH1cbn1cblxuLmlzLXNpemUtMiB7XG4gIGZvbnQtc2l6ZTogMi41cmVtO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtc2l6ZS0yLW1vYmlsZSB7XG4gICAgZm9udC1zaXplOiAyLjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5pcy1zaXplLTItdGFibGV0IHtcbiAgICBmb250LXNpemU6IDIuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLXNpemUtMi10b3VjaCB7XG4gICAgZm9udC1zaXplOiAyLjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5pcy1zaXplLTItZGVza3RvcCB7XG4gICAgZm9udC1zaXplOiAyLjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5pcy1zaXplLTItd2lkZXNjcmVlbiB7XG4gICAgZm9udC1zaXplOiAyLjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTM5MnB4KSB7XG4gIC5pcy1zaXplLTItZnVsbGhkIHtcbiAgICBmb250LXNpemU6IDIuNXJlbTtcbiAgfVxufVxuXG4uaXMtc2l6ZS0zIHtcbiAgZm9udC1zaXplOiAycmVtO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtc2l6ZS0zLW1vYmlsZSB7XG4gICAgZm9udC1zaXplOiAycmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaXMtc2l6ZS0zLXRhYmxldCB7XG4gICAgZm9udC1zaXplOiAycmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtc2l6ZS0zLXRvdWNoIHtcbiAgICBmb250LXNpemU6IDJyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5pcy1zaXplLTMtZGVza3RvcCB7XG4gICAgZm9udC1zaXplOiAycmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAuaXMtc2l6ZS0zLXdpZGVzY3JlZW4ge1xuICAgIGZvbnQtc2l6ZTogMnJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMzkycHgpIHtcbiAgLmlzLXNpemUtMy1mdWxsaGQge1xuICAgIGZvbnQtc2l6ZTogMnJlbTtcbiAgfVxufVxuXG4uaXMtc2l6ZS00IHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1zaXplLTQtbW9iaWxlIHtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmlzLXNpemUtNC10YWJsZXQge1xuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMDdweCkge1xuICAuaXMtc2l6ZS00LXRvdWNoIHtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLXNpemUtNC1kZXNrdG9wIHtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLXNpemUtNC13aWRlc2NyZWVuIHtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMzkycHgpIHtcbiAgLmlzLXNpemUtNC1mdWxsaGQge1xuICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICB9XG59XG5cbi5pcy1zaXplLTUge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1zaXplLTUtbW9iaWxlIHtcbiAgICBmb250LXNpemU6IDEuMjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5pcy1zaXplLTUtdGFibGV0IHtcbiAgICBmb250LXNpemU6IDEuMjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1zaXplLTUtdG91Y2gge1xuICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLXNpemUtNS1kZXNrdG9wIHtcbiAgICBmb250LXNpemU6IDEuMjVyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5pcy1zaXplLTUtd2lkZXNjcmVlbiB7XG4gICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEzOTJweCkge1xuICAuaXMtc2l6ZS01LWZ1bGxoZCB7XG4gICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB9XG59XG5cbi5pcy1zaXplLTYge1xuICBmb250LXNpemU6IDFyZW07XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5pcy1zaXplLTYtbW9iaWxlIHtcbiAgICBmb250LXNpemU6IDFyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5pcy1zaXplLTYtdGFibGV0IHtcbiAgICBmb250LXNpemU6IDFyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1zaXplLTYtdG91Y2gge1xuICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLmlzLXNpemUtNi1kZXNrdG9wIHtcbiAgICBmb250LXNpemU6IDFyZW07XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5pcy1zaXplLTYtd2lkZXNjcmVlbiB7XG4gICAgZm9udC1zaXplOiAxcmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEzOTJweCkge1xuICAuaXMtc2l6ZS02LWZ1bGxoZCB7XG4gICAgZm9udC1zaXplOiAxcmVtO1xuICB9XG59XG5cbi5oYXMtdGV4dC1jZW50ZXJlZCB7XG4gIHRleHQtYWxpZ246IGNlbnRlciAhaW1wb3J0YW50O1xufVxuXG4uaGFzLXRleHQtbGVmdCB7XG4gIHRleHQtYWxpZ246IGxlZnQgIWltcG9ydGFudDtcbn1cblxuLmhhcy10ZXh0LXJpZ2h0IHtcbiAgdGV4dC1hbGlnbjogcmlnaHQgIWltcG9ydGFudDtcbn1cblxuLmhhcy10ZXh0LXdoaXRlIHtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG5hLmhhcy10ZXh0LXdoaXRlOmhvdmVyLCBhLmhhcy10ZXh0LXdoaXRlOmZvY3VzIHtcbiAgY29sb3I6ICNlNmU2ZTY7XG59XG5cbi5oYXMtdGV4dC1ibGFjayB7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG5hLmhhcy10ZXh0LWJsYWNrOmhvdmVyLCBhLmhhcy10ZXh0LWJsYWNrOmZvY3VzIHtcbiAgY29sb3I6IGJsYWNrO1xufVxuXG4uaGFzLXRleHQtbGlnaHQge1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuYS5oYXMtdGV4dC1saWdodDpob3ZlciwgYS5oYXMtdGV4dC1saWdodDpmb2N1cyB7XG4gIGNvbG9yOiAjZGJkYmRiO1xufVxuXG4uaGFzLXRleHQtZGFyayB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG5hLmhhcy10ZXh0LWRhcms6aG92ZXIsIGEuaGFzLXRleHQtZGFyazpmb2N1cyB7XG4gIGNvbG9yOiAjMWMxYzFjO1xufVxuXG4uaGFzLXRleHQtcHJpbWFyeSB7XG4gIGNvbG9yOiAjMDBkMWIyO1xufVxuXG5hLmhhcy10ZXh0LXByaW1hcnk6aG92ZXIsIGEuaGFzLXRleHQtcHJpbWFyeTpmb2N1cyB7XG4gIGNvbG9yOiAjMDA5ZTg2O1xufVxuXG4uaGFzLXRleHQtaW5mbyB7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG5hLmhhcy10ZXh0LWluZm86aG92ZXIsIGEuaGFzLXRleHQtaW5mbzpmb2N1cyB7XG4gIGNvbG9yOiAjMjA1YmJjO1xufVxuXG4uaGFzLXRleHQtc3VjY2VzcyB7XG4gIGNvbG9yOiAjMjNkMTYwO1xufVxuXG5hLmhhcy10ZXh0LXN1Y2Nlc3M6aG92ZXIsIGEuaGFzLXRleHQtc3VjY2Vzczpmb2N1cyB7XG4gIGNvbG9yOiAjMWNhNjRjO1xufVxuXG4uaGFzLXRleHQtd2FybmluZyB7XG4gIGNvbG9yOiAjZmZkZDU3O1xufVxuXG5hLmhhcy10ZXh0LXdhcm5pbmc6aG92ZXIsIGEuaGFzLXRleHQtd2FybmluZzpmb2N1cyB7XG4gIGNvbG9yOiAjZmZkMzI0O1xufVxuXG4uaGFzLXRleHQtZGFuZ2VyIHtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbmEuaGFzLXRleHQtZGFuZ2VyOmhvdmVyLCBhLmhhcy10ZXh0LWRhbmdlcjpmb2N1cyB7XG4gIGNvbG9yOiAjZmYwNTM3O1xufVxuXG4uaXMtaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaXMtaGlkZGVuLW1vYmlsZSB7XG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaXMtaGlkZGVuLXRhYmxldCB7XG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5pcy1oaWRkZW4tdGFibGV0LW9ubHkge1xuICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLmlzLWhpZGRlbi10b3VjaCB7XG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuaXMtaGlkZGVuLWRlc2t0b3Age1xuICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIGFuZCAobWF4LXdpZHRoOiAxMTk5cHgpIHtcbiAgLmlzLWhpZGRlbi1kZXNrdG9wLW9ubHkge1xuICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmlzLWhpZGRlbi13aWRlc2NyZWVuIHtcbiAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLmlzLW1hcmdpbmxlc3Mge1xuICBtYXJnaW46IDAgIWltcG9ydGFudDtcbn1cblxuLmlzLXBhZGRpbmdsZXNzIHtcbiAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xufVxuXG4uaXMtdW5zZWxlY3RhYmxlIHtcbiAgLXdlYmtpdC10b3VjaC1jYWxsb3V0OiBub25lO1xuICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuXG4uYm94IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKSwgMCAwIDAgMXB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwYWRkaW5nOiAxLjI1cmVtO1xufVxuXG4uYm94Om5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbmEuYm94OmhvdmVyLCBhLmJveDpmb2N1cyB7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDNweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMCAwIDFweCAjMDBkMWIyO1xufVxuXG5hLmJveDphY3RpdmUge1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpLCAwIDAgMCAxcHggIzAwZDFiMjtcbn1cblxuLmJ1dHRvbiB7XG4gIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBib3gtc2hhZG93OiBub25lO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBoZWlnaHQ6IDIuMjVlbTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBsaW5lLWhlaWdodDogMS41O1xuICBwYWRkaW5nLWJvdHRvbTogY2FsYygwLjM3NWVtIC0gMXB4KTtcbiAgcGFkZGluZy1sZWZ0OiBjYWxjKDAuNjI1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLXJpZ2h0OiBjYWxjKDAuNjI1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLXRvcDogY2FsYygwLjM3NWVtIC0gMXB4KTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICAtd2Via2l0LXRvdWNoLWNhbGxvdXQ6IG5vbmU7XG4gIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tcy11c2VyLXNlbGVjdDogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItY29sb3I6ICNkYmRiZGI7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6IDAuNzVlbTtcbiAgcGFkZGluZy1yaWdodDogMC43NWVtO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbi5idXR0b246Zm9jdXMsIC5idXR0b24uaXMtZm9jdXNlZCwgLmJ1dHRvbjphY3RpdmUsIC5idXR0b24uaXMtYWN0aXZlIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLmJ1dHRvbltkaXNhYmxlZF0ge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4uYnV0dG9uIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uYnV0dG9uIC5pY29uLCAuYnV0dG9uIC5pY29uLmlzLXNtYWxsLCAuYnV0dG9uIC5pY29uLmlzLW1lZGl1bSwgLmJ1dHRvbiAuaWNvbi5pcy1sYXJnZSB7XG4gIGhlaWdodDogMS41ZW07XG4gIHdpZHRoOiAxLjVlbTtcbn1cblxuLmJ1dHRvbiAuaWNvbjpmaXJzdC1jaGlsZDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoLTAuMzc1ZW0gLSAxcHgpO1xuICBtYXJnaW4tcmlnaHQ6IDAuMTg3NWVtO1xufVxuXG4uYnV0dG9uIC5pY29uOmxhc3QtY2hpbGQ6bm90KDpmaXJzdC1jaGlsZCkge1xuICBtYXJnaW4tbGVmdDogMC4xODc1ZW07XG4gIG1hcmdpbi1yaWdodDogY2FsYygtMC4zNzVlbSAtIDFweCk7XG59XG5cbi5idXR0b24gLmljb246Zmlyc3QtY2hpbGQ6bGFzdC1jaGlsZCB7XG4gIG1hcmdpbi1sZWZ0OiBjYWxjKC0wLjM3NWVtIC0gMXB4KTtcbiAgbWFyZ2luLXJpZ2h0OiBjYWxjKC0wLjM3NWVtIC0gMXB4KTtcbn1cblxuLmJ1dHRvbjpob3ZlciwgLmJ1dHRvbi5pcy1ob3ZlcmVkIHtcbiAgYm9yZGVyLWNvbG9yOiAjYjViNWI1O1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbjpmb2N1cywgLmJ1dHRvbi5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xuICBib3gtc2hhZG93OiAwIDAgMC41ZW0gcmdiYSgwLCAyMDksIDE3OCwgMC4yNSk7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uOmFjdGl2ZSwgLmJ1dHRvbi5pcy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6ICM0YTRhNGE7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDJweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWxpbmsge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuXG4uYnV0dG9uLmlzLWxpbms6aG92ZXIsIC5idXR0b24uaXMtbGluay5pcy1ob3ZlcmVkLCAuYnV0dG9uLmlzLWxpbms6Zm9jdXMsIC5idXR0b24uaXMtbGluay5pcy1mb2N1c2VkLCAuYnV0dG9uLmlzLWxpbms6YWN0aXZlLCAuYnV0dG9uLmlzLWxpbmsuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtbGlua1tkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZTpob3ZlciwgLmJ1dHRvbi5pcy13aGl0ZS5pcy1ob3ZlcmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y5ZjlmOTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5idXR0b24uaXMtd2hpdGU6Zm9jdXMsIC5idXR0b24uaXMtd2hpdGUuaXMtZm9jdXNlZCB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IDAgMCAwLjVlbSByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjUpO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZTphY3RpdmUsIC5idXR0b24uaXMtd2hpdGUuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5idXR0b24uaXMtd2hpdGVbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtaW52ZXJ0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtaW52ZXJ0ZWQ6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZS5pcy1pbnZlcnRlZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgIzBhMGEwYSAjMGEwYTBhICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXdoaXRlLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlLmlzLW91dGxpbmVkLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHdoaXRlIHdoaXRlICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtd2hpdGUuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmJ1dHRvbi5pcy13aGl0ZS5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMwYTBhMGE7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXdoaXRlLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLXdoaXRlLmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMwYTBhMGE7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrOmhvdmVyLCAuYnV0dG9uLmlzLWJsYWNrLmlzLWhvdmVyZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDQwNDA0O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtYmxhY2s6Zm9jdXMsIC5idXR0b24uaXMtYmxhY2suaXMtZm9jdXNlZCB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IDAgMCAwLjVlbSByZ2JhKDEwLCAxMCwgMTAsIDAuMjUpO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtYmxhY2s6YWN0aXZlLCAuYnV0dG9uLmlzLWJsYWNrLmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5idXR0b24uaXMtYmxhY2tbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1pbnZlcnRlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1pbnZlcnRlZDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7XG59XG5cbi5idXR0b24uaXMtYmxhY2suaXMtaW52ZXJ0ZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHdoaXRlIHdoaXRlICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtYmxhY2suaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMGEwYTBhO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1ibGFjay5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIGJvcmRlci1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLW91dGxpbmVkLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICMwYTBhMGEgIzBhMGEwYSAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMwYTBhMGE7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uYnV0dG9uLmlzLWJsYWNrLmlzLWludmVydGVkLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1ibGFjay5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmJ1dHRvbi5pcy1ibGFjay5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uYnV0dG9uLmlzLWxpZ2h0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtbGlnaHQ6aG92ZXIsIC5idXR0b24uaXMtbGlnaHQuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZWVlZWU7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWxpZ2h0OmZvY3VzLCAuYnV0dG9uLmlzLWxpZ2h0LmlzLWZvY3VzZWQge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiAwIDAgMC41ZW0gcmdiYSgyNDUsIDI0NSwgMjQ1LCAwLjI1KTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtbGlnaHQ6YWN0aXZlLCAuYnV0dG9uLmlzLWxpZ2h0LmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlOGU4ZTg7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDJweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWxpZ2h0W2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtaW52ZXJ0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1pbnZlcnRlZDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyOTI5Mjk7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtaW52ZXJ0ZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgIzM2MzYzNiAjMzYzNjM2ICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1saWdodC5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtb3V0bGluZWQuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgd2hpdGVzbW9rZSB3aGl0ZXNtb2tlICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtbGlnaHQuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMzYzNjM2O1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbi5pcy1saWdodC5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1saWdodC5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLWxpZ2h0LmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrOmhvdmVyLCAuYnV0dG9uLmlzLWRhcmsuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyZjJmMmY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLWRhcms6Zm9jdXMsIC5idXR0b24uaXMtZGFyay5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogMCAwIDAuNWVtIHJnYmEoNTQsIDU0LCA1NCwgMC4yNSk7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLWRhcms6YWN0aXZlLCAuYnV0dG9uLmlzLWRhcmsuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzI5MjkyOTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtZGFya1tkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtaW52ZXJ0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLWludmVydGVkOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2U4ZThlODtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLWludmVydGVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgd2hpdGVzbW9rZSB3aGl0ZXNtb2tlICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtZGFyay5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtZGFyay5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGJvcmRlci1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5idXR0b24uaXMtZGFyay5pcy1vdXRsaW5lZC5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjMzYzNjM2ICMzNjM2MzYgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uYnV0dG9uLmlzLWRhcmsuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLWRhcmsuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJ1dHRvbi5pcy1kYXJrLmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5OmhvdmVyLCAuYnV0dG9uLmlzLXByaW1hcnkuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGM0YTc7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnk6Zm9jdXMsIC5idXR0b24uaXMtcHJpbWFyeS5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogMCAwIDAuNWVtIHJnYmEoMCwgMjA5LCAxNzgsIDAuMjUpO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5OmFjdGl2ZSwgLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGI4OWM7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDJweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnlbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWludmVydGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1pbnZlcnRlZDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1pbnZlcnRlZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICNmZmYgI2ZmZiAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnkuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXByaW1hcnkuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXByaW1hcnkuaXMtb3V0bGluZWQuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgIzAwZDFiMiAjMDBkMWIyICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWludmVydGVkLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1wcmltYXJ5LmlzLWludmVydGVkLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi5idXR0b24uaXMtcHJpbWFyeS5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMyNzNkYztcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtaW5mbzpob3ZlciwgLmJ1dHRvbi5pcy1pbmZvLmlzLWhvdmVyZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjc2Y2RhO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvOmZvY3VzLCAuYnV0dG9uLmlzLWluZm8uaXMtZm9jdXNlZCB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IDAgMCAwLjVlbSByZ2JhKDUwLCAxMTUsIDIyMCwgMC4yNSk7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLWluZm86YWN0aXZlLCAuYnV0dG9uLmlzLWluZm8uaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzNjZkMTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtaW5mb1tkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzI3M2RjO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtaW52ZXJ0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogIzMyNzNkYztcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLWludmVydGVkOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLWludmVydGVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgI2ZmZiAjZmZmICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtaW5mby5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtaW5mby5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGJvcmRlci1jb2xvcjogIzMyNzNkYztcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtaW5mby5pcy1vdXRsaW5lZC5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjMzI3M2RjICMzMjczZGMgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICMzMjczZGM7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG4uYnV0dG9uLmlzLWluZm8uaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLWluZm8uaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogIzMyNzNkYztcbn1cblxuLmJ1dHRvbi5pcy1pbmZvLmlzLWludmVydGVkLmlzLW91dGxpbmVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3Mge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzOmhvdmVyLCAuYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyMmM2NWI7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3M6Zm9jdXMsIC5idXR0b24uaXMtc3VjY2Vzcy5pcy1mb2N1c2VkIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogMCAwIDAuNWVtIHJnYmEoMzUsIDIwOSwgOTYsIDAuMjUpO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzOmFjdGl2ZSwgLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyMGJjNTY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMXB4IDJweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3NbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWludmVydGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICMyM2QxNjA7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1pbnZlcnRlZDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1pbnZlcnRlZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzIzZDE2MDtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICNmZmYgI2ZmZiAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtb3V0bGluZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMjNkMTYwO1xuICBjb2xvcjogIzIzZDE2MDtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xuICBib3JkZXItY29sb3I6ICMyM2QxNjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXN1Y2Nlc3MuaXMtb3V0bGluZWQuaXMtbG9hZGluZzphZnRlciB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgIzIzZDE2MCAjMjNkMTYwICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjMjNkMTYwO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzIzZDE2MDtcbn1cblxuLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWludmVydGVkLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1zdWNjZXNzLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICMyM2QxNjA7XG59XG5cbi5idXR0b24uaXMtc3VjY2Vzcy5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZGQ1NztcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nOmhvdmVyLCAuYnV0dG9uLmlzLXdhcm5pbmcuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmRiNGE7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG59XG5cbi5idXR0b24uaXMtd2FybmluZzpmb2N1cywgLmJ1dHRvbi5pcy13YXJuaW5nLmlzLWZvY3VzZWQge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiAwIDAgMC41ZW0gcmdiYSgyNTUsIDIyMSwgODcsIDAuMjUpO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmc6YWN0aXZlLCAuYnV0dG9uLmlzLXdhcm5pbmcuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZDgzZDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmRkNTc7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1pbnZlcnRlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgY29sb3I6ICNmZmRkNTc7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1pbnZlcnRlZDpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nLmlzLWludmVydGVkW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICNmZmRkNTc7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCByZ2JhKDAsIDAsIDAsIDAuNykgcmdiYSgwLCAwLCAwLCAwLjcpICFpbXBvcnRhbnQ7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICNmZmRkNTc7XG4gIGNvbG9yOiAjZmZkZDU3O1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmcuaXMtb3V0bGluZWQ6aG92ZXIsIC5idXR0b24uaXMtd2FybmluZy5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmRkNTc7XG4gIGJvcmRlci1jb2xvcjogI2ZmZGQ1NztcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nLmlzLW91dGxpbmVkLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICNmZmRkNTcgI2ZmZGQ1NyAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmcuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmZGQ1NztcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICNmZmRkNTc7XG59XG5cbi5idXR0b24uaXMtd2FybmluZy5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmJ1dHRvbi5pcy13YXJuaW5nLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLXdhcm5pbmcuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4gIGNvbG9yOiAjZmZkZDU3O1xufVxuXG4uYnV0dG9uLmlzLXdhcm5pbmcuaXMtaW52ZXJ0ZWQuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjM4NjA7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlcjpob3ZlciwgLmJ1dHRvbi5pcy1kYW5nZXIuaXMtaG92ZXJlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjJiNTY7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlcjpmb2N1cywgLmJ1dHRvbi5pcy1kYW5nZXIuaXMtZm9jdXNlZCB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IDAgMCAwLjVlbSByZ2JhKDI1NSwgNTYsIDk2LCAwLjI1KTtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyOmFjdGl2ZSwgLmJ1dHRvbi5pcy1kYW5nZXIuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMWY0YjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjM4NjA7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLWludmVydGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLWludmVydGVkOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjtcbn1cblxuLmJ1dHRvbi5pcy1kYW5nZXIuaXMtaW52ZXJ0ZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICNmZmYgI2ZmZiAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlci5pcy1vdXRsaW5lZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItY29sb3I6ICNmZjM4NjA7XG4gIGNvbG9yOiAjZmYzODYwO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlci5pcy1vdXRsaW5lZDpob3ZlciwgLmJ1dHRvbi5pcy1kYW5nZXIuaXMtb3V0bGluZWQ6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xuICBib3JkZXItY29sb3I6ICNmZjM4NjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlci5pcy1vdXRsaW5lZC5pcy1sb2FkaW5nOmFmdGVyIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCAjZmYzODYwICNmZjM4NjAgIWltcG9ydGFudDtcbn1cblxuLmJ1dHRvbi5pcy1kYW5nZXIuaXMtb3V0bGluZWRbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmMzg2MDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLWludmVydGVkLmlzLW91dGxpbmVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5idXR0b24uaXMtZGFuZ2VyLmlzLWludmVydGVkLmlzLW91dGxpbmVkOmhvdmVyLCAuYnV0dG9uLmlzLWRhbmdlci5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZDpmb2N1cyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGNvbG9yOiAjZmYzODYwO1xufVxuXG4uYnV0dG9uLmlzLWRhbmdlci5pcy1pbnZlcnRlZC5pcy1vdXRsaW5lZFtkaXNhYmxlZF0ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJ1dHRvbi5pcy1zbWFsbCB7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuXG4uYnV0dG9uLmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLmJ1dHRvbi5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4uYnV0dG9uW2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItY29sb3I6ICNkYmRiZGI7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIG9wYWNpdHk6IDAuNTtcbn1cblxuLmJ1dHRvbi5pcy1mdWxsd2lkdGgge1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmJ1dHRvbi5pcy1sb2FkaW5nIHtcbiAgY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uYnV0dG9uLmlzLWxvYWRpbmc6YWZ0ZXIge1xuICBhbmltYXRpb246IHNwaW5Bcm91bmQgNTAwbXMgaW5maW5pdGUgbGluZWFyO1xuICBib3JkZXI6IDJweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgYm9yZGVyLXJpZ2h0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMWVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IGNhbGMoNTAlIC0gKDFlbSAvIDIpKTtcbiAgdG9wOiBjYWxjKDUwJSAtICgxZW0gLyAyKSk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xufVxuXG4uYnV0dG9uLmlzLXN0YXRpYyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1jb2xvcjogI2RiZGJkYjtcbiAgY29sb3I6ICM3YTdhN2E7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG5idXR0b24uYnV0dG9uLFxuaW5wdXRbdHlwZT1cInN1Ym1pdFwiXS5idXR0b24ge1xuICBsaW5lLWhlaWdodDogMTtcbiAgcGFkZGluZy1ib3R0b206IDAuNGVtO1xuICBwYWRkaW5nLXRvcDogMC4zNWVtO1xufVxuXG4uY29udGVudDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uY29udGVudCBsaSArIGxpIHtcbiAgbWFyZ2luLXRvcDogMC4yNWVtO1xufVxuXG4uY29udGVudCBwOm5vdCg6bGFzdC1jaGlsZCksXG4uY29udGVudCBkbDpub3QoOmxhc3QtY2hpbGQpLFxuLmNvbnRlbnQgb2w6bm90KDpsYXN0LWNoaWxkKSxcbi5jb250ZW50IHVsOm5vdCg6bGFzdC1jaGlsZCksXG4uY29udGVudCBibG9ja3F1b3RlOm5vdCg6bGFzdC1jaGlsZCksXG4uY29udGVudCBwcmU6bm90KDpsYXN0LWNoaWxkKSxcbi5jb250ZW50IHRhYmxlOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxZW07XG59XG5cbi5jb250ZW50IGgxLFxuLmNvbnRlbnQgaDIsXG4uY29udGVudCBoMyxcbi5jb250ZW50IGg0LFxuLmNvbnRlbnQgaDUsXG4uY29udGVudCBoNiB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBmb250LXdlaWdodDogNDAwO1xuICBsaW5lLWhlaWdodDogMS4xMjU7XG59XG5cbi5jb250ZW50IGgxIHtcbiAgZm9udC1zaXplOiAyZW07XG4gIG1hcmdpbi1ib3R0b206IDAuNWVtO1xufVxuXG4uY29udGVudCBoMTpub3QoOmZpcnN0LWNoaWxkKSB7XG4gIG1hcmdpbi10b3A6IDFlbTtcbn1cblxuLmNvbnRlbnQgaDIge1xuICBmb250LXNpemU6IDEuNzVlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC41NzE0ZW07XG59XG5cbi5jb250ZW50IGgyOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgbWFyZ2luLXRvcDogMS4xNDI4ZW07XG59XG5cbi5jb250ZW50IGgzIHtcbiAgZm9udC1zaXplOiAxLjVlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC42NjY2ZW07XG59XG5cbi5jb250ZW50IGgzOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgbWFyZ2luLXRvcDogMS4zMzMzZW07XG59XG5cbi5jb250ZW50IGg0IHtcbiAgZm9udC1zaXplOiAxLjI1ZW07XG4gIG1hcmdpbi1ib3R0b206IDAuOGVtO1xufVxuXG4uY29udGVudCBoNSB7XG4gIGZvbnQtc2l6ZTogMS4xMjVlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC44ODg4ZW07XG59XG5cbi5jb250ZW50IGg2IHtcbiAgZm9udC1zaXplOiAxZW07XG4gIG1hcmdpbi1ib3R0b206IDFlbTtcbn1cblxuLmNvbnRlbnQgYmxvY2txdW90ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1sZWZ0OiA1cHggc29saWQgI2RiZGJkYjtcbiAgcGFkZGluZzogMS4yNWVtIDEuNWVtO1xufVxuXG4uY29udGVudCBvbCB7XG4gIGxpc3Qtc3R5bGU6IGRlY2ltYWwgb3V0c2lkZTtcbiAgbWFyZ2luLWxlZnQ6IDJlbTtcbiAgbWFyZ2luLXRvcDogMWVtO1xufVxuXG4uY29udGVudCB1bCB7XG4gIGxpc3Qtc3R5bGU6IGRpc2Mgb3V0c2lkZTtcbiAgbWFyZ2luLWxlZnQ6IDJlbTtcbiAgbWFyZ2luLXRvcDogMWVtO1xufVxuXG4uY29udGVudCB1bCB1bCB7XG4gIGxpc3Qtc3R5bGUtdHlwZTogY2lyY2xlO1xuICBtYXJnaW4tdG9wOiAwLjVlbTtcbn1cblxuLmNvbnRlbnQgdWwgdWwgdWwge1xuICBsaXN0LXN0eWxlLXR5cGU6IHNxdWFyZTtcbn1cblxuLmNvbnRlbnQgZGQge1xuICBtYXJnaW4tbGVmdDogMmVtO1xufVxuXG4uY29udGVudCBmaWd1cmUge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5jb250ZW50IGZpZ3VyZSBpbWcge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi5jb250ZW50IGZpZ3VyZSBmaWdjYXB0aW9uIHtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xufVxuXG4uY29udGVudCBwcmUge1xuICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIHBhZGRpbmc6IDEuMjVlbSAxLjVlbTtcbiAgd2hpdGUtc3BhY2U6IHByZTtcbiAgd29yZC13cmFwOiBub3JtYWw7XG59XG5cbi5jb250ZW50IHN1cCxcbi5jb250ZW50IHN1YiB7XG4gIGZvbnQtc2l6ZTogNzAlO1xufVxuXG4uY29udGVudCB0YWJsZSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY29udGVudCB0YWJsZSB0ZCxcbi5jb250ZW50IHRhYmxlIHRoIHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2RiZGJkYjtcbiAgYm9yZGVyLXdpZHRoOiAwIDAgMXB4O1xuICBwYWRkaW5nOiAwLjVlbSAwLjc1ZW07XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbi5jb250ZW50IHRhYmxlIHRoIHtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbi5jb250ZW50IHRhYmxlIHRyOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmNvbnRlbnQgdGFibGUgdGhlYWQgdGQsXG4uY29udGVudCB0YWJsZSB0aGVhZCB0aCB7XG4gIGJvcmRlci13aWR0aDogMCAwIDJweDtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5jb250ZW50IHRhYmxlIHRmb290IHRkLFxuLmNvbnRlbnQgdGFibGUgdGZvb3QgdGgge1xuICBib3JkZXItd2lkdGg6IDJweCAwIDA7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uY29udGVudCB0YWJsZSB0Ym9keSB0cjpsYXN0LWNoaWxkIHRkLFxuLmNvbnRlbnQgdGFibGUgdGJvZHkgdHI6bGFzdC1jaGlsZCB0aCB7XG4gIGJvcmRlci1ib3R0b20td2lkdGg6IDA7XG59XG5cbi5jb250ZW50LmlzLXNtYWxsIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuXG4uY29udGVudC5pcy1tZWRpdW0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5jb250ZW50LmlzLWxhcmdlIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi5pbnB1dCxcbi50ZXh0YXJlYSB7XG4gIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBib3gtc2hhZG93OiBub25lO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBoZWlnaHQ6IDIuMjVlbTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBsaW5lLWhlaWdodDogMS41O1xuICBwYWRkaW5nLWJvdHRvbTogY2FsYygwLjM3NWVtIC0gMXB4KTtcbiAgcGFkZGluZy1sZWZ0OiBjYWxjKDAuNjI1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLXJpZ2h0OiBjYWxjKDAuNjI1ZW0gLSAxcHgpO1xuICBwYWRkaW5nLXRvcDogY2FsYygwLjM3NWVtIC0gMXB4KTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLWNvbG9yOiAjZGJkYmRiO1xuICBjb2xvcjogIzM2MzYzNjtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAxcHggMnB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmlucHV0OmZvY3VzLCAuaW5wdXQuaXMtZm9jdXNlZCwgLmlucHV0OmFjdGl2ZSwgLmlucHV0LmlzLWFjdGl2ZSxcbi50ZXh0YXJlYTpmb2N1cyxcbi50ZXh0YXJlYS5pcy1mb2N1c2VkLFxuLnRleHRhcmVhOmFjdGl2ZSxcbi50ZXh0YXJlYS5pcy1hY3RpdmUge1xuICBvdXRsaW5lOiBub25lO1xufVxuXG4uaW5wdXRbZGlzYWJsZWRdLFxuLnRleHRhcmVhW2Rpc2FibGVkXSB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5pbnB1dDpob3ZlciwgLmlucHV0LmlzLWhvdmVyZWQsXG4udGV4dGFyZWE6aG92ZXIsXG4udGV4dGFyZWEuaXMtaG92ZXJlZCB7XG4gIGJvcmRlci1jb2xvcjogI2I1YjViNTtcbn1cblxuLmlucHV0OmZvY3VzLCAuaW5wdXQuaXMtZm9jdXNlZCwgLmlucHV0OmFjdGl2ZSwgLmlucHV0LmlzLWFjdGl2ZSxcbi50ZXh0YXJlYTpmb2N1cyxcbi50ZXh0YXJlYS5pcy1mb2N1c2VkLFxuLnRleHRhcmVhOmFjdGl2ZSxcbi50ZXh0YXJlYS5pcy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG59XG5cbi5pbnB1dFtkaXNhYmxlZF0sXG4udGV4dGFyZWFbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzdhN2E3YTtcbn1cblxuLmlucHV0W2Rpc2FibGVkXTo6LW1vei1wbGFjZWhvbGRlcixcbi50ZXh0YXJlYVtkaXNhYmxlZF06Oi1tb3otcGxhY2Vob2xkZXIge1xuICBjb2xvcjogcmdiYSg1NCwgNTQsIDU0LCAwLjMpO1xufVxuXG4uaW5wdXRbZGlzYWJsZWRdOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyLFxuLnRleHRhcmVhW2Rpc2FibGVkXTo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDU0LCA1NCwgNTQsIDAuMyk7XG59XG5cbi5pbnB1dFtkaXNhYmxlZF06LW1vei1wbGFjZWhvbGRlcixcbi50ZXh0YXJlYVtkaXNhYmxlZF06LW1vei1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDU0LCA1NCwgNTQsIDAuMyk7XG59XG5cbi5pbnB1dFtkaXNhYmxlZF06LW1zLWlucHV0LXBsYWNlaG9sZGVyLFxuLnRleHRhcmVhW2Rpc2FibGVkXTotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuICBjb2xvcjogcmdiYSg1NCwgNTQsIDU0LCAwLjMpO1xufVxuXG4uaW5wdXRbdHlwZT1cInNlYXJjaFwiXSxcbi50ZXh0YXJlYVt0eXBlPVwic2VhcmNoXCJdIHtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG59XG5cbi5pbnB1dC5pcy13aGl0ZSxcbi50ZXh0YXJlYS5pcy13aGl0ZSB7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG59XG5cbi5pbnB1dC5pcy1ibGFjayxcbi50ZXh0YXJlYS5pcy1ibGFjayB7XG4gIGJvcmRlci1jb2xvcjogIzBhMGEwYTtcbn1cblxuLmlucHV0LmlzLWxpZ2h0LFxuLnRleHRhcmVhLmlzLWxpZ2h0IHtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uaW5wdXQuaXMtZGFyayxcbi50ZXh0YXJlYS5pcy1kYXJrIHtcbiAgYm9yZGVyLWNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaW5wdXQuaXMtcHJpbWFyeSxcbi50ZXh0YXJlYS5pcy1wcmltYXJ5IHtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4uaW5wdXQuaXMtaW5mbyxcbi50ZXh0YXJlYS5pcy1pbmZvIHtcbiAgYm9yZGVyLWNvbG9yOiAjMzI3M2RjO1xufVxuXG4uaW5wdXQuaXMtc3VjY2Vzcyxcbi50ZXh0YXJlYS5pcy1zdWNjZXNzIHtcbiAgYm9yZGVyLWNvbG9yOiAjMjNkMTYwO1xufVxuXG4uaW5wdXQuaXMtd2FybmluZyxcbi50ZXh0YXJlYS5pcy13YXJuaW5nIHtcbiAgYm9yZGVyLWNvbG9yOiAjZmZkZDU3O1xufVxuXG4uaW5wdXQuaXMtZGFuZ2VyLFxuLnRleHRhcmVhLmlzLWRhbmdlciB7XG4gIGJvcmRlci1jb2xvcjogI2ZmMzg2MDtcbn1cblxuLmlucHV0LmlzLXNtYWxsLFxuLnRleHRhcmVhLmlzLXNtYWxsIHtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5pbnB1dC5pcy1tZWRpdW0sXG4udGV4dGFyZWEuaXMtbWVkaXVtIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4uaW5wdXQuaXMtbGFyZ2UsXG4udGV4dGFyZWEuaXMtbGFyZ2Uge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmlucHV0LmlzLWZ1bGx3aWR0aCxcbi50ZXh0YXJlYS5pcy1mdWxsd2lkdGgge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5pbnB1dC5pcy1pbmxpbmUsXG4udGV4dGFyZWEuaXMtaW5saW5lIHtcbiAgZGlzcGxheTogaW5saW5lO1xuICB3aWR0aDogYXV0bztcbn1cblxuLnRleHRhcmVhIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAwLjYyNWVtO1xuICByZXNpemU6IHZlcnRpY2FsO1xufVxuXG4udGV4dGFyZWE6bm90KFtyb3dzXSkge1xuICBtYXgtaGVpZ2h0OiA2MDBweDtcbiAgbWluLWhlaWdodDogMTIwcHg7XG59XG5cbi50ZXh0YXJlYVtyb3dzXSB7XG4gIGhlaWdodDogdW5zZXQ7XG59XG5cbi5jaGVja2JveCxcbi5yYWRpbyB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBsaW5lLWhlaWdodDogMS4yNTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uY2hlY2tib3ggaW5wdXQsXG4ucmFkaW8gaW5wdXQge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5jaGVja2JveDpob3Zlcixcbi5yYWRpbzpob3ZlciB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uY2hlY2tib3hbZGlzYWJsZWRdLFxuLnJhZGlvW2Rpc2FibGVkXSB7XG4gIGNvbG9yOiAjN2E3YTdhO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4ucmFkaW8gKyAucmFkaW8ge1xuICBtYXJnaW4tbGVmdDogMC41ZW07XG59XG5cbi5zZWxlY3Qge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4uc2VsZWN0Om5vdCguaXMtbXVsdGlwbGUpIHtcbiAgaGVpZ2h0OiAyLjI1ZW07XG59XG5cbi5zZWxlY3Q6bm90KC5pcy1tdWx0aXBsZSk6OmFmdGVyIHtcbiAgYm9yZGVyOiAxcHggc29saWQgIzAwZDFiMjtcbiAgYm9yZGVyLXJpZ2h0OiAwO1xuICBib3JkZXItdG9wOiAwO1xuICBjb250ZW50OiBcIiBcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMC41ZW07XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gIHdpZHRoOiAwLjVlbTtcbiAgbWFyZ2luLXRvcDogLTAuMzc1ZW07XG4gIHJpZ2h0OiAxLjEyNWVtO1xuICB0b3A6IDUwJTtcbiAgei1pbmRleDogNDtcbn1cblxuLnNlbGVjdCBzZWxlY3Qge1xuICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgaGVpZ2h0OiAyLjI1ZW07XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgcGFkZGluZy1ib3R0b206IGNhbGMoMC4zNzVlbSAtIDFweCk7XG4gIHBhZGRpbmctbGVmdDogY2FsYygwLjYyNWVtIC0gMXB4KTtcbiAgcGFkZGluZy1yaWdodDogY2FsYygwLjYyNWVtIC0gMXB4KTtcbiAgcGFkZGluZy10b3A6IGNhbGMoMC4zNzVlbSAtIDFweCk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogI2RiZGJkYjtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5zZWxlY3Qgc2VsZWN0OmZvY3VzLCAuc2VsZWN0IHNlbGVjdC5pcy1mb2N1c2VkLCAuc2VsZWN0IHNlbGVjdDphY3RpdmUsIC5zZWxlY3Qgc2VsZWN0LmlzLWFjdGl2ZSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5zZWxlY3Qgc2VsZWN0W2Rpc2FibGVkXSB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5zZWxlY3Qgc2VsZWN0OmhvdmVyLCAuc2VsZWN0IHNlbGVjdC5pcy1ob3ZlcmVkIHtcbiAgYm9yZGVyLWNvbG9yOiAjYjViNWI1O1xufVxuXG4uc2VsZWN0IHNlbGVjdDpmb2N1cywgLnNlbGVjdCBzZWxlY3QuaXMtZm9jdXNlZCwgLnNlbGVjdCBzZWxlY3Q6YWN0aXZlLCAuc2VsZWN0IHNlbGVjdC5pcy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG59XG5cbi5zZWxlY3Qgc2VsZWN0W2Rpc2FibGVkXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6ICM3YTdhN2E7XG59XG5cbi5zZWxlY3Qgc2VsZWN0W2Rpc2FibGVkXTo6LW1vei1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDU0LCA1NCwgNTQsIDAuMyk7XG59XG5cbi5zZWxlY3Qgc2VsZWN0W2Rpc2FibGVkXTo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDU0LCA1NCwgNTQsIDAuMyk7XG59XG5cbi5zZWxlY3Qgc2VsZWN0W2Rpc2FibGVkXTotbW96LXBsYWNlaG9sZGVyIHtcbiAgY29sb3I6IHJnYmEoNTQsIDU0LCA1NCwgMC4zKTtcbn1cblxuLnNlbGVjdCBzZWxlY3RbZGlzYWJsZWRdOi1tcy1pbnB1dC1wbGFjZWhvbGRlciB7XG4gIGNvbG9yOiByZ2JhKDU0LCA1NCwgNTQsIDAuMyk7XG59XG5cbi5zZWxlY3Qgc2VsZWN0OmhvdmVyIHtcbiAgYm9yZGVyLWNvbG9yOiAjYjViNWI1O1xufVxuXG4uc2VsZWN0IHNlbGVjdDpmb2N1cywgLnNlbGVjdCBzZWxlY3QuaXMtZm9jdXNlZCwgLnNlbGVjdCBzZWxlY3Q6YWN0aXZlLCAuc2VsZWN0IHNlbGVjdC5pcy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG59XG5cbi5zZWxlY3Qgc2VsZWN0OjotbXMtZXhwYW5kIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNlbGVjdCBzZWxlY3RbZGlzYWJsZWRdOmhvdmVyIHtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uc2VsZWN0IHNlbGVjdDpub3QoW211bHRpcGxlXSkge1xuICBwYWRkaW5nLXJpZ2h0OiAyLjVlbTtcbn1cblxuLnNlbGVjdCBzZWxlY3RbbXVsdGlwbGVdIHtcbiAgaGVpZ2h0OiB1bnNldDtcbiAgcGFkZGluZzogMDtcbn1cblxuLnNlbGVjdCBzZWxlY3RbbXVsdGlwbGVdIG9wdGlvbiB7XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbn1cblxuLnNlbGVjdDpob3Zlcjo6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6ICMzNjM2MzY7XG59XG5cbi5zZWxlY3QuaXMtd2hpdGUgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbn1cblxuLnNlbGVjdC5pcy1ibGFjayBzZWxlY3Qge1xuICBib3JkZXItY29sb3I6ICMwYTBhMGE7XG59XG5cbi5zZWxlY3QuaXMtbGlnaHQgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uc2VsZWN0LmlzLWRhcmsgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiAjMzYzNjM2O1xufVxuXG4uc2VsZWN0LmlzLXByaW1hcnkgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4uc2VsZWN0LmlzLWluZm8gc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiAjMzI3M2RjO1xufVxuXG4uc2VsZWN0LmlzLXN1Y2Nlc3Mgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiAjMjNkMTYwO1xufVxuXG4uc2VsZWN0LmlzLXdhcm5pbmcgc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiAjZmZkZDU3O1xufVxuXG4uc2VsZWN0LmlzLWRhbmdlciBzZWxlY3Qge1xuICBib3JkZXItY29sb3I6ICNmZjM4NjA7XG59XG5cbi5zZWxlY3QuaXMtc21hbGwge1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLnNlbGVjdC5pcy1tZWRpdW0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5zZWxlY3QuaXMtbGFyZ2Uge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLnNlbGVjdC5pcy1kaXNhYmxlZDo6YWZ0ZXIge1xuICBib3JkZXItY29sb3I6ICM3YTdhN2E7XG59XG5cbi5zZWxlY3QuaXMtZnVsbHdpZHRoIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5zZWxlY3QuaXMtZnVsbHdpZHRoIHNlbGVjdCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uc2VsZWN0LmlzLWxvYWRpbmc6OmFmdGVyIHtcbiAgYW5pbWF0aW9uOiBzcGluQXJvdW5kIDUwMG1zIGluZmluaXRlIGxpbmVhcjtcbiAgYm9yZGVyOiAycHggc29saWQgI2RiZGJkYjtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG4gIGJvcmRlci1yaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3AtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb250ZW50OiBcIlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDFlbTtcbiAgbWFyZ2luLXRvcDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMC42MjVlbTtcbiAgdG9wOiAwLjYyNWVtO1xuICB0cmFuc2Zvcm06IG5vbmU7XG59XG5cbi5zZWxlY3QuaXMtbG9hZGluZy5pcy1zbWFsbDphZnRlciB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLnNlbGVjdC5pcy1sb2FkaW5nLmlzLW1lZGl1bTphZnRlciB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLnNlbGVjdC5pcy1sb2FkaW5nLmlzLWxhcmdlOmFmdGVyIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi5sYWJlbCB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogNzAwO1xufVxuXG4ubGFiZWw6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNWVtO1xufVxuXG4ubGFiZWwuaXMtc21hbGwge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5sYWJlbC5pcy1tZWRpdW0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5sYWJlbC5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4uaGVscCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDAuNzVyZW07XG4gIG1hcmdpbi10b3A6IDAuMjVyZW07XG59XG5cbi5oZWxwLmlzLXdoaXRlIHtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uaGVscC5pcy1ibGFjayB7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uaGVscC5pcy1saWdodCB7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uaGVscC5pcy1kYXJrIHtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5oZWxwLmlzLXByaW1hcnkge1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLmhlbHAuaXMtaW5mbyB7XG4gIGNvbG9yOiAjMzI3M2RjO1xufVxuXG4uaGVscC5pcy1zdWNjZXNzIHtcbiAgY29sb3I6ICMyM2QxNjA7XG59XG5cbi5oZWxwLmlzLXdhcm5pbmcge1xuICBjb2xvcjogI2ZmZGQ1Nztcbn1cblxuLmhlbHAuaXMtZGFuZ2VyIHtcbiAgY29sb3I6ICNmZjM4NjA7XG59XG5cbi5maWVsZDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbn1cblxuLmZpZWxkLmhhcy1hZGRvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tcmlnaHQ6IC0xcHg7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sOmZpcnN0LWNoaWxkIC5idXR0b24sXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbDpmaXJzdC1jaGlsZCAuaW5wdXQsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbDpmaXJzdC1jaGlsZCAuc2VsZWN0IHNlbGVjdCB7XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDNweDtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogM3B4O1xufVxuXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbDpsYXN0LWNoaWxkIC5idXR0b24sXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbDpsYXN0LWNoaWxkIC5pbnB1dCxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sOmxhc3QtY2hpbGQgLnNlbGVjdCBzZWxlY3Qge1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogM3B4O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogM3B4O1xufVxuXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuYnV0dG9uLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0LFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3Qge1xuICBib3JkZXItcmFkaXVzOiAwO1xufVxuXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuYnV0dG9uOmhvdmVyLCAuZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuYnV0dG9uLmlzLWhvdmVyZWQsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQ6aG92ZXIsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQuaXMtaG92ZXJlZCxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0OmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3QuaXMtaG92ZXJlZCB7XG4gIHotaW5kZXg6IDI7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b246Zm9jdXMsIC5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b24uaXMtZm9jdXNlZCwgLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmJ1dHRvbjphY3RpdmUsIC5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b24uaXMtYWN0aXZlLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0OmZvY3VzLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0LmlzLWZvY3VzZWQsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQ6YWN0aXZlLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0LmlzLWFjdGl2ZSxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0OmZvY3VzLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3QuaXMtZm9jdXNlZCxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0OmFjdGl2ZSxcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0LmlzLWFjdGl2ZSB7XG4gIHotaW5kZXg6IDM7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b246Zm9jdXM6aG92ZXIsIC5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b24uaXMtZm9jdXNlZDpob3ZlciwgLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmJ1dHRvbjphY3RpdmU6aG92ZXIsIC5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5idXR0b24uaXMtYWN0aXZlOmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0OmZvY3VzOmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0LmlzLWZvY3VzZWQ6aG92ZXIsXG4uZmllbGQuaGFzLWFkZG9ucyAuY29udHJvbCAuaW5wdXQ6YWN0aXZlOmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLmlucHV0LmlzLWFjdGl2ZTpob3Zlcixcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0OmZvY3VzOmhvdmVyLFxuLmZpZWxkLmhhcy1hZGRvbnMgLmNvbnRyb2wgLnNlbGVjdCBzZWxlY3QuaXMtZm9jdXNlZDpob3Zlcixcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0OmFjdGl2ZTpob3Zlcixcbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sIC5zZWxlY3Qgc2VsZWN0LmlzLWFjdGl2ZTpob3ZlciB7XG4gIHotaW5kZXg6IDQ7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zIC5jb250cm9sLmlzLWV4cGFuZGVkIHtcbiAgZmxleC1ncm93OiAxO1xufVxuXG4uZmllbGQuaGFzLWFkZG9ucy5oYXMtYWRkb25zLWNlbnRlcmVkIHtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG5cbi5maWVsZC5oYXMtYWRkb25zLmhhcy1hZGRvbnMtcmlnaHQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuXG4uZmllbGQuaGFzLWFkZG9ucy5oYXMtYWRkb25zLWZ1bGx3aWR0aCAuY29udHJvbCB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5maWVsZC5pcy1ncm91cGVkIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuXG4uZmllbGQuaXMtZ3JvdXBlZCA+IC5jb250cm9sIHtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5maWVsZC5pcy1ncm91cGVkID4gLmNvbnRyb2w6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIG1hcmdpbi1yaWdodDogMC43NXJlbTtcbn1cblxuLmZpZWxkLmlzLWdyb3VwZWQgPiAuY29udHJvbC5pcy1leHBhbmRlZCB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG59XG5cbi5maWVsZC5pcy1ncm91cGVkLmlzLWdyb3VwZWQtY2VudGVyZWQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLmZpZWxkLmlzLWdyb3VwZWQuaXMtZ3JvdXBlZC1yaWdodCB7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuZmllbGQuaXMtaG9yaXpvbnRhbCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxufVxuXG4uZmllbGQtbGFiZWwgLmxhYmVsIHtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuZmllbGQtbGFiZWwge1xuICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmZpZWxkLWxhYmVsIHtcbiAgICBmbGV4LWJhc2lzOiAwO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDEuNXJlbTtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgfVxuICAuZmllbGQtbGFiZWwuaXMtc21hbGwge1xuICAgIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgICBwYWRkaW5nLXRvcDogMC4zNzVlbTtcbiAgfVxuICAuZmllbGQtbGFiZWwuaXMtbm9ybWFsIHtcbiAgICBwYWRkaW5nLXRvcDogMC4zNzVlbTtcbiAgfVxuICAuZmllbGQtbGFiZWwuaXMtbWVkaXVtIHtcbiAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgcGFkZGluZy10b3A6IDAuMzc1ZW07XG4gIH1cbiAgLmZpZWxkLWxhYmVsLmlzLWxhcmdlIHtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBwYWRkaW5nLXRvcDogMC4zNzVlbTtcbiAgfVxufVxuXG4uZmllbGQtYm9keSAuZmllbGQgLmZpZWxkIHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5maWVsZC1ib2R5IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtYmFzaXM6IDA7XG4gICAgZmxleC1ncm93OiA1O1xuICAgIGZsZXgtc2hyaW5rOiAxO1xuICB9XG4gIC5maWVsZC1ib2R5IC5maWVsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuICAuZmllbGQtYm9keSA+IC5maWVsZCB7XG4gICAgZmxleC1zaHJpbms6IDE7XG4gIH1cbiAgLmZpZWxkLWJvZHkgPiAuZmllbGQ6bm90KC5pcy1uYXJyb3cpIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gIH1cbiAgLmZpZWxkLWJvZHkgPiAuZmllbGQ6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwLjc1cmVtO1xuICB9XG59XG5cbi5jb250cm9sIHtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbi5jb250cm9sLmhhcy1pY29uIC5pY29uIHtcbiAgY29sb3I6ICNkYmRiZGI7XG4gIGhlaWdodDogMi4yNWVtO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHdpZHRoOiAyLjI1ZW07XG4gIHotaW5kZXg6IDQ7XG59XG5cbi5jb250cm9sLmhhcy1pY29uIC5pbnB1dDpmb2N1cyArIC5pY29uIHtcbiAgY29sb3I6ICM3YTdhN2E7XG59XG5cbi5jb250cm9sLmhhcy1pY29uIC5pbnB1dC5pcy1zbWFsbCArIC5pY29uIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuXG4uY29udHJvbC5oYXMtaWNvbiAuaW5wdXQuaXMtbWVkaXVtICsgLmljb24ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5jb250cm9sLmhhcy1pY29uIC5pbnB1dC5pcy1sYXJnZSArIC5pY29uIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi5jb250cm9sLmhhcy1pY29uOm5vdCguaGFzLWljb24tcmlnaHQpIC5pY29uIHtcbiAgbGVmdDogMDtcbn1cblxuLmNvbnRyb2wuaGFzLWljb246bm90KC5oYXMtaWNvbi1yaWdodCkgLmlucHV0IHtcbiAgcGFkZGluZy1sZWZ0OiAyLjI1ZW07XG59XG5cbi5jb250cm9sLmhhcy1pY29uLmhhcy1pY29uLXJpZ2h0IC5pY29uIHtcbiAgcmlnaHQ6IDA7XG59XG5cbi5jb250cm9sLmhhcy1pY29uLmhhcy1pY29uLXJpZ2h0IC5pbnB1dCB7XG4gIHBhZGRpbmctcmlnaHQ6IDIuMjVlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLWxlZnQgLmlucHV0OmZvY3VzIH4gLmljb24sXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuc2VsZWN0OmZvY3VzIH4gLmljb24sIC5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuaW5wdXQ6Zm9jdXMgfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuc2VsZWN0OmZvY3VzIH4gLmljb24ge1xuICBjb2xvcjogIzdhN2E3YTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLWxlZnQgLmlucHV0LmlzLXNtYWxsIH4gLmljb24sXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuc2VsZWN0LmlzLXNtYWxsIH4gLmljb24sIC5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuaW5wdXQuaXMtc21hbGwgfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuc2VsZWN0LmlzLXNtYWxsIH4gLmljb24ge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5jb250cm9sLmhhcy1pY29ucy1sZWZ0IC5pbnB1dC5pcy1tZWRpdW0gfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1sZWZ0IC5zZWxlY3QuaXMtbWVkaXVtIH4gLmljb24sIC5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuaW5wdXQuaXMtbWVkaXVtIH4gLmljb24sXG4uY29udHJvbC5oYXMtaWNvbnMtcmlnaHQgLnNlbGVjdC5pcy1tZWRpdW0gfiAuaWNvbiB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLWxlZnQgLmlucHV0LmlzLWxhcmdlIH4gLmljb24sXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuc2VsZWN0LmlzLWxhcmdlIH4gLmljb24sIC5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuaW5wdXQuaXMtbGFyZ2UgfiAuaWNvbixcbi5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuc2VsZWN0LmlzLWxhcmdlIH4gLmljb24ge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLWxlZnQgLmljb24sIC5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuaWNvbiB7XG4gIGNvbG9yOiAjZGJkYmRiO1xuICBoZWlnaHQ6IDIuMjVlbTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICB3aWR0aDogMi4yNWVtO1xuICB6LWluZGV4OiA0O1xufVxuXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuaW5wdXQsXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuc2VsZWN0IHNlbGVjdCB7XG4gIHBhZGRpbmctbGVmdDogMi4yNWVtO1xufVxuXG4uY29udHJvbC5oYXMtaWNvbnMtbGVmdCAuaWNvbi5pcy1sZWZ0IHtcbiAgbGVmdDogMDtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5pbnB1dCxcbi5jb250cm9sLmhhcy1pY29ucy1yaWdodCAuc2VsZWN0IHNlbGVjdCB7XG4gIHBhZGRpbmctcmlnaHQ6IDIuMjVlbTtcbn1cblxuLmNvbnRyb2wuaGFzLWljb25zLXJpZ2h0IC5pY29uLmlzLXJpZ2h0IHtcbiAgcmlnaHQ6IDA7XG59XG5cbi5jb250cm9sLmlzLWxvYWRpbmc6OmFmdGVyIHtcbiAgYW5pbWF0aW9uOiBzcGluQXJvdW5kIDUwMG1zIGluZmluaXRlIGxpbmVhcjtcbiAgYm9yZGVyOiAycHggc29saWQgI2RiZGJkYjtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG4gIGJvcmRlci1yaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3AtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb250ZW50OiBcIlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDFlbTtcbiAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gIHJpZ2h0OiAwLjYyNWVtO1xuICB0b3A6IDAuNjI1ZW07XG59XG5cbi5jb250cm9sLmlzLWxvYWRpbmcuaXMtc21hbGw6YWZ0ZXIge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5jb250cm9sLmlzLWxvYWRpbmcuaXMtbWVkaXVtOmFmdGVyIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4uY29udHJvbC5pcy1sb2FkaW5nLmlzLWxhcmdlOmFmdGVyIHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi5pY29uIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBoZWlnaHQ6IDEuNXJlbTtcbiAgd2lkdGg6IDEuNXJlbTtcbn1cblxuLmljb24gLmZhIHtcbiAgZm9udC1zaXplOiAyMXB4O1xufVxuXG4uaWNvbi5pcy1zbWFsbCB7XG4gIGhlaWdodDogMXJlbTtcbiAgd2lkdGg6IDFyZW07XG59XG5cbi5pY29uLmlzLXNtYWxsIC5mYSB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbn1cblxuLmljb24uaXMtbWVkaXVtIHtcbiAgaGVpZ2h0OiAycmVtO1xuICB3aWR0aDogMnJlbTtcbn1cblxuLmljb24uaXMtbWVkaXVtIC5mYSB7XG4gIGZvbnQtc2l6ZTogMjhweDtcbn1cblxuLmljb24uaXMtbGFyZ2Uge1xuICBoZWlnaHQ6IDNyZW07XG4gIHdpZHRoOiAzcmVtO1xufVxuXG4uaWNvbi5pcy1sYXJnZSAuZmEge1xuICBmb250LXNpemU6IDQycHg7XG59XG5cbi5pbWFnZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5pbWFnZSBpbWcge1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiBhdXRvO1xuICB3aWR0aDogMTAwJTtcbn1cblxuLmltYWdlLmlzLXNxdWFyZSBpbWcsIC5pbWFnZS5pcy0xYnkxIGltZywgLmltYWdlLmlzLTRieTMgaW1nLCAuaW1hZ2UuaXMtM2J5MiBpbWcsIC5pbWFnZS5pcy0xNmJ5OSBpbWcsIC5pbWFnZS5pcy0yYnkxIGltZyB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uaW1hZ2UuaXMtc3F1YXJlLCAuaW1hZ2UuaXMtMWJ5MSB7XG4gIHBhZGRpbmctdG9wOiAxMDAlO1xufVxuXG4uaW1hZ2UuaXMtNGJ5MyB7XG4gIHBhZGRpbmctdG9wOiA3NSU7XG59XG5cbi5pbWFnZS5pcy0zYnkyIHtcbiAgcGFkZGluZy10b3A6IDY2LjY2NjYlO1xufVxuXG4uaW1hZ2UuaXMtMTZieTkge1xuICBwYWRkaW5nLXRvcDogNTYuMjUlO1xufVxuXG4uaW1hZ2UuaXMtMmJ5MSB7XG4gIHBhZGRpbmctdG9wOiA1MCU7XG59XG5cbi5pbWFnZS5pcy0xNngxNiB7XG4gIGhlaWdodDogMTZweDtcbiAgd2lkdGg6IDE2cHg7XG59XG5cbi5pbWFnZS5pcy0yNHgyNCB7XG4gIGhlaWdodDogMjRweDtcbiAgd2lkdGg6IDI0cHg7XG59XG5cbi5pbWFnZS5pcy0zMngzMiB7XG4gIGhlaWdodDogMzJweDtcbiAgd2lkdGg6IDMycHg7XG59XG5cbi5pbWFnZS5pcy00OHg0OCB7XG4gIGhlaWdodDogNDhweDtcbiAgd2lkdGg6IDQ4cHg7XG59XG5cbi5pbWFnZS5pcy02NHg2NCB7XG4gIGhlaWdodDogNjRweDtcbiAgd2lkdGg6IDY0cHg7XG59XG5cbi5pbWFnZS5pcy05Nng5NiB7XG4gIGhlaWdodDogOTZweDtcbiAgd2lkdGg6IDk2cHg7XG59XG5cbi5pbWFnZS5pcy0xMjh4MTI4IHtcbiAgaGVpZ2h0OiAxMjhweDtcbiAgd2lkdGg6IDEyOHB4O1xufVxuXG4ubm90aWZpY2F0aW9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBwYWRkaW5nOiAxLjI1cmVtIDIuNXJlbSAxLjI1cmVtIDEuNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ubm90aWZpY2F0aW9uOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5ub3RpZmljYXRpb24gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogY3VycmVudENvbG9yO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuLm5vdGlmaWNhdGlvbiBzdHJvbmcge1xuICBjb2xvcjogY3VycmVudENvbG9yO1xufVxuXG4ubm90aWZpY2F0aW9uIGNvZGUsXG4ubm90aWZpY2F0aW9uIHByZSB7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xufVxuXG4ubm90aWZpY2F0aW9uIHByZSBjb2RlIHtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG59XG5cbi5ub3RpZmljYXRpb24gPiAuZGVsZXRlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMC41ZW07XG4gIHRvcDogMC41ZW07XG59XG5cbi5ub3RpZmljYXRpb24gLnRpdGxlLFxuLm5vdGlmaWNhdGlvbiAuc3VidGl0bGUsXG4ubm90aWZpY2F0aW9uIC5jb250ZW50IHtcbiAgY29sb3I6IGN1cnJlbnRDb2xvcjtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy13aGl0ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy1ibGFjayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy1saWdodCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4ubm90aWZpY2F0aW9uLmlzLWRhcmsge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy1wcmltYXJ5IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5ub3RpZmljYXRpb24uaXMtaW5mbyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ubm90aWZpY2F0aW9uLmlzLXN1Y2Nlc3Mge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy13YXJuaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZGQ1NztcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLm5vdGlmaWNhdGlvbi5pcy1kYW5nZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLnByb2dyZXNzIHtcbiAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFyZW07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4ucHJvZ3Jlc3M6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLnByb2dyZXNzOjotd2Via2l0LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkYmRiZGI7XG59XG5cbi5wcm9ncmVzczo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM0YTRhNGE7XG59XG5cbi5wcm9ncmVzczo6LW1vei1wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGE0YTRhO1xufVxuXG4ucHJvZ3Jlc3MuaXMtd2hpdGU6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbn1cblxuLnByb2dyZXNzLmlzLXdoaXRlOjotbW96LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xufVxuXG4ucHJvZ3Jlc3MuaXMtYmxhY2s6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xufVxuXG4ucHJvZ3Jlc3MuaXMtYmxhY2s6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbn1cblxuLnByb2dyZXNzLmlzLWxpZ2h0Ojotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLnByb2dyZXNzLmlzLWxpZ2h0OjotbW96LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5wcm9ncmVzcy5pcy1kYXJrOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbn1cblxuLnByb2dyZXNzLmlzLWRhcms6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbn1cblxuLnByb2dyZXNzLmlzLXByaW1hcnk6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4ucHJvZ3Jlc3MuaXMtcHJpbWFyeTo6LW1vei1wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4ucHJvZ3Jlc3MuaXMtaW5mbzo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG59XG5cbi5wcm9ncmVzcy5pcy1pbmZvOjotbW96LXByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG59XG5cbi5wcm9ncmVzcy5pcy1zdWNjZXNzOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbn1cblxuLnByb2dyZXNzLmlzLXN1Y2Nlc3M6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbn1cblxuLnByb2dyZXNzLmlzLXdhcm5pbmc6Oi13ZWJraXQtcHJvZ3Jlc3MtdmFsdWUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xufVxuXG4ucHJvZ3Jlc3MuaXMtd2FybmluZzo6LW1vei1wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xufVxuXG4ucHJvZ3Jlc3MuaXMtZGFuZ2VyOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbn1cblxuLnByb2dyZXNzLmlzLWRhbmdlcjo6LW1vei1wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xufVxuXG4ucHJvZ3Jlc3MuaXMtc21hbGwge1xuICBoZWlnaHQ6IDAuNzVyZW07XG59XG5cbi5wcm9ncmVzcy5pcy1tZWRpdW0ge1xuICBoZWlnaHQ6IDEuMjVyZW07XG59XG5cbi5wcm9ncmVzcy5pcy1sYXJnZSB7XG4gIGhlaWdodDogMS41cmVtO1xufVxuXG4udGFibGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi50YWJsZSB0ZCxcbi50YWJsZSB0aCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGJvcmRlci13aWR0aDogMCAwIDFweDtcbiAgcGFkZGluZzogMC41ZW0gMC43NWVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4udGFibGUgdGQuaXMtbmFycm93LFxuLnRhYmxlIHRoLmlzLW5hcnJvdyB7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHdpZHRoOiAxJTtcbn1cblxuLnRhYmxlIHRoIHtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbi50YWJsZSB0cjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmYWZhZmE7XG59XG5cbi50YWJsZSB0ci5pcy1zZWxlY3RlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4udGFibGUgdHIuaXMtc2VsZWN0ZWQgYSxcbi50YWJsZSB0ci5pcy1zZWxlY3RlZCBzdHJvbmcge1xuICBjb2xvcjogY3VycmVudENvbG9yO1xufVxuXG4udGFibGUgdHIuaXMtc2VsZWN0ZWQgdGQsXG4udGFibGUgdHIuaXMtc2VsZWN0ZWQgdGgge1xuICBib3JkZXItY29sb3I6ICNmZmY7XG4gIGNvbG9yOiBjdXJyZW50Q29sb3I7XG59XG5cbi50YWJsZSB0aGVhZCB0ZCxcbi50YWJsZSB0aGVhZCB0aCB7XG4gIGJvcmRlci13aWR0aDogMCAwIDJweDtcbiAgY29sb3I6ICM3YTdhN2E7XG59XG5cbi50YWJsZSB0Zm9vdCB0ZCxcbi50YWJsZSB0Zm9vdCB0aCB7XG4gIGJvcmRlci13aWR0aDogMnB4IDAgMDtcbiAgY29sb3I6ICM3YTdhN2E7XG59XG5cbi50YWJsZSB0Ym9keSB0cjpsYXN0LWNoaWxkIHRkLFxuLnRhYmxlIHRib2R5IHRyOmxhc3QtY2hpbGQgdGgge1xuICBib3JkZXItYm90dG9tLXdpZHRoOiAwO1xufVxuXG4udGFibGUuaXMtYm9yZGVyZWQgdGQsXG4udGFibGUuaXMtYm9yZGVyZWQgdGgge1xuICBib3JkZXItd2lkdGg6IDFweDtcbn1cblxuLnRhYmxlLmlzLWJvcmRlcmVkIHRyOmxhc3QtY2hpbGQgdGQsXG4udGFibGUuaXMtYm9yZGVyZWQgdHI6bGFzdC1jaGlsZCB0aCB7XG4gIGJvcmRlci1ib3R0b20td2lkdGg6IDFweDtcbn1cblxuLnRhYmxlLmlzLW5hcnJvdyB0ZCxcbi50YWJsZS5pcy1uYXJyb3cgdGgge1xuICBwYWRkaW5nOiAwLjI1ZW0gMC41ZW07XG59XG5cbi50YWJsZS5pcy1zdHJpcGVkIHRib2R5IHRyOm5vdCguaXMtc2VsZWN0ZWQpOm50aC1jaGlsZChldmVuKSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmYWZhZmE7XG59XG5cbi50YWJsZS5pcy1zdHJpcGVkIHRib2R5IHRyOm5vdCguaXMtc2VsZWN0ZWQpOm50aC1jaGlsZChldmVuKTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi50YWcge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBmb250LXNpemU6IDAuNzVyZW07XG4gIGhlaWdodDogMmVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgcGFkZGluZy1sZWZ0OiAwLjg3NWVtO1xuICBwYWRkaW5nLXJpZ2h0OiAwLjg3NWVtO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4udGFnIC5kZWxldGUge1xuICBtYXJnaW4tbGVmdDogMC4yNWVtO1xuICBtYXJnaW4tcmlnaHQ6IC0wLjM3NWVtO1xufVxuXG4udGFnLmlzLXdoaXRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4udGFnLmlzLWJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4udGFnLmlzLWxpZ2h0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi50YWcuaXMtZGFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4udGFnLmlzLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLnRhZy5pcy1pbmZvIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMyNzNkYztcbiAgY29sb3I6ICNmZmY7XG59XG5cbi50YWcuaXMtc3VjY2VzcyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMyM2QxNjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4udGFnLmlzLXdhcm5pbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4udGFnLmlzLWRhbmdlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjM4NjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4udGFnLmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cblxuLnRhZy5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLnRpdGxlLFxuLnN1YnRpdGxlIHtcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcbn1cblxuLnRpdGxlOm5vdCg6bGFzdC1jaGlsZCksXG4uc3VidGl0bGU6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLnRpdGxlIGVtLFxuLnRpdGxlIHNwYW4sXG4uc3VidGl0bGUgZW0sXG4uc3VidGl0bGUgc3BhbiB7XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG59XG5cbi50aXRsZSBzdHJvbmcsXG4uc3VidGl0bGUgc3Ryb25nIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuLnRpdGxlIC50YWcsXG4uc3VidGl0bGUgLnRhZyB7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG59XG5cbi50aXRsZSB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBmb250LXNpemU6IDJyZW07XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG4gIGxpbmUtaGVpZ2h0OiAxLjEyNTtcbn1cblxuLnRpdGxlIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4udGl0bGUgKyAuaGlnaGxpZ2h0IHtcbiAgbWFyZ2luLXRvcDogLTAuNzVyZW07XG59XG5cbi50aXRsZTpub3QoLmlzLXNwYWNlZCkgKyAuc3VidGl0bGUge1xuICBtYXJnaW4tdG9wOiAtMS41cmVtO1xufVxuXG4udGl0bGUuaXMtMSB7XG4gIGZvbnQtc2l6ZTogM3JlbTtcbn1cblxuLnRpdGxlLmlzLTIge1xuICBmb250LXNpemU6IDIuNXJlbTtcbn1cblxuLnRpdGxlLmlzLTMge1xuICBmb250LXNpemU6IDJyZW07XG59XG5cbi50aXRsZS5pcy00IHtcbiAgZm9udC1zaXplOiAxLjVyZW07XG59XG5cbi50aXRsZS5pcy01IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4udGl0bGUuaXMtNiB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cblxuLnN1YnRpdGxlIHtcbiAgY29sb3I6ICM0YTRhNGE7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgbGluZS1oZWlnaHQ6IDEuMjU7XG59XG5cbi5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLnN1YnRpdGxlOm5vdCguaXMtc3BhY2VkKSArIC50aXRsZSB7XG4gIG1hcmdpbi10b3A6IC0xLjVyZW07XG59XG5cbi5zdWJ0aXRsZS5pcy0xIHtcbiAgZm9udC1zaXplOiAzcmVtO1xufVxuXG4uc3VidGl0bGUuaXMtMiB7XG4gIGZvbnQtc2l6ZTogMi41cmVtO1xufVxuXG4uc3VidGl0bGUuaXMtMyB7XG4gIGZvbnQtc2l6ZTogMnJlbTtcbn1cblxuLnN1YnRpdGxlLmlzLTQge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLnN1YnRpdGxlLmlzLTUge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG5cbi5zdWJ0aXRsZS5pcy02IHtcbiAgZm9udC1zaXplOiAxcmVtO1xufVxuXG4uYmxvY2s6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLmNvbnRhaW5lciB7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuY29udGFpbmVyIHtcbiAgICBtYXgtd2lkdGg6IDk2MHB4O1xuICAgIHdpZHRoOiA5NjBweDtcbiAgfVxuICAuY29udGFpbmVyLmlzLWZsdWlkIHtcbiAgICBtYXJnaW4tbGVmdDogMjRweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDI0cHg7XG4gICAgbWF4LXdpZHRoOiBub25lO1xuICAgIHdpZHRoOiBhdXRvO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDExOTlweCkge1xuICAuY29udGFpbmVyLmlzLXdpZGVzY3JlZW4ge1xuICAgIG1heC13aWR0aDogMTE1MnB4O1xuICAgIHdpZHRoOiBhdXRvO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEzOTFweCkge1xuICAuY29udGFpbmVyLmlzLWZ1bGxoZCB7XG4gICAgbWF4LXdpZHRoOiAxMzQ0cHg7XG4gICAgd2lkdGg6IGF1dG87XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5jb250YWluZXIge1xuICAgIG1heC13aWR0aDogMTE1MnB4O1xuICAgIHdpZHRoOiAxMTUycHg7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTM5MnB4KSB7XG4gIC5jb250YWluZXIge1xuICAgIG1heC13aWR0aDogMTM0NHB4O1xuICAgIHdpZHRoOiAxMzQ0cHg7XG4gIH1cbn1cblxuLmRlbGV0ZSB7XG4gIC13ZWJraXQtdG91Y2gtY2FsbG91dDogbm9uZTtcbiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1zLXVzZXItc2VsZWN0OiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgaGVpZ2h0OiAyMHB4O1xuICBtYXgtaGVpZ2h0OiAyMHB4O1xuICBtYXgtd2lkdGg6IDIwcHg7XG4gIG1pbi1oZWlnaHQ6IDIwcHg7XG4gIG1pbi13aWR0aDogMjBweDtcbiAgb3V0bGluZTogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICB3aWR0aDogMjBweDtcbn1cblxuLmRlbGV0ZTpiZWZvcmUsIC5kZWxldGU6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxlZnQ6IDUwJTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHRyYW5zbGF0ZVkoLTUwJSkgcm90YXRlKDQ1ZGVnKTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjtcbn1cblxuLmRlbGV0ZTpiZWZvcmUge1xuICBoZWlnaHQ6IDJweDtcbiAgd2lkdGg6IDUwJTtcbn1cblxuLmRlbGV0ZTphZnRlciB7XG4gIGhlaWdodDogNTAlO1xuICB3aWR0aDogMnB4O1xufVxuXG4uZGVsZXRlOmhvdmVyLCAuZGVsZXRlOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjMpO1xufVxuXG4uZGVsZXRlOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC40KTtcbn1cblxuLmRlbGV0ZS5pcy1zbWFsbCB7XG4gIGhlaWdodDogMTZweDtcbiAgbWF4LWhlaWdodDogMTZweDtcbiAgbWF4LXdpZHRoOiAxNnB4O1xuICBtaW4taGVpZ2h0OiAxNnB4O1xuICBtaW4td2lkdGg6IDE2cHg7XG4gIHdpZHRoOiAxNnB4O1xufVxuXG4uZGVsZXRlLmlzLW1lZGl1bSB7XG4gIGhlaWdodDogMjRweDtcbiAgbWF4LWhlaWdodDogMjRweDtcbiAgbWF4LXdpZHRoOiAyNHB4O1xuICBtaW4taGVpZ2h0OiAyNHB4O1xuICBtaW4td2lkdGg6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xufVxuXG4uZGVsZXRlLmlzLWxhcmdlIHtcbiAgaGVpZ2h0OiAzMnB4O1xuICBtYXgtaGVpZ2h0OiAzMnB4O1xuICBtYXgtd2lkdGg6IDMycHg7XG4gIG1pbi1oZWlnaHQ6IDMycHg7XG4gIG1pbi13aWR0aDogMzJweDtcbiAgd2lkdGg6IDMycHg7XG59XG5cbi5mYSB7XG4gIGZvbnQtc2l6ZTogMjFweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4uaGVhZGluZyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXNpemU6IDExcHg7XG4gIGxldHRlci1zcGFjaW5nOiAxcHg7XG4gIG1hcmdpbi1ib3R0b206IDVweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbn1cblxuLmhpZ2hsaWdodCB7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogMDtcbn1cblxuLmhpZ2hsaWdodDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uaGlnaGxpZ2h0IHByZSB7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbi5sb2FkZXIge1xuICBhbmltYXRpb246IHNwaW5Bcm91bmQgNTAwbXMgaW5maW5pdGUgbGluZWFyO1xuICBib3JkZXI6IDJweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcbiAgYm9yZGVyLXJpZ2h0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMWVtO1xufVxuXG4ubnVtYmVyIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIGhlaWdodDogMmVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLXJpZ2h0OiAxLjVyZW07XG4gIG1pbi13aWR0aDogMi41ZW07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMC41cmVtO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbi5icmVhZGNydW1iIHtcbiAgLXdlYmtpdC10b3VjaC1jYWxsb3V0OiBub25lO1xuICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4uYnJlYWRjcnVtYjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uYnJlYWRjcnVtYiBhIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICM3YTdhN2E7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nOiAwLjVlbSAwLjc1ZW07XG59XG5cbi5icmVhZGNydW1iIGE6aG92ZXIge1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmJyZWFkY3J1bWIgbGkge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uYnJlYWRjcnVtYiBsaS5pcy1hY3RpdmUgYSB7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBjdXJzb3I6IGRlZmF1bHQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uYnJlYWRjcnVtYiBsaSArIGxpOmJlZm9yZSB7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBjb250ZW50OiAnXFwwMDAyZic7XG59XG5cbi5icmVhZGNydW1iIHVsLCAuYnJlYWRjcnVtYiBvbCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbn1cblxuLmJyZWFkY3J1bWIgLmljb246Zmlyc3QtY2hpbGQge1xuICBtYXJnaW4tcmlnaHQ6IDAuNWVtO1xufVxuXG4uYnJlYWRjcnVtYiAuaWNvbjpsYXN0LWNoaWxkIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xufVxuXG4uYnJlYWRjcnVtYi5pcy1jZW50ZXJlZCBvbCwgLmJyZWFkY3J1bWIuaXMtY2VudGVyZWQgdWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLmJyZWFkY3J1bWIuaXMtcmlnaHQgb2wsIC5icmVhZGNydW1iLmlzLXJpZ2h0IHVsIHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbn1cblxuLmJyZWFkY3J1bWIuaXMtc21hbGwge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi5icmVhZGNydW1iLmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLmJyZWFkY3J1bWIuaXMtbGFyZ2Uge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmJyZWFkY3J1bWIuaGFzLWFycm93LXNlcGFyYXRvciBsaSArIGxpOmJlZm9yZSB7XG4gIGNvbnRlbnQ6ICdcXDAyMTkyJztcbn1cblxuLmJyZWFkY3J1bWIuaGFzLWJ1bGxldC1zZXBhcmF0b3IgbGkgKyBsaTpiZWZvcmUge1xuICBjb250ZW50OiAnXFwwMjAyMic7XG59XG5cbi5icmVhZGNydW1iLmhhcy1kb3Qtc2VwYXJhdG9yIGxpICsgbGk6YmVmb3JlIHtcbiAgY29udGVudDogJ1xcMDAwYjcnO1xufVxuXG4uYnJlYWRjcnVtYi5oYXMtc3VjY2VlZHMtc2VwYXJhdG9yIGxpICsgbGk6YmVmb3JlIHtcbiAgY29udGVudDogJ1xcMDIyN0InO1xufVxuXG4uY2FyZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3gtc2hhZG93OiAwIDJweCAzcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpLCAwIDAgMCAxcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICBjb2xvcjogIzRhNGE0YTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5jYXJkLWhlYWRlciB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBib3gtc2hhZG93OiAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uY2FyZC1oZWFkZXItdGl0bGUge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogIzM2MzYzNjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBmb250LXdlaWdodDogNzAwO1xuICBwYWRkaW5nOiAwLjc1cmVtO1xufVxuXG4uY2FyZC1oZWFkZXItaWNvbiB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuNzVyZW07XG59XG5cbi5jYXJkLWltYWdlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmNhcmQtY29udGVudCB7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbn1cblxuLmNhcmQtZm9vdGVyIHtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uY2FyZC1mb290ZXItaXRlbSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nOiAwLjc1cmVtO1xufVxuXG4uY2FyZC1mb290ZXItaXRlbTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2RiZGJkYjtcbn1cblxuLmNhcmQgLm1lZGlhOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xufVxuXG4uZHJvcGRvd24ge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4uZHJvcGRvd24uaXMtYWN0aXZlIC5kcm9wZG93bi1tZW51LCAuZHJvcGRvd24uaXMtaG92ZXJhYmxlOmhvdmVyIC5kcm9wZG93bi1tZW51IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5kcm9wZG93bi5pcy1yaWdodCAuZHJvcGRvd24tbWVudSB7XG4gIGxlZnQ6IGF1dG87XG4gIHJpZ2h0OiAwO1xufVxuXG4uZHJvcGRvd24tbWVudSB7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIGxlZnQ6IDA7XG4gIG1heC13aWR0aDogMjByZW07XG4gIG1pbi13aWR0aDogMTJyZW07XG4gIHBhZGRpbmctdG9wOiA0cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgei1pbmRleDogMjA7XG59XG5cbi5kcm9wZG93bi1jb250ZW50IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKSwgMCAwIDAgMXB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgcGFkZGluZy1ib3R0b206IDAuNXJlbTtcbiAgcGFkZGluZy10b3A6IDAuNXJlbTtcbn1cblxuLmRyb3Bkb3duLWl0ZW0ge1xuICBjb2xvcjogIzRhNGE0YTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDAuMzc1cmVtIDFyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuYS5kcm9wZG93bi1pdGVtIHtcbiAgcGFkZGluZy1yaWdodDogM3JlbTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuYS5kcm9wZG93bi1pdGVtOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbmEuZHJvcGRvd24taXRlbS5pcy1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmRyb3Bkb3duLWRpdmlkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGJkYmRiO1xuICBib3JkZXI6IG5vbmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDFweDtcbiAgbWFyZ2luOiAwLjVyZW0gMDtcbn1cblxuLmxldmVsLWl0ZW0ge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWJhc2lzOiBhdXRvO1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLmxldmVsLWl0ZW0gLnRpdGxlLFxuLmxldmVsLWl0ZW0gLnN1YnRpdGxlIHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmxldmVsLWl0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbiAgfVxufVxuXG4ubGV2ZWwtbGVmdCxcbi5sZXZlbC1yaWdodCB7XG4gIGZsZXgtYmFzaXM6IGF1dG87XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5sZXZlbC1sZWZ0IC5sZXZlbC1pdGVtOm5vdCg6bGFzdC1jaGlsZCksXG4ubGV2ZWwtcmlnaHQgLmxldmVsLWl0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1yaWdodDogMC43NXJlbTtcbn1cblxuLmxldmVsLWxlZnQgLmxldmVsLWl0ZW0uaXMtZmxleGlibGUsXG4ubGV2ZWwtcmlnaHQgLmxldmVsLWl0ZW0uaXMtZmxleGlibGUge1xuICBmbGV4LWdyb3c6IDE7XG59XG5cbi5sZXZlbC1sZWZ0IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAubGV2ZWwtbGVmdCArIC5sZXZlbC1yaWdodCB7XG4gICAgbWFyZ2luLXRvcDogMS41cmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAubGV2ZWwtbGVmdCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxufVxuXG4ubGV2ZWwtcmlnaHQge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmxldmVsLXJpZ2h0IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG59XG5cbi5sZXZlbCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cblxuLmxldmVsOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5sZXZlbCBjb2RlIHtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xufVxuXG4ubGV2ZWwgaW1nIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4ubGV2ZWwuaXMtbW9iaWxlIHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmxldmVsLmlzLW1vYmlsZSAubGV2ZWwtbGVmdCxcbi5sZXZlbC5pcy1tb2JpbGUgLmxldmVsLXJpZ2h0IHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmxldmVsLmlzLW1vYmlsZSAubGV2ZWwtbGVmdCArIC5sZXZlbC1yaWdodCB7XG4gIG1hcmdpbi10b3A6IDA7XG59XG5cbi5sZXZlbC5pcy1tb2JpbGUgLmxldmVsLWl0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbi5sZXZlbC5pcy1tb2JpbGUgLmxldmVsLWl0ZW06bm90KC5pcy1uYXJyb3cpIHtcbiAgZmxleC1ncm93OiAxO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmxldmVsIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG4gIC5sZXZlbCA+IC5sZXZlbC1pdGVtOm5vdCguaXMtbmFycm93KSB7XG4gICAgZmxleC1ncm93OiAxO1xuICB9XG59XG5cbi5tZWRpYS1sZWZ0LFxuLm1lZGlhLXJpZ2h0IHtcbiAgZmxleC1iYXNpczogYXV0bztcbiAgZmxleC1ncm93OiAwO1xuICBmbGV4LXNocmluazogMDtcbn1cblxuLm1lZGlhLWxlZnQge1xuICBtYXJnaW4tcmlnaHQ6IDFyZW07XG59XG5cbi5tZWRpYS1yaWdodCB7XG4gIG1hcmdpbi1sZWZ0OiAxcmVtO1xufVxuXG4ubWVkaWEtY29udGVudCB7XG4gIGZsZXgtYmFzaXM6IGF1dG87XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbi5tZWRpYSB7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBkaXNwbGF5OiBmbGV4O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xufVxuXG4ubWVkaWEgLmNvbnRlbnQ6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG59XG5cbi5tZWRpYSAubWVkaWEge1xuICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgyMTksIDIxOSwgMjE5LCAwLjUpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLXRvcDogMC43NXJlbTtcbn1cblxuLm1lZGlhIC5tZWRpYSAuY29udGVudDpub3QoOmxhc3QtY2hpbGQpLFxuLm1lZGlhIC5tZWRpYSAuY29udHJvbDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xufVxuXG4ubWVkaWEgLm1lZGlhIC5tZWRpYSB7XG4gIHBhZGRpbmctdG9wOiAwLjVyZW07XG59XG5cbi5tZWRpYSAubWVkaWEgLm1lZGlhICsgLm1lZGlhIHtcbiAgbWFyZ2luLXRvcDogMC41cmVtO1xufVxuXG4ubWVkaWEgKyAubWVkaWEge1xuICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgyMTksIDIxOSwgMjE5LCAwLjUpO1xuICBtYXJnaW4tdG9wOiAxcmVtO1xuICBwYWRkaW5nLXRvcDogMXJlbTtcbn1cblxuLm1lZGlhLmlzLWxhcmdlICsgLm1lZGlhIHtcbiAgbWFyZ2luLXRvcDogMS41cmVtO1xuICBwYWRkaW5nLXRvcDogMS41cmVtO1xufVxuXG4ubWVudSB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cblxuLm1lbnUtbGlzdCB7XG4gIGxpbmUtaGVpZ2h0OiAxLjI1O1xufVxuXG4ubWVudS1saXN0IGEge1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBkaXNwbGF5OiBibG9jaztcbiAgcGFkZGluZzogMC41ZW0gMC43NWVtO1xufVxuXG4ubWVudS1saXN0IGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBjb2xvcjogIzAwZDFiMjtcbn1cblxuLm1lbnUtbGlzdCBhLmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ubWVudS1saXN0IGxpIHVsIHtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZGJkYmRiO1xuICBtYXJnaW46IDAuNzVlbTtcbiAgcGFkZGluZy1sZWZ0OiAwLjc1ZW07XG59XG5cbi5tZW51LWxhYmVsIHtcbiAgY29sb3I6ICM3YTdhN2E7XG4gIGZvbnQtc2l6ZTogMC44ZW07XG4gIGxldHRlci1zcGFjaW5nOiAwLjFlbTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbn1cblxuLm1lbnUtbGFiZWw6bm90KDpmaXJzdC1jaGlsZCkge1xuICBtYXJnaW4tdG9wOiAxZW07XG59XG5cbi5tZW51LWxhYmVsOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxZW07XG59XG5cbi5tZXNzYWdlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBmb250LXNpemU6IDFyZW07XG59XG5cbi5tZXNzYWdlOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG59XG5cbi5tZXNzYWdlLmlzLXdoaXRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG59XG5cbi5tZXNzYWdlLmlzLXdoaXRlIC5tZXNzYWdlLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLm1lc3NhZ2UuaXMtd2hpdGUgLm1lc3NhZ2UtYm9keSB7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjNGQ0ZDRkO1xufVxuXG4ubWVzc2FnZS5pcy1ibGFjayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmYWZhZmE7XG59XG5cbi5tZXNzYWdlLmlzLWJsYWNrIC5tZXNzYWdlLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuLm1lc3NhZ2UuaXMtYmxhY2sgLm1lc3NhZ2UtYm9keSB7XG4gIGJvcmRlci1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6ICMwOTA5MDk7XG59XG5cbi5tZXNzYWdlLmlzLWxpZ2h0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZhZmFmYTtcbn1cblxuLm1lc3NhZ2UuaXMtbGlnaHQgLm1lc3NhZ2UtaGVhZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5tZXNzYWdlLmlzLWxpZ2h0IC5tZXNzYWdlLWJvZHkge1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjNTA1MDUwO1xufVxuXG4ubWVzc2FnZS5pcy1kYXJrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZhZmFmYTtcbn1cblxuLm1lc3NhZ2UuaXMtZGFyayAubWVzc2FnZS1oZWFkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLm1lc3NhZ2UuaXMtZGFyayAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLWNvbG9yOiAjMzYzNjM2O1xuICBjb2xvcjogIzJhMmEyYTtcbn1cblxuLm1lc3NhZ2UuaXMtcHJpbWFyeSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmNWZmZmQ7XG59XG5cbi5tZXNzYWdlLmlzLXByaW1hcnkgLm1lc3NhZ2UtaGVhZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5tZXNzYWdlLmlzLXByaW1hcnkgLm1lc3NhZ2UtYm9keSB7XG4gIGJvcmRlci1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICMwMjEzMTA7XG59XG5cbi5tZXNzYWdlLmlzLWluZm8ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjZmOWZlO1xufVxuXG4ubWVzc2FnZS5pcy1pbmZvIC5tZXNzYWdlLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ubWVzc2FnZS5pcy1pbmZvIC5tZXNzYWdlLWJvZHkge1xuICBib3JkZXItY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjMjI1MDlhO1xufVxuXG4ubWVzc2FnZS5pcy1zdWNjZXNzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y2ZmVmOTtcbn1cblxuLm1lc3NhZ2UuaXMtc3VjY2VzcyAubWVzc2FnZS1oZWFkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLm1lc3NhZ2UuaXMtc3VjY2VzcyAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLWNvbG9yOiAjMjNkMTYwO1xuICBjb2xvcjogIzBlMzAxYTtcbn1cblxuLm1lc3NhZ2UuaXMtd2FybmluZyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZkZjU7XG59XG5cbi5tZXNzYWdlLmlzLXdhcm5pbmcgLm1lc3NhZ2UtaGVhZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZGQ1NztcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLm1lc3NhZ2UuaXMtd2FybmluZyAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogIzNiMzEwODtcbn1cblxuLm1lc3NhZ2UuaXMtZGFuZ2VyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjVmNztcbn1cblxuLm1lc3NhZ2UuaXMtZGFuZ2VyIC5tZXNzYWdlLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZjM4NjA7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ubWVzc2FnZS5pcy1kYW5nZXIgLm1lc3NhZ2UtYm9keSB7XG4gIGJvcmRlci1jb2xvcjogI2ZmMzg2MDtcbiAgY29sb3I6ICNjZDA5MzA7XG59XG5cbi5tZXNzYWdlLWhlYWRlciB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICM0YTRhNGE7XG4gIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICBjb2xvcjogI2ZmZjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBsaW5lLWhlaWdodDogMS4yNTtcbiAgcGFkZGluZzogMC41ZW0gMC43NWVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5tZXNzYWdlLWhlYWRlciBhOm5vdCguYnV0dG9uKSxcbi5tZXNzYWdlLWhlYWRlciBzdHJvbmcge1xuICBjb2xvcjogY3VycmVudENvbG9yO1xufVxuXG4ubWVzc2FnZS1oZWFkZXIgYTpub3QoLmJ1dHRvbikge1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuLm1lc3NhZ2UtaGVhZGVyIC5kZWxldGUge1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXJnaW4tbGVmdDogMC43NWVtO1xufVxuXG4ubWVzc2FnZS1oZWFkZXIgKyAubWVzc2FnZS1ib2R5IHtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG4gIGJvcmRlci10b3A6IG5vbmU7XG59XG5cbi5tZXNzYWdlLWJvZHkge1xuICBib3JkZXI6IDFweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBwYWRkaW5nOiAxZW0gMS4yNWVtO1xufVxuXG4ubWVzc2FnZS1ib2R5IGE6bm90KC5idXR0b24pLFxuLm1lc3NhZ2UtYm9keSBzdHJvbmcge1xuICBjb2xvcjogY3VycmVudENvbG9yO1xufVxuXG4ubWVzc2FnZS1ib2R5IGE6bm90KC5idXR0b24pIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG59XG5cbi5tZXNzYWdlLWJvZHkgY29kZSxcbi5tZXNzYWdlLWJvZHkgcHJlIHtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG59XG5cbi5tZXNzYWdlLWJvZHkgcHJlIGNvZGUge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cblxuLm1vZGFsLWJhY2tncm91bmQge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjg2KTtcbn1cblxuLm1vZGFsLWNvbnRlbnQsXG4ubW9kYWwtY2FyZCB7XG4gIG1hcmdpbjogMCAyMHB4O1xuICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMTYwcHgpO1xuICBvdmVyZmxvdzogYXV0bztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5tb2RhbC1jb250ZW50LFxuICAubW9kYWwtY2FyZCB7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDQwcHgpO1xuICAgIHdpZHRoOiA2NDBweDtcbiAgfVxufVxuXG4ubW9kYWwtY2xvc2Uge1xuICAtd2Via2l0LXRvdWNoLWNhbGxvdXQ6IG5vbmU7XG4gIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tcy11c2VyLXNlbGVjdDogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tb3otYXBwZWFyYW5jZTogbm9uZTtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBmb250LXNpemU6IDFyZW07XG4gIGhlaWdodDogMjBweDtcbiAgbWF4LWhlaWdodDogMjBweDtcbiAgbWF4LXdpZHRoOiAyMHB4O1xuICBtaW4taGVpZ2h0OiAyMHB4O1xuICBtaW4td2lkdGg6IDIwcHg7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgd2lkdGg6IDIwcHg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGhlaWdodDogNDBweDtcbiAgcG9zaXRpb246IGZpeGVkO1xuICByaWdodDogMjBweDtcbiAgdG9wOiAyMHB4O1xuICB3aWR0aDogNDBweDtcbn1cblxuLm1vZGFsLWNsb3NlOmJlZm9yZSwgLm1vZGFsLWNsb3NlOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBsZWZ0OiA1MCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpIHJvdGF0ZSg0NWRlZyk7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlciBjZW50ZXI7XG59XG5cbi5tb2RhbC1jbG9zZTpiZWZvcmUge1xuICBoZWlnaHQ6IDJweDtcbiAgd2lkdGg6IDUwJTtcbn1cblxuLm1vZGFsLWNsb3NlOmFmdGVyIHtcbiAgaGVpZ2h0OiA1MCU7XG4gIHdpZHRoOiAycHg7XG59XG5cbi5tb2RhbC1jbG9zZTpob3ZlciwgLm1vZGFsLWNsb3NlOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjMpO1xufVxuXG4ubW9kYWwtY2xvc2U6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjQpO1xufVxuXG4ubW9kYWwtY2xvc2UuaXMtc21hbGwge1xuICBoZWlnaHQ6IDE2cHg7XG4gIG1heC1oZWlnaHQ6IDE2cHg7XG4gIG1heC13aWR0aDogMTZweDtcbiAgbWluLWhlaWdodDogMTZweDtcbiAgbWluLXdpZHRoOiAxNnB4O1xuICB3aWR0aDogMTZweDtcbn1cblxuLm1vZGFsLWNsb3NlLmlzLW1lZGl1bSB7XG4gIGhlaWdodDogMjRweDtcbiAgbWF4LWhlaWdodDogMjRweDtcbiAgbWF4LXdpZHRoOiAyNHB4O1xuICBtaW4taGVpZ2h0OiAyNHB4O1xuICBtaW4td2lkdGg6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xufVxuXG4ubW9kYWwtY2xvc2UuaXMtbGFyZ2Uge1xuICBoZWlnaHQ6IDMycHg7XG4gIG1heC1oZWlnaHQ6IDMycHg7XG4gIG1heC13aWR0aDogMzJweDtcbiAgbWluLWhlaWdodDogMzJweDtcbiAgbWluLXdpZHRoOiAzMnB4O1xuICB3aWR0aDogMzJweDtcbn1cblxuLm1vZGFsLWNhcmQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gNDBweCk7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5tb2RhbC1jYXJkLWhlYWQsXG4ubW9kYWwtY2FyZC1mb290IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgcGFkZGluZzogMjBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ubW9kYWwtY2FyZC1oZWFkIHtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDVweDtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDVweDtcbn1cblxuLm1vZGFsLWNhcmQtdGl0bGUge1xuICBjb2xvcjogIzM2MzYzNjtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbiAgZm9udC1zaXplOiAxLjVyZW07XG4gIGxpbmUtaGVpZ2h0OiAxO1xufVxuXG4ubW9kYWwtY2FyZC1mb290IHtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNXB4O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNXB4O1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2RiZGJkYjtcbn1cblxuLm1vZGFsLWNhcmQtZm9vdCAuYnV0dG9uOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG59XG5cbi5tb2RhbC1jYXJkLWJvZHkge1xuICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAxO1xuICBvdmVyZmxvdzogYXV0bztcbiAgcGFkZGluZzogMjBweDtcbn1cblxuLm1vZGFsIHtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDIwO1xufVxuXG4ubW9kYWwuaXMtYWN0aXZlIHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLm5hdi10b2dnbGUge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDMuMjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDMuMjVyZW07XG59XG5cbi5uYXYtdG9nZ2xlIHNwYW4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGE0YTRhO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxcHg7XG4gIGxlZnQ6IDUwJTtcbiAgbWFyZ2luLWxlZnQ6IC03cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIHRyYW5zaXRpb246IG5vbmUgODZtcyBlYXNlLW91dDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYmFja2dyb3VuZCwgbGVmdCwgb3BhY2l0eSwgdHJhbnNmb3JtO1xuICB3aWR0aDogMTVweDtcbn1cblxuLm5hdi10b2dnbGUgc3BhbjpudGgtY2hpbGQoMSkge1xuICBtYXJnaW4tdG9wOiAtNnB4O1xufVxuXG4ubmF2LXRvZ2dsZSBzcGFuOm50aC1jaGlsZCgyKSB7XG4gIG1hcmdpbi10b3A6IC0xcHg7XG59XG5cbi5uYXYtdG9nZ2xlIHNwYW46bnRoLWNoaWxkKDMpIHtcbiAgbWFyZ2luLXRvcDogNHB4O1xufVxuXG4ubmF2LXRvZ2dsZTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbn1cblxuLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW46bnRoLWNoaWxkKDEpIHtcbiAgbWFyZ2luLWxlZnQ6IC01cHg7XG4gIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCB0b3A7XG59XG5cbi5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuOm50aC1jaGlsZCgyKSB7XG4gIG9wYWNpdHk6IDA7XG59XG5cbi5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuOm50aC1jaGlsZCgzKSB7XG4gIG1hcmdpbi1sZWZ0OiAtNXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBsZWZ0IGJvdHRvbTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY5cHgpLCBwcmludCB7XG4gIC5uYXYtdG9nZ2xlIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG5cbi5uYXYtaXRlbSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGxpbmUtaGVpZ2h0OiAxLjU7XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjc1cmVtO1xufVxuXG4ubmF2LWl0ZW0gYSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5uYXYtaXRlbSBpbWcge1xuICBtYXgtaGVpZ2h0OiAxLjc1cmVtO1xufVxuXG4ubmF2LWl0ZW0gLnRhZzpmaXJzdC1jaGlsZDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG59XG5cbi5uYXYtaXRlbSAudGFnOmxhc3QtY2hpbGQ6bm90KDpmaXJzdC1jaGlsZCkge1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAubmF2LWl0ZW0ge1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgfVxufVxuXG4ubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbiksXG5hLm5hdi1pdGVtOm5vdCguYnV0dG9uKSB7XG4gIGNvbG9yOiAjN2E3YTdhO1xufVxuXG4ubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbik6aG92ZXIsXG5hLm5hdi1pdGVtOm5vdCguYnV0dG9uKTpob3ZlciB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4ubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlLFxuYS5uYXYtaXRlbTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy10YWIsXG5hLm5hdi1pdGVtOm5vdCguYnV0dG9uKS5pcy10YWIge1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgcGFkZGluZy1ib3R0b206IGNhbGMoMC43NXJlbSAtIDFweCk7XG4gIHBhZGRpbmctbGVmdDogMXJlbTtcbiAgcGFkZGluZy1yaWdodDogMXJlbTtcbiAgcGFkZGluZy10b3A6IGNhbGMoMC43NXJlbSAtIDFweCk7XG59XG5cbi5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy10YWI6aG92ZXIsXG5hLm5hdi1pdGVtOm5vdCguYnV0dG9uKS5pcy10YWI6aG92ZXIge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAjMDBkMWIyO1xuICBib3JkZXItdG9wLWNvbG9yOiB0cmFuc3BhcmVudDtcbn1cblxuLm5hdi1pdGVtIGE6bm90KC5idXR0b24pLmlzLXRhYi5pcy1hY3RpdmUsXG5hLm5hdi1pdGVtOm5vdCguYnV0dG9uKS5pcy10YWIuaXMtYWN0aXZlIHtcbiAgYm9yZGVyLWJvdHRvbTogM3B4IHNvbGlkICMwMGQxYjI7XG4gIGNvbG9yOiAjMDBkMWIyO1xuICBwYWRkaW5nLWJvdHRvbTogY2FsYygwLjc1cmVtIC0gM3B4KTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwOHB4KSB7XG4gIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1icmFuZCxcbiAgYS5uYXYtaXRlbTpub3QoLmJ1dHRvbikuaXMtYnJhbmQge1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgfVxufVxuXG4ubmF2LWxlZnQsXG4ubmF2LXJpZ2h0IHtcbiAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gIC5uYXYtbGVmdCxcbiAgLm5hdi1yaWdodCB7XG4gICAgZmxleC1iYXNpczogMDtcbiAgfVxufVxuXG4ubmF2LWxlZnQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbi5uYXYtcmlnaHQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuXG4ubmF2LWNlbnRlciB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLm5hdi1tZW51Lm5hdi1yaWdodCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgYm94LXNoYWRvdzogMCA0cHggN3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgICBsZWZ0OiAwO1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuICAubmF2LW1lbnUubmF2LXJpZ2h0IC5uYXYtaXRlbSB7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHJnYmEoMjE5LCAyMTksIDIxOSwgMC41KTtcbiAgICBwYWRkaW5nOiAwLjc1cmVtO1xuICB9XG4gIC5uYXYtbWVudS5uYXYtcmlnaHQuaXMtYWN0aXZlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG4ubmF2IHtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDMuMjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB6LWluZGV4OiAxMDtcbn1cblxuLm5hdiA+IC5jb250YWluZXIge1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLWhlaWdodDogMy4yNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5uYXYuaGFzLXNoYWRvdyB7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDNweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG59XG5cbi5uYXZiYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgbWluLWhlaWdodDogMy4yNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ubmF2YmFyID4gLmNvbnRhaW5lciB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiAzLjI1cmVtO1xuICB3aWR0aDogMTAwJTtcbn1cblxuLm5hdmJhci5oYXMtc2hhZG93IHtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbn1cblxuLm5hdmJhci1icmFuZCB7XG4gIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi1oZWlnaHQ6IDMuMjVyZW07XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIG92ZXJmbG93LXk6IGhpZGRlbjtcbn1cblxuLm5hdmJhci1idXJnZXIge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDMuMjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDMuMjVyZW07XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xufVxuXG4ubmF2YmFyLWJ1cmdlciBzcGFuIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzRhNGE0YTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMXB4O1xuICBsZWZ0OiA1MCU7XG4gIG1hcmdpbi1sZWZ0OiAtN3B4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2l0aW9uOiBub25lIDg2bXMgZWFzZS1vdXQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQsIGxlZnQsIG9wYWNpdHksIHRyYW5zZm9ybTtcbiAgd2lkdGg6IDE1cHg7XG59XG5cbi5uYXZiYXItYnVyZ2VyIHNwYW46bnRoLWNoaWxkKDEpIHtcbiAgbWFyZ2luLXRvcDogLTZweDtcbn1cblxuLm5hdmJhci1idXJnZXIgc3BhbjpudGgtY2hpbGQoMikge1xuICBtYXJnaW4tdG9wOiAtMXB4O1xufVxuXG4ubmF2YmFyLWJ1cmdlciBzcGFuOm50aC1jaGlsZCgzKSB7XG4gIG1hcmdpbi10b3A6IDRweDtcbn1cblxuLm5hdmJhci1idXJnZXI6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4ubmF2YmFyLWJ1cmdlci5pcy1hY3RpdmUgc3BhbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwMGQxYjI7XG59XG5cbi5uYXZiYXItYnVyZ2VyLmlzLWFjdGl2ZSBzcGFuOm50aC1jaGlsZCgxKSB7XG4gIG1hcmdpbi1sZWZ0OiAtNXB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgdG9wO1xufVxuXG4ubmF2YmFyLWJ1cmdlci5pcy1hY3RpdmUgc3BhbjpudGgtY2hpbGQoMikge1xuICBvcGFjaXR5OiAwO1xufVxuXG4ubmF2YmFyLWJ1cmdlci5pcy1hY3RpdmUgc3BhbjpudGgtY2hpbGQoMykge1xuICBtYXJnaW4tbGVmdDogLTVweDtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogbGVmdCBib3R0b207XG59XG5cbi5uYXZiYXItbWVudSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5uYXZiYXItaXRlbSxcbi5uYXZiYXItbGluayB7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgcGFkZGluZzogMC41cmVtIDFyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuYS5uYXZiYXItaXRlbTpob3ZlciwgYS5uYXZiYXItaXRlbS5pcy1hY3RpdmUsXG4ubmF2YmFyLWxpbms6aG92ZXIsXG4ubmF2YmFyLWxpbmsuaXMtYWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5uYXZiYXItaXRlbSB7XG4gIGZsZXgtZ3JvdzogMDtcbiAgZmxleC1zaHJpbms6IDA7XG59XG5cbi5uYXZiYXItaXRlbSBpbWcge1xuICBtYXgtaGVpZ2h0OiAxLjc1cmVtO1xufVxuXG4ubmF2YmFyLWl0ZW0uaGFzLWRyb3Bkb3duIHtcbiAgcGFkZGluZzogMDtcbn1cblxuLm5hdmJhci1pdGVtLmlzLXRhYiB7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgbWluLWhlaWdodDogMy4yNXJlbTtcbiAgcGFkZGluZy1ib3R0b206IGNhbGMoMC41cmVtIC0gMXB4KTtcbn1cblxuLm5hdmJhci1pdGVtLmlzLXRhYjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAjMDBkMWIyO1xufVxuXG4ubmF2YmFyLWl0ZW0uaXMtdGFiLmlzLWFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItYm90dG9tOiAzcHggc29saWQgIzAwZDFiMjtcbiAgY29sb3I6ICMwMGQxYjI7XG4gIHBhZGRpbmctYm90dG9tOiBjYWxjKDAuNXJlbSAtIDNweCk7XG59XG5cbi5uYXZiYXItY29udGVudCB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG59XG5cbi5uYXZiYXItbGluayB7XG4gIHBhZGRpbmctcmlnaHQ6IDIuNWVtO1xufVxuXG4ubmF2YmFyLWRyb3Bkb3duIHtcbiAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgcGFkZGluZy1ib3R0b206IDAuNXJlbTtcbiAgcGFkZGluZy10b3A6IDAuNXJlbTtcbn1cblxuLm5hdmJhci1kcm9wZG93biAubmF2YmFyLWl0ZW0ge1xuICBwYWRkaW5nLWxlZnQ6IDEuNXJlbTtcbiAgcGFkZGluZy1yaWdodDogMS41cmVtO1xufVxuXG4ubmF2YmFyLWRpdmlkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGJkYmRiO1xuICBib3JkZXI6IG5vbmU7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIGhlaWdodDogMXB4O1xuICBtYXJnaW46IDAuNXJlbSAwO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDA3cHgpIHtcbiAgLm5hdmJhci1icmFuZCAubmF2YmFyLWl0ZW0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuICAubmF2YmFyLW1lbnUge1xuICAgIGJveC1zaGFkb3c6IDAgOHB4IDE2cHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICAgIHBhZGRpbmc6IDAuNXJlbSAwO1xuICB9XG4gIC5uYXZiYXItbWVudS5pcy1hY3RpdmUge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAubmF2YmFyLFxuICAubmF2YmFyLW1lbnUsXG4gIC5uYXZiYXItc3RhcnQsXG4gIC5uYXZiYXItZW5kIHtcbiAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG4gIC5uYXZiYXIge1xuICAgIG1pbi1oZWlnaHQ6IDMuMjVyZW07XG4gIH1cbiAgLm5hdmJhci5pcy10cmFuc3BhcmVudCBhLm5hdmJhci1pdGVtOmhvdmVyLCAubmF2YmFyLmlzLXRyYW5zcGFyZW50IGEubmF2YmFyLWl0ZW0uaXMtYWN0aXZlLFxuICAubmF2YmFyLmlzLXRyYW5zcGFyZW50IC5uYXZiYXItbGluazpob3ZlcixcbiAgLm5hdmJhci5pcy10cmFuc3BhcmVudCAubmF2YmFyLWxpbmsuaXMtYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICAubmF2YmFyLmlzLXRyYW5zcGFyZW50IC5uYXZiYXItaXRlbS5oYXMtZHJvcGRvd24uaXMtYWN0aXZlIC5uYXZiYXItbGluaywgLm5hdmJhci5pcy10cmFuc3BhcmVudCAubmF2YmFyLWl0ZW0uaGFzLWRyb3Bkb3duLmlzLWhvdmVyYWJsZTpob3ZlciAubmF2YmFyLWxpbmsge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB9XG4gIC5uYXZiYXIuaXMtdHJhbnNwYXJlbnQgLm5hdmJhci1kcm9wZG93biBhLm5hdmJhci1pdGVtOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICAgIGNvbG9yOiAjMGEwYTBhO1xuICB9XG4gIC5uYXZiYXIuaXMtdHJhbnNwYXJlbnQgLm5hdmJhci1kcm9wZG93biBhLm5hdmJhci1pdGVtLmlzLWFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgICBjb2xvcjogIzAwZDFiMjtcbiAgfVxuICAubmF2YmFyLWJ1cmdlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuICAubmF2YmFyLWl0ZW0sXG4gIC5uYXZiYXItbGluayB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG4gIC5uYXZiYXItaXRlbS5oYXMtZHJvcGRvd24ge1xuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICB9XG4gIC5uYXZiYXItaXRlbS5pcy1hY3RpdmUgLm5hdmJhci1kcm9wZG93biwgLm5hdmJhci1pdGVtLmlzLWhvdmVyYWJsZTpob3ZlciAubmF2YmFyLWRyb3Bkb3duIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuICAubmF2YmFyLWl0ZW0uaXMtYWN0aXZlIC5uYXZiYXItZHJvcGRvd24uaXMtYm94ZWQsIC5uYXZiYXItaXRlbS5pcy1ob3ZlcmFibGU6aG92ZXIgLm5hdmJhci1kcm9wZG93bi5pcy1ib3hlZCB7XG4gICAgb3BhY2l0eTogMTtcbiAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG4gIH1cbiAgLm5hdmJhci1saW5rOjphZnRlciB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgIzAwZDFiMjtcbiAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgYm9yZGVyLXRvcDogMDtcbiAgICBjb250ZW50OiBcIiBcIjtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDAuNWVtO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgIHdpZHRoOiAwLjVlbTtcbiAgICBtYXJnaW4tdG9wOiAtMC4zNzVlbTtcbiAgICByaWdodDogMS4xMjVlbTtcbiAgICB0b3A6IDUwJTtcbiAgfVxuICAubmF2YmFyLW1lbnUge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBmbGV4LXNocmluazogMDtcbiAgfVxuICAubmF2YmFyLXN0YXJ0IHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICB9XG4gIC5uYXZiYXItZW5kIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICB9XG4gIC5uYXZiYXItZHJvcGRvd24ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDVweDtcbiAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNXB4O1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZGJkYmRiO1xuICAgIGJveC1zaGFkb3c6IDAgOHB4IDhweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgIGxlZnQ6IDA7XG4gICAgbWluLXdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDEwMCU7XG4gICAgei1pbmRleDogMjA7XG4gIH1cbiAgLm5hdmJhci1kcm9wZG93biAubmF2YmFyLWl0ZW0ge1xuICAgIHBhZGRpbmc6IDAuMzc1cmVtIDFyZW07XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgfVxuICAubmF2YmFyLWRyb3Bkb3duIGEubmF2YmFyLWl0ZW0ge1xuICAgIHBhZGRpbmctcmlnaHQ6IDNyZW07XG4gIH1cbiAgLm5hdmJhci1kcm9wZG93biBhLm5hdmJhci1pdGVtOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICAgIGNvbG9yOiAjMGEwYTBhO1xuICB9XG4gIC5uYXZiYXItZHJvcGRvd24gYS5uYXZiYXItaXRlbS5pcy1hY3RpdmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gICAgY29sb3I6ICMwMGQxYjI7XG4gIH1cbiAgLm5hdmJhci1kcm9wZG93bi5pcy1ib3hlZCB7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogMCA4cHggOHB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKSwgMCAwIDAgMXB4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBvcGFjaXR5OiAwO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRvcDogY2FsYygxMDAlICsgKC00cHgpKTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTVweCk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogODZtcztcbiAgICB0cmFuc2l0aW9uLXByb3BlcnR5OiBvcGFjaXR5LCB0cmFuc2Zvcm07XG4gIH1cbiAgLm5hdmJhci1kaXZpZGVyIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuICAuY29udGFpbmVyID4gLm5hdmJhciB7XG4gICAgbWFyZ2luLWxlZnQ6IC0xcmVtO1xuICAgIG1hcmdpbi1yaWdodDogLTFyZW07XG4gIH1cbiAgYS5uYXZiYXItaXRlbS5pcy1hY3RpdmUsXG4gIC5uYXZiYXItbGluay5pcy1hY3RpdmUge1xuICAgIGNvbG9yOiAjMGEwYTBhO1xuICB9XG4gIGEubmF2YmFyLWl0ZW0uaXMtYWN0aXZlOm5vdCg6aG92ZXIpLFxuICAubmF2YmFyLWxpbmsuaXMtYWN0aXZlOm5vdCg6aG92ZXIpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICAubmF2YmFyLWl0ZW0uaGFzLWRyb3Bkb3duOmhvdmVyIC5uYXZiYXItbGluaywgLm5hdmJhci1pdGVtLmhhcy1kcm9wZG93bi5pcy1hY3RpdmUgLm5hdmJhci1saW5rIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICB9XG59XG5cbi5wYWdpbmF0aW9uIHtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBtYXJnaW46IC0wLjI1cmVtO1xufVxuXG4ucGFnaW5hdGlvbi5pcy1zbWFsbCB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cblxuLnBhZ2luYXRpb24uaXMtbWVkaXVtIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4ucGFnaW5hdGlvbi5pcy1sYXJnZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xufVxuXG4ucGFnaW5hdGlvbixcbi5wYWdpbmF0aW9uLWxpc3Qge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4ucGFnaW5hdGlvbi1wcmV2aW91cyxcbi5wYWdpbmF0aW9uLW5leHQsXG4ucGFnaW5hdGlvbi1saW5rLFxuLnBhZ2luYXRpb24tZWxsaXBzaXMge1xuICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7XG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgaGVpZ2h0OiAyLjI1ZW07XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgcGFkZGluZy1ib3R0b206IGNhbGMoMC4zNzVlbSAtIDFweCk7XG4gIHBhZGRpbmctbGVmdDogY2FsYygwLjYyNWVtIC0gMXB4KTtcbiAgcGFkZGluZy1yaWdodDogY2FsYygwLjYyNWVtIC0gMXB4KTtcbiAgcGFkZGluZy10b3A6IGNhbGMoMC4zNzVlbSAtIDFweCk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgLXdlYmtpdC10b3VjaC1jYWxsb3V0OiBub25lO1xuICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBmb250LXNpemU6IDFlbTtcbiAgcGFkZGluZy1sZWZ0OiAwLjVlbTtcbiAgcGFkZGluZy1yaWdodDogMC41ZW07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW46IDAuMjVyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLnBhZ2luYXRpb24tcHJldmlvdXM6Zm9jdXMsIC5wYWdpbmF0aW9uLXByZXZpb3VzLmlzLWZvY3VzZWQsIC5wYWdpbmF0aW9uLXByZXZpb3VzOmFjdGl2ZSwgLnBhZ2luYXRpb24tcHJldmlvdXMuaXMtYWN0aXZlLFxuLnBhZ2luYXRpb24tbmV4dDpmb2N1cyxcbi5wYWdpbmF0aW9uLW5leHQuaXMtZm9jdXNlZCxcbi5wYWdpbmF0aW9uLW5leHQ6YWN0aXZlLFxuLnBhZ2luYXRpb24tbmV4dC5pcy1hY3RpdmUsXG4ucGFnaW5hdGlvbi1saW5rOmZvY3VzLFxuLnBhZ2luYXRpb24tbGluay5pcy1mb2N1c2VkLFxuLnBhZ2luYXRpb24tbGluazphY3RpdmUsXG4ucGFnaW5hdGlvbi1saW5rLmlzLWFjdGl2ZSxcbi5wYWdpbmF0aW9uLWVsbGlwc2lzOmZvY3VzLFxuLnBhZ2luYXRpb24tZWxsaXBzaXMuaXMtZm9jdXNlZCxcbi5wYWdpbmF0aW9uLWVsbGlwc2lzOmFjdGl2ZSxcbi5wYWdpbmF0aW9uLWVsbGlwc2lzLmlzLWFjdGl2ZSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5wYWdpbmF0aW9uLXByZXZpb3VzW2Rpc2FibGVkXSxcbi5wYWdpbmF0aW9uLW5leHRbZGlzYWJsZWRdLFxuLnBhZ2luYXRpb24tbGlua1tkaXNhYmxlZF0sXG4ucGFnaW5hdGlvbi1lbGxpcHNpc1tkaXNhYmxlZF0ge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4ucGFnaW5hdGlvbi1wcmV2aW91cyxcbi5wYWdpbmF0aW9uLW5leHQsXG4ucGFnaW5hdGlvbi1saW5rIHtcbiAgYm9yZGVyLWNvbG9yOiAjZGJkYmRiO1xuICBtaW4td2lkdGg6IDIuMjVlbTtcbn1cblxuLnBhZ2luYXRpb24tcHJldmlvdXM6aG92ZXIsXG4ucGFnaW5hdGlvbi1uZXh0OmhvdmVyLFxuLnBhZ2luYXRpb24tbGluazpob3ZlciB7XG4gIGJvcmRlci1jb2xvcjogI2I1YjViNTtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5wYWdpbmF0aW9uLXByZXZpb3VzOmZvY3VzLFxuLnBhZ2luYXRpb24tbmV4dDpmb2N1cyxcbi5wYWdpbmF0aW9uLWxpbms6Zm9jdXMge1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG59XG5cbi5wYWdpbmF0aW9uLXByZXZpb3VzOmFjdGl2ZSxcbi5wYWdpbmF0aW9uLW5leHQ6YWN0aXZlLFxuLnBhZ2luYXRpb24tbGluazphY3RpdmUge1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xufVxuXG4ucGFnaW5hdGlvbi1wcmV2aW91c1tkaXNhYmxlZF0sXG4ucGFnaW5hdGlvbi1uZXh0W2Rpc2FibGVkXSxcbi5wYWdpbmF0aW9uLWxpbmtbZGlzYWJsZWRdIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2RiZGJkYjtcbiAgYm9yZGVyLWNvbG9yOiAjZGJkYmRiO1xuICBib3gtc2hhZG93OiBub25lO1xuICBjb2xvcjogIzdhN2E3YTtcbiAgb3BhY2l0eTogMC41O1xufVxuXG4ucGFnaW5hdGlvbi1wcmV2aW91cyxcbi5wYWdpbmF0aW9uLW5leHQge1xuICBwYWRkaW5nLWxlZnQ6IDAuNzVlbTtcbiAgcGFkZGluZy1yaWdodDogMC43NWVtO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4ucGFnaW5hdGlvbi1saW5rLmlzLWN1cnJlbnQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBib3JkZXItY29sb3I6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ucGFnaW5hdGlvbi1lbGxpcHNpcyB7XG4gIGNvbG9yOiAjYjViNWI1O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnBhZ2luYXRpb24tbGlzdCB7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLnBhZ2luYXRpb24ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuICAucGFnaW5hdGlvbi1wcmV2aW91cyxcbiAgLnBhZ2luYXRpb24tbmV4dCB7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtc2hyaW5rOiAxO1xuICB9XG4gIC5wYWdpbmF0aW9uLWxpc3QgbGkge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBmbGV4LXNocmluazogMTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLnBhZ2luYXRpb24tbGlzdCB7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtc2hyaW5rOiAxO1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICBvcmRlcjogMTtcbiAgfVxuICAucGFnaW5hdGlvbi1wcmV2aW91cyB7XG4gICAgb3JkZXI6IDI7XG4gIH1cbiAgLnBhZ2luYXRpb24tbmV4dCB7XG4gICAgb3JkZXI6IDM7XG4gIH1cbiAgLnBhZ2luYXRpb24ge1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgfVxuICAucGFnaW5hdGlvbi5pcy1jZW50ZXJlZCAucGFnaW5hdGlvbi1wcmV2aW91cyB7XG4gICAgb3JkZXI6IDE7XG4gIH1cbiAgLnBhZ2luYXRpb24uaXMtY2VudGVyZWQgLnBhZ2luYXRpb24tbGlzdCB7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgb3JkZXI6IDI7XG4gIH1cbiAgLnBhZ2luYXRpb24uaXMtY2VudGVyZWQgLnBhZ2luYXRpb24tbmV4dCB7XG4gICAgb3JkZXI6IDM7XG4gIH1cbiAgLnBhZ2luYXRpb24uaXMtcmlnaHQgLnBhZ2luYXRpb24tcHJldmlvdXMge1xuICAgIG9yZGVyOiAxO1xuICB9XG4gIC5wYWdpbmF0aW9uLmlzLXJpZ2h0IC5wYWdpbmF0aW9uLW5leHQge1xuICAgIG9yZGVyOiAyO1xuICB9XG4gIC5wYWdpbmF0aW9uLmlzLXJpZ2h0IC5wYWdpbmF0aW9uLWxpc3Qge1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgb3JkZXI6IDM7XG4gIH1cbn1cblxuLnBhbmVsIHtcbiAgZm9udC1zaXplOiAxcmVtO1xufVxuXG4ucGFuZWw6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLnBhbmVsLWhlYWRpbmcsXG4ucGFuZWwtdGFicyxcbi5wYW5lbC1ibG9jayB7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkYmRiZGI7XG59XG5cbi5wYW5lbC1oZWFkaW5nOmZpcnN0LWNoaWxkLFxuLnBhbmVsLXRhYnM6Zmlyc3QtY2hpbGQsXG4ucGFuZWwtYmxvY2s6Zmlyc3QtY2hpbGQge1xuICBib3JkZXItdG9wOiAxcHggc29saWQgI2RiZGJkYjtcbn1cblxuLnBhbmVsLWhlYWRpbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAzcHggM3B4IDAgMDtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIGZvbnQtc2l6ZTogMS4yNWVtO1xuICBmb250LXdlaWdodDogMzAwO1xuICBsaW5lLWhlaWdodDogMS4yNTtcbiAgcGFkZGluZzogMC41ZW0gMC43NWVtO1xufVxuXG4ucGFuZWwtdGFicyB7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1zaXplOiAwLjg3NWVtO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLnBhbmVsLXRhYnMgYSB7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZGJkYmRiO1xuICBtYXJnaW4tYm90dG9tOiAtMXB4O1xuICBwYWRkaW5nOiAwLjVlbTtcbn1cblxuLnBhbmVsLXRhYnMgYS5pcy1hY3RpdmUge1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAjNGE0YTRhO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLnBhbmVsLWxpc3QgYSB7XG4gIGNvbG9yOiAjNGE0YTRhO1xufVxuXG4ucGFuZWwtbGlzdCBhOmhvdmVyIHtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi5wYW5lbC1ibG9jayB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIHBhZGRpbmc6IDAuNWVtIDAuNzVlbTtcbn1cblxuLnBhbmVsLWJsb2NrIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXSB7XG4gIG1hcmdpbi1yaWdodDogMC43NWVtO1xufVxuXG4ucGFuZWwtYmxvY2sgPiAuY29udHJvbCB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4ucGFuZWwtYmxvY2suaXMtd3JhcHBlZCB7XG4gIGZsZXgtd3JhcDogd3JhcDtcbn1cblxuLnBhbmVsLWJsb2NrLmlzLWFjdGl2ZSB7XG4gIGJvcmRlci1sZWZ0LWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLnBhbmVsLWJsb2NrLmlzLWFjdGl2ZSAucGFuZWwtaWNvbiB7XG4gIGNvbG9yOiAjMDBkMWIyO1xufVxuXG5hLnBhbmVsLWJsb2NrLFxubGFiZWwucGFuZWwtYmxvY2sge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbmEucGFuZWwtYmxvY2s6aG92ZXIsXG5sYWJlbC5wYW5lbC1ibG9jazpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5wYW5lbC1pY29uIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBmb250LXNpemU6IDE0cHg7XG4gIGhlaWdodDogMWVtO1xuICBsaW5lLWhlaWdodDogMWVtO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIHdpZHRoOiAxZW07XG4gIGNvbG9yOiAjN2E3YTdhO1xuICBtYXJnaW4tcmlnaHQ6IDAuNzVlbTtcbn1cblxuLnBhbmVsLWljb24gLmZhIHtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbn1cblxuLnRhYnMge1xuICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7XG4gIC13ZWJraXQtdG91Y2gtY2FsbG91dDogbm9uZTtcbiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1zLXVzZXItc2VsZWN0OiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4udGFiczpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4udGFicyBhIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGNvbG9yOiAjNGE0YTRhO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogLTFweDtcbiAgcGFkZGluZzogMC41ZW0gMWVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG4udGFicyBhOmhvdmVyIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi50YWJzIGxpIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi50YWJzIGxpLmlzLWFjdGl2ZSBhIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogIzAwZDFiMjtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi50YWJzIHVsIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkYmRiZGI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbn1cblxuLnRhYnMgdWwuaXMtbGVmdCB7XG4gIHBhZGRpbmctcmlnaHQ6IDAuNzVlbTtcbn1cblxuLnRhYnMgdWwuaXMtY2VudGVyIHtcbiAgZmxleDogbm9uZTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmctbGVmdDogMC43NWVtO1xuICBwYWRkaW5nLXJpZ2h0OiAwLjc1ZW07XG59XG5cbi50YWJzIHVsLmlzLXJpZ2h0IHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgcGFkZGluZy1sZWZ0OiAwLjc1ZW07XG59XG5cbi50YWJzIC5pY29uOmZpcnN0LWNoaWxkIHtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbn1cblxuLnRhYnMgLmljb246bGFzdC1jaGlsZCB7XG4gIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbn1cblxuLnRhYnMuaXMtY2VudGVyZWQgdWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLnRhYnMuaXMtcmlnaHQgdWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xufVxuXG4udGFicy5pcy1ib3hlZCBhIHtcbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xufVxuXG4udGFicy5pcy1ib3hlZCBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogI2RiZGJkYjtcbn1cblxuLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLWNvbG9yOiAjZGJkYmRiO1xuICBib3JkZXItYm90dG9tLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xufVxuXG4udGFicy5pcy1mdWxsd2lkdGggbGkge1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAwO1xufVxuXG4udGFicy5pcy10b2dnbGUgYSB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNkYmRiZGI7XG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLnRhYnMuaXMtdG9nZ2xlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItY29sb3I6ICNiNWI1YjU7XG4gIHotaW5kZXg6IDI7XG59XG5cbi50YWJzLmlzLXRvZ2dsZSBsaSArIGxpIHtcbiAgbWFyZ2luLWxlZnQ6IC0xcHg7XG59XG5cbi50YWJzLmlzLXRvZ2dsZSBsaTpmaXJzdC1jaGlsZCBhIHtcbiAgYm9yZGVyLXJhZGl1czogM3B4IDAgMCAzcHg7XG59XG5cbi50YWJzLmlzLXRvZ2dsZSBsaTpsYXN0LWNoaWxkIGEge1xuICBib3JkZXItcmFkaXVzOiAwIDNweCAzcHggMDtcbn1cblxuLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwZDFiMjtcbiAgYm9yZGVyLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbiAgei1pbmRleDogMTtcbn1cblxuLnRhYnMuaXMtdG9nZ2xlIHVsIHtcbiAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbn1cblxuLnRhYnMuaXMtc21hbGwge1xuICBmb250LXNpemU6IDAuNzVyZW07XG59XG5cbi50YWJzLmlzLW1lZGl1bSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cblxuLnRhYnMuaXMtbGFyZ2Uge1xuICBmb250LXNpemU6IDEuNXJlbTtcbn1cblxuLmNvbHVtbiB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmbGV4LWJhc2lzOiAwO1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAxO1xuICBwYWRkaW5nOiAwLjc1cmVtO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW5hcnJvdyB7XG4gIGZsZXg6IG5vbmU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtZnVsbCB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLXRocmVlLXF1YXJ0ZXJzIHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDc1JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy10d28tdGhpcmRzIHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDY2LjY2NjYlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLWhhbGYge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogNTAlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9uZS10aGlyZCB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiAzMy4zMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vbmUtcXVhcnRlciB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiAyNSU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LXRocmVlLXF1YXJ0ZXJzIHtcbiAgbWFyZ2luLWxlZnQ6IDc1JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtdHdvLXRoaXJkcyB7XG4gIG1hcmdpbi1sZWZ0OiA2Ni42NjY2JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtaGFsZiB7XG4gIG1hcmdpbi1sZWZ0OiA1MCU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS10aGlyZCB7XG4gIG1hcmdpbi1sZWZ0OiAzMy4zMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtb25lLXF1YXJ0ZXIge1xuICBtYXJnaW4tbGVmdDogMjUlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTEge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogOC4zMzMzMyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTEge1xuICBtYXJnaW4tbGVmdDogOC4zMzMzMyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtMiB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiAxNi42NjY2NyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTIge1xuICBtYXJnaW4tbGVmdDogMTYuNjY2NjclO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTMge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogMjUlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC0zIHtcbiAgbWFyZ2luLWxlZnQ6IDI1JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy00IHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDMzLjMzMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtNCB7XG4gIG1hcmdpbi1sZWZ0OiAzMy4zMzMzMyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtNSB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA0MS42NjY2NyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTUge1xuICBtYXJnaW4tbGVmdDogNDEuNjY2NjclO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTYge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogNTAlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC02IHtcbiAgbWFyZ2luLWxlZnQ6IDUwJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy03IHtcbiAgZmxleDogbm9uZTtcbiAgd2lkdGg6IDU4LjMzMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy1vZmZzZXQtNyB7XG4gIG1hcmdpbi1sZWZ0OiA1OC4zMzMzMyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtOCB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA2Ni42NjY2NyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTgge1xuICBtYXJnaW4tbGVmdDogNjYuNjY2NjclO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLTkge1xuICBmbGV4OiBub25lO1xuICB3aWR0aDogNzUlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC05IHtcbiAgbWFyZ2luLWxlZnQ6IDc1JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy0xMCB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA4My4zMzMzMyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTEwIHtcbiAgbWFyZ2luLWxlZnQ6IDgzLjMzMzMzJTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy0xMSB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiA5MS42NjY2NyU7XG59XG5cbi5jb2x1bW5zLmlzLW1vYmlsZSA+IC5jb2x1bW4uaXMtb2Zmc2V0LTExIHtcbiAgbWFyZ2luLWxlZnQ6IDkxLjY2NjY3JTtcbn1cblxuLmNvbHVtbnMuaXMtbW9iaWxlID4gLmNvbHVtbi5pcy0xMiB7XG4gIGZsZXg6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUgPiAuY29sdW1uLmlzLW9mZnNldC0xMiB7XG4gIG1hcmdpbi1sZWZ0OiAxMDAlO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuY29sdW1uLmlzLW5hcnJvdy1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gIH1cbiAgLmNvbHVtbi5pcy1mdWxsLW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLXRocmVlLXF1YXJ0ZXJzLW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtdHdvLXRoaXJkcy1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtaGFsZi1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9uZS10aGlyZC1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXF1YXJ0ZXItbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdGhyZWUtcXVhcnRlcnMtbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXR3by10aGlyZHMtbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtaGFsZi1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXRoaXJkLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS1xdWFydGVyLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEtbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtMi1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDE2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0yLW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDE2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTMtbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMy1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy00LW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTQtbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtNS1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDQxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC01LW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDQxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTYtbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNi1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy03LW1vYmlsZSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTctbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtOC1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDY2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC04LW1vYmlsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDY2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTktbW9iaWxlIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOS1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMC1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMC1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMS1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDkxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMS1tb2JpbGUge1xuICAgIG1hcmdpbi1sZWZ0OiA5MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMi1tb2JpbGUge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTItbW9iaWxlIHtcbiAgICBtYXJnaW4tbGVmdDogMTAwJTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmNvbHVtbi5pcy1uYXJyb3csIC5jb2x1bW4uaXMtbmFycm93LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgfVxuICAuY29sdW1uLmlzLWZ1bGwsIC5jb2x1bW4uaXMtZnVsbC10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy10aHJlZS1xdWFydGVycywgLmNvbHVtbi5pcy10aHJlZS1xdWFydGVycy10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLXR3by10aGlyZHMsIC5jb2x1bW4uaXMtdHdvLXRoaXJkcy10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtaGFsZiwgLmNvbHVtbi5pcy1oYWxmLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXRoaXJkLCAuY29sdW1uLmlzLW9uZS10aGlyZC10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXF1YXJ0ZXIsIC5jb2x1bW4uaXMtb25lLXF1YXJ0ZXItdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdGhyZWUtcXVhcnRlcnMsIC5jb2x1bW4uaXMtb2Zmc2V0LXRocmVlLXF1YXJ0ZXJzLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC10d28tdGhpcmRzLCAuY29sdW1uLmlzLW9mZnNldC10d28tdGhpcmRzLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LWhhbGYsIC5jb2x1bW4uaXMtb2Zmc2V0LWhhbGYtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS10aGlyZCwgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXRoaXJkLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS1xdWFydGVyLCAuY29sdW1uLmlzLW9mZnNldC1vbmUtcXVhcnRlci10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xLCAuY29sdW1uLmlzLTEtdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xLCAuY29sdW1uLmlzLW9mZnNldC0xLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtMiwgLmNvbHVtbi5pcy0yLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTIsIC5jb2x1bW4uaXMtb2Zmc2V0LTItdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMywgLmNvbHVtbi5pcy0zLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTMsIC5jb2x1bW4uaXMtb2Zmc2V0LTMtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtNCwgLmNvbHVtbi5pcy00LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTQsIC5jb2x1bW4uaXMtb2Zmc2V0LTQtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtNSwgLmNvbHVtbi5pcy01LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTUsIC5jb2x1bW4uaXMtb2Zmc2V0LTUtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtNiwgLmNvbHVtbi5pcy02LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTYsIC5jb2x1bW4uaXMtb2Zmc2V0LTYtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtNywgLmNvbHVtbi5pcy03LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTcsIC5jb2x1bW4uaXMtb2Zmc2V0LTctdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtOCwgLmNvbHVtbi5pcy04LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTgsIC5jb2x1bW4uaXMtb2Zmc2V0LTgtdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtOSwgLmNvbHVtbi5pcy05LXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTksIC5jb2x1bW4uaXMtb2Zmc2V0LTktdGFibGV0IHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMTAsIC5jb2x1bW4uaXMtMTAtdGFibGV0IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTAsIC5jb2x1bW4uaXMtb2Zmc2V0LTEwLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTExLCAuY29sdW1uLmlzLTExLXRhYmxldCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTExLCAuY29sdW1uLmlzLW9mZnNldC0xMS10YWJsZXQge1xuICAgIG1hcmdpbi1sZWZ0OiA5MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMiwgLmNvbHVtbi5pcy0xMi10YWJsZXQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTIsIC5jb2x1bW4uaXMtb2Zmc2V0LTEyLXRhYmxldCB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwMCU7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAwN3B4KSB7XG4gIC5jb2x1bW4uaXMtbmFycm93LXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICB9XG4gIC5jb2x1bW4uaXMtZnVsbC10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLXRocmVlLXF1YXJ0ZXJzLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy10d28tdGhpcmRzLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLWhhbGYtdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9uZS10aGlyZC10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vbmUtcXVhcnRlci10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXRocmVlLXF1YXJ0ZXJzLXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXR3by10aGlyZHMtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1oYWxmLXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS10aGlyZC10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS1xdWFydGVyLXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMS10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMS10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtMi10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTItdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0zLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMy10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTQtdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC00LXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtNS10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTUtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy02LXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNi10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLTctdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDU4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC03LXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtOC10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTgtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy05LXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOS10b3VjaCB7XG4gICAgbWFyZ2luLWxlZnQ6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEwLXRvdWNoIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTAtdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMS10b3VjaCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTExLXRvdWNoIHtcbiAgICBtYXJnaW4tbGVmdDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMTItdG91Y2gge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTItdG91Y2gge1xuICAgIG1hcmdpbi1sZWZ0OiAxMDAlO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuY29sdW1uLmlzLW5hcnJvdy1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICB9XG4gIC5jb2x1bW4uaXMtZnVsbC1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5jb2x1bW4uaXMtdGhyZWUtcXVhcnRlcnMtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtdHdvLXRoaXJkcy1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLWhhbGYtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXRoaXJkLWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXF1YXJ0ZXItZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXRocmVlLXF1YXJ0ZXJzLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdHdvLXRoaXJkcy1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtaGFsZi1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS10aGlyZC1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXF1YXJ0ZXItZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEtZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMS1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0yLWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDE2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0yLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0zLWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0zLWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy00LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDMzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC00LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy01LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDQxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC01LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy02LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC02LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy03LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDU4LjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC03LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy04LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDY2LjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC04LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy05LWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC05LWRlc2t0b3Age1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMC1kZXNrdG9wIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTAtZGVza3RvcCB7XG4gICAgbWFyZ2luLWxlZnQ6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTExLWRlc2t0b3Age1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDkxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMS1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMTItZGVza3RvcCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMi1kZXNrdG9wIHtcbiAgICBtYXJnaW4tbGVmdDogMTAwJTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgLmNvbHVtbi5pcy1uYXJyb3ctd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgfVxuICAuY29sdW1uLmlzLWZ1bGwtd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLXRocmVlLXF1YXJ0ZXJzLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLXR3by10aGlyZHMtd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1oYWxmLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9uZS10aGlyZC13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLW9uZS1xdWFydGVyLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC10aHJlZS1xdWFydGVycy13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LXR3by10aGlyZHMtd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDY2LjY2NjYlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LWhhbGYtd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1vbmUtdGhpcmQtd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDMzLjMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LW9uZS1xdWFydGVyLXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEtd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtMi13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxNi42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMi13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMy13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAyNSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMy13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtNC13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNC13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtNS13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA0MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNS13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtNi13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNi13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtNy13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNy13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNTguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtOC13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA2Ni42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOC13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtOS13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtOS13aWRlc2NyZWVuIHtcbiAgICBtYXJnaW4tbGVmdDogNzUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMTAtd2lkZXNjcmVlbiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogODMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEwLXdpZGVzY3JlZW4ge1xuICAgIG1hcmdpbi1sZWZ0OiA4My4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0xMS13aWRlc2NyZWVuIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA5MS42NjY2NyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTEtd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDkxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTEyLXdpZGVzY3JlZW4ge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtMTItd2lkZXNjcmVlbiB7XG4gICAgbWFyZ2luLWxlZnQ6IDEwMCU7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTM5MnB4KSB7XG4gIC5jb2x1bW4uaXMtbmFycm93LWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgfVxuICAuY29sdW1uLmlzLWZ1bGwtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5jb2x1bW4uaXMtdGhyZWUtcXVhcnRlcnMtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy10d28tdGhpcmRzLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NiU7XG4gIH1cbiAgLmNvbHVtbi5pcy1oYWxmLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNTAlO1xuICB9XG4gIC5jb2x1bW4uaXMtb25lLXRoaXJkLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vbmUtcXVhcnRlci1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC10aHJlZS1xdWFydGVycy1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiA3NSU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtdHdvLXRoaXJkcy1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiA2Ni42NjY2JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1oYWxmLWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC1vbmUtdGhpcmQtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtb25lLXF1YXJ0ZXItZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogMjUlO1xuICB9XG4gIC5jb2x1bW4uaXMtMS1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDguMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogOC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy0yLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTItZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogMTYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtMy1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0zLWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDI1JTtcbiAgfVxuICAuY29sdW1uLmlzLTQtZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNC1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiAzMy4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy01LWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTUtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogNDEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtNi1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC02LWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDUwJTtcbiAgfVxuICAuY29sdW1uLmlzLTctZnVsbGhkIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy1vZmZzZXQtNy1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiA1OC4zMzMzMyU7XG4gIH1cbiAgLmNvbHVtbi5pcy04LWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTgtZnVsbGhkIHtcbiAgICBtYXJnaW4tbGVmdDogNjYuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtOS1mdWxsaGQge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC05LWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDc1JTtcbiAgfVxuICAuY29sdW1uLmlzLTEwLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogODMuMzMzMzMlO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTEwLWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDgzLjMzMzMzJTtcbiAgfVxuICAuY29sdW1uLmlzLTExLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOTEuNjY2NjclO1xuICB9XG4gIC5jb2x1bW4uaXMtb2Zmc2V0LTExLWZ1bGxoZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDkxLjY2NjY3JTtcbiAgfVxuICAuY29sdW1uLmlzLTEyLWZ1bGxoZCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAuY29sdW1uLmlzLW9mZnNldC0xMi1mdWxsaGQge1xuICAgIG1hcmdpbi1sZWZ0OiAxMDAlO1xuICB9XG59XG5cbi5jb2x1bW5zIHtcbiAgbWFyZ2luLWxlZnQ6IC0wLjc1cmVtO1xuICBtYXJnaW4tcmlnaHQ6IC0wLjc1cmVtO1xuICBtYXJnaW4tdG9wOiAtMC43NXJlbTtcbn1cblxuLmNvbHVtbnM6bGFzdC1jaGlsZCB7XG4gIG1hcmdpbi1ib3R0b206IC0wLjc1cmVtO1xufVxuXG4uY29sdW1uczpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbn1cblxuLmNvbHVtbnMuaXMtY2VudGVyZWQge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLmNvbHVtbnMuaXMtZ2FwbGVzcyB7XG4gIG1hcmdpbi1sZWZ0OiAwO1xuICBtYXJnaW4tcmlnaHQ6IDA7XG4gIG1hcmdpbi10b3A6IDA7XG59XG5cbi5jb2x1bW5zLmlzLWdhcGxlc3M6bGFzdC1jaGlsZCB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbi5jb2x1bW5zLmlzLWdhcGxlc3M6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLmNvbHVtbnMuaXMtZ2FwbGVzcyA+IC5jb2x1bW4ge1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuY29sdW1ucy5pcy1ncmlkIHtcbiAgICBmbGV4LXdyYXA6IHdyYXA7XG4gIH1cbiAgLmNvbHVtbnMuaXMtZ3JpZCA+IC5jb2x1bW4ge1xuICAgIG1heC13aWR0aDogMzMuMzMzMyU7XG4gICAgcGFkZGluZzogMC43NXJlbTtcbiAgICB3aWR0aDogMzMuMzMzMyU7XG4gIH1cbiAgLmNvbHVtbnMuaXMtZ3JpZCA+IC5jb2x1bW4gKyAuY29sdW1uIHtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgfVxufVxuXG4uY29sdW1ucy5pcy1tb2JpbGUge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uY29sdW1ucy5pcy1tdWx0aWxpbmUge1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbi5jb2x1bW5zLmlzLXZjZW50ZXJlZCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuY29sdW1uczpub3QoLmlzLWRlc2t0b3ApIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDhweCkge1xuICAuY29sdW1ucy5pcy1kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG59XG5cbi50aWxlIHtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmbGV4LWJhc2lzOiAwO1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAxO1xuICBtaW4taGVpZ2h0OiBtaW4tY29udGVudDtcbn1cblxuLnRpbGUuaXMtYW5jZXN0b3Ige1xuICBtYXJnaW4tbGVmdDogLTAuNzVyZW07XG4gIG1hcmdpbi1yaWdodDogLTAuNzVyZW07XG4gIG1hcmdpbi10b3A6IC0wLjc1cmVtO1xufVxuXG4udGlsZS5pcy1hbmNlc3RvcjpsYXN0LWNoaWxkIHtcbiAgbWFyZ2luLWJvdHRvbTogLTAuNzVyZW07XG59XG5cbi50aWxlLmlzLWFuY2VzdG9yOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xufVxuXG4udGlsZS5pcy1jaGlsZCB7XG4gIG1hcmdpbjogMCAhaW1wb3J0YW50O1xufVxuXG4udGlsZS5pcy1wYXJlbnQge1xuICBwYWRkaW5nOiAwLjc1cmVtO1xufVxuXG4udGlsZS5pcy12ZXJ0aWNhbCB7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi50aWxlLmlzLXZlcnRpY2FsID4gLnRpbGUuaXMtY2hpbGQ6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbSAhaW1wb3J0YW50O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLnRpbGU6bm90KC5pcy1jaGlsZCkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbiAgLnRpbGUuaXMtMSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogOC4zMzMzMyU7XG4gIH1cbiAgLnRpbGUuaXMtMiB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogMTYuNjY2NjclO1xuICB9XG4gIC50aWxlLmlzLTMge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDI1JTtcbiAgfVxuICAudGlsZS5pcy00IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiAzMy4zMzMzMyU7XG4gIH1cbiAgLnRpbGUuaXMtNSB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNDEuNjY2NjclO1xuICB9XG4gIC50aWxlLmlzLTYge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDUwJTtcbiAgfVxuICAudGlsZS5pcy03IHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA1OC4zMzMzMyU7XG4gIH1cbiAgLnRpbGUuaXMtOCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogNjYuNjY2NjclO1xuICB9XG4gIC50aWxlLmlzLTkge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDc1JTtcbiAgfVxuICAudGlsZS5pcy0xMCB7XG4gICAgZmxleDogbm9uZTtcbiAgICB3aWR0aDogODMuMzMzMzMlO1xuICB9XG4gIC50aWxlLmlzLTExIHtcbiAgICBmbGV4OiBub25lO1xuICAgIHdpZHRoOiA5MS42NjY2NyU7XG4gIH1cbiAgLnRpbGUuaXMtMTIge1xuICAgIGZsZXg6IG5vbmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbn1cblxuLmhlcm8tdmlkZW8ge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuLmhlcm8tdmlkZW8gdmlkZW8ge1xuICBsZWZ0OiA1MCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbn1cblxuLmhlcm8tdmlkZW8uaXMtdHJhbnNwYXJlbnQge1xuICBvcGFjaXR5OiAwLjM7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLXZpZGVvIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG5cbi5oZXJvLWJ1dHRvbnMge1xuICBtYXJnaW4tdG9wOiAxLjVyZW07XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLWJ1dHRvbnMgLmJ1dHRvbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuICAuaGVyby1idXR0b25zIC5idXR0b246bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmhlcm8tYnV0dG9ucyB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuICAuaGVyby1idXR0b25zIC5idXR0b246bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAxLjVyZW07XG4gIH1cbn1cblxuLmhlcm8taGVhZCxcbi5oZXJvLWZvb3Qge1xuICBmbGV4LWdyb3c6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xufVxuXG4uaGVyby1ib2R5IHtcbiAgZmxleC1ncm93OiAxO1xuICBmbGV4LXNocmluazogMDtcbiAgcGFkZGluZzogM3JlbSAxLjVyZW07XG59XG5cbi5oZXJvIHtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG5cbi5oZXJvIC5uYXYge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjE5LCAyMTksIDIxOSwgMC4zKTtcbn1cblxuLmhlcm8gLnRhYnMgdWwge1xuICBib3JkZXItYm90dG9tOiBub25lO1xufVxuXG4uaGVyby5pcy13aGl0ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmhlcm8uaXMtd2hpdGUgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy13aGl0ZSBzdHJvbmcge1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLmhlcm8uaXMtd2hpdGUgLnRpdGxlIHtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuOSk7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC5zdWJ0aXRsZSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLXdoaXRlIC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmhlcm8uaXMtd2hpdGUgLm5hdiB7XG4gIGJveC1zaGFkb3c6IDAgMXB4IDAgcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy13aGl0ZSAubmF2LW1lbnUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB9XG59XG5cbi5oZXJvLmlzLXdoaXRlIGEubmF2LWl0ZW0sXG4uaGVyby5pcy13aGl0ZSAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13aGl0ZSBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy13aGl0ZSBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLXdoaXRlIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLXdoaXRlIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogIzBhMGEwYTtcbn1cblxuLmhlcm8uaXMtd2hpdGUgLnRhYnMgYSB7XG4gIGNvbG9yOiAjMGEwYTBhO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC50YWJzIGE6aG92ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy13aGl0ZSAudGFicyBsaS5pcy1hY3RpdmUgYSB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLXRvZ2dsZSBhIHtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy13aGl0ZSAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtd2hpdGUgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLXdoaXRlIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtd2hpdGUgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgYm9yZGVyLWNvbG9yOiAjMGEwYTBhO1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLXdoaXRlLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZTZlNmU2IDAlLCB3aGl0ZSA3MSUsIHdoaXRlIDEwMCUpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy13aGl0ZS5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgI2U2ZTZlNiAwJSwgd2hpdGUgNzElLCB3aGl0ZSAxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy13aGl0ZSAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICB9XG4gIC5oZXJvLmlzLXdoaXRlIC5uYXYtdG9nZ2xlOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIH1cbiAgLmhlcm8uaXMtd2hpdGUgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwYTBhMGE7XG4gIH1cbiAgLmhlcm8uaXMtd2hpdGUgLm5hdi1tZW51IC5uYXYtaXRlbSB7XG4gICAgYm9yZGVyLXRvcC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICB9XG59XG5cbi5oZXJvLmlzLWJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uaGVyby5pcy1ibGFjayBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWJsYWNrIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1ibGFjayAudGl0bGUge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSk7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC5zdWJ0aXRsZSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWJsYWNrIC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC5uYXYge1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtYmxhY2sgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGEwYTBhO1xuICB9XG59XG5cbi5oZXJvLmlzLWJsYWNrIGEubmF2LWl0ZW0sXG4uaGVyby5pcy1ibGFjayAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xufVxuXG4uaGVyby5pcy1ibGFjayBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy1ibGFjayBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLWJsYWNrIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLWJsYWNrIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC50YWJzIGEge1xuICBjb2xvcjogd2hpdGU7XG4gIG9wYWNpdHk6IDAuOTtcbn1cblxuLmhlcm8uaXMtYmxhY2sgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC50YWJzIGxpLmlzLWFjdGl2ZSBhIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtYm94ZWQgYSwgLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbi5oZXJvLmlzLWJsYWNrIC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLWJsYWNrIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy1ibGFjayAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLWJsYWNrIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtYmxhY2sgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGNvbG9yOiAjMGEwYTBhO1xufVxuXG4uaGVyby5pcy1ibGFjay5pcy1ib2xkIHtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgYmxhY2sgMCUsICMwYTBhMGEgNzElLCAjMTgxNjE2IDEwMCUpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1ibGFjay5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgYmxhY2sgMCUsICMwYTBhMGEgNzElLCAjMTgxNjE2IDEwMCUpO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWJsYWNrIC5uYXYtdG9nZ2xlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB9XG4gIC5oZXJvLmlzLWJsYWNrIC5uYXYtdG9nZ2xlOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIH1cbiAgLmhlcm8uaXMtYmxhY2sgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICB9XG4gIC5oZXJvLmlzLWJsYWNrIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1saWdodCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1saWdodCBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWxpZ2h0IHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1saWdodCAudGl0bGUge1xuICBjb2xvcjogIzM2MzYzNjtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnN1YnRpdGxlIHtcbiAgY29sb3I6IHJnYmEoNTQsIDU0LCA1NCwgMC45KTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtbGlnaHQgLnN1YnRpdGxlIHN0cm9uZyB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1saWdodCAubmF2IHtcbiAgYm94LXNoYWRvdzogMCAxcHggMCByZ2JhKDU0LCA1NCwgNTQsIDAuMik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWxpZ2h0IC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGVzbW9rZTtcbiAgfVxufVxuXG4uaGVyby5pcy1saWdodCBhLm5hdi1pdGVtLFxuLmhlcm8uaXMtbGlnaHQgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pIHtcbiAgY29sb3I6IHJnYmEoNTQsIDU0LCA1NCwgMC43KTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtbGlnaHQgYS5uYXYtaXRlbS5pcy1hY3RpdmUsXG4uaGVyby5pcy1saWdodCAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbik6aG92ZXIsXG4uaGVyby5pcy1saWdodCAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6ICMzNjM2MzY7XG59XG5cbi5oZXJvLmlzLWxpZ2h0IC50YWJzIGEge1xuICBjb2xvcjogIzM2MzYzNjtcbiAgb3BhY2l0eTogMC45O1xufVxuXG4uaGVyby5pcy1saWdodCAudGFicyBhOmhvdmVyIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1saWdodCAudGFicy5pcy1ib3hlZCBhLCAuaGVyby5pcy1saWdodCAudGFicy5pcy10b2dnbGUgYSB7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1saWdodCAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1saWdodCAudGFicy5pcy10b2dnbGUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbn1cblxuLmhlcm8uaXMtbGlnaHQgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLWxpZ2h0IC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1saWdodCAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLWxpZ2h0IC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzNjM2MzY7XG4gIGJvcmRlci1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWxpZ2h0LmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZGZkOGQ5IDAlLCB3aGl0ZXNtb2tlIDcxJSwgd2hpdGUgMTAwJSk7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWxpZ2h0LmlzLWJvbGQgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZGZkOGQ5IDAlLCB3aGl0ZXNtb2tlIDcxJSwgd2hpdGUgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtbGlnaHQgLm5hdi10b2dnbGUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgfVxuICAuaGVyby5pcy1saWdodCAubmF2LXRvZ2dsZTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICB9XG4gIC5oZXJvLmlzLWxpZ2h0IC5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzYzNjM2O1xuICB9XG4gIC5oZXJvLmlzLWxpZ2h0IC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoNTQsIDU0LCA1NCwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1kYXJrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWRhcmsgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy1kYXJrIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1kYXJrIC50aXRsZSB7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xufVxuXG4uaGVyby5pcy1kYXJrIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDI0NSwgMjQ1LCAyNDUsIDAuOSk7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtZGFyayAuc3VidGl0bGUgc3Ryb25nIHtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWRhcmsgLm5hdiB7XG4gIGJveC1zaGFkb3c6IDAgMXB4IDAgcmdiYSgyNDUsIDI0NSwgMjQ1LCAwLjIpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1kYXJrIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgfVxufVxuXG4uaGVyby5pcy1kYXJrIGEubmF2LWl0ZW0sXG4uaGVyby5pcy1kYXJrIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKSB7XG4gIGNvbG9yOiByZ2JhKDI0NSwgMjQ1LCAyNDUsIDAuNyk7XG59XG5cbi5oZXJvLmlzLWRhcmsgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtZGFyayBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLWRhcmsgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pOmhvdmVyLFxuLmhlcm8uaXMtZGFyayAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnRhYnMgYSB7XG4gIGNvbG9yOiB3aGl0ZXNtb2tlO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLWRhcmsgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1kYXJrIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLWRhcmsgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogd2hpdGVzbW9rZTtcbn1cblxuLmhlcm8uaXMtZGFyayAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1kYXJrIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy1kYXJrIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1kYXJrIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1kYXJrIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtZGFyayAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uaGVyby5pcy1kYXJrLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjMWYxOTFhIDAlLCAjMzYzNjM2IDcxJSwgIzQ2NDAzZiAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFyay5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgIzFmMTkxYSAwJSwgIzM2MzYzNiA3MSUsICM0NjQwM2YgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFyayAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICB9XG4gIC5oZXJvLmlzLWRhcmsgLm5hdi10b2dnbGU6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgfVxuICAuaGVyby5pcy1kYXJrIC5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICB9XG4gIC5oZXJvLmlzLWRhcmsgLm5hdi1tZW51IC5uYXYtaXRlbSB7XG4gICAgYm9yZGVyLXRvcC1jb2xvcjogcmdiYSgyNDUsIDI0NSwgMjQ1LCAwLjIpO1xuICB9XG59XG5cbi5oZXJvLmlzLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLXByaW1hcnkgc3Ryb25nIHtcbiAgY29sb3I6IGluaGVyaXQ7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnRpdGxlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnN1YnRpdGxlIHtcbiAgY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAuc3VidGl0bGUgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy1wcmltYXJ5IC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAubmF2IHtcbiAgYm94LXNoYWRvdzogMCAxcHggMCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLXByaW1hcnkgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICB9XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgYS5uYXYtaXRlbSxcbi5oZXJvLmlzLXByaW1hcnkgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pIHtcbiAgY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC43KTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy1wcmltYXJ5IGEubmF2LWl0ZW0uaXMtYWN0aXZlLFxuLmhlcm8uaXMtcHJpbWFyeSAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbik6aG92ZXIsXG4uaGVyby5pcy1wcmltYXJ5IC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAudGFicyBhIHtcbiAgY29sb3I6ICNmZmY7XG4gIG9wYWNpdHk6IDAuOTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAudGFicyBhOmhvdmVyIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtcHJpbWFyeSAudGFicyBsaS5pcy1hY3RpdmUgYSB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtYm94ZWQgYSwgLmhlcm8uaXMtcHJpbWFyeSAudGFicy5pcy10b2dnbGUgYSB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1wcmltYXJ5IC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtdG9nZ2xlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLXByaW1hcnkgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1wcmltYXJ5IC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIGJvcmRlci1jb2xvcjogI2ZmZjtcbiAgY29sb3I6ICMwMGQxYjI7XG59XG5cbi5oZXJvLmlzLXByaW1hcnkuaXMtYm9sZCB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgxNDFkZWcsICMwMDllNmMgMCUsICMwMGQxYjIgNzElLCAjMDBlN2ViIDEwMCUpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1wcmltYXJ5LmlzLWJvbGQgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjMDA5ZTZjIDAlLCAjMDBkMWIyIDcxJSwgIzAwZTdlYiAxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1wcmltYXJ5IC5uYXYtdG9nZ2xlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIH1cbiAgLmhlcm8uaXMtcHJpbWFyeSAubmF2LXRvZ2dsZTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICB9XG4gIC5oZXJvLmlzLXByaW1hcnkgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIH1cbiAgLmhlcm8uaXMtcHJpbWFyeSAubmF2LW1lbnUgLm5hdi1pdGVtIHtcbiAgICBib3JkZXItdG9wLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XG4gIH1cbn1cblxuLmhlcm8uaXMtaW5mbyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1pbmZvIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtaW5mbyBzdHJvbmcge1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLmhlcm8uaXMtaW5mbyAudGl0bGUge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtaW5mbyAuc3VidGl0bGUge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpO1xufVxuXG4uaGVyby5pcy1pbmZvIC5zdWJ0aXRsZSBhOm5vdCguYnV0dG9uKSxcbi5oZXJvLmlzLWluZm8gLnN1YnRpdGxlIHN0cm9uZyB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1pbmZvIC5uYXYge1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtaW5mbyAubmF2LW1lbnUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIH1cbn1cblxuLmhlcm8uaXMtaW5mbyBhLm5hdi1pdGVtLFxuLmhlcm8uaXMtaW5mbyAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xufVxuXG4uaGVyby5pcy1pbmZvIGEubmF2LWl0ZW06aG92ZXIsIC5oZXJvLmlzLWluZm8gYS5uYXYtaXRlbS5pcy1hY3RpdmUsXG4uaGVyby5pcy1pbmZvIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLWluZm8gLm5hdi1pdGVtIGE6bm90KC5idXR0b24pLmlzLWFjdGl2ZSB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1pbmZvIC50YWJzIGEge1xuICBjb2xvcjogI2ZmZjtcbiAgb3BhY2l0eTogMC45O1xufVxuXG4uaGVyby5pcy1pbmZvIC50YWJzIGE6aG92ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1pbmZvIC50YWJzIGxpLmlzLWFjdGl2ZSBhIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmhlcm8uaXMtaW5mbyAudGFicy5pcy1ib3hlZCBhLCAuaGVyby5pcy1pbmZvIC50YWJzLmlzLXRvZ2dsZSBhIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWluZm8gLnRhYnMuaXMtYm94ZWQgYTpob3ZlciwgLmhlcm8uaXMtaW5mbyAudGFicy5pcy10b2dnbGUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbn1cblxuLmhlcm8uaXMtaW5mbyAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtaW5mbyAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYTpob3ZlciwgLmhlcm8uaXMtaW5mbyAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLWluZm8gLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogIzMyNzNkYztcbn1cblxuLmhlcm8uaXMtaW5mby5pcy1ib2xkIHtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgIzE1NzdjNiAwJSwgIzMyNzNkYyA3MSUsICM0MzY2ZTUgMTAwJSk7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWluZm8uaXMtYm9sZCAubmF2LW1lbnUge1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgxNDFkZWcsICMxNTc3YzYgMCUsICMzMjczZGMgNzElLCAjNDM2NmU1IDEwMCUpO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLWluZm8gLm5hdi10b2dnbGUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgfVxuICAuaGVyby5pcy1pbmZvIC5uYXYtdG9nZ2xlOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIH1cbiAgLmhlcm8uaXMtaW5mbyAubmF2LXRvZ2dsZS5pcy1hY3RpdmUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgfVxuICAuaGVyby5pcy1pbmZvIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1zdWNjZXNzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgYTpub3QoLmJ1dHRvbiksXG4uaGVyby5pcy1zdWNjZXNzIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC50aXRsZSB7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSk7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtc3VjY2VzcyAuc3VidGl0bGUgc3Ryb25nIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLm5hdiB7XG4gIGJveC1zaGFkb3c6IDAgMXB4IDAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1zdWNjZXNzIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbiAgfVxufVxuXG4uaGVyby5pcy1zdWNjZXNzIGEubmF2LWl0ZW0sXG4uaGVyby5pcy1zdWNjZXNzIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKSB7XG4gIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNyk7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtc3VjY2VzcyBhLm5hdi1pdGVtLmlzLWFjdGl2ZSxcbi5oZXJvLmlzLXN1Y2Nlc3MgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pOmhvdmVyLFxuLmhlcm8uaXMtc3VjY2VzcyAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMgYSB7XG4gIGNvbG9yOiAjZmZmO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLXN1Y2Nlc3MgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtc3VjY2VzcyAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLXRvZ2dsZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1zdWNjZXNzIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtc3VjY2VzcyAudGFicy5pcy10b2dnbGUgbGkuaXMtYWN0aXZlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3JkZXItY29sb3I6ICNmZmY7XG4gIGNvbG9yOiAjMjNkMTYwO1xufVxuXG4uaGVyby5pcy1zdWNjZXNzLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjMTJhZjJmIDAlLCAjMjNkMTYwIDcxJSwgIzJjZTI4YSAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtc3VjY2Vzcy5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgIzEyYWYyZiAwJSwgIzIzZDE2MCA3MSUsICMyY2UyOGEgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtc3VjY2VzcyAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICB9XG4gIC5oZXJvLmlzLXN1Y2Nlc3MgLm5hdi10b2dnbGU6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgfVxuICAuaGVyby5pcy1zdWNjZXNzIC5uYXYtdG9nZ2xlLmlzLWFjdGl2ZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICB9XG4gIC5oZXJvLmlzLXN1Y2Nlc3MgLm5hdi1tZW51IC5uYXYtaXRlbSB7XG4gICAgYm9yZGVyLXRvcC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xuICB9XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtd2FybmluZyBzdHJvbmcge1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuLmhlcm8uaXMtd2FybmluZyAudGl0bGUge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC5zdWJ0aXRsZSB7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOSk7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtd2FybmluZyAuc3VidGl0bGUgc3Ryb25nIHtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmhlcm8uaXMtd2FybmluZyAubmF2IHtcbiAgYm94LXNoYWRvdzogMCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMik7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5oZXJvLmlzLXdhcm5pbmcgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICB9XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgYS5uYXYtaXRlbSxcbi5oZXJvLmlzLXdhcm5pbmcgLm5hdi1pdGVtIGE6bm90KC5idXR0b24pIHtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbn1cblxuLmhlcm8uaXMtd2FybmluZyBhLm5hdi1pdGVtOmhvdmVyLCAuaGVyby5pcy13YXJuaW5nIGEubmF2LWl0ZW0uaXMtYWN0aXZlLFxuLmhlcm8uaXMtd2FybmluZyAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbik6aG92ZXIsXG4uaGVyby5pcy13YXJuaW5nIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKS5pcy1hY3RpdmUge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC50YWJzIGEge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xuICBvcGFjaXR5OiAwLjk7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnRhYnMgYTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC50YWJzLmlzLWJveGVkIGEsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtdG9nZ2xlIGEge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uaGVyby5pcy13YXJuaW5nIC50YWJzLmlzLWJveGVkIGE6aG92ZXIsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtdG9nZ2xlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG59XG5cbi5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGEsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtYm94ZWQgbGkuaXMtYWN0aXZlIGE6aG92ZXIsIC5oZXJvLmlzLXdhcm5pbmcgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy13YXJuaW5nIC50YWJzLmlzLXRvZ2dsZSBsaS5pcy1hY3RpdmUgYTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgYm9yZGVyLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4gIGNvbG9yOiAjZmZkZDU3O1xufVxuXG4uaGVyby5pcy13YXJuaW5nLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZmZhZjI0IDAlLCAjZmZkZDU3IDcxJSwgI2ZmZmE3MCAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtd2FybmluZy5pcy1ib2xkIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDE0MWRlZywgI2ZmYWYyNCAwJSwgI2ZmZGQ1NyA3MSUsICNmZmZhNzAgMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtd2FybmluZyAubmF2LXRvZ2dsZSBzcGFuIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4gIH1cbiAgLmhlcm8uaXMtd2FybmluZyAubmF2LXRvZ2dsZTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICB9XG4gIC5oZXJvLmlzLXdhcm5pbmcgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgfVxuICAuaGVyby5pcy13YXJuaW5nIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAgfVxufVxuXG4uaGVyby5pcy1kYW5nZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtZGFuZ2VyIHN0cm9uZyB7XG4gIGNvbG9yOiBpbmhlcml0O1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnRpdGxlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAuc3VidGl0bGUge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnN1YnRpdGxlIGE6bm90KC5idXR0b24pLFxuLmhlcm8uaXMtZGFuZ2VyIC5zdWJ0aXRsZSBzdHJvbmcge1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyIC5uYXYge1xuICBib3gtc2hhZG93OiAwIDFweCAwIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFuZ2VyIC5uYXYtbWVudSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbiAgfVxufVxuXG4uaGVyby5pcy1kYW5nZXIgYS5uYXYtaXRlbSxcbi5oZXJvLmlzLWRhbmdlciAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikge1xuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgYS5uYXYtaXRlbTpob3ZlciwgLmhlcm8uaXMtZGFuZ2VyIGEubmF2LWl0ZW0uaXMtYWN0aXZlLFxuLmhlcm8uaXMtZGFuZ2VyIC5uYXYtaXRlbSBhOm5vdCguYnV0dG9uKTpob3Zlcixcbi5oZXJvLmlzLWRhbmdlciAubmF2LWl0ZW0gYTpub3QoLmJ1dHRvbikuaXMtYWN0aXZlIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAudGFicyBhIHtcbiAgY29sb3I6ICNmZmY7XG4gIG9wYWNpdHk6IDAuOTtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyIC50YWJzIGE6aG92ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnRhYnMgbGkuaXMtYWN0aXZlIGEge1xuICBvcGFjaXR5OiAxO1xufVxuXG4uaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtYm94ZWQgYSwgLmhlcm8uaXMtZGFuZ2VyIC50YWJzLmlzLXRvZ2dsZSBhIHtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAudGFicy5pcy1ib3hlZCBhOmhvdmVyLCAuaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtdG9nZ2xlIGE6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG59XG5cbi5oZXJvLmlzLWRhbmdlciAudGFicy5pcy1ib3hlZCBsaS5pcy1hY3RpdmUgYSwgLmhlcm8uaXMtZGFuZ2VyIC50YWJzLmlzLWJveGVkIGxpLmlzLWFjdGl2ZSBhOmhvdmVyLCAuaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhLCAuaGVyby5pcy1kYW5nZXIgLnRhYnMuaXMtdG9nZ2xlIGxpLmlzLWFjdGl2ZSBhOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgYm9yZGVyLWNvbG9yOiAjZmZmO1xuICBjb2xvcjogI2ZmMzg2MDtcbn1cblxuLmhlcm8uaXMtZGFuZ2VyLmlzLWJvbGQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZmYwNTYxIDAlLCAjZmYzODYwIDcxJSwgI2ZmNTI1NyAxMDAlKTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLmhlcm8uaXMtZGFuZ2VyLmlzLWJvbGQgLm5hdi1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoMTQxZGVnLCAjZmYwNTYxIDAlLCAjZmYzODYwIDcxJSwgI2ZmNTI1NyAxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAuaGVyby5pcy1kYW5nZXIgLm5hdi10b2dnbGUgc3BhbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgfVxuICAuaGVyby5pcy1kYW5nZXIgLm5hdi10b2dnbGU6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4xKTtcbiAgfVxuICAuaGVyby5pcy1kYW5nZXIgLm5hdi10b2dnbGUuaXMtYWN0aXZlIHNwYW4ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIH1cbiAgLmhlcm8uaXMtZGFuZ2VyIC5uYXYtbWVudSAubmF2LWl0ZW0ge1xuICAgIGJvcmRlci10b3AtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmhlcm8uaXMtbWVkaXVtIC5oZXJvLWJvZHkge1xuICAgIHBhZGRpbmctYm90dG9tOiA5cmVtO1xuICAgIHBhZGRpbmctdG9wOiA5cmVtO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaGVyby5pcy1sYXJnZSAuaGVyby1ib2R5IHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMThyZW07XG4gICAgcGFkZGluZy10b3A6IDE4cmVtO1xuICB9XG59XG5cbi5oZXJvLmlzLWhhbGZoZWlnaHQgLmhlcm8tYm9keSwgLmhlcm8uaXMtZnVsbGhlaWdodCAuaGVyby1ib2R5IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmhlcm8uaXMtaGFsZmhlaWdodCAuaGVyby1ib2R5ID4gLmNvbnRhaW5lciwgLmhlcm8uaXMtZnVsbGhlaWdodCAuaGVyby1ib2R5ID4gLmNvbnRhaW5lciB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG59XG5cbi5oZXJvLmlzLWhhbGZoZWlnaHQge1xuICBtaW4taGVpZ2h0OiA1MHZoO1xufVxuXG4uaGVyby5pcy1mdWxsaGVpZ2h0IHtcbiAgbWluLWhlaWdodDogMTAwdmg7XG59XG5cbi5zZWN0aW9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHBhZGRpbmc6IDNyZW0gMS41cmVtO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgLnNlY3Rpb24uaXMtbWVkaXVtIHtcbiAgICBwYWRkaW5nOiA5cmVtIDEuNXJlbTtcbiAgfVxuICAuc2VjdGlvbi5pcy1sYXJnZSB7XG4gICAgcGFkZGluZzogMThyZW0gMS41cmVtO1xuICB9XG59XG5cbi5mb290ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZXNtb2tlO1xuICBwYWRkaW5nOiAzcmVtIDEuNXJlbSA2cmVtO1xufVxuXG4uaGlnaGxpZ2h0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLmMge1xuICBjb2xvcjogIzkzYTFhMTtcbn1cblxuLmhpZ2hsaWdodCAuZXJyLFxuLmhpZ2hsaWdodCAuZyB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5rIHtcbiAgY29sb3I6ICM4NTk5MDA7XG59XG5cbi5oaWdobGlnaHQgLmwsXG4uaGlnaGxpZ2h0IC5uIHtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLm8ge1xuICBjb2xvcjogIzg1OTkwMDtcbn1cblxuLmhpZ2hsaWdodCAueCB7XG4gIGNvbG9yOiAjY2I0YjE2O1xufVxuXG4uaGlnaGxpZ2h0IC5wIHtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLmNtIHtcbiAgY29sb3I6ICM5M2ExYTE7XG59XG5cbi5oaWdobGlnaHQgLmNwIHtcbiAgY29sb3I6ICM4NTk5MDA7XG59XG5cbi5oaWdobGlnaHQgLmMxIHtcbiAgY29sb3I6ICM5M2ExYTE7XG59XG5cbi5oaWdobGlnaHQgLmNzIHtcbiAgY29sb3I6ICM4NTk5MDA7XG59XG5cbi5oaWdobGlnaHQgLmdkIHtcbiAgY29sb3I6ICMyYWExOTg7XG59XG5cbi5oaWdobGlnaHQgLmdlIHtcbiAgY29sb3I6ICM1ODZlNzU7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbn1cblxuLmhpZ2hsaWdodCAuZ3Ige1xuICBjb2xvcjogI2RjMzIyZjtcbn1cblxuLmhpZ2hsaWdodCAuZ2gge1xuICBjb2xvcjogI2NiNGIxNjtcbn1cblxuLmhpZ2hsaWdodCAuZ2kge1xuICBjb2xvcjogIzg1OTkwMDtcbn1cblxuLmhpZ2hsaWdodCAuZ28sXG4uaGlnaGxpZ2h0IC5ncCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5ncyB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xuICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuLmhpZ2hsaWdodCAuZ3Uge1xuICBjb2xvcjogI2NiNGIxNjtcbn1cblxuLmhpZ2hsaWdodCAuZ3Qge1xuICBjb2xvcjogIzU4NmU3NTtcbn1cblxuLmhpZ2hsaWdodCAua2Mge1xuICBjb2xvcjogI2NiNGIxNjtcbn1cblxuLmhpZ2hsaWdodCAua2Qge1xuICBjb2xvcjogIzI2OGJkMjtcbn1cblxuLmhpZ2hsaWdodCAua24sXG4uaGlnaGxpZ2h0IC5rcCB7XG4gIGNvbG9yOiAjODU5OTAwO1xufVxuXG4uaGlnaGxpZ2h0IC5rciB7XG4gIGNvbG9yOiAjMjY4YmQyO1xufVxuXG4uaGlnaGxpZ2h0IC5rdCB7XG4gIGNvbG9yOiAjZGMzMjJmO1xufVxuXG4uaGlnaGxpZ2h0IC5sZCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5tLFxuLmhpZ2hsaWdodCAucyB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5uYSB7XG4gIGNvbG9yOiAjQjU4OTAwO1xufVxuXG4uaGlnaGxpZ2h0IC5uYiB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5uYyB7XG4gIGNvbG9yOiAjMjY4YmQyO1xufVxuXG4uaGlnaGxpZ2h0IC5ubyB7XG4gIGNvbG9yOiAjY2I0YjE2O1xufVxuXG4uaGlnaGxpZ2h0IC5uZCB7XG4gIGNvbG9yOiAjMjY4YmQyO1xufVxuXG4uaGlnaGxpZ2h0IC5uaSxcbi5oaWdobGlnaHQgLm5lIHtcbiAgY29sb3I6ICNjYjRiMTY7XG59XG5cbi5oaWdobGlnaHQgLm5mIHtcbiAgY29sb3I6ICMyNjhiZDI7XG59XG5cbi5oaWdobGlnaHQgLm5sLFxuLmhpZ2hsaWdodCAubm4sXG4uaGlnaGxpZ2h0IC5ueCxcbi5oaWdobGlnaHQgLnB5IHtcbiAgY29sb3I6ICM1ODZlNzU7XG59XG5cbi5oaWdobGlnaHQgLm50LFxuLmhpZ2hsaWdodCAubnYge1xuICBjb2xvcjogIzI2OGJkMjtcbn1cblxuLmhpZ2hsaWdodCAub3cge1xuICBjb2xvcjogIzg1OTkwMDtcbn1cblxuLmhpZ2hsaWdodCAudyB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5tZixcbi5oaWdobGlnaHQgLm1oLFxuLmhpZ2hsaWdodCAubWksXG4uaGlnaGxpZ2h0IC5tbyB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5zYiB7XG4gIGNvbG9yOiAjOTNhMWExO1xufVxuXG4uaGlnaGxpZ2h0IC5zYyB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5zZCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5zMiB7XG4gIGNvbG9yOiAjMmFhMTk4O1xufVxuXG4uaGlnaGxpZ2h0IC5zZSB7XG4gIGNvbG9yOiAjY2I0YjE2O1xufVxuXG4uaGlnaGxpZ2h0IC5zaCB7XG4gIGNvbG9yOiAjNTg2ZTc1O1xufVxuXG4uaGlnaGxpZ2h0IC5zaSxcbi5oaWdobGlnaHQgLnN4IHtcbiAgY29sb3I6ICMyYWExOTg7XG59XG5cbi5oaWdobGlnaHQgLnNyIHtcbiAgY29sb3I6ICNkYzMyMmY7XG59XG5cbi5oaWdobGlnaHQgLnMxLFxuLmhpZ2hsaWdodCAuc3Mge1xuICBjb2xvcjogIzJhYTE5ODtcbn1cblxuLmhpZ2hsaWdodCAuYnAsXG4uaGlnaGxpZ2h0IC52Yyxcbi5oaWdobGlnaHQgLnZnLFxuLmhpZ2hsaWdodCAudmkge1xuICBjb2xvcjogIzI2OGJkMjtcbn1cblxuLmhpZ2hsaWdodCAuaWwge1xuICBjb2xvcjogIzJhYTE5ODtcbn1cblxuLmNvbnRlbnQgLmhpZ2hsaWdodCB7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuYnV0dG9uIHNtYWxsIHtcbiAgICBjb2xvcjogIzRhNGE0YTtcbiAgICBsZWZ0OiAwO1xuICAgIG1hcmdpbi10b3A6IDEwcHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxufVxuXG5ib2R5LnBhZ2UtZ3JpZCAuY29sdW1uID4gLm5vdGlmaWNhdGlvbiB7XG4gIHBhZGRpbmctbGVmdDogMDtcbiAgcGFkZGluZy1yaWdodDogMDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmhlYWRlci1pdGVtIC5idXR0b24gKyAuYnV0dG9uIHtcbiAgICBtYXJnaW4tbGVmdDogMC43NXJlbTtcbiAgfVxufVxuXG5zdmcge1xuICBtYXgtaGVpZ2h0OiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbiNjYXJib24ge1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICBtYXgtd2lkdGg6IDM0MHB4O1xuICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgcGFkZGluZzogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4jY2FyYm9uOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMCAycHggM3B4IHJnYmEoMTAsIDEwLCAxMCwgMC4xKSwgMCAwIDAgMXB4ICMwMGQxYjI7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAjY2FyYm9uIHtcbiAgICB3aWR0aDogMzQwcHg7XG4gIH1cbn1cblxuI2NhcmJvbmFkcyB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuI2NhcmJvbmFkcyBhLFxuI2NhcmJvbmFkcyBzcGFuIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbiNjYXJib25hZHMgLmNhcmJvbi13cmFwIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4jY2FyYm9uYWRzIC5jYXJib24taW1nIHtcbiAgYmFja2dyb3VuZDogd2hpdGVzbW9rZTtcbiAgZmxvYXQ6IGxlZnQ7XG4gIGhlaWdodDogMTAwcHg7XG4gIG1hcmdpbjogMTVweCAwIDE1cHggMTVweDtcbiAgd2lkdGg6IDEzMHB4O1xufVxuXG4jY2FyYm9uYWRzIC5jYXJib24taW1nIGltZyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDEwMHB4O1xuICB3aWR0aDogMTMwcHg7XG59XG5cbiNjYXJib25hZHMgLmNhcmJvbi10ZXh0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiAjMzYzNjM2O1xuICBsaW5lLWhlaWdodDogMjBweDtcbiAgcGFkZGluZzogMTVweCAxNXB4IDM1cHggMTYwcHg7XG59XG5cbiNjYXJib25hZHMgLmNhcmJvbi1wb3dlcmVkYnkge1xuICBib3R0b206IDA7XG4gIGNvbG9yOiAjN2E3YTdhO1xuICBmb250LXNpemU6IDAuNzVyZW07XG4gIGxlZnQ6IDE2MHB4O1xuICBsaW5lLWhlaWdodDogMjBweDtcbiAgcGFkZGluZzogMCAxNXB4IDEwcHggMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbn1cblxuQGtleWZyYW1lcyBmbG9hdFVwIHtcbiAgMCUge1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCksIDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCksIDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCk7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjg2KTtcbiAgfVxuICA2NyUge1xuICAgIGJveC1zaGFkb3c6IDAgMCAwIHJnYmEoMTAsIDEwLCAxMCwgMCksIDAgNXB4IDEwcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpLCAwIDFweCAxcHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgYm94LXNoYWRvdzogMCAyMHB4IDYwcHggcmdiYSgxMCwgMTAsIDEwLCAwLjA1KSwgMCA1cHggMTBweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMXB4IDFweCByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHN0cm9rZVBhdGgge1xuICBmcm9tIHtcbiAgICBzdHJva2UtZGFzaG9mZnNldDogODgwO1xuICB9XG4gIHRvIHtcbiAgICBzdHJva2UtZGFzaG9mZnNldDogMDtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGZhZGVJbiB7XG4gIGZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjg2KTtcbiAgfVxuICB0byB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgZmFkZU91dCB7XG4gIDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMC44Nik7XG4gIH1cbiAgNjclIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMC44Nik7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGVEb3duIHtcbiAgMCUge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xMHB4KTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlVXAge1xuICAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTBweCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG4gIH1cbn1cblxuI2Ige1xuICBhbmltYXRpb24tZHVyYXRpb246IDEuNXM7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIGFuaW1hdGlvbi1uYW1lOiBmbG9hdFVwO1xuICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMCwgMC43MSwgMC4yOSwgMSk7XG4gIGJvcmRlci1yYWRpdXM6IDI0cHg7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgaGVpZ2h0OiAyNDBweDtcbiAgbWFyZ2luLWJvdHRvbTogNDBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICB3aWR0aDogMjQwcHg7XG59XG5cbiNiIHN2ZyB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAyNDBweDtcbiAgd2lkdGg6IDI0MHB4O1xufVxuXG4jYiBzdmc6Zmlyc3QtY2hpbGQge1xuICBhbmltYXRpb24tZHVyYXRpb246IDEuNXM7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIGFuaW1hdGlvbi1uYW1lOiBmYWRlT3V0O1xuICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMCwgMC43MSwgMC4yOSwgMSk7XG59XG5cbiNiIHN2ZzpmaXJzdC1jaGlsZCBnIHtcbiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxcztcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogYm90aDtcbiAgYW5pbWF0aW9uLW5hbWU6IHN0cm9rZVBhdGg7XG4gIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLCAwLjcxLCAwLjI5LCAxKTtcbiAgZmlsbDogbm9uZTtcbiAgc3Ryb2tlOiAjMDBkMWIyO1xuICBzdHJva2UtZGFzaGFycmF5OiA4ODA7XG4gIHN0cm9rZS13aWR0aDogMnB4O1xufVxuXG4jYiBzdmc6bGFzdC1jaGlsZCB7XG4gIGFuaW1hdGlvbi1kZWxheTogMXM7XG4gIGFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIGFuaW1hdGlvbi1uYW1lOiBmYWRlSW47XG4gIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLCAwLjcxLCAwLjI5LCAxKTtcbn1cblxuI2Igc3ZnOmxhc3QtY2hpbGQgZyB7XG4gIGZpbGw6ICMwMGQxYjI7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICNiIHtcbiAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgIGhlaWdodDogMTYwcHg7XG4gICAgd2lkdGg6IDE2MHB4O1xuICB9XG59XG5cbiNidWxtYSB7XG4gIGFuaW1hdGlvbjogc2xpZGVEb3duIDUwMG1zIGJvdGg7XG59XG5cbiNtb2Rlcm4tZnJhbWV3b3JrIHtcbiAgYW5pbWF0aW9uOiBzbGlkZVVwIDUwMG1zIGJvdGg7XG4gIGFuaW1hdGlvbi1kZWxheTogMC4ycztcbn1cblxuI25wbSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFuaW1hdGlvbjogZmFkZUluIDUwMG1zIGJvdGg7XG4gIGFuaW1hdGlvbi1kZWxheTogMC40cztcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1hcmdpbjogLTEwcHggMCAyMHB4O1xufVxuXG4jbnBtIGNvZGUge1xuICBiYWNrZ3JvdW5kOiB3aGl0ZXNtb2tlO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIGNvbG9yOiAjMDBkMWIyO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgcGFkZGluZzogMTZweCAzMnB4O1xufVxuXG4jZ2hidG5zIHtcbiAgYW5pbWF0aW9uOiBzbGlkZURvd24gNTAwbXMgYm90aDtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwLjZzO1xufVxuXG5odG1sLnJvdXRlLWluZGV4ICNjYXJib24ge1xuICBhbmltYXRpb246IHNsaWRlVXAgNTAwbXMgYm90aDtcbiAgYW5pbWF0aW9uLWRlbGF5OiAwLjhzO1xufVxuXG4jZG93bmxvYWQge1xuICBhbmltYXRpb246IGZhZGVJbiA1MDBtcyBib3RoO1xuICBhbmltYXRpb24tZGVsYXk6IDFzO1xufVxuXG4jZ3JpZCAubm90aWZpY2F0aW9uIHtcbiAgcGFkZGluZy1sZWZ0OiAwO1xuICBwYWRkaW5nLXJpZ2h0OiAwO1xufVxuXG4jbWVzc2FnZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbiN0d2VldCB7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDNweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMCAwIDFweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSk7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbn1cblxuI2dpdGh1YiB7XG4gIGNvbG9yOiAjMzMzMzMzO1xuICBib3JkZXItY29sb3I6ICMzMzMzMzM7XG59XG5cbiNnaXRodWI6aG92ZXIge1xuICBiYWNrZ3JvdW5kOiAjMzMzMzMzO1xuICBib3JkZXItY29sb3I6ICMzMzMzMzM7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuI3R3aXR0ZXIge1xuICBjb2xvcjogIzU1YWNlZTtcbiAgYm9yZGVyLWNvbG9yOiAjNTVhY2VlO1xufVxuXG4jdHdpdHRlcjpob3ZlciB7XG4gIGJhY2tncm91bmQ6ICM1NWFjZWU7XG4gIGJvcmRlci1jb2xvcjogIzU1YWNlZTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDA4cHgpIHtcbiAgI2Jsb2dEcm9wZG93biB7XG4gICAgd2lkdGg6IDE2cmVtO1xuICB9XG4gICNibG9nRHJvcGRvd24gLm5hdmJhci1pdGVtIHtcbiAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICB9XG4gICNtb3JlRHJvcGRvd24ge1xuICAgIHdpZHRoOiAxNnJlbTtcbiAgfVxuICAjbW9yZURyb3Bkb3duIC5uYXZiYXItaXRlbSB7XG4gICAgcGFkZGluZy1yaWdodDogMXJlbTtcbiAgfVxuICAjbW9yZURyb3Bkb3duIC5uYXZiYXItaXRlbSAubGV2ZWwge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxufVxuXG4jYWJvdXQgLnR3aXR0ZXItY29udGFpbmVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMzBweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuI2Fib3V0IHNtYWxsIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbi10b3A6IDVweDtcbn1cblxuI21jX2VtYmVkX3NpZ251cCAuZmllbGQge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4jbWNfZW1iZWRfc2lnbnVwIC5ub3RpZmljYXRpb24ge1xuICBtYXJnaW4tdG9wOiAwLjc1cmVtO1xufVxuXG4jc2hhcmUgZm9ybSB7XG4gIGhlaWdodDogMzBweDtcbiAgbWFyZ2luLXRvcDogMTBweDtcbn1cblxuI3NvY2lhbCB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuXG4jc29jaWFsID4gaWZyYW1lLFxuI3NvY2lhbCA+IGEsXG4jc29jaWFsID4gZm9ybSxcbiNzb2NpYWwgPiBkaXYge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgaGVpZ2h0OiAzMHB4O1xuICBsaW5lLWhlaWdodDogMzBweDtcbiAgbWFyZ2luLXRvcDogNXB4O1xufVxuXG4jc29jaWFsIC5naXRodWItYnRuIHtcbiAgd2lkdGg6IDE2MHB4O1xufVxuXG4jc29jaWFsIC50d2l0dGVyLXNoYXJlLWJ1dHRvbiB7XG4gIG1hcmdpbi1yaWdodDogMTBweDtcbiAgbWluLXdpZHRoOiA3NnB4O1xufVxuXG4jc29jaWFsIC5wYXlwYWwtZm9ybSB7XG4gIG1pbi13aWR0aDogMTQ4cHg7XG59XG5cbiNzb2NpYWwgLmZiLWxpa2Uge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTMwcHg7XG59XG5cbiNuZXdzbGV0dGVyIC5pbnB1dCB7XG4gIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbiNzaXN0ZXIgdWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbiNzaXN0ZXIgbGkge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDMwcHg7XG4gIG1hcmdpbjogNXB4IDFyZW0gMCAwO1xufVxuXG4jc2lzdGVyIGltZyB7XG4gIGhlaWdodDogMzBweDtcbn1cblxuI3RzcCBzbWFsbCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4jaW1hZ2VzIHRyIHRkOm50aC1jaGlsZCgyKSB7XG4gIHdpZHRoOiAzMjBweDtcbn1cblxuLmNvbG9yIHtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBib3gtc2hhZG93OiAwIDJweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMSksIGluc2V0IDAgMCAwIDFweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgZmxvYXQ6IGxlZnQ7XG4gIGhlaWdodDogMjRweDtcbiAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gIHdpZHRoOiAyNHB4O1xufVxuXG4uYnV0dG9uLmlzLXJzcyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmMjY1MjI7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uYnV0dG9uLmlzLXJzczpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZDU2MGU7XG59XG5cbi5idXR0b24uaXMtcnNzOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkNTRkMGQ7XG59XG5cbi5leGFtcGxlLFxuLnN0cnVjdHVyZSB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNmZmRkNTc7XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAzcHg7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZXhhbXBsZTpub3QoOmZpcnN0LWNoaWxkKSxcbi5zdHJ1Y3R1cmU6bm90KDpmaXJzdC1jaGlsZCkge1xuICBtYXJnaW4tdG9wOiAycmVtO1xufVxuXG4uZXhhbXBsZTpub3QoOmxhc3QtY2hpbGQpLFxuLnN0cnVjdHVyZTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uZXhhbXBsZTpiZWZvcmUsXG4uc3RydWN0dXJlOmJlZm9yZSB7XG4gIGJhY2tncm91bmQ6ICNmZmRkNTc7XG4gIGJvcmRlci1yYWRpdXM6IDNweCAzcHggMCAwO1xuICBib3R0b206IDEwMCU7XG4gIGNvbnRlbnQ6IFwiRXhhbXBsZVwiO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtc2l6ZTogN3B4O1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgbGVmdDogLTFweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDFweDtcbiAgcGFkZGluZzogM3B4IDVweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmV4YW1wbGUuaXMtZnVsbHdpZHRoLFxuICAuc3RydWN0dXJlLmlzLWZ1bGx3aWR0aCB7XG4gICAgYm9yZGVyLWxlZnQ6IG5vbmU7XG4gICAgYm9yZGVyLXJpZ2h0OiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbn1cblxuLmV4YW1wbGUgKyAuaGlnaGxpZ2h0IHtcbiAgYm9yZGVyOiAxcHggc29saWQgI2ZmZGQ1NztcbiAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIG1hcmdpbi10b3A6IC0xLjVyZW07XG59XG5cbi5leGFtcGxlICsgLmhpZ2hsaWdodDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4uaGlnaGxpZ2h0IHByZSB7XG4gIG1heC1oZWlnaHQ6IDQ4MHB4O1xuICBtYXJnaW4tYm90dG9tOiAwICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi5oaWdobGlnaHQgcHJlIGNvZGUge1xuICBwYWRkaW5nOiAxLjI1ZW0gMS41ZW07XG59XG5cbi5oaWdobGlnaHQtZnVsbCAuaGlnaGxpZ2h0IHByZSxcbiNuYXZiYXJKc0V4YW1wbGUgLmhpZ2hsaWdodCBwcmUge1xuICBtYXgtaGVpZ2h0OiBub25lO1xufVxuXG4uc3RydWN0dXJlIHtcbiAgYm9yZGVyLWNvbG9yOiAjZmYzODYwO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG4gIHBhZGRpbmc6IDEuNXJlbTtcbn1cblxuLnN0cnVjdHVyZTpiZWZvcmUge1xuICBiYWNrZ3JvdW5kOiAjZmYzODYwO1xuICBjb2xvcjogI2ZmZjtcbiAgY29udGVudDogXCJTdHJ1Y3R1cmVcIjtcbn1cblxuLnN0cnVjdHVyZS1pdGVtIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uc3RydWN0dXJlLWl0ZW06YmVmb3JlIHtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJhY2tncm91bmQ6IHJnYmEoMTAsIDEwLCAxMCwgMC43KTtcbiAgYmFja2dyb3VuZDogd2hpdGVzbW9rZTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2RiZGJkYjtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHotaW5kZXg6IDE7XG59XG5cbi5zdHJ1Y3R1cmUtaXRlbTphZnRlciB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb250ZW50OiBhdHRyKHRpdGxlKTtcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogM3B4IDVweDtcbiAgei1pbmRleDogMjtcbn1cblxuLnN0cnVjdHVyZS1pdGVtLmlzLXN0cnVjdHVyZS1jb250YWluZXIge1xuICBwYWRkaW5nOiAxLjVyZW0gMC43NXJlbSAwLjc1cmVtO1xufVxuXG4uc3RydWN0dXJlLWl0ZW0uaXMtc3RydWN0dXJlLWNvbnRhaW5lcjphZnRlciB7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjc1cmVtO1xufVxuXG4uaGlnaGxpZ2h0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uaGlnaGxpZ2h0IC5jb3B5LFxuLmhpZ2hsaWdodCAuZXhwYW5kIHtcbiAgLXdlYmtpdC10b3VjaC1jYWxsb3V0OiBub25lO1xuICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm9yZGVyOiBzb2xpZCAjZGJkYmRiO1xuICBib3JkZXItd2lkdGg6IDAgMCAxcHggMXB4O1xuICBjb2xvcjogIzdhN2E3YTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdXRsaW5lOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG59XG5cbi5oaWdobGlnaHQgLmNvcHk6aG92ZXIsXG4uaGlnaGxpZ2h0IC5leHBhbmQ6aG92ZXIge1xuICBib3JkZXItY29sb3I6ICNmZjM4NjA7XG4gIGNvbG9yOiAjZmYzODYwO1xufVxuXG4uaGlnaGxpZ2h0IC5leHBhbmQge1xuICBib3JkZXItcmlnaHQtd2lkdGg6IDFweDtcbiAgcmlnaHQ6IDUwcHg7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuaGlnaGxpZ2h0IHByZSB7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSwgcHJpbnQge1xuICAuc2VjdGlvbjpub3QoLmlzLWZ1bGx3aWR0aCkgPiAuZXhhbXBsZTpub3QoLmlzLWZ1bGx3aWR0aCkge1xuICAgIG1hcmdpbi1sZWZ0OiAxLjVyZW07XG4gICAgbWFyZ2luLXJpZ2h0OiAxLjVyZW07XG4gIH1cbiAgLnNlY3Rpb246bm90KC5pcy1mdWxsd2lkdGgpID4gLmV4YW1wbGU6bm90KC5pcy1mdWxsd2lkdGgpICsgLmhpZ2hsaWdodCB7XG4gICAgbWFyZ2luLWxlZnQ6IDEuNXJlbTtcbiAgICBtYXJnaW4tcmlnaHQ6IDEuNXJlbTtcbiAgfVxufVxuXG4uc2VjdGlvbi5pcy1mdWxsd2lkdGgge1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG59XG5cbi5zZWN0aW9uLmlzLWZ1bGx3aWR0aCAuZXhhbXBsZSB7XG4gIGJvcmRlci1sZWZ0OiBub25lO1xuICBib3JkZXItcmFkaXVzOiAwO1xuICBib3JkZXItcmlnaHQ6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi5zZWN0aW9uLmlzLWZ1bGx3aWR0aCAuZXhhbXBsZSArIC5oaWdobGlnaHQge1xuICBib3JkZXItbGVmdDogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgYm9yZGVyLXJpZ2h0OiBub25lO1xufVxuXG4uY2FsbG91dCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgcGFkZGluZzogMS4yNXJlbSAyLjVyZW0gMS4yNXJlbSAxLjVyZW07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmNhbGxvdXQ6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbn1cblxuLmNhbGxvdXQuaXMtd2hpdGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgY29sb3I6ICMwYTBhMGE7XG59XG5cbi5jYWxsb3V0LmlzLWJsYWNrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBhMGEwYTtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG4uY2FsbG91dC5pcy1saWdodCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlc21va2U7XG4gIGNvbG9yOiAjMzYzNjM2O1xufVxuXG4uY2FsbG91dC5pcy1kYXJrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzM2MzYzNjtcbiAgY29sb3I6IHdoaXRlc21va2U7XG59XG5cbi5jYWxsb3V0LmlzLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBkMWIyO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmNhbGxvdXQuaXMtaW5mbyB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4uY2FsbG91dC5pcy1zdWNjZXNzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbiAgY29sb3I6ICNmZmY7XG59XG5cbi5jYWxsb3V0LmlzLXdhcm5pbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZkZDU3O1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjcpO1xufVxuXG4uY2FsbG91dC5pcy1kYW5nZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLmJzYSB7XG4gIHBhZGRpbmc6IDJyZW07XG59XG5cbi5ic2EtY3BjIHtcbiAgbWluLWhlaWdodDogMXB4O1xufVxuXG4jX2RlZmF1bHRfIC5kZWZhdWx0LWFkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjMpO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBmb250LXNpemU6IDEwcHg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAwIDRweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbn1cblxuI19kZWZhdWx0XyA+IGEge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBib3gtc2hhZG93OiAwIDJweCAzcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpLCAwIDAgMCAxcHggcmdiYSgxMCwgMTAsIDEwLCAwLjEpO1xuICBjb2xvcjogIzRhNGE0YTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGxpbmUtaGVpZ2h0OiAxLjM3NTtcbiAgbWFyZ2luLXRvcDogMTVweDtcbiAgbWluLWhlaWdodDogNzBweDtcbiAgcGFkZGluZzogMTVweDtcbiAgcGFkZGluZy1sZWZ0OiA3MHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbiNfZGVmYXVsdF8gPiBhOmhvdmVyLCAjX2RlZmF1bHRfID4gYTpmb2N1cyB7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDNweCByZ2JhKDEwLCAxMCwgMTAsIDAuMSksIDAgMCAwIDFweCAjMDBkMWIyO1xufVxuXG4jX2RlZmF1bHRfID4gYTphY3RpdmUge1xuICBib3gtc2hhZG93OiBpbnNldCAwIDFweCAycHggcmdiYSgxMCwgMTAsIDEwLCAwLjIpLCAwIDAgMCAxcHggIzAwZDFiMjtcbn1cblxuI19kZWZhdWx0XyA+IGEgc3BhbiB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4jX2RlZmF1bHRfID4gYSAuZGVmYXVsdC1pbWFnZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBsZWZ0OiAxNXB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxNXB4O1xuICB3aWR0aDogNDBweDtcbn1cblxuI19kZWZhdWx0XyA+IGEgLmRlZmF1bHQtaW1hZ2UgaW1nIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogNDBweDtcbiAgd2lkdGg6IDQwcHg7XG59XG5cbiNfZGVmYXVsdF8gPiBhIC5kZWZhdWx0LXRpdGxlIHtcbiAgY29sb3I6ICMzNjM2MzY7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn1cblxuI19kZWZhdWx0XyA+IGEgLmRlZmF1bHQtdGl0bGU6YWZ0ZXIge1xuICBjb250ZW50OiBcIiDigJQgXCI7XG59XG5cbiNfZGVmYXVsdF8gPiBhIC5kZWZhdWx0LWRlc2NyaXB0aW9uIHtcbiAgZGlzcGxheTogaW5saW5lO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjlweCksIHByaW50IHtcbiAgLmJzYSAuY29sdW1ucyB7XG4gICAgbWluLWhlaWdodDogMTIwcHg7XG4gIH1cbiAgI19kZWZhdWx0XyB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIH1cbiAgI19kZWZhdWx0XyAuZGVmYXVsdC1hZCB7XG4gICAgbGVmdDogMTAwJTtcbiAgICBtYXJnaW4tbGVmdDogMnJlbTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICB9XG4gICNfZGVmYXVsdF8gPiBhIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cbiAgI19kZWZhdWx0XyA+IGE6bm90KDpudGgtY2hpbGQoMikpIHtcbiAgICBtYXJnaW4tbGVmdDogMnJlbTtcbiAgfVxufVxuXG5odG1sLnJvdXRlLWluZGV4IC50aXRsZS5pcy0yIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG5odG1sLnJvdXRlLWluZGV4IC50aXRsZS5pcy0yIGEge1xuICBjb2xvcjogIzI0MjQyNDtcbiAgcGFkZGluZy1sZWZ0OiA0OHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbmh0bWwucm91dGUtaW5kZXggLnRpdGxlLmlzLTIgYTpob3ZlciB7XG4gIGNvbG9yOiAjMDBkMWIyO1xufVxuXG5odG1sLnJvdXRlLWluZGV4IC50aXRsZS5pcy0yIC5pY29uLmlzLW1lZGl1bSB7XG4gIGxlZnQ6IDhweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEwcHg7XG59XG5cbmh0bWwucm91dGUtaW5kZXggLmhlcm8gLnRpdGxlLmlzLTIgYSB7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuaHRtbC5yb3V0ZS1pbmRleCAuaGVybyAudGl0bGUuaXMtMiBhOmhvdmVyIHtcbiAgY29sb3I6IHdoaXRlO1xufVxuXG5odG1sLnJvdXRlLWluZGV4IC5oZXJvLmlzLXByaW1hcnkgYS5jb2x1bW4sXG5odG1sLnJvdXRlLWluZGV4IC5oZXJvLmlzLXByaW1hcnkgYS5jb2x1bW46aG92ZXIge1xuICBjb2xvcjogd2hpdGU7XG59XG5cbmh0bWwucm91dGUtaW5kZXggLmhlcm8uaXMtcHJpbWFyeSBhLmNvbHVtbjpob3ZlciAudGl0bGUgc3Ryb25nIHtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA5NzlweCkge1xuICBodG1sLnJvdXRlLWluZGV4IC50aXRsZS5pcy0yIGEge1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgfVxuICBodG1sLnJvdXRlLWluZGV4IC50aXRsZS5pcy0yIC5pY29uLmlzLW1lZGl1bSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG46cm9vdCB7XG4gIC0tcHJpbWFyeTogIzAwZDFiMjtcbiAgLS1nYXA6IDAuNzVyZW07XG59XG5cbmh0bWwgOjotbW96LXNlbGVjdGlvbiB7XG4gIGJhY2tncm91bmQ6ICMwMGQxYjI7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG5odG1sIDo6c2VsZWN0aW9uIHtcbiAgYmFja2dyb3VuZDogIzAwZDFiMjtcbiAgY29sb3I6ICNmZmY7XG59XG4iXX0= */ \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/breadcrumb/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/breadcrumb/index.html new file mode 100644 index 000000000..8d35969c6 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/breadcrumb/index.html @@ -0,0 +1,909 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+

Breadcrumb

+

+ A simple breadcrumb component to improve your navigation experience +

+
+ +
+

+ New! + 0.4.3 +

+
+
+ +
+ +
+

The breadcrumb component only requires a .breadcrumb container and a ul list.

+

The dividers are automatically created in the content of the ::before pseudo-element of li tags.

+

You can inform the current page using the is-active modifier in a li tag. It will disable the navigation of inner links.

+
+ +
+
+ + + +
+ + 
<nav class="breadcrumb">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

Alignment

+
+

For alternative alignments, use the is-centered and is-right modifiers on the .breadcrumb container.

+
+ + +
+ + + +
+ + + 
<nav class="breadcrumb is-centered">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-right">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

Icons

+ +
+

You can use any of the Font Awesome icons.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb">
+  <ul>
+    <li><a><span class="icon is-small"><i class="fa fa-home"></i></span><span>Bulma</span></a></li>
+    <li><a><span class="icon is-small"><i class="fa fa-book"></i></span><span>Documentation</span></a></li>
+    <li><a><span class="icon is-small"><i class="fa fa-puzzle-piece"></i></span><span>Components</span></a></li>
+    <li class="is-active"><a><span class="icon is-small"><i class="fa fa-thumbs-up"></i></span><span>Breadcrumb</span></a></li>
+  </ul>
+</nav>
+ +
+ +

Sizes

+ +
+

You can choose between 3 additional sizes: is-small is-medium and is-large.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb is-small">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-medium">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb is-large">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ +

Alternative separators

+
+

You can choose between 4 additional separators: has-arrow-separator has-bullet-separator has-dot-separator and has-succeeds-separator.

+
+ +
+ + + +
+ + 
<nav class="breadcrumb has-arrow-separator">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-bullet-separator">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-dot-separator">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+ + + +
+ + 
<nav class="breadcrumb has-succeeds-separator">
+  <ul>
+    <li><a>Bulma</a></li>
+    <li><a>Documentation</a></li>
+    <li><a>Components</a></li>
+    <li class="is-active"><a>Breadcrumb</a></li>
+  </ul>
+</nav>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/card/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/card/index.html new file mode 100644 index 000000000..311ef9bf5 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/card/index.html @@ -0,0 +1,817 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Card

+

An all-around flexible and composable component

+ +
+ +
+

The card component comprises several elements that you can mix and match:

+
    +
  • + card: the main container +
      +
    • + card-header: a horizontal bar with a shadow +
        +
      • + card-header-title: a left-aligned bold text +
        • +
      • + card-header-icon: a placeholder for an icon +
        • +
      +
      • +
    • + card-image: a fullwidth container for a reponsive image +
      • +
    • + card-content: a multi-purpose container for any other element +
      • +
    • + card-footer: a horizontal list of controls +
        +
      • + card-footer-item: a repeatable list item +
        • +
      +
      • +
    +
    • +
+
+ +
+ +
+
+ +
+
+
+ Image +
+
+
+
+
+
+ Image +
+
+
+

John Smith

+

@johnsmith

+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Phasellus nec iaculis mauris. @bulmaio. + #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+
+ +
+
+ 
<div class="card">
+  <div class="card-image">
+    <figure class="image is-4by3">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/1280x960.png" alt="Image">
+    </figure>
+  </div>
+  <div class="card-content">
+    <div class="media">
+      <div class="media-left">
+        <figure class="image is-48x48">
+          <img src="http://bulma.io/versions/0.4.4/images/placeholders/96x96.png" alt="Image">
+        </figure>
+      </div>
+      <div class="media-content">
+        <p class="title is-4">John Smith</p>
+        <p class="subtitle is-6">@johnsmith</p>
+      </div>
+    </div>
+
+    <div class="content">
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+      Phasellus nec iaculis mauris. <a>@bulmaio</a>.
+      <a>#css</a> <a>#responsive</a>
+      <br>
+      <small>11:09 PM - 1 Jan 2016</small>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +
+
+ +
+
+

+ Component +

+ + + + + +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. + @bulmaio. #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+ +
+ +
+
+ 
<div class="card">
+  <header class="card-header">
+    <p class="card-header-title">
+      Component
+    </p>
+    <a class="card-header-icon">
+      <span class="icon">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </header>
+  <div class="card-content">
+    <div class="content">
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
+      <a>@bulmaio</a>. <a>#css</a> <a>#responsive</a>
+      <br>
+      <small>11:09 PM - 1 Jan 2016</small>
+    </div>
+  </div>
+  <footer class="card-footer">
+    <a class="card-footer-item">Save</a>
+    <a class="card-footer-item">Edit</a>
+    <a class="card-footer-item">Delete</a>
+  </footer>
+</div>
+
+
+ +
+ +
+
+ +
+
+

+ “There are two hard things in computer science: cache invalidation, naming things, and off-by-one errors.” +

+

+ Jeff Atwood +

+
+ +
+ +
+
+ 
<div class="card">
+  <div class="card-content">
+    <p class="title">
+      “There are two hard things in computer science: cache invalidation, naming things, and off-by-one errors.”
+    </p>
+    <p class="subtitle">
+      Jeff Atwood
+    </p>
+  </div>
+  <footer class="card-footer">
+    <p class="card-footer-item">
+      <span>
+        View on <a href="https://twitter.com/codinghorror/status/506010907021828096">Twitter</a>
+      </span>
+    </p>
+    <p class="card-footer-item">
+      <span>
+        Share on <a href="#">Facebook</a>
+      </span>
+    </p>
+  </footer>
+</div>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/dropdown/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/dropdown/index.html new file mode 100644 index 000000000..80ae58196 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/dropdown/index.html @@ -0,0 +1,1022 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + +
+
+ +
+
+

Dropdown

+

+ An interactive dropdown menu for discoverable content +

+
+ +
+

+ New! + 0.4.4 +

+
+
+ +
+ +
+

+ The dropdown component is a container for a dropdown button and a dropdown menu. +

+
    +
  • + dropdown the main container +
      +
    • + dropdown-trigger the container for a button +
      • +
    • + dropdown-menu the toggable menu, hidden by default +
        +
      • + dropdown-content the dropdown box, with a white background and a shadow +
          +
        • + dropdown-item each single item of the dropdown, which can either be a a or a div +
          • +
        • + dropdown-divider a horizontal line to separate dropdown items +
          • +
        +
        • +
      +
      • +
    +
    • +
+
+ +
+
+ +
+
+ + Dropdown button + + + + +
+
+
+ + Dropdown item + + + Other dropdown item + + + Active dropdown item + + + Other dropdown item + +
+ + With a divider + +
+
+
+ +
+
+ 
<div class="dropdown is-active">
+  <div class="dropdown-trigger">
+    <a class="button">
+      <span>Dropdown button</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </div>
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+      <a class="dropdown-item">
+        Dropdown item
+      </a>
+      <a class="dropdown-item">
+        Other dropdown item
+      </a>
+      <a class="dropdown-item is-active">
+        Active dropdown item
+      </a>
+      <a class="dropdown-item">
+        Other dropdown item
+      </a>
+      <hr class="dropdown-divider">
+      <a class="dropdown-item">
+        With a divider
+      </a>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Dropdown content +

+ +
+

+ While the dropdown-item can be used as an anchor link <a>, you can also use a <div> and insert almost any type of content. +

+
+ +
+
+ +
+
+ + Content + + + + +
+
+
+
+

You can insert any type of content within the dropdown menu.

+
+
+
+

You simply need to use a <div> instead.

+
+
+ + This is a link + +
+
+
+ +
+
+ 
<div class="dropdown is-active">
+  <div class="dropdown-trigger">
+    <a class="button is-info">
+      <span>Content</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </div>
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>You can insert <strong>any type of content</strong> within the dropdown menu.</p>
+      </div>
+      <hr class="dropdown-divider">
+      <div class="dropdown-item">
+        <p>You simply need to use a <code>&lt;div&gt;</code> instead.</p>
+      </div>
+      <hr class="dropdown-divider">
+      <a class="dropdown-item">
+        This is a link
+      </a>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Hoverable or Toggable +

+ +
+

+ The dropdown component has 2 additional modifiers +

+
    +
  • + is-hoverable: the dropdown will show up when hovering the dropdown-trigger +
    • +
  • + is-active: the dropdown will show up all the time +
    • +
+
+ +
+

+ While the CSS :hover implementation works perfectly, the is-active class is available for users who want to control the display of the dropdown with JavaScript. +

+
+ +
+
+ +
+
+ + Click me + + + + +
+
+
+ + Overview + + + Modifiers + + + Grid + + + Form + + + Elements + + + Components + + + Layout + +
+ + More + +
+
+
+ +
+
+ + Hover me + + + + +
+
+
+
+

You can insert any type of content within the dropdown menu.

+
+
+
+
+ +
+
+ 
<div class="dropdown">
+  <div class="dropdown-trigger">
+    <a class="button is-primary">
+      <span>Click me</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </div>
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+      <a class="dropdown-item">
+        Overview
+      </a>
+      <a class="dropdown-item">
+        Modifiers
+      </a>
+      <a class="dropdown-item">
+        Grid
+      </a>
+      <a class="dropdown-item">
+        Form
+      </a>
+      <a class="dropdown-item">
+        Elements
+      </a>
+      <a class="dropdown-item">
+        Components
+      </a>
+      <a class="dropdown-item">
+        Layout
+      </a>
+      <hr class="dropdown-divider">
+      <a class="dropdown-item">
+        More
+      </a>
+    </div>
+  </div>
+</div>
+
+<div class="dropdown is-hoverable">
+  <div class="dropdown-trigger">
+    <a class="button is-info">
+      <span>Hover me</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </div>
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>You can insert <strong>any type of content</strong> within the dropdown menu.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

+ Right aligned +

+ +
+

+ You can add the is-right modifier to have a right-aligned dropdown. +

+
+ +
+
+
+
+
+ +
+
+ + Left aligned + + + + +
+
+
+
+

The dropdown is left-aligned by default.

+
+
+
+
+ +
+
+
+
+ +
+
+ + Right aligned + + + + +
+
+
+
+

Add the is-right modifier for a right-aligned dropdown.

+
+
+
+
+ +
+
+
+
+
+ 
<div class="dropdown is-right is-active">
+  <div class="dropdown-trigger">
+    <a class="button is-info">
+      <span>Right aligned</span>
+      <span class="icon is-small">
+        <i class="fa fa-angle-down"></i>
+      </span>
+    </a>
+  </div>
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        <p>Add the <code>is-right</code> modifier for a <strong>right-aligned</strong> dropdown.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/level/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/level/index.html new file mode 100644 index 000000000..2816ea1c2 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/level/index.html @@ -0,0 +1,891 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Level

+

A multi-purpose horizontal level, which can contain almost any other element

+ +
+ +
+

The structure of a level is the following:

+
    +
  • + level: main container +
      +
    • level-left for the left side. This element is required, even if it is empty
      • +
    • + level-right for the right side +
        +
      • level-item for each individual element
        • +
      +
      • +
    +
    • +
+

In a level-item, you can then insert almost anything you want: a title, a button, a text input, or just simple text. No matter what elements you put inside a Bulma level, they will always be vertically centered.

+
+ +
+ +
+ + +
+ + + + +
+
<!-- Main container -->
+<nav class="level">
+  <!-- Left side -->
+  <div class="level-left">
+    <div class="level-item">
+      <p class="subtitle is-5">
+        <strong>123</strong> posts
+      </p>
+    </div>
+    <div class="level-item">
+      <div class="field has-addons">
+        <p class="control">
+          <input class="input" type="text" placeholder="Find a post">
+        </p>
+        <p class="control">
+          <button class="button">
+            Search
+          </button>
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <!-- Right side -->
+  <div class="level-right">
+    <p class="level-item"><strong>All</strong></p>
+    <p class="level-item"><a>Published</a></p>
+    <p class="level-item"><a>Drafts</a></p>
+    <p class="level-item"><a>Deleted</a></p>
+    <p class="level-item"><a class="button is-success">New</a></p>
+  </div>
+</nav>
+ +
+ +

Centered level

+
+ If you want a centered level, you can use as many level-item as you want, as long as they are direct children of the level container. +
+ + +
+ + + +
+
<nav class="level">
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Tweets</p>
+      <p class="title">3,456</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Following</p>
+      <p class="title">123</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Followers</p>
+      <p class="title">456K</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Likes</p>
+      <p class="title">789</p>
+    </div>
+  </div>
+</nav>
+
+ + + +
+
<nav class="level">
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Home</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Menu</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <img src="http://bulma.io/versions/0.4.4/images/bulma-type.png" alt="" style="height: 30px;">
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Reservations</a>
+  </p>
+  <p class="level-item has-text-centered">
+    <a class="link is-info">Contact</a>
+  </p>
+</nav>
+ +
+ +

Mobile level

+
+ By default, for space concerns, the level is vertical on mobile. If you want the level to be horizontal on mobile as well, add the is-mobile modifier on the level container. +
+ +
+ + + +
+
<nav class="level is-mobile">
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Tweets</p>
+      <p class="title">3,456</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Following</p>
+      <p class="title">123</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Followers</p>
+      <p class="title">456K</p>
+    </div>
+  </div>
+  <div class="level-item has-text-centered">
+    <div>
+      <p class="heading">Likes</p>
+      <p class="title">789</p>
+    </div>
+  </div>
+</nav>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/media-object/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/media-object/index.html new file mode 100644 index 000000000..83166993f --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/media-object/index.html @@ -0,0 +1,945 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Media Object

+

The famous media object prevalent in social media interfaces, but useful in any context

+ +
+ +
+

The media object is a UI element perfect for repeatable and nestable content.

+
+ +
+
+
+

+ +

+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+ +
+
+
+ + +
+ +
+
+

+ +

+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+ +
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="content">
+      <p>
+        <strong>John Smith</strong> <small>@johnsmith</small> <small>31m</small>
+        <br>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
+      </p>
+    </div>
+    <nav class="level is-mobile">
+      <div class="level-left">
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-reply"></i></span>
+        </a>
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-retweet"></i></span>
+        </a>
+        <a class="level-item">
+          <span class="icon is-small"><i class="fa fa-heart"></i></span>
+        </a>
+      </div>
+    </nav>
+  </div>
+  <div class="media-right">
+    <button class="delete"></button>
+  </div>
+</article>
+ +
+

You can include any other Bulma element, like inputs, textareas, icons, buttons... or even a nav bar.

+
+ + +
+ +
+
+

+ +

+
+
+
+

+ +

+
+ +
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="field">
+      <p class="control">
+        <textarea class="textarea" placeholder="Add a comment..."></textarea>
+      </p>
+    </div>
+    <nav class="level">
+      <div class="level-left">
+        <div class="level-item">
+          <a class="button is-info">Submit</a>
+        </div>
+      </div>
+      <div class="level-right">
+        <div class="level-item">
+          <label class="checkbox">
+            <input type="checkbox"> Press enter to submit
+          </label>
+        </div>
+      </div>
+    </nav>
+  </div>
+</article>
+ +
+ +

Nesting

+
+

You can nest media objects up to 3 levels deep.

+
+ +
+ +
+
+

+ +

+
+
+
+

+ Barbara Middleton +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta eros lacus, nec ultricies elit blandit non. Suspendisse pellentesque mauris sit amet dolor blandit rutrum. Nunc in tempus turpis. +
+ Like · Reply · 3 hrs +

+
+ +
+
+

+ +

+
+
+
+

+ Sean Brown +
+ Donec sollicitudin urna eget eros malesuada sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam blandit nisl a nulla sagittis, a lobortis leo feugiat. +
+ Like · Reply · 2 hrs +

+
+ +
+ Vivamus quis semper metus, non tincidunt dolor. Vivamus in mi eu lorem cursus ullamcorper sit amet nec massa. +
+ +
+ Morbi vitae diam et purus tincidunt porttitor vel vitae augue. Praesent malesuada metus sed pharetra euismod. Cras tellus odio, tincidunt iaculis diam non, porta aliquet tortor. +
+
+
+ +
+
+

+ +

+
+
+
+

+ Kayli Eunice +
+ Sed convallis scelerisque mauris, non pulvinar nunc mattis vel. Maecenas varius felis sit amet magna vestibulum euismod malesuada cursus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lacinia non nisl id feugiat. +
+ Like · Reply · 2 hrs +

+
+
+
+
+
+
+
+

+ +

+
+
+
+

+ +

+
+
+

+ +

+
+
+
+ +
+
<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="content">
+      <p>
+        <strong>Barbara Middleton</strong>
+        <br>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta eros lacus, nec ultricies elit blandit non. Suspendisse pellentesque mauris sit amet dolor blandit rutrum. Nunc in tempus turpis.
+        <br>
+        <small><a>Like</a> · <a>Reply</a> · 3 hrs</small>
+      </p>
+    </div>
+
+    <article class="media">
+      <figure class="media-left">
+        <p class="image is-48x48">
+          <img src="http://bulma.io/versions/0.4.4/images/placeholders/96x96.png">
+        </p>
+      </figure>
+      <div class="media-content">
+        <div class="content">
+          <p>
+            <strong>Sean Brown</strong>
+            <br>
+            Donec sollicitudin urna eget eros malesuada sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam blandit nisl a nulla sagittis, a lobortis leo feugiat.
+            <br>
+            <small><a>Like</a> · <a>Reply</a> · 2 hrs</small>
+          </p>
+        </div>
+
+        <article class="media">
+          Vivamus quis semper metus, non tincidunt dolor. Vivamus in mi eu lorem cursus ullamcorper sit amet nec massa.
+        </article>
+
+        <article class="media">
+          Morbi vitae diam et purus tincidunt porttitor vel vitae augue. Praesent malesuada metus sed pharetra euismod. Cras tellus odio, tincidunt iaculis diam non, porta aliquet tortor.
+        </article>
+      </div>
+    </article>
+
+    <article class="media">
+      <figure class="media-left">
+        <p class="image is-48x48">
+          <img src="http://bulma.io/versions/0.4.4/images/placeholders/96x96.png">
+        </p>
+      </figure>
+      <div class="media-content">
+        <div class="content">
+          <p>
+            <strong>Kayli Eunice </strong>
+            <br>
+            Sed convallis scelerisque mauris, non pulvinar nunc mattis vel. Maecenas varius felis sit amet magna vestibulum euismod malesuada cursus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lacinia non nisl id feugiat.
+            <br>
+            <small><a>Like</a> · <a>Reply</a> · 2 hrs</small>
+          </p>
+        </div>
+      </div>
+    </article>
+  </div>
+</article>
+<article class="media">
+  <figure class="media-left">
+    <p class="image is-64x64">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png">
+    </p>
+  </figure>
+  <div class="media-content">
+    <div class="field">
+      <p class="control">
+        <textarea class="textarea" placeholder="Add a comment..."></textarea>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control">
+        <button class="button">Post comment</button>
+      </p>
+    </div>
+  </div>
+</article>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/menu/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/menu/index.html new file mode 100644 index 000000000..ab0cf629a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/menu/index.html @@ -0,0 +1,670 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Menu

+

A simple menu, for any type of vertical navigation

+ +
+ + +
+
+ + + +
+
+
<aside class="menu">
+  <p class="menu-label">
+    General
+  </p>
+  <ul class="menu-list">
+    <li><a>Dashboard</a></li>
+    <li><a>Customers</a></li>
+  </ul>
+  <p class="menu-label">
+    Administration
+  </p>
+  <ul class="menu-list">
+    <li><a>Team Settings</a></li>
+    <li>
+      <a class="is-active">Manage Your Team</a>
+      <ul>
+        <li><a>Members</a></li>
+        <li><a>Plugins</a></li>
+        <li><a>Add a member</a></li>
+      </ul>
+    </li>
+    <li><a>Invitations</a></li>
+    <li><a>Cloud Storage Environment Settings</a></li>
+    <li><a>Authentication</a></li>
+  </ul>
+  <p class="menu-label">
+    Transactions
+  </p>
+  <ul class="menu-list">
+    <li><a>Payments</a></li>
+    <li><a>Transfers</a></li>
+    <li><a>Balance</a></li>
+  </ul>
+</aside>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/message/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/message/index.html new file mode 100644 index 000000000..a914a9239 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/message/index.html @@ -0,0 +1,816 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Messages

+

+ Colored message blocks, to emphasize part of your page +

+ +
+ + +
+
+ +
+
+

Hello World

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Dark

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Primary

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Info

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Success

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Warning

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Danger! Learn more

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+
<article class="message">
+  <div class="message-header">
+    <p>Hello World</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-dark">
+  <div class="message-header">
+    <p>Dark</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-primary">
+  <div class="message-header">
+    <p>Primary</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-info">
+  <div class="message-header">
+    <p>Info</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-success">
+  <div class="message-header">
+    <p>Success</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-warning">
+  <div class="message-header">
+    <p>Warning</p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-danger">
+  <div class="message-header">
+    <p><strong>Danger</strong>! <a>Learn more</a></p>
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+ +

Message body only

+
+

You can omit the message header:

+
+ +
+
+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+
<article class="message">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-dark">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-primary">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-info">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-success">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-warning">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+<article class="message is-danger">
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/modal/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/modal/index.html new file mode 100644 index 000000000..e25543170 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/modal/index.html @@ -0,0 +1,785 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Modal

+

A classic modal overlay, in which you can include any content you want

+ +
+ +
+

The modal structure is very simple:

+
    +
  • + modal: the main container +
      +
    • + modal-background: a transparent overlay that can act as a click target to close the modal +
      • +
    • + modal-content: a horizontally and verticaly centered container, with a maximum width of 640px, in which you can include any content +
      • +
    • + modal-close: a simple cross located in the top right corner +
      • +
    +
    • +
+

+ Launch example modal +

+
+ +
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-content">
+    <!-- Any other Bulma elements you want -->
+  </div>
+  <button class="modal-close is-large"></button>
+</div>
+ +
+

To activate the modal, just add the is-active modifier on the .modal container

+
+ +
+
+ No JavaScript +
+
+ Bulma does not include any JavaScript interaction. You will have to implement the class toggle yourself. +
+
+ +
+ +

Image modal

+ +
+

Because a modal can contain anything you want, you can very simply use it to build an image gallery for example:

+

+ Launch image modal +

+
+ +
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-content">
+    <p class="image is-4by3">
+      <img src="http://bulma.io/versions/0.4.4/images/placeholders/1280x960.png">
+    </p>
+  </div>
+  <button class="modal-close is-large"></button>
+</div>
+ +
+ +

Modal card

+ +
+

If you want a more classic modal, with a head, a body and a foot, use the modal-card.

+

+ Launch modal card +

+
+ +
<div class="modal">
+  <div class="modal-background"></div>
+  <div class="modal-card">
+    <header class="modal-card-head">
+      <p class="modal-card-title">Modal title</p>
+      <button class="delete"></button>
+    </header>
+    <section class="modal-card-body">
+      <!-- Content ... -->
+    </section>
+    <footer class="modal-card-foot">
+      <a class="button is-success">Save changes</a>
+      <a class="button">Cancel</a>
+    </footer>
+  </div>
+</div>
+ +
+
+ + + + + + + + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/nav/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/nav/index.html new file mode 100644 index 000000000..92635ca18 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/nav/index.html @@ -0,0 +1,850 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+ + +
+
+

This component has been deprecated and will be deleted soon.

+
+
+ +
+
+

While both .nav and .navbar currently co-exist to ensure backwards compatibility, the .nav will probably be deleted in an upcoming update, so you should start using the new navbar instead.

+
+
+ + +

Nav

+

+ A responsive horizontal nav bar that can contain links, tabs, buttons, icons, and a logo +

+ +
+ +
+

+ The nav container can have 3 parts: +

+
    +
  • nav-left
    • +
  • nav-center
    • +
  • nav-right
    • +
+

+ Each nav item needs to be wrapped in a nav-item element. +

+

+ For responsiveness, 2 additional classes are available: +

+
    +
  • nav-toggle for the hamburger menu on mobile
    • +
  • nav-menu for menu that is collapsable on mobile (you can combine it with nav-right)
    • +
  • toggle is-active on nav-toggle and nav-menu when nav-toggle was clicked
    • +
+
+ + + +
+ + + +
+ +
<nav class="nav">
+  <div class="nav-left">
+    <a class="nav-item">
+      <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma logo">
+    </a>
+  </div>
+
+  <div class="nav-center">
+    <a class="nav-item">
+      <span class="icon">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+    <a class="nav-item">
+      <span class="icon">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+  </div>
+
+  <!-- This "nav-toggle" hamburger menu is only visible on mobile -->
+  <!-- You need JavaScript to toggle the "is-active" class on "nav-menu" -->
+  <span class="nav-toggle">
+    <span></span>
+    <span></span>
+    <span></span>
+  </span>
+
+  <!-- This "nav-menu" is hidden on mobile -->
+  <!-- Add the modifier "is-active" to display it on mobile -->
+  <div class="nav-right nav-menu">
+    <a class="nav-item">
+      Home
+    </a>
+    <a class="nav-item">
+      Documentation
+    </a>
+    <a class="nav-item">
+      Blog
+    </a>
+
+    <div class="nav-item">
+      <div class="field is-grouped">
+        <p class="control">
+          <a class="button" >
+            <span class="icon">
+              <i class="fa fa-twitter"></i>
+            </span>
+            <span>Tweet</span>
+          </a>
+        </p>
+        <p class="control">
+          <a class="button is-primary">
+            <span class="icon">
+              <i class="fa fa-download"></i>
+            </span>
+            <span>Download</span>
+          </a>
+        </p>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ +

Modifiers

+ +
+
    +
  • the nav container can have a shadow by adding the has-shadow modifier
    • +
  • the nav-item can become active by adding the is-active modifier
    • +
  • the nav-item can become a tab by adding the is-tab modifier
    • +
+

+ To optimise the space on desktop, but also allow the mobile view to be usable, you can duplicate nav items in both nav-left and nav-right, and show/hide them with responsive helpers. +

+
+
+ + + +
+ + + +
+ +
<nav class="nav has-shadow">
+  <div class="container">
+    <div class="nav-left">
+      <a class="nav-item">
+        <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma logo">
+      </a>
+      <a class="nav-item is-tab is-hidden-mobile is-active">Home</a>
+      <a class="nav-item is-tab is-hidden-mobile">Features</a>
+      <a class="nav-item is-tab is-hidden-mobile">Pricing</a>
+      <a class="nav-item is-tab is-hidden-mobile">About</a>
+    </div>
+    <span class="nav-toggle">
+      <span></span>
+      <span></span>
+      <span></span>
+    </span>
+    <div class="nav-right nav-menu">
+      <a class="nav-item is-tab is-hidden-tablet is-active">Home</a>
+      <a class="nav-item is-tab is-hidden-tablet">Features</a>
+      <a class="nav-item is-tab is-hidden-tablet">Pricing</a>
+      <a class="nav-item is-tab is-hidden-tablet">About</a>
+      <a class="nav-item is-tab">
+        <figure class="image is-16x16" style="margin-right: 8px;">
+          <img src="http://bulma.io/versions/0.4.4/images/jgthms.png">
+        </figure>
+        Profile
+      </a>
+      <a class="nav-item is-tab">Log out</a>
+    </div>
+  </div>
+</nav>
+ +
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/navbar/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/navbar/index.html new file mode 100644 index 000000000..9a9e38b0f --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/navbar/index.html @@ -0,0 +1,2388 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+

Navbar

+

+ A responsive horizontal navbar that can supports images, links, buttons, and dropdowns +

+
+ +
+

+ New! + 0.4.3 +

+ +
+
+ +
+ +
+
+

The new navbar replaces the deprecated nav component, whose documentation you can still access temporarily here.

+
+
+ +
+

+ The navbar component is a responsive and versatile horizontal navigation bar with the following structure: +

+
    +
  • + navbar the main container +
      +
    • + navbar-brand the left side, always visible, which usually contains the logo and optionally some links or icons +
        +
      • + navbar-burger the hamburger icon, which toggles the navbar menu on touch devices +
        • +
      +
      • +
    • + navbar-menu the right side, hidden on touch devices, visible on desktop +
        +
      • + navbar-start the left part of the menu, which appears next to the navbar brand on desktop +
        • +
      • + navbar-end the right part of the menu, which appears at the end of the navbar +
          +
        • + navbar-item each single item of the navbar, which can either be a a or a div +
            +
          • + navbar-link a link as the sibling of a dropdown, with an arrow +
            • +
          • + navbar-dropdown the dropdown menu, which can include navbar items and dividers +
              +
            • + navbar-divider a horizontal line to separate navbar items +
              • +
            +
            • +
          +
          • +
        +
        • +
      +
      • +
    +
    • +
+
+ +
+ + + + +
+ + 
<nav class="navbar ">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.4.4">
+      <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://github.com/jgthms/bulma" target="_blank">
+      <span class="icon" style="color: #333;">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://twitter.com/jgthms" target="_blank">
+      <span class="icon" style="color: #55acee;">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+
+    <div class="navbar-burger burger" data-target="navMenuExample">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+
+  <div id="navMenuExample" class="navbar-menu">
+    <div class="navbar-start">
+      <a class="navbar-item " href="http://bulma.io/versions/0.4.4/">
+        Home
+      </a>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link  is-active" href="/versions/0.4.4/documentation/overview/start/">
+          Docs
+        </a>
+        <div class="navbar-dropdown ">
+          <a class="navbar-item " href="/versions/0.4.4/documentation/overview/start/">
+            Overview
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/modifiers/syntax/">
+            Modifiers
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/grid/columns/">
+            Grid
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/form/general/">
+            Form
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/elements/box/">
+            Elements
+          </a>
+          
+            <a class="navbar-item is-active" href="http://bulma.io/versions/0.4.4/documentation/components/breadcrumb/">
+              Components
+            </a>
+          
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/layout/container/">
+            Layout
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div>
+              <p class="has-text-info is-size-6-desktop"><strong>0.4.4</strong></p>
+              
+                <small>
+                  <a class="view-all-versions" href="/versions">View all versions</a>
+                </small>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link " href="http://bulma.io/versions/0.4.4/blog/">
+          Blog
+        </a>
+        <div id="blogDropdown" class="navbar-dropdown " data-style="width: 18rem;">
+          
+            <a class="navbar-item" href="/2017/03/10/new-field-element/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">10 Mar 2017</small>
+                </p>
+                <p>New field element (for better controls)</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2016/04/11/metro-ui-css-grid-with-bulma-tiles/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">11 Apr 2016</small>
+                </p>
+                <p>Metro UI CSS grid with Bulma tiles</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2016/02/09/blog-launched-new-responsive-columns-new-helpers/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">09 Feb 2016</small>
+                </p>
+                <p>Blog launched, new responsive columns, new helpers</p>
+              </div>
+            </a>
+          
+          <a class="navbar-item" href="http://bulma.io/versions/0.4.4/blog/">
+            More posts
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div class="navbar-content">
+              <div class="level is-mobile">
+                <div class="level-left">
+                  <div class="level-item">
+                    <strong>Stay up to date!</strong>
+                  </div>
+                </div>
+                <div class="level-right">
+                  <div class="level-item">
+                    <a class="button is-rss is-small" href="http://bulma.io/versions/0.4.4/atom.xml">
+                      <span class="icon is-small">
+                        <i class="fa fa-rss"></i>
+                      </span>
+                      <span>Subscribe</span>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <div class="navbar-link">
+          More
+        </div>
+        <div id="moreDropdown" class="navbar-dropdown ">
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/extensions/">
+            <div class="level is-mobile">
+              <div class="level-left">
+                <div class="level-item">
+                  <p>
+                    <strong>Extensions</strong>
+                    <br>
+                    <small>Side projects to enhance Bulma</small>
+                  </p>
+                </div>
+              </div>
+              <div class="level-right">
+                <div class="level-item">
+                  <span class="icon has-text-info">
+                    <i class="fa fa-plug"></i>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+
+    <div class="navbar-end">
+      <a class="navbar-item" href="https://github.com/jgthms/bulma" target="_blank">
+        Github
+      </a>
+      <a class="navbar-item" href="https://twitter.com/jgthms" target="_blank">
+        Twitter
+      </a>
+      <div class="navbar-item">
+        <div class="field is-grouped">
+          <p class="control">
+            <a id="twitter"
+              class="button"
+              data-social-network="Twitter"
+              data-social-action="tweet"
+              data-social-target="http://bulma.io/versions/0.4.4"
+              target="_blank"
+              href="https://twitter.com/intent/tweet?text=Bulma v0.4.4: a modern CSS framework based on Flexbox&url=http://bulma.io/versions/0.4.4&via=jgthms">
+              <span class="icon">
+                <i class="fa fa-twitter"></i>
+              </span>
+              <span>Tweet</span>
+            </a>
+          </p>
+          <p class="control">
+            <a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.4.4.zip">
+              <span class="icon">
+                <i class="fa fa-download"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ +

Navbar brand

+ +
+

+ The navbar-brand is the left side of the navbar. It can contain: +

+
    +
  • + a number of navbar-item +
    • +
  • + the navbar-burger as last child +
    • +
+
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <!-- navbar items, navbar burger ... -->
+  </div>
+</nav>
+ +
+

+ The navbar brand is always visible: on both touch devices < 1008px + and desktop >= 1008px +. As a result, it is recommended to only use a few navbar items to avoid overflowing horizontally on small devices. +

+
+ +
+ + + +
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.4.4">
+      <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <div class="navbar-burger">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+</nav>
+ +
+

+ On desktop >= 1008px +, the navbar brand will only take up the space it needs. +

+
+ +
+ +

Navbar burger

+ +
+

+ The navbar-burger is a hamburger menu that only appears on mobile. It has to appear as the last child of navbar-brand. +

+
+ +
+
+ + + +
+
+ + 
<div class="navbar-burger">
+  <span></span>
+  <span></span>
+  <span></span>
+</div>
+ +
+

+ You can add the modifier class is-active to turn it into a cross. +

+
+ +
+
+ + + +
+
+ +
+ +

Navbar menu

+ +
+

+ The navbar-menu is the counterpart of the navbar brand. As such, it must appear as a direct child of navbar, as a sibling of navbar-brand. +

+
+ + 
<nav class="navbar">
+  <div class="navbar-brand">
+    <!-- navbar items, nav burger ... -->
+  </div>
+  <div class="navbar-menu">
+    <!-- navbar start, navbar end -->
+  </div>
+</nav>
+ +
+

+ The navbar-menu is hidden on touch devices < 1008px +. You need to add the modifier class is-active to display it. +

+
+ + 
<div class="navbar-menu">
+  <!-- hidden on mobile -->
+</div>
+
+<div class="navbar-menu is-active">
+  <!-- shown on mobile -->
+</div>
+ +
+

+ On desktop >= 1008px +, the navbar-menu will fill up the space available in the navbar, leaving the navbar brand just the space it needs. It needs, however, two elements as direct children: +

+
    +
  • + navbar-start +
    • +
  • + navbar-end +
    • +
+
+ +
+ + + +
+ +

Navbar start and navbar end

+ +
+

+ The navbar-start and navbar-end are the two direct and only children of the navbar-menu. +

+

+ On desktop >= 1008px +: +

+
    +
  • + navbar-start will appear on the left +
    • +
  • + navbar-end will appear on the right +
    • +
+

+ Each of them can contain any number of navbar-item. +

+
+ + 
<div class="navbar-menu">
+  <div class="navbar-start">
+    <!-- navbar items -->
+  </div>
+
+  <div class="navbar-end">
+    <!-- navbar items -->
+  </div>
+</div>
+ +
+ +

Navbar item

+ +
+

+ A navbar-item is a repeatable element that can be: +

+
    +
  • + a navigation link + 
    <a class="navbar-item">
+  Home
+</a>
    +
    • +
  • + a container for the brand logo + 
    <a class="navbar-item">
+  <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" width="112" height="28">
+</a>
    +
    • +
  • + the parent of a dropdown menu + 
    <div class="navbar-item has-dropdown">
+  <a class="navbar-link">
+    Docs
+  </a>
+
+  <div class="navbar-dropdown">
+    <!-- Other navbar items -->
+  </div>
+</div>
    +
    • +
  • + a child of a navbar dropdown + 
    <div class="navbar-dropdown">
+  <a class="navbar-item">
+    Overview
+  </a>
+</div>
    +
    • +
  • + a container for almost anything you want, like a field + 
    <div class="navbar-item">
+  <div class="field is-grouped">
+    <p class="control">
+      <a class="button">
+        <span class="icon">
+          <i class="fa fa-twitter"></i>
+        </span>
+        <span>Tweet</span>
+      </a>
+    </p>
+    <p class="control">
+      <a class="button is-primary">
+        <span class="icon">
+          <i class="fa fa-download"></i>
+        </span>
+        <span>Download</span>
+      </a>
+    </p>
+  </div>
+</div>
    +
    • +
+

+ It can either be an anchor tag <a> or a <div>, as a direct child of either: +

+
    +
  • + navbar +
    • +
  • + navbar-brand +
    • +
  • + navbar-start +
    • +
  • + navbar-end +
    • +
  • + navbar-dropdown +
    • +
+
+ +
+ +

Transparent navbar

+ +
+

+ To seamlessly integrate the navbar in any visual context, you can add the is-transparent modifer on the navbar component. This will remove any hover or active background from the navbar items. +

+
+ +
+ + + + +
+ + 
<nav class="navbar is-transparent">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="http://bulma.io/versions/0.4.4">
+      <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://github.com/jgthms/bulma" target="_blank">
+      <span class="icon" style="color: #333;">
+        <i class="fa fa-github"></i>
+      </span>
+    </a>
+
+    <a class="navbar-item is-hidden-desktop" href="https://twitter.com/jgthms" target="_blank">
+      <span class="icon" style="color: #55acee;">
+        <i class="fa fa-twitter"></i>
+      </span>
+    </a>
+
+    <div class="navbar-burger burger" data-target="navMenuTransparentExample">
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+  </div>
+
+  <div id="navMenuTransparentExample" class="navbar-menu">
+    <div class="navbar-start">
+      <a class="navbar-item " href="http://bulma.io/versions/0.4.4/">
+        Home
+      </a>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link  is-active" href="/versions/0.4.4/documentation/overview/start/">
+          Docs
+        </a>
+        <div class="navbar-dropdown is-boxed">
+          <a class="navbar-item " href="/versions/0.4.4/documentation/overview/start/">
+            Overview
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/modifiers/syntax/">
+            Modifiers
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/grid/columns/">
+            Grid
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/form/general/">
+            Form
+          </a>
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/elements/box/">
+            Elements
+          </a>
+          
+            <a class="navbar-item is-active" href="http://bulma.io/versions/0.4.4/documentation/components/breadcrumb/">
+              Components
+            </a>
+          
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/documentation/layout/container/">
+            Layout
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div>
+              <p class="has-text-info is-size-6-desktop"><strong>0.4.4</strong></p>
+              
+                <small>
+                  <a class="view-all-versions" href="/versions">View all versions</a>
+                </small>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <a class="navbar-link " href="http://bulma.io/versions/0.4.4/blog/">
+          Blog
+        </a>
+        <div id="blogDropdown" class="navbar-dropdown is-boxed" data-style="width: 18rem;">
+          
+            <a class="navbar-item" href="/2017/03/10/new-field-element/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">10 Mar 2017</small>
+                </p>
+                <p>New field element (for better controls)</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2016/04/11/metro-ui-css-grid-with-bulma-tiles/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">11 Apr 2016</small>
+                </p>
+                <p>Metro UI CSS grid with Bulma tiles</p>
+              </div>
+            </a>
+          
+            <a class="navbar-item" href="/2016/02/09/blog-launched-new-responsive-columns-new-helpers/">
+              <div class="navbar-content">
+                <p>
+                  <small class="has-text-info">09 Feb 2016</small>
+                </p>
+                <p>Blog launched, new responsive columns, new helpers</p>
+              </div>
+            </a>
+          
+          <a class="navbar-item" href="http://bulma.io/versions/0.4.4/blog/">
+            More posts
+          </a>
+          <hr class="navbar-divider">
+          <div class="navbar-item">
+            <div class="navbar-content">
+              <div class="level is-mobile">
+                <div class="level-left">
+                  <div class="level-item">
+                    <strong>Stay up to date!</strong>
+                  </div>
+                </div>
+                <div class="level-right">
+                  <div class="level-item">
+                    <a class="button is-rss is-small" href="http://bulma.io/versions/0.4.4/atom.xml">
+                      <span class="icon is-small">
+                        <i class="fa fa-rss"></i>
+                      </span>
+                      <span>Subscribe</span>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar-item has-dropdown is-hoverable">
+        <div class="navbar-link">
+          More
+        </div>
+        <div id="moreDropdown" class="navbar-dropdown is-boxed">
+          <a class="navbar-item " href="http://bulma.io/versions/0.4.4/extensions/">
+            <div class="level is-mobile">
+              <div class="level-left">
+                <div class="level-item">
+                  <p>
+                    <strong>Extensions</strong>
+                    <br>
+                    <small>Side projects to enhance Bulma</small>
+                  </p>
+                </div>
+              </div>
+              <div class="level-right">
+                <div class="level-item">
+                  <span class="icon has-text-info">
+                    <i class="fa fa-plug"></i>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+
+    <div class="navbar-end">
+      <a class="navbar-item" href="https://github.com/jgthms/bulma" target="_blank">
+        Github
+      </a>
+      <a class="navbar-item" href="https://twitter.com/jgthms" target="_blank">
+        Twitter
+      </a>
+      <div class="navbar-item">
+        <div class="field is-grouped">
+          <p class="control">
+            <a id="twitter"
+              class="button"
+              data-social-network="Twitter"
+              data-social-action="tweet"
+              data-social-target="http://bulma.io/versions/0.4.4"
+              target="_blank"
+              href="https://twitter.com/intent/tweet?text=Bulma v0.4.4: a modern CSS framework based on Flexbox&url=http://bulma.io/versions/0.4.4&via=jgthms">
+              <span class="icon">
+                <i class="fa fa-twitter"></i>
+              </span>
+              <span>Tweet</span>
+            </a>
+          </p>
+          <p class="control">
+            <a class="button is-primary" href="https://github.com/jgthms/bulma/archive/0.4.4.zip">
+              <span class="icon">
+                <i class="fa fa-download"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>
+ +
+ + + +
+

+ To create a dropdown menu, you will need 4 elements: +

+
    +
  • + navbar-item with the has-dropdown modifier +
    • +
  • + navbar-link which contains the dropdown arrow +
    • +
  • + navbar-dropdown which can contain instances of navbar-item and navbar-divider +
    • +
+
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ +

+ Show/hide the dropdown with either CSS or JavaScript +

+ +
+

+ The navbar-dropdown is visible on touch devices < 1008px + but hidden on desktop >= 1008px +. How the dropdown is displayed on desktop depends on the parent's class. +

+

+ The navbar-item with the has-dropdown modifier, has 2 additional modifiers +

+
    +
  • + is-hoverable: the dropdown will show up when hovering the parent navbar-item +
    • +
  • + is-active: the dropdown will show up all the time +
    • +
+
+ +
+

+ While the CSS :hover implementation works perfectly, the is-active class is available for users who want to control the display of the dropdown with JavaScript. +

+
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown is-hoverable">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ +
+
+
+ + + +
+
+ +
+ 
<nav class="navbar">
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+
+ +

+ Styles for the dropdown menu +

+ +
+

+ By default, the navbar-dropdown has: +

+
    +
  • + a grey border-top +
    • +
  • + a border-radius at both bottom corners +
    • +
+
+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero is-primary">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +
+

+ When having a transparent navbar, it is preferable to use the boxed version of the dropdown, by using the is-boxed modifier. +

+
    +
  • + the grey border is removed +
    • +
  • + a slight inner shadow is added +
    • +
  • + all corners are rounded +
    • +
  • + the hover/active state is animated +
    • +
+
+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar is-transparent">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown is-boxed">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +

+ Active dropdown navbar item +

+ +
+
+
+ + + +
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+ +
+
+ +
+ 
<nav class="navbar">
+  <a class="navbar-item">
+    <img src="http://bulma.io/versions/0.4.4/images/bulma-logo.png" alt="Bulma v0.4.4: a modern CSS framework based on Flexbox" width="112" height="28">
+  </a>
+
+  <div class="navbar-item has-dropdown is-active">
+    <a class="navbar-link">
+      Docs
+    </a>
+
+    <div class="navbar-dropdown">
+      <a class="navbar-item">
+        Overview
+      </a>
+      <a class="navbar-item is-active">
+        Elements
+      </a>
+      <a class="navbar-item">
+        Components
+      </a>
+      <hr class="navbar-divider">
+      <div class="navbar-item">
+        Version 0.4.4
+      </div>
+    </div>
+  </div>
+</nav>
+
+<section class="hero is-primary">
+  <div class="hero-body">
+    <p class="title">
+      Documentation
+    </p>
+    <p class="subtitle">
+      Everything you need to <strong>create a website</strong> with Bulma
+    </p>
+  </div>
+</section>
+
+
+ +

+ Dropdown divider +

+ +
+

+ You can add a navbar-divider to display a horizontal rule in a navbar-dropdown. +

+
+ + 
<hr class="navbar-divider">
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/pagination/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/pagination/index.html new file mode 100644 index 000000000..e601c81c2 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/pagination/index.html @@ -0,0 +1,857 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Pagination

+

A responsive, usable, and flexible pagination

+ +
+ +
+

+ The pagination component consists of several elements: +

+
    +
  • + pagination-previous and pagination-next for incremental navigation +
    • +
  • + pagination-list which displays page items: +
      +
    • + pagination-link for the page numbers +
      • +
    • + pagination-ellipsis for range separators +
      • +
    +
    • +
+

+ All elements are optional so you can compose your pagination as you wish. +

+
+ + +
+ + + +
+
<nav class="pagination">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li>
+      <a class="pagination-link">1</a>
+    </li>
+    <li>
+      <span class="pagination-ellipsis">&hellip;</span>
+    </li>
+    <li>
+      <a class="pagination-link">45</a>
+    </li>
+    <li>
+      <a class="pagination-link is-current">46</a>
+    </li>
+    <li>
+      <a class="pagination-link">47</a>
+    </li>
+    <li>
+      <span class="pagination-ellipsis">&hellip;</span>
+    </li>
+    <li>
+      <a class="pagination-link">86</a>
+    </li>
+  </ul>
+</nav>
+ +
+

+ You can disable some links if they are not active, or change the amount of page numbers available. +

+
+ + +
+ + + +
+
<nav class="pagination">
+  <a class="pagination-previous" title="This is the first page" disabled>Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li>
+      <a class="pagination-link is-current">1</a>
+    </li>
+    <li>
+      <a class="pagination-link">2</a>
+    </li>
+    <li>
+      <a class="pagination-link">3</a>
+    </li>
+  </ul>
+</nav>
+ +
+

+ By default, the list is located on the left, and the previous/next buttons on the right. But you can change the order of these elements by using the is-centered and is-right modifiers. +

+
+ + +
+ + + +
+
<nav class="pagination is-centered">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li><a class="pagination-link">1</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">45</a></li>
+    <li><a class="pagination-link is-current">46</a></li>
+    <li><a class="pagination-link">47</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">86</a></li>
+  </ul>
+</nav>
+ + +
+ + + +
+
<nav class="pagination is-right">
+  <a class="pagination-previous">Previous</a>
+  <a class="pagination-next">Next page</a>
+  <ul class="pagination-list">
+    <li><a class="pagination-link">1</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">45</a></li>
+    <li><a class="pagination-link is-current">46</a></li>
+    <li><a class="pagination-link">47</a></li>
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    <li><a class="pagination-link">86</a></li>
+  </ul>
+</nav>
+ +
+ +

Sizes New!

+

+ The pagination comes in 3 additional sizes.
+ You only need to append the modifier is-small, is-medium, or is-large to the pagination component. +

+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/panel/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/panel/index.html new file mode 100644 index 000000000..05e25399c --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/panel/index.html @@ -0,0 +1,758 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Panel

+

A composable panel, for compact controls

+ +
+ +
+

+ The panel is container for several types: +

+
    +
  • + panel-heading as the first child +
    • +
  • + panel-tabs for navigation +
    • +
  • + panel-block which can contain other elements, like: +
      +
    • control
      • +
    • input
      • +
    • button
      • +
    • panel-icon
      • +
    +
    • +
+

+ The panel-block can be an anchor tag <a> or a label <label> with a checkbox inside. +

+
+ + +
+
+ + + +
+
+
<nav class="panel">
+  <p class="panel-heading">
+    Repositories
+  </p>
+  <div class="panel-block">
+    <p class="control has-icons-left">
+      <input class="input is-small" type="text" placeholder="Search">
+      <span class="icon is-small is-left">
+        <i class="fa fa-search"></i>
+      </span>
+    </p>
+  </div>
+  <p class="panel-tabs">
+    <a class="is-active">All</a>
+    <a>Public</a>
+    <a>Private</a>
+    <a>Sources</a>
+    <a>Forks</a>
+  </p>
+  <a class="panel-block is-active">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    bulma
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    marksheet
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    minireset.css
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-book"></i>
+    </span>
+    jgthms.github.io
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-code-fork"></i>
+    </span>
+    daniellowtw/infBoard
+  </a>
+  <a class="panel-block">
+    <span class="panel-icon">
+      <i class="fa fa-code-fork"></i>
+    </span>
+    mojs
+  </a>
+  <label class="panel-block">
+    <input type="checkbox">
+    Remember me
+  </label>
+  <div class="panel-block">
+    <button class="button is-primary is-outlined is-fullwidth">
+      Reset all filters
+    </button>
+  </div>
+</nav>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/tabs/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/tabs/index.html new file mode 100644 index 000000000..5c48b0280 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/components/tabs/index.html @@ -0,0 +1,1252 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Tabs

+

Simple responsive horizontal navigation tabs, with different styles

+ +
+ +
+

Tabs only require a tabs container and a <ul> list.
+ The default tabs style has a single border at the bottom.

+
+ + +
+ +
+ +
+ +
+
<div class="tabs">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Alignment

+
+

+ To align the tabs list, use the is-centered or is-right modifier on the .tabs container: +

+
+ +
+ +
+ +
+ +
+
<div class="tabs is-centered">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-right">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Icons

+
+

You can use any of the Font Awesome icons.

+
+ + +
+ +
+ +
+ +
+
<div class="tabs is-centered">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +

Sizes

+
+

You can choose between 3 additional sizes: is-small is-medium and is-large.

+
+ +
+ +
+ +
+ +
+
<div class="tabs is-small">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-medium">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-large">
+  <ul>
+    <li class="is-active"><a>Pictures</a></li>
+    <li><a>Music</a></li>
+    <li><a>Videos</a></li>
+    <li><a>Documents</a></li>
+  </ul>
+</div>
+ +
+ +

Styles

+
+ If you want a more classic style with borders, just append the is-boxed modifier. +
+ +
+ +
+ +
+ +
+
<div class="tabs is-boxed">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +

+ If you want mutually exclusive tabs (like radio buttons where clicking one deselects all other ones), use the is-toggle modifier. +

+ +
+ +
+ +
+ +
+
<div class="tabs is-toggle">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +

+ If you want the tabs to take up the whole width available, use is-fullwidth. +

+ +
+ +
+ +
+ +
+
<div class="tabs is-fullwidth">
+  <ul>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-angle-left"></i></span>
+        <span>Left</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-angle-up"></i></span>
+        <span>Up</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span>Right</span>
+        <span class="icon"><i class="fa fa-angle-right"></i></span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+ +

Combining

+
+

You can combine different modifiers. For example, you can have centered boxed tabs, or fullwidth toggle ones.

+
+ +
+ +
+ +
+ +
+
<div class="tabs is-centered is-boxed">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-toggle is-fullwidth">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-centered is-boxed is-medium">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon is-small"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon is-small"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ + +
+ +
+ +
+ +
+
<div class="tabs is-toggle is-fullwidth is-large">
+  <ul>
+    <li class="is-active">
+      <a>
+        <span class="icon"><i class="fa fa-image"></i></span>
+        <span>Pictures</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-music"></i></span>
+        <span>Music</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-film"></i></span>
+        <span>Videos</span>
+      </a>
+    </li>
+    <li>
+      <a>
+        <span class="icon"><i class="fa fa-file-text-o"></i></span>
+        <span>Documents</span>
+      </a>
+    </li>
+  </ul>
+</div>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/box/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/box/index.html new file mode 100644 index 000000000..366cb3bad --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/box/index.html @@ -0,0 +1,667 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + +
+
+

Box

+

+ A white box to contain other elements +

+ +
+ +
+
+
+

+ The .box element is simply a container with a shadow, a border, a radius, and some padding. +
+ For example, you can include a media object: +

+
+
+ +
+ +
+
+
+
+ Image +
+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. +

+
+ +
+
+
+ +
+
+ + 
<div class="box">
+  <article class="media">
+    <div class="media-left">
+      <figure class="image is-64x64">
+        <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png" alt="Image">
+      </figure>
+    </div>
+    <div class="media-content">
+      <div class="content">
+        <p>
+          <strong>John Smith</strong> <small>@johnsmith</small> <small>31m</small>
+          <br>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
+        </p>
+      </div>
+      <nav class="level is-mobile">
+        <div class="level-left">
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-reply"></i></span>
+          </a>
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-retweet"></i></span>
+          </a>
+          <a class="level-item">
+            <span class="icon is-small"><i class="fa fa-heart"></i></span>
+          </a>
+        </div>
+      </nav>
+    </div>
+  </article>
+</div>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/button/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/button/index.html new file mode 100644 index 000000000..657ce264a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/button/index.html @@ -0,0 +1,1405 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Buttons

+

+ The classic button, in different colors, sizes, and states +

+ +
+ + +
+
+ +
+ Button + White + Light + Dark + Black + Link +
+
+ Primary + Info + Success + Warning + Danger +
+ +
+
+
<div class="block">
+  <a class="button">Button</a>
+  <a class="button is-white">White</a>
+  <a class="button is-light">Light</a>
+  <a class="button is-dark">Dark</a>
+  <a class="button is-black">Black</a>
+  <a class="button is-link">Link</a>
+</div>
+<div class="block">
+  <a class="button is-primary">Primary</a>
+  <a class="button is-info">Info</a>
+  <a class="button is-success">Success</a>
+  <a class="button is-warning">Warning</a>
+  <a class="button is-danger">Danger</a>
+</div>
+
+
+ +
+ +

Sizes

+ + +
+
+ +Small +Normal +Medium +Large + +
+
+
<a class="button is-small">Small</a>
+<a class="button">Normal</a>
+<a class="button is-medium">Medium</a>
+<a class="button is-large">Large</a>
+
+
+ +
+ +

Styles

+

Outlined

+ +
+
+ +Outlined +Outlined +Outlined +Outlined +Outlined + +
+
+
<a class="button is-outlined">Outlined</a>
+<a class="button is-primary is-outlined">Outlined</a>
+<a class="button is-info is-outlined">Outlined</a>
+<a class="button is-success is-outlined">Outlined</a>
+<a class="button is-danger is-outlined">Outlined</a>
+
+
+ +

Inverted (the text color becomes the background color, and vice-versa)

+ + +
+
+
+ +Inverted +Inverted +Inverted +Inverted + +
+
+
+
<a class="button is-primary is-inverted">Inverted</a>
+<a class="button is-info is-inverted">Inverted</a>
+<a class="button is-success is-inverted">Inverted</a>
+<a class="button is-danger is-inverted">Inverted</a>
+
+
+ +

Invert Outlined (the invert color becomes the text and border colors)

+ + +
+
+
+ +Invert Outlined +Invert Outlined +Invert Outlined +Invert Outlined + +
+
+
+
<a class="button is-primary is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-info is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-success is-inverted is-outlined">Invert Outlined</a>
+<a class="button is-danger is-inverted is-outlined">Invert Outlined</a>
+
+
+ +
+ +

States

+

Normal

+ + +
+
+ +Normal +Normal +Normal +Normal +Normal +Normal + +
+
+
<a class="button">Normal</a>
+<a class="button is-primary">Normal</a>
+<a class="button is-info">Normal</a>
+<a class="button is-success">Normal</a>
+<a class="button is-warning">Normal</a>
+<a class="button is-danger">Normal</a>
+
+
+ +

Hover

+ + +
+
+ +Hover +Hover +Hover +Hover +Hover +Hover + +
+
+
<a class="button is-hovered">Hover</a>
+<a class="button is-primary is-hovered">Hover</a>
+<a class="button is-info is-hovered">Hover</a>
+<a class="button is-success is-hovered">Hover</a>
+<a class="button is-warning is-hovered">Hover</a>
+<a class="button is-danger is-hovered">Hover</a>
+
+
+ +

Focus

+ + +
+
+ +Focus +Focus +Focus +Focus +Focus +Focus + +
+
+
<a class="button is-focused">Focus</a>
+<a class="button is-primary is-focused">Focus</a>
+<a class="button is-info is-focused">Focus</a>
+<a class="button is-success is-focused">Focus</a>
+<a class="button is-warning is-focused">Focus</a>
+<a class="button is-danger is-focused">Focus</a>
+
+
+ +

Active

+ + +
+
+ +Active +Active +Active +Active +Active +Active + +
+
+
<a class="button is-active">Active</a>
+<a class="button is-primary is-active">Active</a>
+<a class="button is-info is-active">Active</a>
+<a class="button is-success is-active">Active</a>
+<a class="button is-warning is-active">Active</a>
+<a class="button is-danger is-active">Active</a>
+
+
+ +

Loading

+ + +
+
+ +Loading +Loading +Loading +Loading +Loading +Loading + +
+
+
<a class="button is-loading">Loading</a>
+<a class="button is-primary is-loading">Loading</a>
+<a class="button is-info is-loading">Loading</a>
+<a class="button is-success is-loading">Loading</a>
+<a class="button is-warning is-loading">Loading</a>
+<a class="button is-danger is-loading">Loading</a>
+
+
+ +

+ Static +

+ + +
+
+ +
+

+ New! + 0.4.2 +

+

+ You can create a non-interactive button by using the is-static modifier. This is useful to align a text label with an input, for example when using form addons. +

+
+ +Static + +
+
+
<span class="button is-static">Static</span>
+
+
+ +

Disabled

+ + +
+
+
+Disabled +Disabled +Disabled +Disabled +Disabled +Disabled +
+
+
+

The is-disabled CSS class has been deprecated in favor of the disabled HTML attribute. Learn more

+
+
+
+
+
<a class="button" title="Disabled button" disabled>Disabled</a>
+<a class="button is-primary" title="Disabled button" disabled>Disabled</a>
+<a class="button is-info" title="Disabled button" disabled>Disabled</a>
+<a class="button is-success" title="Disabled button" disabled>Disabled</a>
+<a class="button is-warning" title="Disabled button" disabled>Disabled</a>
+<a class="button is-danger" title="Disabled button" disabled>Disabled</a>
+
+
+ +

With Font Awesome icons

+ + +
+
+ +

+ + + + + + + + + + + + + + + +

+

+ + + + + GitHub + + + + + + Twitter + + + + + + Save + + + Delete + + + + +

+

+ + + + + GitHub + + + + + + GitHub + + + + + + GitHub + + + + + + GitHub + +

+ +
+
+
<p class="field">
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-bold"></i>
+    </span>
+  </a>
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-italic"></i>
+    </span>
+  </a>
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-underline"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-primary">
+    <span class="icon">
+      <i class="fa fa-twitter"></i>
+    </span>
+    <span>Twitter</span>
+  </a>
+  <a class="button is-success">
+    <span class="icon is-small">
+      <i class="fa fa-check"></i>
+    </span>
+    <span>Save</span>
+  </a>
+  <a class="button is-danger is-outlined">
+    <span>Delete</span>
+    <span class="icon is-small">
+      <i class="fa fa-times"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-small">
+    <span class="icon is-small">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-medium">
+    <span class="icon">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-medium">
+      <i class="fa fa-github"></i>
+    </span>
+    <span>GitHub</span>
+  </a>
+</p>
+
+
+ +
+
+
+

+ New! +

+

+ If the button only contains an icon, Bulma will make sure the button remains square, no matter the size of the button or of the icon. +

+
+ + +

+ + + + + +

+

+ + + + + + + + + + +

+

+ + + + + + + + + + + + + + + +

+

+ + + + + + + + + + + + + + + + + + + + +

+ +
+
+
<p class="field">
+  <a class="button is-small">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-medium">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-medium">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+  <a class="button is-medium">
+    <span class="icon is-medium">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+<p class="field">
+  <a class="button is-large">
+    <span class="icon is-small">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-large">
+  <span class="icon">
+    <i class="fa fa-header"></i>
+  </span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-medium">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+  <a class="button is-large">
+    <span class="icon is-large">
+      <i class="fa fa-header"></i>
+    </span>
+  </a>
+</p>
+
+
+ +
+ +

Button group

+
+

If you want to group buttons together, use the is-grouped modifier on the field container:

+
+ +
+ +
+

+ + Save changes + +

+

+ + Cancel + +

+

+ + Delete post + +

+
+ +
+
<div class="field is-grouped">
+  <p class="control">
+    <a class="button is-primary">
+      Save changes
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      Cancel
+    </a>
+  </p>
+  <p class="control">
+    <a class="button is-danger">
+      Delete post
+    </a>
+  </p>
+</div>
+ +
+ +

Button addons

+
+

If you want to use buttons as addons, use the has-addons modifier on the field container:

+
+ +
+ +
+

+ + + + + Left + +

+

+ + + + + Center + +

+

+ + + + + Right + +

+
+ +
+
<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-left"></i>
+      </span>
+      <span>Left</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-center"></i>
+      </span>
+      <span>Center</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-right"></i>
+      </span>
+      <span>Right</span>
+    </a>
+  </p>
+</div>
+ +
+ +

Button group with addons

+
+

You can group together addons as well:

+
+ +
+ +
+

+ + + + + Bold + +

+

+ + + + + Italic + +

+

+ + + + + Underline + +

+
+ +
+

+ + + + + Left + +

+

+ + + + + Center + +

+

+ + + + + Right + +

+
+ +
+
<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-bold"></i>
+      </span>
+      <span>Bold</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-italic"></i>
+      </span>
+      <span>Italic</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-underline"></i>
+      </span>
+      <span>Underline</span>
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-left"></i>
+      </span>
+      <span>Left</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-center"></i>
+      </span>
+      <span>Center</span>
+    </a>
+  </p>
+  <p class="control">
+    <a class="button">
+      <span class="icon is-small">
+        <i class="fa fa-align-right"></i>
+      </span>
+      <span>Right</span>
+    </a>
+  </p>
+</div>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/content/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/content/index.html new file mode 100644 index 000000000..84be5a3e1 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/content/index.html @@ -0,0 +1,832 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Content

+

+ A single class to handle WYSIWYG generated content, where only HTML tags are available +

+ +
+ +
+

When you can't use the CSS classes you want, or when you just want to directly use HTML tags, use content as container. It can handle almost any HTML tag:

+
    +
  • <p> paragraphs
    • +
  • <ul> <ol> <dl> lists
    • +
  • <h1> to <h6> headings
    • +
  • <blockquote> quotes
    • +
  • <em> and <strong>
    • +
  • <table> <tr> <th> <td> tables
    • +
+

This content class can be used in any context where you just want to (or can only) write some text. For example, it's used for the paragraph you're currently reading.

+
+ + + +
+ +
+

Hello World

+

Lorem ipsum[1] dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Subscript works as well!

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+

Third level

+

Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.

+
    +
  1. Donec blandit a lorem id convallis.
    2. +
  2. Cras gravida arcu at diam gravida gravida.
    3. +
  3. Integer in volutpat libero.
    4. +
  4. Donec a diam tellus.
    5. +
  5. Aenean nec tortor orci.
    6. +
  6. Quisque aliquam cursus urna, non bibendum massa viverra eget.
    7. +
  7. Vivamus maximus ultricies pulvinar.
    8. +
+
Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.
+

Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et justo sodales elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.

+

Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.

+
+
Web
+
The part of the Internet that contains websites and web pages
+
HTML
+
A markup language for creating web pages
+
CSS
+
A technology to make HTML look better
+
+

Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.

+

Fourth level

+

Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.

+ 
<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hello World</title>
+  </head>
+  <body>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p>
+  </body>
+</html>
+

Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+

Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.

+
Fifth level
+

Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.

+
+ + +
+ Figure 1: Some beautiful placeholders +
+
+
Sixth level
+

Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.

+
+ +
+ +
<div class="content">
+  <h1>Hello World</h1>
+  <p>Lorem ipsum<sup><a>[1]</a></sup> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<sub>script</sub> works as well!</p>
+  <h2>Second level</h2>
+  <p>Curabitur accumsan turpis pharetra <strong>augue tincidunt</strong> blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.</p>
+  <ul>
+    <li>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</li>
+    <li>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</li>
+    <li>Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.</li>
+    <li>Ut non enim metus.</li>
+  </ul>
+  <h3>Third level</h3>
+  <p>Quisque ante lacus, malesuada ac auctor vitae, congue <a href="#">non ante</a>. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.</p>
+  <ol>
+    <li>Donec blandit a lorem id convallis.</li>
+    <li>Cras gravida arcu at diam gravida gravida.</li>
+    <li>Integer in volutpat libero.</li>
+    <li>Donec a diam tellus.</li>
+    <li>Aenean nec tortor orci.</li>
+    <li>Quisque aliquam cursus urna, non bibendum massa viverra eget.</li>
+    <li>Vivamus maximus ultricies pulvinar.</li>
+  </ol>
+  <blockquote>Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.</blockquote>
+  <p>Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et <em>justo sodales</em> elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.</p>
+  <p>Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.</p>
+  <dl>
+    <dt>Web</dt>
+    <dd>The part of the Internet that contains websites and web pages</dd>
+    <dt>HTML</dt>
+    <dd>A markup language for creating web pages</dd>
+    <dt>CSS</dt>
+    <dd>A technology to make HTML look better</dd>
+  </dl>
+  <p>Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.</p>
+  <h4>Fourth level</h4>
+  <p>Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.</p>
+  <pre>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;Hello World&lt;/title&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.&lt;/p&gt;
+  &lt;/body&gt;
+&lt;/html&gt;</pre>
+  <p>Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.</p>
+  <table>
+    <thead>
+      <tr>
+        <th>One</th>
+        <th>Two</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Three</td>
+        <td>Four</td>
+      </tr>
+      <tr>
+        <td>Five</td>
+        <td>Six</td>
+      </tr>
+      <tr>
+        <td>Seven</td>
+        <td>Eight</td>
+      </tr>
+      <tr>
+        <td>Nine</td>
+        <td>Ten</td>
+      </tr>
+      <tr>
+        <td>Eleven</td>
+        <td>Twelve</td>
+      </tr>
+    </tbody>
+  </table>
+  <p>Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.</p>
+  <h5>Fifth level</h5>
+  <p>Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.</p>
+  <figure>
+    <img src="http://bulma.io/versions/0.4.4/images/placeholders/256x256.png">
+    <img src="http://bulma.io/versions/0.4.4/images/placeholders/256x256.png">
+    <figcaption>
+      Figure 1: Some beautiful placeholders
+    </figcaption>
+  </figure>
+  <h6>Sixth level</h6>
+  <p>Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.</p>
+</div>
+ +
+ +

Sizes

+
+

You can use the is-small, is-medium and is-large modifiers to change the font size.

+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+
+
+

Hello World

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • Ut non enim metus.
    • +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/delete/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/delete/index.html new file mode 100644 index 000000000..999c3c2d0 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/delete/index.html @@ -0,0 +1,688 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Delete

+

+ A versatile delete cross +

+ +
+ +
+

+ The .delete element is a stand-alone element that can be used in different contexts. +

+
+ + +
+
+
+

+ On its own, it's a simple circle with a cross: +

+
+ + + +
+
+
<a class="delete"></a>
+
+
+ + +
+
+
+

+ It comes in 4 sizes: +

+
+ + + + + + +
+
+
<a class="delete is-small"></a>
+<a class="delete"></a>
+<a class="delete is-medium"></a>
+<a class="delete is-large"></a>
+
+
+ + +
+
+
+

+ Bulma uses it for the tags, the notifications, and the messages: +

+
+ +
+ + Hello World + + +
+ +
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit +
+ +
+
+ Info + +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+ +
+
+
<div class="block">
+  <span class="tag is-success">
+    Hello World
+    <button class="delete is-small"></button>
+  </span>
+</div>
+
+<div class="notification is-danger">
+  <button class="delete"></button>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit
+</div>
+
+<article class="message is-info">
+  <div class="message-header">
+    Info
+    <button class="delete"></button>
+  </div>
+  <div class="message-body">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+  </div>
+</article>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/form/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/form/index.html new file mode 100644 index 000000000..f5e510261 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/form/index.html @@ -0,0 +1,2539 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Form controls

+

+ All generic form controls, designed for consistency +

+ +
+ +
+

The following form controls classes are supported:

+
    +
  • .label
    • +
  • .input
    • +
  • .textarea
    • +
  • .select
    • +
  • .checkbox
    • +
  • .radio
    • +
  • .button
    • +
  • .help
    • +
+

Each of them should be wrapped in a .control container.
+ When combining several controls in a form, use the .field class as a container, to keep the spacing consistent.

+
+ +
+
+ +
+ +

+ +

+
+ +
+ +

+ + + + + + + +

+

This username is available

+
+ +
+ +

+ + + + + + + +

+

This email is invalid

+
+ +
+ +

+ + + +

+
+ +
+ +

+ +

+
+ +
+

+ +

+
+ +
+

+ + +

+
+ +
+

+ +

+

+ +

+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <p class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </p>
+</div>
+
+<div class="field">
+  <label class="label">Username</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small is-left">
+      <i class="fa fa-user"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+  <p class="help is-success">This username is available</p>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-danger" type="text" placeholder="Email input" value="hello@">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-warning"></i>
+    </span>
+  </p>
+  <p class="help is-danger">This email is invalid</p>
+</div>
+
+<div class="field">
+  <label class="label">Subject</label>
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <label class="label">Message</label>
+  <p class="control">
+    <textarea class="textarea" placeholder="Textarea"></textarea>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control">
+    <label class="checkbox">
+      <input type="checkbox">
+      I agree to the <a href="#">terms and conditions</a>
+    </label>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control">
+    <label class="radio">
+      <input type="radio" name="question">
+      Yes
+    </label>
+    <label class="radio">
+      <input type="radio" name="question">
+      No
+    </label>
+  </p>
+</div>
+
+<div class="field is-grouped">
+  <p class="control">
+    <button class="button is-primary">Submit</button>
+  </p>
+  <p class="control">
+    <button class="button is-link">Cancel</button>
+  </p>
+</div>
+
+
+ +
+ +

Colors

+
+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-primary" type="text" placeholder="Primary input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-info" type="text" placeholder="Info input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-success" type="text" placeholder="Success input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-warning" type="text" placeholder="Warning input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-danger" type="text" placeholder="Danger input">
+  </p>
+</div>
+
+
+ +
+

Sizes

+
+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ + + +

+
+
+

+ + + +

+
+
+

+ + + +

+
+
+

+ + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-small" type="text" placeholder="Small input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-medium" type="text" placeholder="Medium input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <input class="input is-large" type="text" placeholder="Large input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-small">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-medium">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <span class="select is-large">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+  </p>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea" placeholder="Normal textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Hover

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-hovered" type="text" placeholder="Hovered input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea is-hovered" placeholder="Hovered textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Focus

+
+
+ +
+

+ +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input is-focused" type="text" placeholder="Focused input">
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea is-focused" placeholder="Focused textarea"></textarea>
+  </p>
+</div>
+
+
+ +

Loading

+
+
+ +
+

+ +

+
+
+
+
+ +
+
+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control is-loading">
+    <input class="input" type="text" placeholder="Loading input">
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-loading">
+      <select>
+        <option>Loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <p class="control is-loading">
+    <textarea class="textarea" placeholder="Loading textarea"></textarea>
+  </p>
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+

+ +

+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <p class="control is-small is-loading">
+    <input class="input is-small" type="text" placeholder="Small loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-loading">
+    <input class="input" type="text" placeholder="Normal loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-medium is-loading">
+    <input class="input is-medium" type="text" placeholder="Medium loading input">
+  </p>
+</div>
+<div class="field">
+  <p class="control is-large is-loading">
+    <input class="input is-large" type="text" placeholder="Large loading input">
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-small is-loading">
+      <select>
+        <option>Small loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-loading">
+      <select>
+        <option>Normal loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-medium is-loading">
+      <select>
+        <option>Medium loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-large is-loading">
+      <select>
+        <option>Large loading dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+

+ +

+
+
+
+
+ +
+
+
+
+

+ +

+
+
+

+ +

+
+
+

+ + +

+
+
+

+ +

+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control">
+    <input class="input" type="text" placeholder="Disabled input" disabled>
+  </p>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-disabled">
+      <select disabled>
+        <option>Disabled dropdown</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <p class="control">
+    <textarea class="textarea" placeholder="Disabled textarea" disabled></textarea>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <label class="checkbox" disabled>
+      <input type="checkbox" disabled>
+      Remember me
+    </label>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <label class="radio" disabled>
+      <input type="radio" name="question" disabled>
+      Yes
+    </label>
+    <label class="radio" disabled>
+      <input type="radio" name="question" disabled>
+      No
+    </label>
+  </p>
+</div>
+<div class="field is-grouped">
+  <p class="control">
+    <button class="button is-primary" disabled>Submit</button>
+  </p>
+  <p class="control">
+    <button class="button" disabled>Cancel</button>
+  </p>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + +

+
+
+

+ + + + +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <button class="button is-success">
+      Login
+    </button>
+  </p>
+</div>
+
+
+ +
+
+
+

+ New! + 0.4.2 +

+

+ You can now append icons to select dropdowns as well. +

+
+ +
+

+ + + + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <span class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+    <span class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-small">Small input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-small" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label">Normal input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-medium">Medium input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+ +
+ +

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+

+ + + + + + + +

+
+ +
+
+ 
<div class="field">
+  <label class="label is-large">Large input</label>
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-large is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-large is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+ +

Form addons

+
+

If you want to attach controls together, use the has-addons modifier on the control container:

+
+
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+
+

You can attach inputs, buttons, and dropdowns only.

+
+ +
+

+ New! + 0.4.2 +

+

It can be useful to append a static button.

+
+ +
+ +
+

+ +

+

+ + @gmail.com + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Your email">
+  </p>
+  <p class="control">
+    <a class="button is-static">
+      @gmail.com
+    </a>
+  </p>
+</div>
+ +
+

Use the is-expanded modifier on the element you want to fill up the remaining space (in this case, the input):

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+

If you want a full width select dropdown, pair control is-expanded with select is-fullwidth.

+
+
+ +
+

+ + + +

+

+ +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control is-expanded">
+    <span class="select is-fullwidth">
+      <select name="country">
+        <option value="Argentina">Argentina</option>
+        <option value="Bolivia">Bolivia</option>
+        <option value="Brazil">Brazil</option>
+        <option value="Chile">Chile</option>
+        <option value="Colombia">Colombia</option>
+        <option value="Ecuador">Ecuador</option>
+        <option value="Guyana">Guyana</option>
+        <option value="Paraguay">Paraguay</option>
+        <option value="Peru">Peru</option>
+        <option value="Suriname">Suriname</option>
+        <option value="Uruguay">Uruguay</option>
+        <option value="Venezuela">Venezuela</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <button type="submit" class="button is-primary">Choose</button>
+  </p>
+</div>
+ +
+

Use the has-addons-centered or the has-addons-right modifers to alter the alignment.

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-centered">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-right">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+ +

Form group

+
+

+ If you want to group controls together, use the is-grouped modifier on the control container. +
+ Use the is-grouped-centered or the is-grouped-right modifers to alter the alignment. +

+

+ Add the is-expanded modifier on the control element you want to fill up the remaining space. +

+
+
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+ +
+ +

Horizontal form

+
+

If you want a horizontal form control, use the is-horizontal modifier on the field container, in which you include:

+
    +
  • + field-label for the side label +
    • +
  • + field-body for the input/select/textarea container +
    • +
+

You can of course use is-grouped or has-addons for the child elements.

+
+
+ +
+
+ +
+
+
+

+ + + + +

+
+
+

+ + + + + + + +

+

This email is correct

+
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+ +
+

+ This field is required +

+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">From</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-grouped">
+      <p class="control is-expanded has-icons-left">
+        <input class="input" type="text" placeholder="Name">
+        <span class="icon is-small is-left">
+          <i class="fa fa-user"></i>
+        </span>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control is-expanded has-icons-left has-icons-right">
+        <input class="input is-success" type="email" placeholder="Email" value="alex@smith.com">
+        <span class="icon is-small is-left">
+          <i class="fa fa-envelope"></i>
+        </span>
+        <span class="icon is-small is-right">
+          <i class="fa fa-check"></i>
+        </span>
+      </p>
+      <p class="help is-success">This email is correct</p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Department</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <div class="select is-fullwidth">
+          <select>
+            <option>Business development</option>
+            <option>Marketing</option>
+            <option>Sales</option>
+          </select>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">Already a member?</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <label class="radio">
+          <input type="radio" name="member">
+          Yes
+        </label>
+        <label class="radio">
+          <input type="radio" name="member">
+          No
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Subject</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-danger" type="text" placeholder="e.g. Partnership opportunity">
+      </div>
+      <p class="help is-danger">
+        This field is required
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Question</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <textarea class="textarea" placeholder="Explain how we can help you"></textarea>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <!-- Left empty for spacing -->
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <button class="button is-primary">
+          Send message
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+ +
+

+ New! +

+

+ To preserve the vertical alignment of labels with each type and size of control, the .field-label comes with 4 size modifiers: +

+
    +
  • + .is-small +
    • +
  • + .is-normal for any .input or .button +
    • +
  • + .is-medium +
    • +
  • + .is-large +
    • +
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">No padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input type="checkbox">
+          Checkbox
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-small">
+    <label class="label">Small padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-small" type="text" placeholder="Small sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Normal label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input" type="text" placeholder="Normal sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-medium">
+    <label class="label">Medium label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-medium" type="text" placeholder="Medium sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-large">
+    <label class="label">Large label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-large" type="text" placeholder="Large sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/icon/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/icon/index.html new file mode 100644 index 000000000..88085de39 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/icon/index.html @@ -0,0 +1,650 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Icons

+

+ Bulma is compatible with Font Awesome icons. +

+ +
+ +
+

Because the icons can take a few seconds to load, and because you want control over the space the icons will take, you can use the icon class as a container:

+
+ + +
+ + + + + +
+ +
<span class="icon">
+  <i class="fa fa-home"></i>
+</span>
+ +
+

The icon container will take up exactly 1.5rem x 1.5rem. The icon itself is sized at 21px.

+
+ +
+ +

Sizes

+ +
+

Font Awesome icons use a font-size of 28px by default, and are best rendered when using multiples of 7.

+

The Bulma icon container is always slightly bigger than the font-size used:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClassFont-sizeContainer size
icon is-small14px1rem x 1rem
icon21px1.5rem x 1.5rem
icon is-medium28px2rem x 2rem
icon is-large42px3rem x 3rem
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/image/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/image/index.html new file mode 100644 index 000000000..73496ad3f --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/image/index.html @@ -0,0 +1,708 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Images

+

+ A container for responsive images +

+ +
+ +
+

Because images can take a few seconds to load (or not at all), use the .image container to specify a precisely sized container so that your layout isn't broken because of image loading or image errors.

+
+ +
+
+ +
+
+ +
<figure class="image is-128x128">
+  <img src="http://bulma.io/versions/0.4.4/images/placeholders/128x128.png">
+</figure>
+ +
+ +

Fixed square images

+
+

There are 7 dimensions to choose from, useful for avatars:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
image is-16x16
16x16px
image is-24x24
24x24px
image is-32x32
32x32px
image is-48x48
48x48px
image is-64x64
64x64px
image is-96x96
96x96px
image is-128x128
128x128px
+ +

Retina images

+ +
+

Because the image is fixed in size, you can use an image that is twice as big. So for example, in a 128x128 container, you can use a 256x256 image, but resized to 128x128 pixels.

+
+ +
+
+ +
+
+ +
<figure class="image is-128x128">
+  <img src="http://bulma.io/versions/0.4.4/images/placeholders/256x256.png">
+</figure>
+ +
+ +

Responsive images with ratios

+ +
+

If you don't know the exact dimensions but know the ratio instead, you can use one of the 5 ratio modifers:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
image is-square
Square (or 1by1)
image is-1by1
1 by 1
image is-4by3
4 by 3
image is-3by2
3 by 2
image is-16by9
16 by 9
image is-2by1
2 by 1
+ +
+

The .image container will take up the whole width while maintaining the perfect ratio.

+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/notification/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/notification/index.html new file mode 100644 index 000000000..7c276ed9c --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/notification/index.html @@ -0,0 +1,656 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Notifications

+

+ Bold notification blocks, to alert your users of something +

+ +
+ +
+
+
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+ + Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+ + Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+ + Success lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+ + Warning lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+ + Danger lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit +
+
+
+
<div class="notification">
+  <button class="delete"></button>
+  Lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-primary">
+  <button class="delete"></button>
+  Primar lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-info">
+  <button class="delete"></button>
+  Info lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-success">
+  <button class="delete"></button>
+  Success lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-warning">
+  <button class="delete"></button>
+  Warning lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+<div class="notification is-danger">
+  <button class="delete"></button>
+  Danger lorem ipsum dolor sit amet, consectetur
+  adipiscing elit lorem ipsum dolor. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Sit amet,
+  consectetur adipiscing elit
+</div>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/progress/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/progress/index.html new file mode 100644 index 000000000..49551b31d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/progress/index.html @@ -0,0 +1,614 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Progress bars

+

+ Native HTML progress bars +

+ +
+ +
+ 15% + 30% + 45% + 60% + 75% + 90% +
+
<progress class="progress" value="15" max="100">15%</progress>
+<progress class="progress is-primary" value="30" max="100">30%</progress>
+<progress class="progress is-info" value="45" max="100">45%</progress>
+<progress class="progress is-success" value="60" max="100">60%</progress>
+<progress class="progress is-warning" value="75" max="100">75%</progress>
+<progress class="progress is-danger" value="90" max="100">90%</progress>
+ +
+ +

Sizes

+
+ 15% + 30% + 45% + 60% +
+
<progress class="progress is-small" value="15" max="100">15%</progress>
+<progress class="progress" value="30" max="100">30%</progress>
+<progress class="progress is-medium" value="45" max="100">45%</progress>
+<progress class="progress is-large" value="60" max="100">60%</progress>
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/table/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/table/index.html new file mode 100644 index 000000000..93124ed09 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/table/index.html @@ -0,0 +1,1376 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Tables

+

The inevitable HTML table, with special case cells

+ +
+ +
+

You simply need to attach a single .table CSS class on a <table> with the following structure:

+
    +
  • + table +
      +
    • + thead +
      • +
    • + tfoot +
      • +
    • + tbody +
        +
      • + tr +
          +
        • + th +
          • +
        • + td +
          • +
        +
        • +
      +
      • +
    +
    • +
+

+ New! + 0.4.2 +

+

+ You can set a table row as selected by appending the is-selected modifier on a <tr> +

+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PosTeamPldWDLGFGAGDPtsQualification or relegation
PosTeamPldWDLGFGAGDPtsQualification or relegation
1Leicester City (C) + 38231236836+3281Qualification for the Champions League group stage
2Arsenal38201176536+2971Qualification for the Champions League group stage
3Tottenham Hotspur38191366935+3470Qualification for the Champions League group stage
4Manchester City38199107141+3066Qualification for the Champions League play-off round
5Manchester United38199104935+1466Qualification for the Europa League group stage
6Southampton38189115941+1863Qualification for the Europa League group stage
7West Ham United38161486551+1462Qualification for the Europa League third qualifying round
8Liverpool381612106350+1360
9Stoke City38149154155−1451
10Chelsea381214125953+650
11Everton381114135955+447
12Swansea City381211154252−1047
13Watford38129174050−1045
14West Bromwich Albion381013153448−1443
15Crystal Palace38119183951−1242
16AFC Bournemouth38119184567−2242
17Sunderland38912174862−1439
18Newcastle United (R) + 38910194465−2137Relegation to the Football League Championship
19Norwich City (R) + 3897223967−2834Relegation to the Football League Championship
20Aston Villa (R) + 3838272776−4917Relegation to the Football League Championship
+ +
+ +
<table class="table">
+  <thead>
+    <tr>
+      <th><abbr title="Position">Pos</abbr></th>
+      <th>Team</th>
+      <th><abbr title="Played">Pld</abbr></th>
+      <th><abbr title="Won">W</abbr></th>
+      <th><abbr title="Drawn">D</abbr></th>
+      <th><abbr title="Lost">L</abbr></th>
+      <th><abbr title="Goals for">GF</abbr></th>
+      <th><abbr title="Goals against">GA</abbr></th>
+      <th><abbr title="Goal difference">GD</abbr></th>
+      <th><abbr title="Points">Pts</abbr></th>
+      <th>Qualification or relegation</th>
+    </tr>
+  </thead>
+  <tfoot>
+    <tr>
+      <th><abbr title="Position">Pos</abbr></th>
+      <th>Team</th>
+      <th><abbr title="Played">Pld</abbr></th>
+      <th><abbr title="Won">W</abbr></th>
+      <th><abbr title="Drawn">D</abbr></th>
+      <th><abbr title="Lost">L</abbr></th>
+      <th><abbr title="Goals for">GF</abbr></th>
+      <th><abbr title="Goals against">GA</abbr></th>
+      <th><abbr title="Goal difference">GD</abbr></th>
+      <th><abbr title="Points">Pts</abbr></th>
+      <th>Qualification or relegation</th>
+    </tr>
+  </tfoot>
+  <tbody>
+    <tr>
+      <th>1</th>
+      <td><a href="https://en.wikipedia.org/wiki/Leicester_City_F.C." title="Leicester City F.C.">Leicester City</a> <strong>(C)</strong>
+      </td>
+      <td>38</td>
+      <td>23</td>
+      <td>12</td>
+      <td>3</td>
+      <td>68</td>
+      <td>36</td>
+      <td>+32</td>
+      <td>81</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr>
+      <th>2</th>
+      <td><a href="https://en.wikipedia.org/wiki/Arsenal_F.C." title="Arsenal F.C.">Arsenal</a></td>
+      <td>38</td>
+      <td>20</td>
+      <td>11</td>
+      <td>7</td>
+      <td>65</td>
+      <td>36</td>
+      <td>+29</td>
+      <td>71</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr>
+      <th>3</th>
+      <td><a href="https://en.wikipedia.org/wiki/Tottenham_Hotspur_F.C." title="Tottenham Hotspur F.C.">Tottenham Hotspur</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>13</td>
+      <td>6</td>
+      <td>69</td>
+      <td>35</td>
+      <td>+34</td>
+      <td>70</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Group_stage" title="2016–17 UEFA Champions League">Champions League group stage</a></td>
+    </tr>
+    <tr class="is-selected">
+      <th>4</th>
+      <td><a href="https://en.wikipedia.org/wiki/Manchester_City_F.C." title="Manchester City F.C.">Manchester City</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>9</td>
+      <td>10</td>
+      <td>71</td>
+      <td>41</td>
+      <td>+30</td>
+      <td>66</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Champions_League#Play-off_round" title="2016–17 UEFA Champions League">Champions League play-off round</a></td>
+    </tr>
+    <tr>
+      <th>5</th>
+      <td><a href="https://en.wikipedia.org/wiki/Manchester_United_F.C." title="Manchester United F.C.">Manchester United</a></td>
+      <td>38</td>
+      <td>19</td>
+      <td>9</td>
+      <td>10</td>
+      <td>49</td>
+      <td>35</td>
+      <td>+14</td>
+      <td>66</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Group_stage" title="2016–17 UEFA Europa League">Europa League group stage</a></td>
+    </tr>
+    <tr>
+      <th>6</th>
+      <td><a href="https://en.wikipedia.org/wiki/Southampton_F.C." title="Southampton F.C.">Southampton</a></td>
+      <td>38</td>
+      <td>18</td>
+      <td>9</td>
+      <td>11</td>
+      <td>59</td>
+      <td>41</td>
+      <td>+18</td>
+      <td>63</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Group_stage" title="2016–17 UEFA Europa League">Europa League group stage</a></td>
+    </tr>
+    <tr>
+      <th>7</th>
+      <td><a href="https://en.wikipedia.org/wiki/West_Ham_United_F.C." title="West Ham United F.C.">West Ham United</a></td>
+      <td>38</td>
+      <td>16</td>
+      <td>14</td>
+      <td>8</td>
+      <td>65</td>
+      <td>51</td>
+      <td>+14</td>
+      <td>62</td>
+      <td>Qualification for the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_UEFA_Europa_League#Third_qualifying_round" title="2016–17 UEFA Europa League">Europa League third qualifying round</a></td>
+    </tr>
+    <tr>
+      <th>8</th>
+      <td><a href="https://en.wikipedia.org/wiki/Liverpool_F.C." title="Liverpool F.C.">Liverpool</a></td>
+      <td>38</td>
+      <td>16</td>
+      <td>12</td>
+      <td>10</td>
+      <td>63</td>
+      <td>50</td>
+      <td>+13</td>
+      <td>60</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>9</th>
+      <td><a href="https://en.wikipedia.org/wiki/Stoke_City_F.C." title="Stoke City F.C.">Stoke City</a></td>
+      <td>38</td>
+      <td>14</td>
+      <td>9</td>
+      <td>15</td>
+      <td>41</td>
+      <td>55</td>
+      <td>−14</td>
+      <td>51</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>10</th>
+      <td><a href="https://en.wikipedia.org/wiki/Chelsea_F.C." title="Chelsea F.C.">Chelsea</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>14</td>
+      <td>12</td>
+      <td>59</td>
+      <td>53</td>
+      <td>+6</td>
+      <td>50</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>11</th>
+      <td><a href="https://en.wikipedia.org/wiki/Everton_F.C." title="Everton F.C.">Everton</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>14</td>
+      <td>13</td>
+      <td>59</td>
+      <td>55</td>
+      <td>+4</td>
+      <td>47</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>12</th>
+      <td><a href="https://en.wikipedia.org/wiki/Swansea_City_A.F.C." title="Swansea City A.F.C.">Swansea City</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>11</td>
+      <td>15</td>
+      <td>42</td>
+      <td>52</td>
+      <td>−10</td>
+      <td>47</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>13</th>
+      <td><a href="https://en.wikipedia.org/wiki/Watford_F.C." title="Watford F.C.">Watford</a></td>
+      <td>38</td>
+      <td>12</td>
+      <td>9</td>
+      <td>17</td>
+      <td>40</td>
+      <td>50</td>
+      <td>−10</td>
+      <td>45</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>14</th>
+      <td><a href="https://en.wikipedia.org/wiki/West_Bromwich_Albion_F.C." title="West Bromwich Albion F.C.">West Bromwich Albion</a></td>
+      <td>38</td>
+      <td>10</td>
+      <td>13</td>
+      <td>15</td>
+      <td>34</td>
+      <td>48</td>
+      <td>−14</td>
+      <td>43</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>15</th>
+      <td><a href="https://en.wikipedia.org/wiki/Crystal_Palace_F.C." title="Crystal Palace F.C.">Crystal Palace</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>9</td>
+      <td>18</td>
+      <td>39</td>
+      <td>51</td>
+      <td>−12</td>
+      <td>42</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>16</th>
+      <td><a href="https://en.wikipedia.org/wiki/A.F.C._Bournemouth" title="A.F.C. Bournemouth">AFC Bournemouth</a></td>
+      <td>38</td>
+      <td>11</td>
+      <td>9</td>
+      <td>18</td>
+      <td>45</td>
+      <td>67</td>
+      <td>−22</td>
+      <td>42</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>17</th>
+      <td><a href="https://en.wikipedia.org/wiki/Sunderland_A.F.C." title="Sunderland A.F.C.">Sunderland</a></td>
+      <td>38</td>
+      <td>9</td>
+      <td>12</td>
+      <td>17</td>
+      <td>48</td>
+      <td>62</td>
+      <td>−14</td>
+      <td>39</td>
+      <td></td>
+    </tr>
+    <tr>
+      <th>18</th>
+      <td><a href="https://en.wikipedia.org/wiki/Newcastle_United_F.C." title="Newcastle United F.C.">Newcastle United</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>9</td>
+      <td>10</td>
+      <td>19</td>
+      <td>44</td>
+      <td>65</td>
+      <td>−21</td>
+      <td>37</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>
+    </tr>
+    <tr>
+      <th>19</th>
+      <td><a href="https://en.wikipedia.org/wiki/Norwich_City_F.C." title="Norwich City F.C.">Norwich City</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>9</td>
+      <td>7</td>
+      <td>22</td>
+      <td>39</td>
+      <td>67</td>
+      <td>−28</td>
+      <td>34</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>    </tr>
+    <tr>
+      <th>20</th>
+      <td><a href="https://en.wikipedia.org/wiki/Aston_Villa_F.C." title="Aston Villa F.C.">Aston Villa</a> <strong>(R)</strong>
+      </td>
+      <td>38</td>
+      <td>3</td>
+      <td>8</td>
+      <td>27</td>
+      <td>27</td>
+      <td>76</td>
+      <td>−49</td>
+      <td>17</td>
+      <td>Relegation to the <a href="https://en.wikipedia.org/wiki/2016%E2%80%9317_Football_League_Championship" title="2016–17 Football League Championship">Football League Championship</a></td>
+    </tr>
+  </tbody>
+</table>
+ +
+ +

Modifiers

+ +
+
+

Add borders to all the cells.

+
+
+ table is-bordered +
+
+ + + + + + + + + + + + + +
OneTwo
ThreeFour
+
+
+ +
+
+

Add stripes to the table.

+
+
+ table is-striped +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+
+

Make the cells narrower.

+
+
+ table is-narrow +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+ +
+
+

You can combine all three modifiers.

+
+
+ table is-bordered is-striped is-narrow +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OneTwo
ThreeFour
FiveSix
SevenEight
NineTen
ElevenTwelve
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/tag/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/tag/index.html new file mode 100644 index 000000000..c02555fb6 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/tag/index.html @@ -0,0 +1,724 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Tags

+

+ Small tag labels to insert anywhere +

+ +
+ +
+
+ By default, a tag is a 1.5rem high label. +
+
+ + Tag label + +
+
+
<span class="tag">
+  Tag label
+</span>
+
+
+ +
+
+ Like with buttons, there are 9 different colors available. +
+
+

+ + Black + +

+

+ + Dark + +

+

+ + Light + +

+

+ + White + +

+

+ + Primary + +

+

+ + Info + +

+

+ + Success + +

+

+ + Warning + +

+ + Danger + +
+
+
<span class="tag is-black">Black</span>
+<span class="tag is-dark">Dark</span>
+<span class="tag is-light">Light</span>
+<span class="tag is-white">White</span>
+<span class="tag is-primary">Primary</span>
+<span class="tag is-info">Info</span>
+<span class="tag is-success">Success</span>
+<span class="tag is-warning">Warning</span>
+<span class="tag is-danger">Danger</span>
+
+
+ +
+
+ And 2 additional sizes. +
+
+

+ + Medium + +

+

+ + Large + +

+
+
+
<span class="tag is-primary is-medium">Medium</span>
+<span class="tag is-info is-large">Large</span>
+
+
+ +
+
+ You can also append a delete button. +
+
+

+ + Bar + + +

+

+ + Hello + + +

+

+ + World + + +

+
+
+
<span class="tag is-success">
+  Bar
+  <button class="delete is-small"></button>
+</span>
+<span class="tag is-warning is-medium">
+  Hello
+  <button class="delete is-small"></button>
+</span>
+<span class="tag is-danger is-large">
+  World
+  <button class="delete"></button>
+</span>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/title/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/title/index.html new file mode 100644 index 000000000..2ed9b2a3d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/elements/title/index.html @@ -0,0 +1,714 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Titles

+

+ Simple headings to add depth to your page +

+ +
+ +
+
+

There are 2 types of heading:

+
+
+

Title

+

Subtitle

+
+
+
<h1 class="title">Title</h1>
+<h2 class="subtitle">Subtitle</h2>
+
+
+ +
+ +
+
+

There are 6 sizes available:

+
+
+

Title 1

+

Title 2

+

Title 3 (default size)

+

Title 4

+

Title 5

+

Title 6

+
+
+
<h1 class="title is-1">Title 1</h1>
+<h2 class="title is-2">Title 2</h2>
+<h3 class="title is-3">Title 3</h3>
+<h4 class="title is-4">Title 4</h4>
+<h5 class="title is-5">Title 5</h5>
+<h6 class="title is-6">Title 6</h6>
+
+
+ +
+
+
+

Subtitle 1

+

Subtitle 2

+

Subtitle 3

+

Subtitle 4

+

Subtitle 5 (default size)

+

Subtitle 6

+
+
+
<h1 class="subtitle is-1">Subtitle 1</h1>
+<h2 class="subtitle is-2">Subtitle 2</h2>
+<h3 class="subtitle is-3">Subtitle 3</h3>
+<h4 class="subtitle is-4">Subtitle 4</h4>
+<h5 class="subtitle is-5">Subtitle 5</h5>
+<h6 class="subtitle is-6">Subtitle 6</h6>
+
+
+ +
+ +
+
+
+

When you combine a title and a subtitle, they move closer together.

+

As a rule of thumb, it is recommended to use a size difference of two. So if you use a title is-1, combine it with a subtitle is-3.

+
+
+
+
+

Title 1

+

Subtitle 3

+
+
+

Title 2

+

Subtitle 4

+
+
+

Title 3

+

Subtitle 5

+
+
+
+
<p class="title is-1">Title 1</p>
+<p class="subtitle is-3">Subtitle 3</p>
+
+<p class="title is-2">Title 2</p>
+<p class="subtitle is-4">Subtitle 4</p>
+
+<p class="title is-3">Title 3</p>
+<p class="subtitle is-5">Subtitle 5</p>
+
+
+ +
+ +
+
+
+

+ New! +

+

You can maintain the normal spacing between titles and subtitles if you use the is-spaced modifier on the first element.

+
+
+
+
+

Title 1

+

Subtitle 3

+
+
+

Title 2

+

Subtitle 4

+
+
+

Title 3

+

Subtitle 5

+
+
+
+
<p class="title is-1 is-spaced">Title 1</p>
+<p class="subtitle is-3">Subtitle 3</p>
+
+<p class="title is-2 is-spaced">Title 2</p>
+<p class="subtitle is-4">Subtitle 4</p>
+
+<p class="title is-3 is-spaced">Title 3</p>
+<p class="subtitle is-5">Subtitle 5</p>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/checkbox/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/checkbox/index.html new file mode 100644 index 000000000..c9831435e --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/checkbox/index.html @@ -0,0 +1,638 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Checkbox

+

+ The 2-state checkbox in its native format +

+ +
+ +
+

+ The checkbox class is a simple wrapper around the <input type="checkbox"> HTML element. It is intentionally not styled, to preserve cross-browser compatibility and the user experience. +

+
+ +
+
+ + + +
+
+ 
<label class="checkbox">
+  <input type="checkbox">
+  Remember me
+</label>
+
+
+ +
+

+ You can add links to your checkbox, or even disable it. +

+
+ +
+
+ + + +
+
+ 
<label class="checkbox">
+  <input type="checkbox">
+  I agree to the <a href="#">terms and conditions</a>
+</label>
+
+
+ +
+
+ + + +
+
+ 
<label class="checkbox" disabled>
+  <input type="checkbox" disabled>
+  Save my preferences
+</label>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/general/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/general/index.html new file mode 100644 index 000000000..ae3471cdc --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/general/index.html @@ -0,0 +1,2124 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Form controls

+

+ All generic form controls, designed for consistency +

+ +
+ +
+

The following form controls classes are supported:

+
    +
  • .label
    • +
  • .input
    • +
  • .textarea
    • +
  • .select
    • +
  • .checkbox
    • +
  • .radio
    • +
  • .button
    • +
  • .help
    • +
+

Each of them should be wrapped in a .control container.
+ When combining several controls in a form, use the .field class as a container, to keep the spacing consistent.

+
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ + + + + + + +
+

This username is available

+
+ +
+ +
+ + + + + + + +
+

This email is invalid

+
+ +
+ +
+
+ +
+
+
+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Username</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
+    <span class="icon is-small is-left">
+      <i class="fa fa-user"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+  <p class="help is-success">This username is available</p>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-danger" type="text" placeholder="Email input" value="hello@">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-warning"></i>
+    </span>
+  </div>
+  <p class="help is-danger">This email is invalid</p>
+</div>
+
+<div class="field">
+  <label class="label">Subject</label>
+  <div class="control">
+    <div class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Message</label>
+  <div class="control">
+    <textarea class="textarea" placeholder="Textarea"></textarea>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control">
+    <label class="checkbox">
+      <input type="checkbox">
+      I agree to the <a href="#">terms and conditions</a>
+    </label>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control">
+    <label class="radio">
+      <input type="radio" name="question">
+      Yes
+    </label>
+    <label class="radio">
+      <input type="radio" name="question">
+      No
+    </label>
+  </div>
+</div>
+
+<div class="field is-grouped">
+  <div class="control">
+    <button class="button is-primary">Submit</button>
+  </div>
+  <div class="control">
+    <button class="button is-link">Cancel</button>
+  </div>
+</div>
+
+
+ +
+ +

Form field

+ +
+

The field container is a simple container for:

+
    +
  • a text label
    • +
  • a form control
    • +
  • an optional helptext
    • +
+
+ +
+
+ +
+ +
+ +
+

This is a help text

+
+ +
+
+ 
<div class="field">
+  <label class="label">Label</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="Text input">
+  </div>
+  <p class="help">This is a help text</p>
+</div>
+
+
+ +
+

This container allows form fields to be spaced consistently.

+
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Name</label>
+  <div class="control">
+    <input class="input" type="text" placeholder="e.g Alex Smith">
+  </div>
+</div>
+
+<div class="field">
+  <label class="label">Email</label>
+  <div class="control">
+    <input class="input" type="email" placeholder="e.g. alexsmith@gmail.com">
+  </div>
+</div>
+
+
+ +
+ +

Form control

+ +
+

The control is a versatile container meant to enhance single form controls. Because it has the same height as a control elements, it can only contain the following elements:

+
    +
  • input
    • +
  • select
    • +
  • button
    • +
  • icon
    • +
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Text input">
+</div>
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <button class="button is-primary">Submit</button>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + + + + +

+
+
+

+ + + + +

+
+
+

+ +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control">
+    <button class="button is-success">
+      Login
+    </button>
+  </p>
+</div>
+
+
+ +
+
+
+

+ You can append icons to select dropdowns as well. +

+
+ +
+

+ + + + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left">
+    <span class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </span>
+    <span class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-small">Small input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-small" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label">Normal input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-medium">Medium input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-medium" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+
+ +
+ +
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ + + + + + + +
+
+ +
+
+ 
<div class="field">
+  <label class="label is-large">Large input</label>
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-medium is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-medium is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+<div class="field">
+  <div class="control has-icons-left has-icons-right">
+    <input class="input is-large" type="email" placeholder="Email">
+    <span class="icon is-large is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-large is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </div>
+</div>
+
+
+ +
+ +

Form addons

+
+

If you want to attach controls together, use the has-addons modifier on the field container:

+
+
+ +
+
+ +
+
+ + Search + +
+
+ +
+ 
<div class="field has-addons">
+  <div class="control">
+    <input class="input" type="text" placeholder="Find a repository">
+  </div>
+  <div class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </div>
+</div>
+
+

You can attach inputs, buttons, and dropdowns only.

+
+ +
+

+ New! + 0.4.2 +

+

It can be useful to append a static button.

+
+ +
+ +
+

+ +

+

+ + @gmail.com + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <input class="input" type="text" placeholder="Your email">
+  </p>
+  <p class="control">
+    <a class="button is-static">
+      @gmail.com
+    </a>
+  </p>
+</div>
+ +
+

Use the is-expanded modifier on the element you want to fill up the remaining space (in this case, the input):

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+
+<div class="field has-addons">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+

If you want a full width select dropdown, pair control is-expanded with select is-fullwidth.

+
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+ 
<div class="field has-addons">
+  <div class="control is-expanded">
+    <div class="select is-fullwidth">
+      <select name="country">
+        <option value="Argentina">Argentina</option>
+        <option value="Bolivia">Bolivia</option>
+        <option value="Brazil">Brazil</option>
+        <option value="Chile">Chile</option>
+        <option value="Colombia">Colombia</option>
+        <option value="Ecuador">Ecuador</option>
+        <option value="Guyana">Guyana</option>
+        <option value="Paraguay">Paraguay</option>
+        <option value="Peru">Peru</option>
+        <option value="Suriname">Suriname</option>
+        <option value="Uruguay">Uruguay</option>
+        <option value="Venezuela">Venezuela</option>
+      </select>
+    </div>
+  </div>
+  <div class="control">
+    <button type="submit" class="button is-primary">Choose</button>
+  </div>
+</div>
+ +
+

Use the has-addons-centered or the has-addons-right modifers to alter the alignment.

+
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-centered">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+
+ +
+

+ + + +

+

+ +

+

+ + Transfer + +

+
+ +
+ 
<div class="field has-addons has-addons-right">
+  <p class="control">
+    <span class="select">
+      <select>
+        <option>$</option>
+        <option>£</option>
+        <option>€</option>
+      </select>
+    </span>
+  </p>
+  <p class="control">
+    <input class="input" type="text" placeholder="Amount of money">
+  </p>
+  <p class="control">
+    <a class="button is-primary">
+      Transfer
+    </a>
+  </p>
+</div>
+ +
+ +

Form group

+
+

+ If you want to group controls together, use the is-grouped modifier on the field container. +
+ Use the is-grouped-centered or the is-grouped-right modifers to alter the alignment. +

+

+ Add the is-expanded modifier on the control element you want to fill up the remaining space with. +

+
+
+ +
+

+ +

+

+ + Search + +

+
+ +
+ 
<div class="field is-grouped">
+  <p class="control is-expanded">
+    <input class="input" type="text" placeholder="Find a repository">
+  </p>
+  <p class="control">
+    <a class="button is-info">
+      Search
+    </a>
+  </p>
+</div>
+ +
+ +

Horizontal form

+
+

If you want a horizontal form control, use the is-horizontal modifier on the field container, in which you include:

+
    +
  • + field-label for the side label +
    • +
  • + field-body for the input/select/textarea container +
    • +
+

You can use is-grouped or has-addons for the child elements.

+
+
+ +
+
+ +
+
+
+

+ + + + +

+
+
+

+ + + + + + + +

+
+
+
+ +
+
+
+
+
+

+ + +44 + +

+

+ +

+
+

Do not enter the first zero

+
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+ +
+

+ This field is required +

+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">From</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <p class="control is-expanded has-icons-left">
+        <input class="input" type="text" placeholder="Name">
+        <span class="icon is-small is-left">
+          <i class="fa fa-user"></i>
+        </span>
+      </p>
+    </div>
+    <div class="field">
+      <p class="control is-expanded has-icons-left has-icons-right">
+        <input class="input is-success" type="email" placeholder="Email" value="alex@smith.com">
+        <span class="icon is-small is-left">
+          <i class="fa fa-envelope"></i>
+        </span>
+        <span class="icon is-small is-right">
+          <i class="fa fa-check"></i>
+        </span>
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label"></div>
+  <div class="field-body">
+    <div class="field is-expanded">
+      <div class="field has-addons">
+        <p class="control">
+          <a class="button is-static">
+            +44
+          </a>
+        </p>
+        <p class="control is-expanded">
+          <input class="input" type="tel" placeholder="Your phone number">
+        </p>
+      </div>
+      <p class="help">Do not enter the first zero</p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Department</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <div class="select is-fullwidth">
+          <select>
+            <option>Business development</option>
+            <option>Marketing</option>
+            <option>Sales</option>
+          </select>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">Already a member?</label>
+  </div>
+  <div class="field-body">
+    <div class="field is-narrow">
+      <div class="control">
+        <label class="radio">
+          <input type="radio" name="member">
+          Yes
+        </label>
+        <label class="radio">
+          <input type="radio" name="member">
+          No
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Subject</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-danger" type="text" placeholder="e.g. Partnership opportunity">
+      </div>
+      <p class="help is-danger">
+        This field is required
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Question</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <textarea class="textarea" placeholder="Explain how we can help you"></textarea>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label">
+    <!-- Left empty for spacing -->
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <button class="button is-primary">
+          Send message
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+ +
+

+ To preserve the vertical alignment of labels with each type and size of control, the .field-label comes with 4 size modifiers: +

+
    +
  • + .is-small +
    • +
  • + .is-normal for any .input or .button +
    • +
  • + .is-medium +
    • +
  • + .is-large +
    • +
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+ 
<div class="field is-horizontal">
+  <div class="field-label">
+    <label class="label">No padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <label class="checkbox">
+          <input type="checkbox">
+          Checkbox
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-small">
+    <label class="label">Small padding</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-small" type="text" placeholder="Small sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-normal">
+    <label class="label">Normal label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input" type="text" placeholder="Normal sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-medium">
+    <label class="label">Medium label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-medium" type="text" placeholder="Medium sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="field is-horizontal">
+  <div class="field-label is-large">
+    <label class="label">Large label</label>
+  </div>
+  <div class="field-body">
+    <div class="field">
+      <div class="control">
+        <input class="input is-large" type="text" placeholder="Large sized input">
+      </div>
+    </div>
+  </div>
+</div>
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/input/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/input/index.html new file mode 100644 index 000000000..dbe4cb2b1 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/input/index.html @@ -0,0 +1,1067 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Input

+

+ The text input and its variations +

+ +
+ +
+

The following modifiers are supported:

+ +

The following type attributes are supported:

+
    +
  • type="text"
    • +
  • type="password"
    • +
  • type="email"
    • +
  • type="tel"
    • +
+
+ +
+
+ + + +
+
+ 
<input class="input" type="text" placeholder="Text input">
+
+
+ +
+ +

Colors

+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <input class="input is-primary" type="text" placeholder="Primary input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-info" type="text" placeholder="Info input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-success" type="text" placeholder="Success input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-warning" type="text" placeholder="Warning input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-danger" type="text" placeholder="Danger input">
+  </div>
+</div>
+
+
+ +
+

Sizes

+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <input class="input is-small" type="text" placeholder="Small input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input" type="text" placeholder="Normal input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-medium" type="text" placeholder="Medium input">
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <input class="input is-large" type="text" placeholder="Large input">
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Normal input">
+</div>
+
+
+ +

Hover

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input is-hovered" type="text" placeholder="Hovered input">
+</div>
+
+
+ +

Focus

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input is-focused" type="text" placeholder="Focused input">
+</div>
+
+
+ +

Loading

+
+
+ +
+ +
+ +
+
+ 
<div class="control is-loading">
+  <input class="input" type="text" placeholder="Loading input">
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control is-small is-loading">
+    <input class="input is-small" type="text" placeholder="Small loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-loading">
+    <input class="input" type="text" placeholder="Normal loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-medium is-loading">
+    <input class="input is-medium" type="text" placeholder="Medium loading input">
+  </div>
+</div>
+<div class="field">
+  <div class="control is-large is-loading">
+    <input class="input is-large" type="text" placeholder="Large loading input">
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <input class="input" type="text" placeholder="Disabled input" disabled>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append one of 2 modifiers on a control:

+
    +
  • + has-icons-left +
    • +
  • + and/or has-icons-right +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left if has-icons-left is used +
    • +
  • + icon is-right if has-icons-right is used +
    • +
+

The size of the input will define the size of the icon container.

+
+
+
+ +
+

+ + + + + + + +

+
+
+

+ + + + +

+
+ +
+
+ 
<div class="field">
+  <p class="control has-icons-left has-icons-right">
+    <input class="input" type="email" placeholder="Email">
+    <span class="icon is-small is-left">
+      <i class="fa fa-envelope"></i>
+    </span>
+    <span class="icon is-small is-right">
+      <i class="fa fa-check"></i>
+    </span>
+  </p>
+</div>
+<div class="field">
+  <p class="control has-icons-left">
+    <input class="input" type="password" placeholder="Password">
+    <span class="icon is-small is-left">
+      <i class="fa fa-lock"></i>
+    </span>
+  </p>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-small" type="email" placeholder="Email">
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-small is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input" type="email" placeholder="Email">
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-small is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-medium" type="email" placeholder="Email">
+  <span class="icon is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ 
<div class="control has-icons-left has-icons-right">
+  <input class="input is-large" type="email" placeholder="Email">
+  <span class="icon is-medium is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+  <span class="icon is-medium is-right">
+    <i class="fa fa-check"></i>
+  </span>
+</div>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/radio/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/radio/index.html new file mode 100644 index 000000000..113d38eda --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/radio/index.html @@ -0,0 +1,691 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + +
+
+

Radio

+

+ The mutually exclusive radio buttons in their native format +

+ +
+ +
+

+ The radio class is a simple wrapper around the <input type="radio"> HTML elements. It is intentionally not styled, to preserve cross-browser compatibility and the user experience. +

+

+ Make sure the linked radio buttons have the same value for their name HTML attribute. +

+
+ +
+
+ +
+ + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="answer">
+    Yes
+  </label>
+  <label class="radio">
+    <input type="radio" name="answer">
+    No
+  </label>
+</div>
+
+
+ +
+

+ You can check a radio button by default by adding the checked HTML attribute to the <input> element. +

+
+ +
+
+ +
+ + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="foobar">
+    Foo
+  </label>
+  <label class="radio">
+    <input type="radio" name="foobar" checked>
+    Bar
+  </label>
+</div>
+
+
+ +
+

+ You can add disable a radio button by adding the disabled HTML attribute to both the <label> and the <input>. +

+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control">
+  <label class="radio">
+    <input type="radio" name="rsvp">
+    Going
+  </label>
+  <label class="radio">
+    <input type="radio" name="rsvp">
+    Not going
+  </label>
+  <label class="radio" disabled>
+    <input type="radio" name="rsvp" disabled>
+    Maybe
+  </label>
+</div>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/select/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/select/index.html new file mode 100644 index 000000000..af328821e --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/select/index.html @@ -0,0 +1,1188 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Select

+

+ The browser built-in select dropdown, styled accordingly +

+ +
+ +
+

The following modifiers are supported:

+ +
+ +
+
+ +
+ +
+ +
+
+ 
<div class="select">
+  <select>
+    <option>Select dropdown</option>
+    <option>With options</option>
+  </select>
+</div>
+
+
+ + +
+ +

Multiple select

+ +
+
+
+

+ New! + 0.4.4 +

+

+ You can style a multiple select dropdown, by using the is-multiple modifier, and by using the multiple HTML attribute. +

+
+ +
+ +
+ +
+
+ 
<div class="select is-multiple">
+  <select multiple size="8">
+    <option value="Argentina">Argentina</option>
+    <option value="Bolivia">Bolivia</option>
+    <option value="Brazil">Brazil</option>
+    <option value="Chile">Chile</option>
+    <option value="Colombia">Colombia</option>
+    <option value="Ecuador">Ecuador</option>
+    <option value="Guyana">Guyana</option>
+    <option value="Paraguay">Paraguay</option>
+    <option value="Peru">Peru</option>
+    <option value="Suriname">Suriname</option>
+    <option value="Uruguay">Uruguay</option>
+    <option value="Venezuela">Venezuela</option>
+  </select>
+</div>
+
+
+ + +
+ +

Colors

+ +
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <div class="select is-primary">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-info">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-success">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-warning">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-danger">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ +
+

Sizes

+
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <div class="select is-small">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-medium">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <div class="select is-large">
+      <select>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Hover

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select class="is-hovered">
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Focus

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select">
+    <select class="is-focused">
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ +

Loading

+
+
+ +
+
+ +
+
+ +
+
+ 
<div class="control">
+  <div class="select is-loading">
+    <select>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+</div>
+
+
+ + +
+ +

With icons

+
+

You can append the modifier on a control:

+
    +
  • + has-icons-left +
    • +
+

You also need to add a modifier on the icon:

+
    +
  • + icon is-left since has-icons-left is used +
    • +
+

The size of the select will define the size of the icon container.

+
+
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+ 
<div class="field">
+  <div class="control has-icons-left">
+    <div class="select">
+      <select>
+        <option selected>Country</option>
+        <option>Select dropdown</option>
+        <option>With options</option>
+      </select>
+    </div>
+    <div class="icon is-small is-left">
+      <i class="fa fa-globe"></i>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

+ If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-small">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-small is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-medium">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-medium is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+
+ 
<div class="control has-icons-left">
+  <div class="select is-large">
+    <select>
+      <option selected>Country</option>
+      <option>Select dropdown</option>
+      <option>With options</option>
+    </select>
+  </div>
+  <span class="icon is-large is-left">
+    <i class="fa fa-envelope"></i>
+  </span>
+</div>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/textarea/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/textarea/index.html new file mode 100644 index 000000000..cc0156f63 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/form/textarea/index.html @@ -0,0 +1,888 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Textarea

+

+ The multiline textarea and its variations +

+ +
+ +
+

The following modifiers are supported:

+ +
+ +
+
+ + + +
+
+ 
<textarea class="textarea" placeholder="e.g. Hello world"></textarea>
+
+
+ +
+

+ New! + 0.4.4 +

+

+ You can set the height of the textarea using the `rows` HTML attribute. +

+
+ +
+
+ + + +
+
+ 
<textarea class="textarea" placeholder="10 lines of textarea" rows="10"></textarea>
+
+
+ +
+ +

Colors

+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <textarea class="textarea is-primary" type="text" placeholder="Primary textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-info" type="text" placeholder="Info textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-success" type="text" placeholder="Success textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-warning" type="text" placeholder="Warning textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-danger" type="text" placeholder="Danger textarea"></textarea>
+  </div>
+</div>
+
+
+ +
+

Sizes

+
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control">
+    <textarea class="textarea is-small" type="text" placeholder="Small textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea" type="text" placeholder="Normal textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-medium" type="text" placeholder="Medium textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control">
+    <textarea class="textarea is-large" type="text" placeholder="Large textarea"></textarea>
+  </div>
+</div>
+
+
+ +
+ +

States

+

Normal

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea" type="text" placeholder="Normal textarea"></textarea>
+</div>
+
+
+ +

Hover

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea is-hovered" type="text" placeholder="Hovered textarea"></textarea>
+</div>
+
+
+ +

Focus

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea is-focused" type="text" placeholder="Focused textarea"></textarea>
+</div>
+
+
+ +

Loading

+
+
+ +
+ +
+ +
+
+ 
<div class="control is-loading">
+  <textarea class="textarea" type="text" placeholder="Loading textarea"></textarea>
+</div>
+
+
+ + +
+
+

+ New! + 0.4.3 +

+
+

+ You can resize the loading spinner by appending is-small, is-medium or is-large to the control container. +

+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+ 
<div class="field">
+  <div class="control is-small is-loading">
+    <textarea class="textarea is-small" type="text" placeholder="Small loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-loading">
+    <textarea class="textarea" type="text" placeholder="Normal loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-medium is-loading">
+    <textarea class="textarea is-medium" type="text" placeholder="Medium loading textarea"></textarea>
+  </div>
+</div>
+<div class="field">
+  <div class="control is-large is-loading">
+    <textarea class="textarea is-large" type="text" placeholder="Large loading textarea"></textarea>
+  </div>
+</div>
+
+
+ + +

Disabled

+
+
+ +
+ +
+ +
+
+ 
<div class="control">
+  <textarea class="textarea" type="text" placeholder="Disabled textarea" disabled></textarea>
+</div>
+
+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/grid/columns/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/grid/columns/index.html new file mode 100644 index 000000000..cbd4ce130 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/grid/columns/index.html @@ -0,0 +1,1408 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Columns

+

A simple way to build responsive columns

+
+
+

To build a grid, just:

+
    +
  1. Add a columns container
    2. +
  2. Add as many column elements as you want
    3. +
+

Each column will have an equal width, no matter the number of columns.

+
+ +
+
+

First column

+
+
+

Second column

+
+
+

Third column

+
+
+

Fourth column

+
+
+ +
<div class="columns">
+  <div class="column">
+    First column
+  </div>
+  <div class="column">
+    Second column
+  </div>
+  <div class="column">
+    Third column
+  </div>
+  <div class="column">
+    Fourth column
+  </div>
+</div>
+ +
+ +

Sizes

+
+

If you want to change the size of a single column, you can use one the following classes:

+
    +
  • + is-three-quarters +
    • +
  • + is-two-thirds +
    • +
  • + is-half +
    • +
  • + is-one-third +
    • +
  • + is-one-quarter +
    • +
+

The other columns will fill up the remaining space automatically.

+
+
+
+

+ is-three-quarters +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-two-thirds +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-half +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-one-third +

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+

+ is-one-quarter +

+
+
+

Auto

+
+
+ +
<div class="columns">
+  <div class="column is-three-quarters">
+    <p class="notification is-info">
+      <code class="html">is-three-quarters</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-two-thirds">
+    <p class="notification is-info">
+      <code class="html">is-two-thirds</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-half">
+    <p class="notification is-info">
+      <code class="html">is-half</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-danger">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-one-third">
+    <p class="notification is-info">
+      <code class="html">is-one-third</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-success">Auto</p>
+  </div>
+  <div class="column">
+    <p class="notification is-warning">Auto</p>
+  </div>
+</div>
+
+<div class="columns">
+  <div class="column is-one-quarter">
+    <p class="notification is-info">
+      <code class="html">is-one-quarter</code>
+    </p>
+  </div>
+  <div class="column">
+    <p class="notification is-success">Auto</p>
+  </div>
+</div>
+ +

12 columns

+
+

As the grid can be divided into 12 columns, there are size classes for each division:

+
    +
  • is-2
    • +
  • is-3
    • +
  • is-4
    • +
  • is-5
    • +
  • is-6
    • +
  • is-7
    • +
  • is-8
    • +
  • is-9
    • +
  • is-10
    • +
  • is-11
    • +
+
+
+

Naming

+

Each modifier class is named after how many columns you want out of 12. So if you want 7 columns out of 12, use is-7.

+
+ +
+
+

is-2

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-3

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-4

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-5

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-6

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-7

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-8

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-9

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+
+

is-10

+
+
+

1

+
+
+

1

+
+
+
+
+

is-11

+
+
+

1

+
+
+ +
+ +

Offset

+
+

While you can use empty columns (like <div class="column"></div>) to create horizontal space around .column elements, you can also use offset modifiers like .is-offset-x: +

+ +
+
+

+ is-half
+ is-offset-one-quarter +

+
+
+ +
+
+

+ is-4
+ is-offset-8 +

+
+
+ +
+
+

+ is-11
+ is-offset-1 +

+
+
+ +
<div class="columns is-mobile">
+  <div class="column is-half is-offset-one-quarter"></div>
+</div>
+
+<div class="columns is-mobile">
+  <div class="column is-4 is-offset-8"></div>
+</div>
+
+<div class="columns is-mobile">
+  <div class="column is-11 is-offset-1"></div>
+</div>
+ +
+ +

Responsiveness

+
+

By default, columns are only activated from tablet onwards. This means columns are stacked on top of each other on mobile.

+

If you want columns to work on mobile too, just add the is-mobile modifier on the columns container:

+
+
+
+

1

+
+
+

2

+
+
+

3

+
+
+

4

+
+
+
<div class="columns is-mobile">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+</div>
+
+

Resize

+

If you want to see the difference, resize your browser and see when the columns are stacked and when they are horizontally distributed.

+
+
+

If you only want columns on desktop, just use the is-desktop modifier on the columns container:

+
+
+
+

1

+
+
+

2

+
+
+

3

+
+
+

4

+
+
+
<div class="columns is-desktop">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+</div>
+ +

Different sizes per breakpoint

+
+

You can define a column size for each viewport size: mobile, tablet, and desktop.

+
+
+
+

+ is-half-mobile
+ is-one-third-tablet
+ is-one-quarter-desktop +

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+

1

+
+
+
+

Resize

+

If you want to see these classes in action, resize your browser window and see how the same column varies in width at each breakpoint.

+
+
<div class="columns is-mobile">
+  <div class="column is-half-mobile is-one-third-tablet is-one-quarter-desktop">
+    <code>is-half-mobile</code><br>
+    <code>is-one-third-tablet</code><br>
+    <code>is-one-quarter-desktop</code>
+  </div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+  <div class="column">1</div>
+</div>
+ +
+ +

Nesting

+
+

+ You can nest columns to have more flexibility in your design. You only need to follow this structure: +

+
    +
  • + columns: top-level columns container +
      +
    • + column +
        +
      • + columns: nested columns +
          +
        • + column and so on… +
          • +
        +
        • +
      +
      • +
    +
    • +
+

+ The difference with multiline columns is the order in the HTML code: all the blue columns appear before the red ones. Resize to a narrower viewport to see the result. +

+
+ +
+
+

First column

+
+
+

First nested column

+
+
+

Second nested column

+
+
+
+
+

Second column

+
+
+

50%

+
+
+

Auto

+
+
+

Auto

+
+
+
+
+ +
<div class="columns">
+  <div class="column">
+    First column
+    <div class="columns is-mobile">
+      <div class="column">
+        First nested column
+      </div>
+      <div class="column">
+        Second nested column
+      </div>
+    </div>
+  </div>
+  <div class="column">
+    Second column
+    <div class="columns is-mobile">
+      <div class="column is-half">
+        50%
+      </div>
+      <div class="column">
+        Auto
+      </div>
+      <div class="column">
+        Auto
+      </div>
+    </div>
+  </div>
+</div>
+ +
+ +

Multiline

+
+

Whenever you want to start a new line, you can close a columns container and start a new one. But you can also add the is-multiline modifier and add more column elements that would fit in a single row.

+
+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+ +
<div class="columns is-multiline is-mobile">
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-half">
+    <code>is-half</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column">
+    Auto
+  </div>
+</div>
+
+ +

Gapless

+
+

If you want to remove the space between the columns, add the is-gapless modifier on the columns container:

+
+
+
+

First column

+
+
+

Second column

+
+
+

Third column

+
+
+

Fourth column

+
+
+
<div class="columns is-gapless">
+  <div class="column">First column</div>
+  <div class="column">Second column</div>
+  <div class="column">Third column</div>
+  <div class="column">Fourth column</div>
+</div>
+
+

You can combine it with the is-multiline modifier:

+
+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-half

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

is-one-quarter

+
+
+

Auto

+
+
+
<div class="columns is-gapless is-multiline is-mobile">
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-half">
+    <code>is-half</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column is-one-quarter">
+    <code>is-one-quarter</code>
+  </div>
+  <div class="column">
+    Auto
+  </div>
+</div>
+ +
+ +

Narrow column

+
+

If you want a column to only take the space it needs, use the is-narrow modifier. The other column(s) will fill up the remaining space.

+
+
+
+
+

Narrow column

+

This column is only 200px wide.

+
+
+
+
+

Flexible column

+

This column will take up the remaining space available.

+
+
+
+
<div class="columns">
+  <div class="column is-narrow">
+    <div class="box" style="width: 200px;">
+      <p class="title is-5">Narrow column</p>
+      <p class="subtitle">This column is only 200px wide.</p>
+    </div>
+  </div>
+  <div class="column">
+    <div class="box">
+      <p class="title is-5">Flexible column</p>
+      <p class="subtitle">This column will take up the remaining space available.</p>
+    </div>
+  </div>
+</div>
+
+

As for the size modifiers, you can have narrow columns for different breakpoints:

+
    +
  • + is-narrow-mobile +
    • +
  • + is-narrow-tablet +
    • +
  • + is-narrow-desktop +
    • +
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/grid/tiles/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/grid/tiles/index.html new file mode 100644 index 000000000..bb5eb4bc3 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/grid/tiles/index.html @@ -0,0 +1,1408 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Tiles

+

A single tile element to build 2-dimensional Metro-like, Pinterest-like, or whatever-you-like grids

+ +
+ +
+

To build intricate 2-dimensional, you only need a single element: the tile:

+
+ +
<div class="tile">
+  <!-- The magical tile element! -->
+</div>
+ +
+ +

Example

+
+
+
+
+
+

Vertical...

+

Top tile

+
+
+

...tiles

+

Bottom tile

+
+
+
+
+

Middle tile

+

With an image

+
+ +
+
+
+
+
+
+

Wide tile

+

Aligned with the right tile

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall tile

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child notification is-primary">
+          <p class="title">Vertical...</p>
+          <p class="subtitle">Top tile</p>
+        </article>
+        <article class="tile is-child notification is-warning">
+          <p class="title">...tiles</p>
+          <p class="subtitle">Bottom tile</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child notification is-info">
+          <p class="title">Middle tile</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.4.4/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child notification is-danger">
+        <p class="title">Wide tile</p>
+        <p class="subtitle">Aligned with the right tile</p>
+        <div class="content">
+          <!-- Content -->
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child notification is-success">
+      <div class="content">
+        <p class="title">Tall tile</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <!-- Content -->
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

Modifiers

+ +
+

The tile element has 16 modifiers:

+
    +
  • + 3 contextual modifiers +
      +
    • is-ancestor
      • +
    • is-parent
      • +
    • is-child
      • +
    +
    • +
  • + 1 directional modifier +
      +
    • is-vertical
      • +
    +
    • +
  • + 12 horizontal size modifiers +
      +
    • from is-1
      • +
    • to is-12
      • +
    +
    • +
+
+ +
+ +

How it works: Nesting

+
+

Everything is a tile! To create a grid of tiles, you only need to nest tile elements.

+
+ +
+
+

Start with an ancestor tile that will wrap all other tiles:

+
+
+
<div class="tile is-ancestor">
+  <!-- All other tile elemnts -->
+</div>
+
+
+ +
+
+

Add tile elements that will distribute themselves horizontally:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+</div>
+
+
+ +
+
+

+ You can resize any tile according to a 12 column grid. +
+ For example, is-4 will take up 1/3 of the horizontal space: +

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4">
+    <!-- 1/3 -->
+  </div>
+  <div class="tile">
+    <!-- This tile will take the rest: 2/3 -->
+  </div>
+</div>
+
+
+ +
+
+

If you want to stack tiles vertically, add is-vertical on the parent tile:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical">
+    <div class="tile">
+      <!-- Top tile -->
+    </div>
+    <div class="tile">
+      <!-- Bottom tile -->
+    </div>
+  </div>
+  <div class="tile">
+    <!-- This tile will take up the whole vertical space -->
+  </div>
+</div>
+
+
+ +
+
+
+

As soon as you want to add content to a tile, just:

+
    +
  • add any class you want, like box
    • +
  • add the is-child modifier on the tile
    • +
  • add the is-parent modifier on the parent tile
    • +
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

One

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+

Two

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+

Three

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+      <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+      <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+    </div>
+  </div>
+</div>
+ +
+ +

Nesting requirements

+ +
+
+ 3 levels deep at least... +
+
+
+

You need at least 3 levels of hierarchy:

+
tile is-ancestor
+|
+└───tile is-parent
+    |
+    └───tile is-child
+
+
+
+ +
+
+ ...but more levels if you want! +
+
+
+

You can however nest tiles more deeply than that, and mix it up!

+
tile is-ancestor
+|
+├───tile is-vertical is-8
+|   |
+|   ├───tile
+|   |   |
+|   |   ├───tile is-parent is-vertical
+|   |   |   ├───tile is-child
+|   |   |   └───tile is-child
+|   |   |
+|   |   └───tile is-parent
+|   |       └───tile is-child
+|   |
+|   └───tile is-parent
+|       └───tile is-child
+|
+└───tile is-parent
+    └───tile is-child
+
+
+
+ +
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <!-- Put any content you want -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <!-- Put any content you want -->
+    </article>
+  </div>
+</div>
+ +
+ +

3 columns

+ +
+
+
+

Hello World

+

What is up?

+
+
+
+
+

Foo

+

Bar

+
+
+
+
+

Third column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Side column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Main column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Hello World</p>
+      <p class="subtitle">What is up?</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Foo</p>
+      <p class="subtitle">Bar</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Third column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Top box</p>
+        </article>
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Bottom box</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Middle box</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.4.4/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <p class="title">Wide column</p>
+        <p class="subtitle">Aligned with the right column</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Tall column</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Side column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-8">
+    <article class="tile is-child box">
+      <p class="title">Main column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

4 columns

+ +
+
+
+

One

+

Subtitle

+
+
+
+
+

Two

+

Subtitle

+
+
+
+
+

Three

+

Subtitle

+
+
+
+
+

Four

+

Subtitle

+
+
+
+
+
+
+
+
+

Five

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+
+
+
+
+
+
+
+

Six

+

Subtitle

+
+
+
+
+

Seven

+

Subtitle

+
+
+
+
+
+

Eight

+

Subtitle

+
+
+
+
+
+
+
+

Nine

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Ten

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+

Eleven

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Twelve

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+
+

Thirteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Fourteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">One</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Two</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Three</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Four</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-9">
+    <div class="tile">
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Five</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-8 is-vertical">
+        <div class="tile">
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Six</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Seven</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+        </div>
+        <div class="tile is-parent">
+          <article class="tile is-child box">
+            <p class="title">Eight</p>
+            <p class="subtitle">Subtitle</p>
+          </article>
+        </div>
+      </div>
+    </div>
+    <div class="tile">
+      <div class="tile is-8 is-parent">
+        <article class="tile is-child box">
+          <p class="title">Nine</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Ten</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Eleven</p>
+        <p class="subtitle">Subtitle</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Twelve</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-6">
+    <article class="tile is-child box">
+      <p class="title">Thirteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Fourteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/container/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/container/index.html new file mode 100644 index 000000000..e42dc8d01 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/container/index.html @@ -0,0 +1,684 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + +
+
+

Container

+

+ A simple container to center your content horizontally +

+ +
+ +
+

The .container class can be used in any context, but mostly as a direct child of either:

+
    +
  • .nav
    • +
  • .hero
    • +
  • .section
    • +
  • .footer
    • +
+

This is how the container will behave:

+
    +
  • on mobile and tablet < 1008px +, it will have a margin of 24px on each side.
    • +
  • on desktop >= 1008px +, it will have a maximum width of 960px and will be horizontally centered.
    • +
  • on widescreen >= 1200px +, it will have a maximum width of 1152px.
    • +
  • on fullhd >= 1392px +, it will have a maximum width of 1344px.
    • +
+

+ The $gap variable has a default value of 24px but can be modified. +

+

The values 960, 1152 and 1344 have been chosen because they are divisible by both 12 and 16.

+
+
+
+ +
+ +
+
+ This container is centered on desktop. +
+
+ +
+ +
<div class="container">
+  <div class="notification">
+    This container is <strong>centered</strong> on desktop.
+  </div>
+</div>
+ +
+
+

Fluid container

+
+

If you don't want to have a maximum width but want to keep the 24px margin on the left and right sides, add the is-fluid modifier:

+
+
+
+ +
+ +
+
+ This container is fluid: it will have a 24px gap on either side, on any viewport size. +
+
+ +
+ +
<div class="container is-fluid">
+  <div class="notification">
+    This container is <strong>fluid</strong>: it will have a 24px gap on either side, on any viewport size.
+  </div>
+</div>
+ +
+
+

Breakpoint containers

+
+

+ New! + 0.4.4 +

+

+ With the two modifiers .is-widescreen and .is-fullhd, you can have a fullwidth container until those specific breakpoints. +

+
+
+
+ +
+ +
+
+ This container is fullwidth until the $widescreen breakpoint. +
+
+ +
+ +
<div class="container is-widescreen">
+  <div class="notification">
+    This container is <strong>fullwidth</strong> <em>until</em> the <code>$widescreen</code> breakpoint.
+  </div>
+</div>
+ +
+ +
+
+ This container is fullwidth until the $fullhd breakpoint. +
+
+ +
+ +
<div class="container is-fullhd">
+  <div class="notification">
+    This container is <strong>fullwidth</strong> <em>until</em> the <code>$fullhd</code> breakpoint.
+  </div>
+</div>
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/footer/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/footer/index.html new file mode 100644 index 000000000..ddc75af58 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/footer/index.html @@ -0,0 +1,597 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Footer

+

+ A simple responsive footer which can include anything: lists, headings, columns, icons, buttons... +

+ +
+ +
+ +
<footer class="footer">
+  <div class="container">
+    <div class="content has-text-centered">
+      <p>
+        <strong>Bulma</strong> by <a href="http://jgthms.com">Jeremy Thomas</a>. The source code is licensed
+        <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
+        is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC ANS 4.0</a>.
+      </p>
+      <p>
+        <a class="icon" href="https://github.com/jgthms/bulma">
+          <i class="fa fa-github"></i>
+        </a>
+      </p>
+    </div>
+  </div>
+</footer>
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/hero/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/hero/index.html new file mode 100644 index 000000000..4d5b95581 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/hero/index.html @@ -0,0 +1,1397 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Hero

+

+ An imposing hero banner to showcase something +

+
+
+ +
+
+
+
+
+

+ Hero title +

+

+ Hero subtitle +

+
+
+
+
+ +
<section class="hero">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Hero title
+      </h1>
+      <h2 class="subtitle">
+        Hero subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+ +
+
+

Colors

+

+ As with buttons, you can choose one of the 7 different colors +

+
+
+ +
+
+
+
+
+

+ Primary title +

+

+ Primary subtitle +

+
+
+
+
+ +
<section class="hero is-primary">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Primary title
+      </h1>
+      <h2 class="subtitle">
+        Primary subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Info title +

+

+ Info subtitle +

+
+
+
+
+ +
+
+
+
+

+ Success title +

+

+ Success subtitle +

+
+
+
+
+ +
+
+
+
+

+ Warning title +

+

+ Warning subtitle +

+
+
+
+
+ +
+
+
+
+

+ Danger title +

+

+ Danger subtitle +

+
+
+
+
+ +
+
+
+
+

+ Light title +

+

+ Light subtitle +

+
+
+
+
+ +
+
+
+
+

+ Dark title +

+

+ Dark subtitle +

+
+
+
+
+
+ +
+
+

+ Gradients + Experimental +

+

+ By adding the is-bold modifier, you can generate a subtle gradient +

+
+
+ +
+
+
+
+
+

+ Primary bold title +

+

+ Primary bold subtitle +

+
+
+
+
+
<section class="hero is-medium is-primary is-bold">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Primary bold title
+      </h1>
+      <h2 class="subtitle">
+        Primary bold subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+
+
+
+

+ Info bold title +

+

+ Info bold subtitle +

+
+
+
+
+
+
+
+
+

+ Success bold title +

+

+ Success bold subtitle +

+
+
+
+
+
+
+
+
+

+ Warning bold title +

+

+ Warning bold subtitle +

+
+
+
+
+
+
+
+
+

+ Danger bold title +

+

+ Danger bold subtitle +

+
+
+
+
+
+
+
+
+

+ Light bold title +

+

+ Light bold subtitle +

+
+
+
+
+
+
+
+
+

+ Dark bold title +

+

+ Dark bold subtitle +

+
+
+
+
+
+ +
+
+

Sizes

+

+ You can have even more imposing banners by using one of 3 different sizes +

+
+
+ +
+
+
+
+
+

+ Medium title +

+

+ Medium subtitle +

+
+
+
+
+ +
<section class="hero is-primary is-medium">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Medium title
+      </h1>
+      <h2 class="subtitle">
+        Medium subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Large title +

+

+ Large subtitle +

+
+
+
+
+ +
<section class="hero is-info is-large">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Large title
+      </h1>
+      <h2 class="subtitle">
+        Large subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+ +
+
+
+
+

+ Full Height title +

+

+ Full Height subtitle +

+
+
+
+
+ +
<section class="hero is-success is-fullheight">
+  <div class="hero-body">
+    <div class="container">
+      <h1 class="title">
+        Full Height title
+      </h1>
+      <h2 class="subtitle">
+        Full Height subtitle
+      </h2>
+    </div>
+  </div>
+</section>
+
+ +
+
+

Full height hero

+

And vertically centered

+
+

You can split the hero in 3 vertical parts:

+
    +
  • + hero +
      +
    • hero-head (always at the top)
      • +
    • hero-body (always vertically centered)
      • +
    • hero-foot (always at the bottom)
      • +
    +
    • +
+
+
+
+ +
+
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-primary is-medium">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-primary is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+ +
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-info is-large">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-info is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs is-boxed is-fullwidth">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+ +
+
+
+
+
+
+ + Logo + +
+ + + + + +
+ + Home + + + Examples + + + Documentation + + + + + + + Download + + +
+
+
+
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+
+ +
<section class="hero is-success is-fullheight">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <header class="nav">
+      <div class="container">
+        <div class="nav-left">
+          <a class="nav-item">
+            <img src="images/bulma-type-white.png" alt="Logo">
+          </a>
+        </div>
+        <span class="nav-toggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </span>
+        <div class="nav-right nav-menu">
+          <a class="nav-item is-active">
+            Home
+          </a>
+          <a class="nav-item">
+            Examples
+          </a>
+          <a class="nav-item">
+            Documentation
+          </a>
+          <span class="nav-item">
+            <a class="button is-success is-inverted">
+              <span class="icon">
+                <i class="fa fa-github"></i>
+              </span>
+              <span>Download</span>
+            </a>
+          </span>
+        </div>
+      </div>
+    </header>
+  </div>
+
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <div class="container has-text-centered">
+      <h1 class="title">
+        Title
+      </h1>
+      <h2 class="subtitle">
+        Subtitle
+      </h2>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs is-boxed is-fullwidth">
+      <div class="container">
+        <ul>
+          <li class="is-active"><a>Overview</a></li>
+          <li><a>Modifiers</a></li>
+          <li><a>Grid</a></li>
+          <li><a>Elements</a></li>
+          <li><a>Components</a></li>
+          <li><a>Layout</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/section/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/section/index.html new file mode 100644 index 000000000..f8c3ec2cb --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/layout/section/index.html @@ -0,0 +1,583 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Section

+

+ A simple container to divide your page into sections, like the one you're currently reading +

+ +
+ +
+

Use sections as direct children of body.

+
+ +
<body>
+  <section class="section">
+    <div class="container">
+      <h1 class="title">Section</h1>
+      <h2 class="subtitle">
+        A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading
+      </h2>
+    </div>
+  </section>
+</body>
+ +
+

You can use the modifiers is-medium and is-large to change the spacing.

+
+ +
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/modifiers/helpers/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/modifiers/helpers/index.html new file mode 100644 index 000000000..7dc38659a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/modifiers/helpers/index.html @@ -0,0 +1,614 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Helpers

+

You can apply responsive helper classes to almost any element, in order to alter its style based upon the browser's width.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Floatis-clearfixFixes an element's floating children
is-pulled-leftMoves an element to the left
is-pulled-rightMoves an element to the right
Overlayis-overlayCompletely covers the first positioned parent
Sizeis-fullwidthTakes up the whole width (100%)
Texthas-text-centeredCenters the text
has-text-leftText is left-aligned
has-text-rightText is right-aligned
Otheris-marginlessRemoves any margin
is-paddinglessRemoves any padding
is-unselectablePrevents the text from being selectable
is-hiddenHides element
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/modifiers/responsive-helpers/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/modifiers/responsive-helpers/index.html new file mode 100644 index 000000000..b63aa8603 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/modifiers/responsive-helpers/index.html @@ -0,0 +1,885 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Responsive helpers

+

Show/hide content depending on the width of the viewport

+ +
+ +

Show

+ +
+

+ You can use one of the following display classes: +

+
    +
  • block
    • +
  • flex
    • +
  • inline
    • +
  • inline-block
    • +
  • inline-flex
    • +
+

For example, here's what the is-flex helper works:

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 979px + 		+ Desktop
+ Between 980px and 1179px + 		+ Widescreen
+ Above 1180px +
+ is-flex-mobile + +

flex

+ 		+

unchanged

+ 		+

unchanged

+ 		+

unchanged

+
+ is-flex-tablet-only + +

unchanged

+ 		+

flex

+ 		+

unchanged

+ 		+

unchanged

+
+ is-flex-desktop-only + +

unchanged

+ 		+

unchanged

+ 		+

flex

+ 		+

unchanged

+
+ is-flex-widescreen + +

unchanged

+ 		+

unchanged

+ 		+

unchanged

+ 		+

flex

+
+

Classes to display up to or from a specific breakpoint

+
+ is-flex-touch + +

flex

+ 		+

flex

+ 		+

unchanged

+ 		+

unchanged

+
+ is-flex-tablet + +

unchanged

+ 		+

flex

+ 		+

flex

+ 		+

flex

+
+ is-flex-desktop + +

unchanged

+ 		+

unchanged

+ 		+

flex

+ 		+

flex

+
+ +
+

For the other display options, just replace is-flex with is-block is-inline is-inline-block or is-inline-flex + +

+ +

Hide

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Class + + Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 999px + 		+ Desktop
+ Between 1000px and 1239px + 		+ Widescreen
+ Above 1240px +
+ is-hidden-mobile + +

hidden

+ 		+

visible

+ 		+

visible

+ 		+

visible

+
+ is-hidden-tablet-only + +

visible

+ 		+

hidden

+ 		+

visible

+ 		+

visible

+
+ is-hidden-desktop-only + +

visible

+ 		+

visible

+ 		+

hidden

+ 		+

visible

+
+ is-hidden-widescreen + +

visible

+ 		+

visible

+ 		+

visible

+ 		+

hidden

+
+

Classes to hide up to or from a specific breakpoint

+
+ is-hidden-touch + +

hidden

+ 		+

hidden

+ 		+

visible

+ 		+

visible

+
+ is-hidden-tablet + +

visible

+ 		+

hidden

+ 		+

hidden

+ 		+

hidden

+
+ is-hidden-desktop + +

visible

+ 		+

visible

+ 		+

hidden

+ 		+

hidden

+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/modifiers/syntax/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/modifiers/syntax/index.html new file mode 100644 index 000000000..f190b3ade --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/modifiers/syntax/index.html @@ -0,0 +1,721 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Modifiers syntax

+

Most Bulma elements have alternative styles. To apply them, you only need to append one of the modifier classes. +
+ They all start with is- or has-.

+
+
+
+

Let's start with a simple button that uses the "button" CSS class:

+
+ +
+

+ + + Button + + +

+
+
+
<a class="button">
+  Button
+</a>
+
+
+
+
+

By adding the "is-primary" CSS class, you can modify the color:

+
+ +
+

+ + + Button + + +

+
+
+
<a class="button is-primary">
+  Button
+</a>
+
+
+
+
+
+

You can use one of the 5 main colors:

+
    +
  • is-primary
    • +
  • is-info
    • +
  • is-success
    • +
  • is-warning
    • +
  • is-danger
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-primary">
+  Button
+</a>
+<a class="button is-info">
+  Button
+</a>
+<a class="button is-success">
+  Button
+</a>
+<a class="button is-warning">
+  Button
+</a>
+<a class="button is-danger">
+  Button
+</a>
+
+
+
+
+
+

You can also alter the size:

+
    +
  • is-small
    • +
  • is-medium
    • +
  • is-large
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-small">
+  Button
+</a>
+<a class="button">
+  Button
+</a>
+<a class="button is-medium">
+  Button
+</a>
+<a class="button is-large">
+  Button
+</a>
+
+
+
+
+
+

Or the style or state:

+
    +
  • is-outlined
    • +
  • is-loading
    • +
  • [disabled]
    • +
+
+
+
+

+ Button +

+

+ Button +

+

+ Button +

+
+
+
<a class="button is-primary is-outlined">
+  Button
+</a>
+<a class="button is-primary is-loading">
+  Button
+</a>
+<a class="button is-primary" disabled>
+  Button
+</a>
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/classes/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/classes/index.html new file mode 100644 index 000000000..e50c8174e --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/classes/index.html @@ -0,0 +1,594 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Classes

+

Bulma is simply a collection of CSS classes. Write the HTML code you want.

+ +
+ +
+

+ Bulma is a CSS framework, meaning that the end result is simply a single .css file: +
+ https://github.com/jgthms/bulma/blob/master/css/bulma.css

+

+ Because Bulma solely comprises CSS classes, the HTML code you write has no impact on the styling of your page. That's why .input exists as a class, so you can choose which <input type="text"> elements you want to style. +

+

+ Bulma only styles generic tags directly twice: +

+ +
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/customize/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/customize/index.html new file mode 100644 index 000000000..ebe087467 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/customize/index.html @@ -0,0 +1,646 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Customizing with Sass

+

Create your own theme with a simple set of variables

+ +
+ +
+

If you're familiar with Sass and want to customize Bulma with your own colors and variables, just install Bulma via npm:

+
+ + + +
+
+

2

+
+
+

+ Set your variables +

+

+ Add your own colors, set new fonts, override Bulma styles... +

+
// 1. Import the initial variables
+@import "../sass/utilities/initial-variables"
+
+// 2. Set your own initial variables
+// Update blue
+$blue: #72d0eb
+// Add pink and its invert
+$pink: #ffb3b3
+$pink-invert: #fff
+// Add a serif family
+$family-serif: "Merriweather", "Georgia", serif
+
+// 3. Set the derived variables
+// Use the new pink as the primary color
+$primary: $pink
+$primary-invert: $pink-invert
+// Use the existing orange as the danger color
+$danger: $orange
+// Use the new serif family
+$family-primary: $family-serif
+
+// 4. Import the rest of Bulma
+@import "../bulma"
+

+
+
+ +
+
+

3

+
+
+

+ See the result: before and after +

+

+ As $blue has been updated, and since $blue-invert is automatically calculated with the function $blue-invert: findColorInvert($blue), the $blue-invert is now black instead of white

+

+
+ Customizing Bulma with Sass + Customizing Bulma with Sass +
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/functions/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/functions/index.html new file mode 100644 index 000000000..c6096c1cb --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/functions/index.html @@ -0,0 +1,794 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Functions

+

Utility functions to calculate colors and other values

+ +
+ +
+

Bulma uses 5 custom functions to help define the values and colors dynamically:

+
    +
  • powerNumber($number, $exp): calculates the value of a number exposed to another one. Returns a number.
    • +
  • colorLuminance($color): defines if a color is dark or light. Return a decimal number between 0 and 1 where <= 0.5 is dark and > 0.5 is light.
    • +
  • findColorInvert($color): returns either 70% transparent black or 100% opaque white depending on the luminance of the color.
    • +
+
+ +
+ +

The findColorInvert() function

+ +
+

The findColorInvert($color) function takes a color as an input, and outputs either transparent black rgba(#000, 0.7) or white #fff:

+
    +
  • if colorLuminance($color) > 0.55, it outputs rgba(#000, 0.7)
    • +
  • otherwise, it outputs #fff
    • +
+

Its purpose is to guarantee a readable shade for the text when the input color is used as the background.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
colorcolor luminancefindColorInvert()result
+ + #00d1b2 + + 0.52831 + + + #fff + + + Button + +
+ + #3273dc + + 0.23119 + + + #fff + + + Button + +
+ + #23d160 + + 0.51067 + + + #fff + + + Button + +
+ + #ffdd57 + + 0.76863 + + + rgba(0, 0, 0, 0.7) + + + Button + +
+ + #ff3860 + + 0.27313 + + + #fff + + + Button + +
+ + #ffb3b3 + + 0.61796 + + + rgba(0,0,0,0.7) + + + Button + +
+ + #ffbc6b + + 0.63053 + + + rgba(0,0,0,0.7) + + + Button + +
+ + hsl(294, 71%, 79%) + + 0.5529 + + + rgba(0,0,0,0.7) + + + Button + +
+

+ For colors that have a luminance close to the 0.55 threshold, it can be useful to override the findColorInvert() function, and rather set the invert color manually. +
+ For example, this shade of purple has a color luminance of 0.5529. It can be preferable to set a color invert of white instead of transparent black: +

+ + + + + + + + + + + + + + + +
+ with findColorInvert() + + $purple-invert: findColorInvert($purple) + + + rgba(0,0,0,0.7) + + + Button + +
+ with manual setting + + $purple-invert: #fff + + + #fff + + + Button + +
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/mixins/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/mixins/index.html new file mode 100644 index 000000000..a99fa73d3 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/mixins/index.html @@ -0,0 +1,628 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Mixins

+

Utility mixins for custom elements and responsive helpers

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
=arrow($color)Creates a CSS-only down arrow. Used for the dropdown select.
=blockDefines a margin-bottom of 1.5rem, except when the element is the last child. Used for almost all block elements.
=clearfixAdds a clearfix at the end of the element. Used for the "is-clearfix" helper.
=center($size)Positions an element in the exact center of its parent. Used for the spinner in a loading button.
=deleteCreates a CSS-only cross. Used for the delete element in modals, messages, tags...
=fa($size, $dimensions)Sets the style of a Font Awesome icon container.
=hamburger($dimensions)Creates a CSS-only hamburger menu with 3 bars. Used for the "nav-toggle".
=loaderCreates a CSS-only loading spinner. Used for the ".loader" element, and for input and button spinners.
=overflow-touchSets the style of a container so that it keeps momentum when scrolling on iOS devices.
=overlay($offset: 0)Makes the element overlay its parent container, like the transparent modal background.
=placeholderSets the styles of an input placeholder.
=unselectableTurns the element unselectable. Used for buttons to prevent selection when clicking.
+ +
+

These mixins are already used throughout Bulma, but you can use them as well to extend your own styles.

+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/modular/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/modular/index.html new file mode 100644 index 000000000..04a6f1417 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/modular/index.html @@ -0,0 +1,648 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Modular

+

Just import what you need

+ +
+ +
+

+ Bulma consists of 29 .sass files that you can import individually. +

+

+ For example, let's say you only want the Bulma columns. +
+ The file is located in the bulma/sass/grid folder. +
+ Simply import the utilities dependencies, and then the files you need directly: +

+
@import "bulma/sass/utilities/_all"
+@import "bulma/sass/grid/columns"
+

+ Now you can use the classes .columns (for the container) and .column directly: +

+
<div class="columns">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+  <div class="column">5</div>
+</div>
+ +
+ +

+ What if you only want the button styles instead? +

+
@import "bulma/sass/utilities/_all"
+@import "bulma/sass/elements/button.sass"
+

+ You can now use the .button class, and all its modifiers: +

+
    +
  • + .is-active +
    • +
  • + .is-primary, + .is-info, + .is-success... +
    • +
  • + .is-small, + .is-medium, + .is-large +
    • +
  • + .is-outlined, + .is-inverted, + .is-link +
    • +
  • + .is-loading, + [disabled] +
    • +
+
<a class="button">
+  Button
+</a>
+
+<a class="button is-primary">
+  Primary button
+</a>
+
+<a class="button is-large">
+  Large button
+</a>
+
+<a class="button is-loading">
+  Loading button
+</a>
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/responsiveness/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/responsiveness/index.html new file mode 100644 index 000000000..b8226a0cc --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/responsiveness/index.html @@ -0,0 +1,750 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Responsiveness

+

Bulma is a mobile-first framework

+ +
+ +

Vertical by default

+
+

+ Every element in Bulma is mobile-first and optimizes for vertical reading, so by default on mobile: +

+
    +
  • columns are stacked vertically
    • +
  • the level component will show its children stacked vertically
    • +
  • the nav menu will be hidden
    • +
+

For example, you can enforce the horizontal layout for both columns or nav by appending the is-mobile modifer.

+
+ +
+ +

Breakpoints

+
+

Bulma has 5 breakpoints:

+
    +
  • mobile: up to 768px
    • +
  • tablet: from 769px
    • +
  • desktop: from 1000px
    • +
  • widescreen: from 1192px
    • +
  • New! fullhd: from 1384px
    • +
+

Bulma uses 9 responsive mixins:

+
    +
  • + =mobile
    + until 768px +
    • +
  • + =tablet
    + from 769px +
    • +
  • + =tablet-only
    + from 769px and until 999px +
    • +
  • + =touch
    + until 999px +
    • +
  • + =desktop
    + from 1000px +
    • +
  • + =desktop-only
    + from 1000px and until 1191px +
    • +
  • + =widescreen
    + from 1192px +
    • +
  • + =widescreen-only
    + from 1192px and until 1383px +
    • +
  • + New! + =fullhd
    + from 1384px +
    • +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Mobile
+ Up to 768px + 		+ Tablet
+ Between 769px and 999px + 		+ Desktop
+ Between 1000px and 1191px + 		+ Widescreen
+ Between 1192px and 1383px + 		+ FullHD
+ 1384px and above +
+

mobile

+ 		+

-

+
+

-

+ 		+

tablet

+
+

-

+ 		+

desktop

+
+

-

+ 		+

widescreen

+
+

-

+ 		+

fullhd

+
+

-

+ 		+

tablet-only

+ 		+

-

+
+

-

+ 		+

desktop-only

+ 		+

-

+
+

-

+ 		+

widescreen-only

+ 		+

-

+
+

touch

+ 		+

-

+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/start/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/start/index.html new file mode 100644 index 000000000..bfc1d1e01 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/start/index.html @@ -0,0 +1,623 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

3 ways to start

+

You only need 1 CSS file to use Bulma

+ +
+ +
+
+

1

+
+
+

+ Use NPM (recommended): +

+
npm install bulma
+
+
+ + + + + +
+ +
+
+ Font Awesome icons +
+
+

If you want to use icons with Bulma, don't forget to include Font Awesome:

+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/variables/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/variables/index.html new file mode 100644 index 000000000..eb0688ab2 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/documentation/overview/variables/index.html @@ -0,0 +1,1056 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Documentation +

+

+ Everything you need to create a website with Bulma +

+
+
+
+ + +
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+

Variables

+

Easily customize Bulma to match your design

+ +
+ +
+

Bulma has 1 variable file divided into 4 sections:

+
    +
  • + Initial variables: where you define variables by direct value, like: +
      +
    • colors: $blue: hsl(217, 71%, 53%)
      • +
    • font sizes: $size-1: 3rem
      • +
    • other values: $easing: ease-out or $radius-large: 5px
      • +
    +
    • +
  • + Primary colors derived from the initial variables: +
      +
    • $primary: $turquoise
      • +
    • $info: $blue
      • +
    • $success: $green
      • +
    • $warning: $yellow
      • +
    • $danger: $red
      • +
    • $dark: $grey-darker
      • +
    • $text: $grey-dark
      • +
    +
    • +
  • + Generated variables where variables are calculated from the values set in the previous file. For example, you can have: +
      +
    • $body-background: $white: the main background color
      • +
    • $link: $primary: the links use the primary color
      • +
    • $family-primary: $family-sans-serif: the primary font family is the sans-serif one
      • +
    +
    • +
  • + Lists and maps which are collections so already defined variables: +
      +
    • $colors: (dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert))
      • +
    • $sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6
      • +
    +
    • +
+

+ To override any of these variables, just set them before importing Bulma. +

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
1. Initial variables
Colors
$black + + hsl(0, 0%, 4%) +
$black-bis + + hsl(0, 0%, 7%) +
$black-ter + + hsl(0, 0%, 14%) +
$grey-darker + + hsl(0, 0%, 21%) +
$grey-dark + + hsl(0, 0%, 29%) +
$grey + + hsl(0, 0%, 48%) +
$grey-light + + hsl(0, 0%, 71%) +
$grey-lighter + + hsl(0, 0%, 86%) +
$white-ter + + hsl(0, 0%, 96%) +
$white-bis + + hsl(0, 0%, 98%) +
$white + + hsl(0, 0%, 100%) +
$orange + + hsl(14, 100%, 53%) +
$yellow + + hsl(48, 100%, 67%) +
$green + + hsl(141, 71%, 48%) +
$turquoise + + hsl(171, 100%, 41%) +
$blue + + hsl(217, 71%, 53%) +
$purple + + hsl(271, 100%, 71%) +
$red + + hsl(348, 100%, 61%) +
Typography
$family-sans-serif-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
"Helvetica Neue", "Helvetica", "Arial", sans-serif
$family-monospacemonospace
$size-13rem
$size-22.5rem
$size-32rem
$size-41.5rem
$size-51.25rem
$size-61rem
$size-70.75rem
$weight-light300
$weight-normal400
$weight-semibold500
$weight-bold700
Body
$body-background$white
$body-size16px
Breakpoints
$gap24px
$tablet769px
$desktop1008px (960px + 2 * $gap)
$widescreen1200px (1152px+ 2 * $gap)
$fullhd1392px (1344px+ 2 * $gap)
Miscellaneous
$easingease-out
$radius3px
$speed86ms
2. Primary colors
$primary$turquoise
$info$blue
$success$green
$warning$yellow
$danger$red
$light$white-ter
$dark$grey-darker
3. Generated variables
Invert colors
$primary-invertfindColorInvert($primary)
$info-invertfindColorInvert($info)
$success-invertfindColorInvert($success)
$warning-invertfindColorInvert($warning)
$danger-invertfindColorInvert($danger)
$light-invert$dark
$dark-invert$light
General colors
$body-background$grey-lighter
$background$grey-lighter
$border$grey-light
$border-hover$grey
Text colors
$text$grey-dark
$text-invertfindColorInvert($text)
$text-light$grey
$text-strong$grey-darker
Code colors
$code$red
$code-background$background
$pre$text
$pre-background$background
Link colors
$link$primary
$link-invert$primary-invert
$link-visited$purple
$link-hover$grey-darker
$link-hover-border$grey-darker
$link-focus$grey-darker
$link-focus-border$primary
$link-active$grey-darker
$link-active-border$grey-dark
Typography
$family-primary$family-sans-serif
$family-code$family-monospace
$size-small$size-7
$size-normal$size-6
$size-medium$size-5
$size-large$size-4
4. Lists and maps
$colors + + 
+(
+  white: ($white, $black),
+  black: ($black, $white),
+  light: ($light, $light-invert),
+  dark: ($dark, $dark-invert),
+  primary: ($primary, $primary-invert),
+  info: ($info, $info-invert),
+  success: ($success, $success-invert),
+  warning: ($warning, $warning-invert),
+  danger: ($danger, $danger-invert)
+)
+
+
$sizes$size-1 $size-2 $size-3 $size-4 $size-5 $size-6
+
+
+ + + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/extensions/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/extensions/index.html new file mode 100644 index 000000000..c823b8064 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/extensions/index.html @@ -0,0 +1,588 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+
+
+

+ Extensions +

+

+ Side projects to enhance Bulma +

+
+
+
+ + +
+ +
+
+
+
+
+ +
+
+ + +
+
+

+ bulma-badge +

+

+ github.com/Wikiki/bulma-badge +

+
+
+ +
+
+ + + +
+
+

+ bulma-steps +

+

+ github.com/Wikiki/bulma-steps +

+
+
+ +
+
+ + + +
+
+

+ bulma-tooltip +

+

+ github.com/Wikiki/bulma-tooltip +

+
+
+ +
+
+ + + +
+
+

+ bulma-timeline +

+

+ github.com/Wikiki/bulma-timeline +

+
+
+ +
+
+ + + +
+
+
+
+
+

Have an extension to share with the community?

+
+
+
+
+ + Submit a Pull Request + +
+
+
+
+
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/android-chrome-192x192.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/android-chrome-192x192.png new file mode 100644 index 000000000..d26e0efc8 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/android-chrome-192x192.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/android-chrome-384x384.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/android-chrome-384x384.png new file mode 100644 index 000000000..a94896a1b Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/android-chrome-384x384.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/apple-touch-icon.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/apple-touch-icon.png new file mode 100644 index 000000000..f3622d36d Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/apple-touch-icon.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/browserconfig.xml b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/browserconfig.xml new file mode 100644 index 000000000..45c44a90f --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #00d1b2 + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/favicon-16x16.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/favicon-16x16.png new file mode 100644 index 000000000..04af7be89 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/favicon-16x16.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/favicon-32x32.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/favicon-32x32.png new file mode 100644 index 000000000..4b45c42d6 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/favicon-32x32.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/favicon.ico b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/favicon.ico new file mode 100644 index 000000000..46c186f54 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/favicon.ico differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/manifest.json b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/manifest.json new file mode 100644 index 000000000..14b1ae3a6 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/manifest.json @@ -0,0 +1,17 @@ +{ + "name": "", + "icons": [ + { + "src": "\/favicons\/android-chrome-192x192.png?v=201701041855", + "sizes": "192x192", + "type": "image\/png" + }, + { + "src": "\/favicons\/android-chrome-384x384.png?v=201701041855", + "sizes": "384x384", + "type": "image\/png" + } + ], + "theme_color": "#00d1b2", + "display": "standalone" +} diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/mstile-150x150.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/mstile-150x150.png new file mode 100644 index 000000000..ce916b38d Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/mstile-150x150.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/safari-pinned-tab.svg b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/safari-pinned-tab.svg new file mode 100644 index 000000000..5d4f2c286 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/favicons/safari-pinned-tab.svg @@ -0,0 +1,19 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/blog/metro-ui-css-grid-tiles.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/blog/metro-ui-css-grid-tiles.png new file mode 100644 index 000000000..764ff9ace Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/blog/metro-ui-css-grid-tiles.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-banner.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-banner.png new file mode 100644 index 000000000..643ac47bd Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-banner.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-icon.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-icon.png new file mode 100644 index 000000000..eaf235de5 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-icon.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-logo.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-logo.png new file mode 100644 index 000000000..a016c2b51 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-logo.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-type-white.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-type-white.png new file mode 100644 index 000000000..b29667213 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-type-white.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-type.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-type.png new file mode 100644 index 000000000..d6c1baac1 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/bulma-type.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/css-reference-logo.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/css-reference-logo.png new file mode 100644 index 000000000..3b770bdd7 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/css-reference-logo.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/customize-after.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/customize-after.png new file mode 100644 index 000000000..d5ddc7b0c Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/customize-after.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/customize-before.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/customize-before.png new file mode 100644 index 000000000..738a3181e Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/customize-before.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-badge.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-badge.png new file mode 100644 index 000000000..2bbb48ec6 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-badge.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-steps.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-steps.png new file mode 100644 index 000000000..c15eff52e Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-steps.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-timeline.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-timeline.png new file mode 100644 index 000000000..c8453b562 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-timeline.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-tooltip.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-tooltip.png new file mode 100644 index 000000000..a15749044 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/extensions/bulma-tooltip.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/html-reference-logo.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/html-reference-logo.png new file mode 100644 index 000000000..7b41e3ca8 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/html-reference-logo.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/jgthms.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/jgthms.png new file mode 100644 index 000000000..b89c0097f Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/jgthms.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/paypal-donate.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/paypal-donate.png new file mode 100644 index 000000000..19ffbc0d7 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/paypal-donate.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/1280x960.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/1280x960.png new file mode 100644 index 000000000..6c54c1aaa Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/1280x960.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/128x128.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/128x128.png new file mode 100644 index 000000000..0e5bd89be Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/128x128.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/16x16.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/16x16.png new file mode 100644 index 000000000..18c4349ab Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/16x16.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/24x24.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/24x24.png new file mode 100644 index 000000000..39d3ba408 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/24x24.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/256x256.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/256x256.png new file mode 100644 index 000000000..379b9c5df Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/256x256.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/300x225.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/300x225.png new file mode 100644 index 000000000..1aa2338ac Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/300x225.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/32x32.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/32x32.png new file mode 100644 index 000000000..0cd1aa239 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/32x32.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/480x320.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/480x320.png new file mode 100644 index 000000000..e041058a8 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/480x320.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/480x480.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/480x480.png new file mode 100644 index 000000000..9587d57d2 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/480x480.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/48x48.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/48x48.png new file mode 100644 index 000000000..9860891d3 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/48x48.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/640x320.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/640x320.png new file mode 100644 index 000000000..0f5e54730 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/640x320.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/640x360.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/640x360.png new file mode 100644 index 000000000..cf807906c Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/640x360.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/640x480.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/640x480.png new file mode 100644 index 000000000..e0bd2346f Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/640x480.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/64x64.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/64x64.png new file mode 100644 index 000000000..e2db8f4f9 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/64x64.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/96x96.png b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/96x96.png new file mode 100644 index 000000000..ba64ab9a4 Binary files /dev/null and b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/images/placeholders/96x96.png differ diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/index.html new file mode 100644 index 000000000..7ea0db451 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/index.html @@ -0,0 +1,1122 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+ + +
+ +
+
+
+

+ + + + + + + + + + + + + + +

+

+ Bulma +

+

+ A modern CSS framework based on Flexbox +

+ 
npm install bulma
+
+ + +
+
+ + +
+ +

+ + + + + Download + v0.4.4 + + + View docs + +

+
+
+
+ +
+
+
+ +
+
+
+ +
+
+

+ + + + + Simple columns + +

+

Just add columns, they will resize themselves

+
+
+
+

1

+
+
+
+
+

2

+
+
+
+
+

3

+
+
+
+
+

4

+
+
+
+
+

5

+
+
+ + + + + + + +
+
+

+ Add column +

+

+ Remove column +

+
+
+

Info

+

While it's possible to add as many columns as you want, it is recommended to stick with 12 columns.
+ If you want smaller divisions, you can always nest columns.

+
+
+
<div class="columns">
+  <div class="column">1</div>
+  <div class="column">2</div>
+  <div class="column">3</div>
+  <div class="column">4</div>
+  <div class="column">5</div>
+</div>
+
+
+
+ +
+ +
+
+

+ + + + + Magic tiles + +

+

A single element for a Metro UI CSS grid

+
+
+
+
+
+

Vertical...

+

Top tile

+
+
+

...tiles

+

Bottom tile

+
+
+
+
+

Middle tile

+

With an image

+
+ +
+
+
+
+
+
+

Wide tile

+

Aligned with the right tile

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+

Tall tile

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child">
+          <!-- Any content you want here -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child">
+        <!-- Any content you want here -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child">
+      <!-- Any content you want here -->
+    </article>
+  </div>
+</div>
+
+
+ +
+ +
+
+

+ + + + + Flexible horizontal level + +

+

Include any type of element, they will remain vertically centered

+ +
+
+ +
+ +
+
+
+
+

+ + + + + Versatile media object + +

+

A simple block with an image that will solve 90% of your UI problems

+
+ +
+
+
+
+
+ Image +
+
+
+
+

+ John Smith @johnsmith 31m +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. +

+
+ +
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+ +
+
+

+ + + + + Easy vertical centering in fullscreen + +

+

Include any content you want, it's always centered

+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+

+ + + + + Compose your element with modifier classes + +

+

Add and combine is-* CSS classes to quickly alter styles

+
+
+
+
+

+ button +

+
+ Button +
+
+
+

+ button is-primary +

+
+ Button +
+
+
+

+ button is-primary is-large +

+
+ Button +
+
+
+

+ button is-primary is-large is-loading +

+
+ Button +
+
+
+
+
+ +
+ +
+
+

+ + + + + And all the usual elements + +

+

Buttons, form controls, menus, tabs, titles, notifications, etc.

+ +
+
+
+
+
+ Image +
+
+
+
+
+
+ Image +
+
+
+

Card

+

Subtitle

+
+
+ +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. @bulmaio. #css #responsive +
+ 11:09 PM - 1 Jan 2016 +
+
+
+
+
+

Title

+

Subtitle

+
+

+ + + +

+

+ +

+
+
+

+ +

+
+
+

+ + +

+
+
+

+ Button +

+
+
+ +
+

+ Tag + Two + Three +

+
+
+ Hello world +
+
+ Message +
+
+
+ + Success! +
+
+
+
+
+ +
+ +
+
+

Get started

+
+ + + + + Check the Docs + + + + + + Contribute + +
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/bulma.js b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/bulma.js new file mode 100644 index 000000000..62e5bc97a --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/bulma.js @@ -0,0 +1,66 @@ +'use strict'; + +jQuery(document).ready(function ($) { + + var $toggle = $('#nav-toggle'); + var $menu = $('#nav-menu'); + + $toggle.click(function () { + $(this).toggleClass('is-active'); + $menu.toggleClass('is-active'); + }); + + $('.modal-button').click(function () { + var target = $(this).data('target'); + $('html').addClass('is-clipped'); + $(target).addClass('is-active'); + }); + + $('.modal-background, .modal-close').click(function () { + $('html').removeClass('is-clipped'); + $(this).parent().removeClass('is-active'); + }); + + $('.modal-card-head .delete, .modal-card-foot .button').click(function () { + $('html').removeClass('is-clipped'); + $('#modal-ter').removeClass('is-active'); + }); + + $(document).on('keyup', function (e) { + if (e.keyCode == 27) { + $('html').removeClass('is-clipped'); + $('.modal').removeClass('is-active'); + } + }); + + var $highlights = $('.highlight'); + + $highlights.each(function () { + var $el = $(this); + var copy = ''; + var expand = ''; + $el.append(copy); + + if ($el.find('pre code').innerHeight() > 600) { + $el.append(expand); + } + }); + + var $highlightButtons = $('.highlight .copy, .highlight .expand'); + + $highlightButtons.hover(function () { + $(this).parent().css('box-shadow', '0 0 0 1px #ed6c63'); + }, function () { + $(this).parent().css('box-shadow', 'none'); + }); + + $('.highlight .expand').click(function () { + $(this).parent().children('pre').css('max-height', 'none'); + }); + + new Clipboard('.copy', { + target: function target(trigger) { + return trigger.previousSibling; + } + }); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/clipboard.min.js b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/clipboard.min.js new file mode 100644 index 000000000..0a5f5f867 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/clipboard.min.js @@ -0,0 +1,222 @@ +"use strict"; + +var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; + +function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; } + +/*! + * clipboard.js v1.5.9 + * https://zenorocha.github.io/clipboard.js + * + * Licensed MIT © Zeno Rocha + */ +!function (t) { + if ("object" == (typeof exports === "undefined" ? "undefined" : _typeof(exports)) && "undefined" != typeof module) module.exports = t();else if ("function" == typeof define && define.amd) define([], t);else { + var e;e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : this, e.Clipboard = t(); + } +}(function () { + var t, e, n;return function t(e, n, o) { + function r(c, s) { + if (!n[c]) { + if (!e[c]) { + var a = "function" == typeof require && require;if (!s && a) return a(c, !0);if (i) return i(c, !0);var l = new Error("Cannot find module '" + c + "'");throw l.code = "MODULE_NOT_FOUND", l; + }var u = n[c] = { exports: {} };e[c][0].call(u.exports, function (t) { + var n = e[c][1][t];return r(n ? n : t); + }, u, u.exports, t, e, n, o); + }return n[c].exports; + }for (var i = "function" == typeof require && require, c = 0; c < o.length; c++) { + r(o[c]); + }return r; + }({ 1: [function (t, e, n) { + var o = t("matches-selector");e.exports = function (t, e, n) { + for (var r = n ? t : t.parentNode; r && r !== document;) { + if (o(r, e)) return r;r = r.parentNode; + } + }; + }, { "matches-selector": 5 }], 2: [function (t, e, n) { + function o(t, e, n, o, i) { + var c = r.apply(this, arguments);return t.addEventListener(n, c, i), { destroy: function destroy() { + t.removeEventListener(n, c, i); + } }; + }function r(t, e, n, o) { + return function (n) { + n.delegateTarget = i(n.target, e, !0), n.delegateTarget && o.call(t, n); + }; + }var i = t("closest");e.exports = o; + }, { closest: 1 }], 3: [function (t, e, n) { + n.node = function (t) { + return void 0 !== t && t instanceof HTMLElement && 1 === t.nodeType; + }, n.nodeList = function (t) { + var e = Object.prototype.toString.call(t);return void 0 !== t && ("[object NodeList]" === e || "[object HTMLCollection]" === e) && "length" in t && (0 === t.length || n.node(t[0])); + }, n.string = function (t) { + return "string" == typeof t || t instanceof String; + }, n.fn = function (t) { + var e = Object.prototype.toString.call(t);return "[object Function]" === e; + }; + }, {}], 4: [function (t, e, n) { + function o(t, e, n) { + if (!t && !e && !n) throw new Error("Missing required arguments");if (!s.string(e)) throw new TypeError("Second argument must be a String");if (!s.fn(n)) throw new TypeError("Third argument must be a Function");if (s.node(t)) return r(t, e, n);if (s.nodeList(t)) return i(t, e, n);if (s.string(t)) return c(t, e, n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList"); + }function r(t, e, n) { + return t.addEventListener(e, n), { destroy: function destroy() { + t.removeEventListener(e, n); + } }; + }function i(t, e, n) { + return Array.prototype.forEach.call(t, function (t) { + t.addEventListener(e, n); + }), { destroy: function destroy() { + Array.prototype.forEach.call(t, function (t) { + t.removeEventListener(e, n); + }); + } }; + }function c(t, e, n) { + return a(document.body, t, e, n); + }var s = t("./is"), + a = t("delegate");e.exports = o; + }, { "./is": 3, delegate: 2 }], 5: [function (t, e, n) { + function o(t, e) { + if (i) return i.call(t, e);for (var n = t.parentNode.querySelectorAll(e), o = 0; o < n.length; ++o) { + if (n[o] == t) return !0; + }return !1; + }var r = Element.prototype, + i = r.matchesSelector || r.webkitMatchesSelector || r.mozMatchesSelector || r.msMatchesSelector || r.oMatchesSelector;e.exports = o; + }, {}], 6: [function (t, e, n) { + function o(t) { + var e;if ("INPUT" === t.nodeName || "TEXTAREA" === t.nodeName) t.focus(), t.setSelectionRange(0, t.value.length), e = t.value;else { + t.hasAttribute("contenteditable") && t.focus();var n = window.getSelection(), + o = document.createRange();o.selectNodeContents(t), n.removeAllRanges(), n.addRange(o), e = n.toString(); + }return e; + }e.exports = o; + }, {}], 7: [function (t, e, n) { + function o() {}o.prototype = { on: function on(t, e, n) { + var o = this.e || (this.e = {});return (o[t] || (o[t] = [])).push({ fn: e, ctx: n }), this; + }, once: function once(t, e, n) { + function o() { + r.off(t, o), e.apply(n, arguments); + }var r = this;return o._ = e, this.on(t, o, n); + }, emit: function emit(t) { + var e = [].slice.call(arguments, 1), + n = ((this.e || (this.e = {}))[t] || []).slice(), + o = 0, + r = n.length;for (o; r > o; o++) { + n[o].fn.apply(n[o].ctx, e); + }return this; + }, off: function off(t, e) { + var n = this.e || (this.e = {}), + o = n[t], + r = [];if (o && e) for (var i = 0, c = o.length; c > i; i++) { + o[i].fn !== e && o[i].fn._ !== e && r.push(o[i]); + }return r.length ? n[t] = r : delete n[t], this; + } }, e.exports = o; + }, {}], 8: [function (e, n, o) { + !function (r, i) { + if ("function" == typeof t && t.amd) t(["module", "select"], i);else if ("undefined" != typeof o) i(n, e("select"));else { + var c = { exports: {} };i(c, r.select), r.clipboardAction = c.exports; + } + }(this, function (t, e) { + "use strict"; + function n(t) { + return t && t.__esModule ? t : { "default": t }; + }function o(t, e) { + if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function"); + }var r = n(e), + i = "function" == typeof Symbol && "symbol" == _typeof(Symbol.iterator) ? function (t) { + return typeof t === "undefined" ? "undefined" : _typeof(t); + } : function (t) { + return t && "function" == typeof Symbol && t.constructor === Symbol ? "symbol" : typeof t === "undefined" ? "undefined" : _typeof(t); + }, + c = function () { + function t(t, e) { + for (var n = 0; n < e.length; n++) { + var o = e[n];o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o); + } + }return function (e, n, o) { + return n && t(e.prototype, n), o && t(e, o), e; + }; + }(), + s = function () { + function t(e) { + o(this, t), this.resolveOptions(e), this.initSelection(); + }return t.prototype.resolveOptions = function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? {} : arguments[0];this.action = e.action, this.emitter = e.emitter, this.target = e.target, this.text = e.text, this.trigger = e.trigger, this.selectedText = ""; + }, t.prototype.initSelection = function t() { + if (this.text && this.target) throw new Error('Multiple attributes declared, use either "target" or "text"');if (this.text) this.selectFake();else { + if (!this.target) throw new Error('Missing required attributes, use either "target" or "text"');this.selectTarget(); + } + }, t.prototype.selectFake = function t() { + var e = this, + n = "rtl" == document.documentElement.getAttribute("dir");this.removeFake(), this.fakeHandler = document.body.addEventListener("click", function () { + return e.removeFake(); + }), this.fakeElem = document.createElement("textarea"), this.fakeElem.style.fontSize = "12pt", this.fakeElem.style.border = "0", this.fakeElem.style.padding = "0", this.fakeElem.style.margin = "0", this.fakeElem.style.position = "fixed", this.fakeElem.style[n ? "right" : "left"] = "-9999px", this.fakeElem.style.top = (window.pageYOffset || document.documentElement.scrollTop) + "px", this.fakeElem.setAttribute("readonly", ""), this.fakeElem.value = this.text, document.body.appendChild(this.fakeElem), this.selectedText = (0, r.default)(this.fakeElem), this.copyText(); + }, t.prototype.removeFake = function t() { + this.fakeHandler && (document.body.removeEventListener("click"), this.fakeHandler = null), this.fakeElem && (document.body.removeChild(this.fakeElem), this.fakeElem = null); + }, t.prototype.selectTarget = function t() { + this.selectedText = (0, r.default)(this.target), this.copyText(); + }, t.prototype.copyText = function t() { + var e = void 0;try { + e = document.execCommand(this.action); + } catch (n) { + e = !1; + }this.handleResult(e); + }, t.prototype.handleResult = function t(e) { + e ? this.emitter.emit("success", { action: this.action, text: this.selectedText, trigger: this.trigger, clearSelection: this.clearSelection.bind(this) }) : this.emitter.emit("error", { action: this.action, trigger: this.trigger, clearSelection: this.clearSelection.bind(this) }); + }, t.prototype.clearSelection = function t() { + this.target && this.target.blur(), window.getSelection().removeAllRanges(); + }, t.prototype.destroy = function t() { + this.removeFake(); + }, c(t, [{ key: "action", set: function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? "copy" : arguments[0];if (this._action = e, "copy" !== this._action && "cut" !== this._action) throw new Error('Invalid "action" value, use either "copy" or "cut"'); + }, get: function t() { + return this._action; + } }, { key: "target", set: function t(e) { + if (void 0 !== e) { + if (!e || "object" !== ("undefined" == typeof e ? "undefined" : i(e)) || 1 !== e.nodeType) throw new Error('Invalid "target" value, use a valid Element');this._target = e; + } + }, get: function t() { + return this._target; + } }]), t; + }();t.exports = s; + }); + }, { select: 6 }], 9: [function (e, n, o) { + !function (r, i) { + if ("function" == typeof t && t.amd) t(["module", "./clipboard-action", "tiny-emitter", "good-listener"], i);else if ("undefined" != typeof o) i(n, e("./clipboard-action"), e("tiny-emitter"), e("good-listener"));else { + var c = { exports: {} };i(c, r.clipboardAction, r.tinyEmitter, r.goodListener), r.clipboard = c.exports; + } + }(this, function (t, e, n, o) { + "use strict"; + function r(t) { + return t && t.__esModule ? t : { "default": t }; + }function i(t, e) { + if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function"); + }function c(t, e) { + if (!t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return !e || "object" != (typeof e === "undefined" ? "undefined" : _typeof(e)) && "function" != typeof e ? t : e; + }function s(t, e) { + if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function, not " + (typeof e === "undefined" ? "undefined" : _typeof(e)));t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : _defaults(t, e)); + }function a(t, e) { + var n = "data-clipboard-" + t;if (e.hasAttribute(n)) return e.getAttribute(n); + }var l = r(e), + u = r(n), + f = r(o), + d = function (t) { + function e(n, o) { + i(this, e);var r = c(this, t.call(this));return r.resolveOptions(o), r.listenClick(n), r; + }return s(e, t), e.prototype.resolveOptions = function t() { + var e = arguments.length <= 0 || void 0 === arguments[0] ? {} : arguments[0];this.action = "function" == typeof e.action ? e.action : this.defaultAction, this.target = "function" == typeof e.target ? e.target : this.defaultTarget, this.text = "function" == typeof e.text ? e.text : this.defaultText; + }, e.prototype.listenClick = function t(e) { + var n = this;this.listener = (0, f.default)(e, "click", function (t) { + return n.onClick(t); + }); + }, e.prototype.onClick = function t(e) { + var n = e.delegateTarget || e.currentTarget;this.clipboardAction && (this.clipboardAction = null), this.clipboardAction = new l.default({ action: this.action(n), target: this.target(n), text: this.text(n), trigger: n, emitter: this }); + }, e.prototype.defaultAction = function t(e) { + return a("action", e); + }, e.prototype.defaultTarget = function t(e) { + var n = a("target", e);return n ? document.querySelector(n) : void 0; + }, e.prototype.defaultText = function t(e) { + return a("text", e); + }, e.prototype.destroy = function t() { + this.listener.destroy(), this.clipboardAction && (this.clipboardAction.destroy(), this.clipboardAction = null); + }, e; + }(u.default);t.exports = d; + }); + }, { "./clipboard-action": 8, "good-listener": 4, "tiny-emitter": 7 }] }, {}, [9])(9); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/index.js b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/index.js new file mode 100644 index 000000000..2e659c190 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/index.js @@ -0,0 +1,51 @@ +'use strict'; + +document.addEventListener('DOMContentLoaded', function () { + + var $grid = document.getElementById('grid'); + var $columns = Array.prototype.slice.call(document.querySelectorAll('#grid > .column'), 0); + var $markup = document.querySelector('#markup code'); + var $message = document.getElementById('message'); + var $add = document.getElementById('add'); + var $remove = document.getElementById('remove'); + var showing = 5; + + function showColumns() { + if (showing === 13) { + $message.style.display = 'block'; + } else { + $message.style.display = 'none'; + } + + showing = Math.min(Math.max(parseInt(showing), 2), 12); + + $columns.forEach(function ($el) { + $el.style.display = 'none'; + }); + $columns.slice(0, showing).forEach(function ($el) { + $el.style.display = 'block'; + }); + + $markup.innerHTML = '<div class="columns">'; + $markup.insertAdjacentHTML('beforeend', '\n'); + + for (var i = 0; i < showing; i++) { + $markup.insertAdjacentHTML('beforeend', ' <div class="column">'); + $markup.insertAdjacentHTML('beforeend', i + 1); + $markup.insertAdjacentHTML('beforeend', '</div>'); + $markup.insertAdjacentHTML('beforeend', '\n'); + } + + $markup.insertAdjacentHTML('beforeend', '</div>'); + } + + $add.addEventListener('click', function () { + showing++; + showColumns(); + }); + + $remove.addEventListener('click', function () { + showing--; + showColumns(); + }); +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/main.js b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/main.js new file mode 100644 index 000000000..07bd60a9d --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/lib/main.js @@ -0,0 +1,139 @@ +'use strict'; + +document.addEventListener('DOMContentLoaded', function () { + + // Dropdowns + + var $dropdowns = getAll('.dropdown:not(.is-hoverable)'); + + if ($dropdowns.length > 0) { + $dropdowns.forEach(function ($el) { + $el.addEventListener('click', function (event) { + event.stopPropagation(); + $el.classList.toggle('is-active'); + }); + }); + + document.addEventListener('click', function (event) { + closeDropdowns(); + }); + } + + function closeDropdowns() { + $dropdowns.forEach(function ($el) { + $el.classList.remove('is-active'); + }); + } + + // Toggles + + var $burgers = getAll('.burger'); + + if ($burgers.length > 0) { + $burgers.forEach(function ($el) { + $el.addEventListener('click', function () { + var target = $el.dataset.target; + var $target = document.getElementById(target); + $el.classList.toggle('is-active'); + $target.classList.toggle('is-active'); + }); + }); + } + + // Modals + + var $html = document.documentElement; + var $modals = getAll('.modal'); + var $modalButtons = getAll('.modal-button'); + var $modalCloses = getAll('.modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button'); + + if ($modalButtons.length > 0) { + $modalButtons.forEach(function ($el) { + $el.addEventListener('click', function () { + var target = $el.dataset.target; + var $target = document.getElementById(target); + $html.classList.add('is-clipped'); + $target.classList.add('is-active'); + }); + }); + } + + if ($modalCloses.length > 0) { + $modalCloses.forEach(function ($el) { + $el.addEventListener('click', function () { + closeModals(); + }); + }); + } + + document.addEventListener('keydown', function (event) { + var e = event || window.event; + if (e.keyCode === 27) { + closeModals(); + closeDropdowns(); + } + }); + + function closeModals() { + $html.classList.remove('is-clipped'); + $modals.forEach(function ($el) { + $el.classList.remove('is-active'); + }); + } + + // Clipboard + + var $highlights = getAll('.highlight'); + var itemsProcessed = 0; + + if ($highlights.length > 0) { + $highlights.forEach(function ($el) { + var copy = ''; + var expand = ''; + $el.insertAdjacentHTML('beforeend', copy); + + if ($el.firstElementChild.scrollHeight > 480 && $el.firstElementChild.clientHeight <= 480) { + $el.insertAdjacentHTML('beforeend', expand); + } + + itemsProcessed++; + if (itemsProcessed === $highlights.length) { + addHighlightControls(); + } + }); + } + + function addHighlightControls() { + var $highlightButtons = getAll('.highlight .copy, .highlight .expand'); + + $highlightButtons.forEach(function ($el) { + $el.addEventListener('mouseenter', function () { + $el.parentNode.style.boxShadow = '0 0 0 1px #ed6c63'; + }); + + $el.addEventListener('mouseleave', function () { + $el.parentNode.style.boxShadow = 'none'; + }); + }); + + var $highlightExpands = getAll('.highlight .expand'); + + $highlightExpands.forEach(function ($el) { + $el.addEventListener('click', function () { + $el.parentNode.firstElementChild.style.maxHeight = 'none'; + }); + }); + } + + new Clipboard('.copy', { + target: function target(trigger) { + return trigger.previousSibling; + } + }); + + // Functions + + function getAll(selector) { + return Array.prototype.slice.call(document.querySelectorAll(selector), 0); + } +}); \ No newline at end of file diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/thank-you/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/thank-you/index.html new file mode 100644 index 000000000..1afe18087 --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/thank-you/index.html @@ -0,0 +1,243 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+
+
+

+ Thank you! +

+

+ Go back to the homepage +

+
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/tiles/index.html b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/tiles/index.html new file mode 100644 index 000000000..ea26dbe2b --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/tiles/index.html @@ -0,0 +1,988 @@ + + + + + + + + + Bulma v0.4.4: a modern CSS framework based on Flexbox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

+ You are viewing the deprecated 0.4.4 version of the website. + Click here to view the latest version +

+
+ + +
+
+

Tiles

+

A single tile element to build 2-dimensional Metro-like, Pinterest-like, or whatever-you-like grids

+ +
+

To build intricate 2-dimensional, you only need a single element: the tile:

+
+ +
<div class="tile">
+  <!-- The magical tile element! -->
+</div>
+ +
+

The tile element has 16 modifiers:

+
    +
  • + 3 contextual modifiers +
      +
    • is-ancestor
      • +
    • is-parent
      • +
    • is-child
      • +
    +
    • +
  • + 1 directional modifier +
      +
    • is-vertical
      • +
    +
    • +
  • + 12 horizontal size modifiers +
      +
    • from is-1
      • +
    • to is-12
      • +
    +
    • +
+
+ +
+ +

How it works: Nesting

+
+

Everything is a tile! To create a grid of tiles, you only need to nest tile elements.

+
+ +
+
+

Start with an ancestor tile that will wrap all other tiles:

+
+
+
<div class="tile is-ancestor">
+  <!-- All other tile elemnts -->
+</div>
+
+
+ +
+
+

Add tile elements that will distribute themselves horizontally:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+  <div class="tile">
+    <!-- Add content or other tiles -->
+  </div>
+</div>
+
+
+ +
+
+

+ You can resize any tile according to a 12 column grid. +
+ For example, is-4 will take up 2/3 of the horizontal space: +

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4">
+    <!-- 1/3 -->
+  </div>
+  <div class="tile">
+    <!-- This tile will take the rest: 2/3 -->
+  </div>
+</div>
+
+
+ +
+
+

If you want to stack tiles vertically, add is-vertical on the parent tile:

+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical">
+    <div class="tile">
+      <!-- Top tile -->
+    </div>
+    <div class="tile">
+      <!-- Bottom tile -->
+    </div>
+  </div>
+  <div class="tile">
+    <!-- This tile will take up the whole vertical space -->
+  </div>
+</div>
+
+
+ +
+
+
+

As soon as you want to add content to a tile, just:

+
    +
  • add any class you want, like box
    • +
  • add the is-child modifier on the tile
    • +
  • add the is-parent modifier on the parent tile
    • +
+
+
+
+
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+    </div>
+  </div>
+</div>
+
+
+ +
+
+
+

One

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+

Two

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+

Three

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-4 is-vertical is-parent">
+    <div class="tile is-child box">
+      <p class="title">One</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+    <div class="tile is-child box">
+      <p class="title">Two</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <div class="tile is-child box">
+      <p class="title">Three</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+      <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+      <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+    </div>
+  </div>
+</div>
+ +
+ +

Nesting requirements

+ +
+
+ 3 levels deep at least... +
+
+
+

You need at least 3 levels of hierarchy:

+
tile is-ancestor
+|
+└───tile is-parent
+    |
+    └───tile is-child
+
+
+
+ +
+
+ ...but more levels if you want! +
+
+
+

You can however nest tiles more deeply than that, and mix it up!

+
tile is-ancestor
+|
+├───tile is-vertical is-8
+|   |
+|   ├───tile
+|   |   |
+|   |   ├───tile is-parent is-vertical
+|   |   |   ├───tile is-child
+|   |   |   └───tile is-child
+|   |   |
+|   |   └───tile is-parent
+|   |       └───tile is-child
+|   |
+|   └───tile is-parent
+|       └───tile is-child
+|
+└───tile is-parent
+    └───tile is-child
+
+
+
+ +
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <!-- Put any content you want -->
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <!-- Put any content you want -->
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <!-- Put any content you want -->
+    </article>
+  </div>
+</div>
+ +
+ +

3 columns

+ +
+
+
+

Hello World

+

What is up?

+
+
+
+
+

Foo

+

Bar

+
+
+
+
+

Third column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+
+

Vertical tiles

+

Top box

+
+
+

Vertical tiles

+

Bottom box

+
+
+
+
+

Middle box

+

With an image

+
+ +
+
+
+
+
+
+

Wide column

+

Aligned with the right column

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+

Tall column

+

With even more content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Side column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Main column

+

With some content

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Hello World</p>
+      <p class="subtitle">What is up?</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Foo</p>
+      <p class="subtitle">Bar</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Third column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-8">
+    <div class="tile">
+      <div class="tile is-parent is-vertical">
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Top box</p>
+        </article>
+        <article class="tile is-child box">
+          <p class="title">Vertical tiles</p>
+          <p class="subtitle">Bottom box</p>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Middle box</p>
+          <p class="subtitle">With an image</p>
+          <figure class="image is-4by3">
+            <img src="http://bulma.io/versions/0.4.4/images/placeholders/640x480.png">
+          </figure>
+        </article>
+      </div>
+    </div>
+    <div class="tile is-parent">
+      <article class="tile is-child box">
+        <p class="title">Wide column</p>
+        <p class="subtitle">Aligned with the right column</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+        </div>
+      </article>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Tall column</p>
+        <p class="subtitle">With even more content</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Suspendisse varius ligula in molestie lacinia. Maecenas varius eget ligula a sagittis. Pellentesque interdum, nisl nec interdum maximus, augue diam porttitor lorem, et sollicitudin felis neque sit amet erat. Maecenas imperdiet felis nisi, fringilla luctus felis hendrerit sit amet. Aenean vitae gravida diam, finibus dignissim turpis. Sed eget varius ligula, at volutpat tortor.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Side column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-8">
+    <article class="tile is-child box">
+      <p class="title">Main column</p>
+      <p class="subtitle">With some content</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+</div>
+ +
+ +

4 columns

+ +
+
+
+

One

+

Subtitle

+
+
+
+
+

Two

+

Subtitle

+
+
+
+
+

Three

+

Subtitle

+
+
+
+
+

Four

+

Subtitle

+
+
+
+
+
+
+
+
+

Five

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+
+
+
+
+
+
+
+

Six

+

Subtitle

+
+
+
+
+

Seven

+

Subtitle

+
+
+
+
+
+

Eight

+

Subtitle

+
+
+
+
+
+
+
+

Nine

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Ten

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+
+
+
+

Eleven

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.

+

Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.

+
+
+
+
+
+
+
+
+

Twelve

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+
+

Thirteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.

+
+
+
+
+
+

Fourteen

+

Subtitle

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.

+
+
+
+
+ +
<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">One</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Two</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Three</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Four</p>
+      <p class="subtitle">Subtitle</p>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-vertical is-9">
+    <div class="tile">
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Five</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-8 is-vertical">
+        <div class="tile">
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Six</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+          <div class="tile is-parent">
+            <article class="tile is-child box">
+              <p class="title">Seven</p>
+              <p class="subtitle">Subtitle</p>
+            </article>
+          </div>
+        </div>
+        <div class="tile is-parent">
+          <article class="tile is-child box">
+            <p class="title">Eight</p>
+            <p class="subtitle">Subtitle</p>
+          </article>
+        </div>
+      </div>
+    </div>
+    <div class="tile">
+      <div class="tile is-8 is-parent">
+        <article class="tile is-child box">
+          <p class="title">Nine</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+      <div class="tile is-parent">
+        <article class="tile is-child box">
+          <p class="title">Ten</p>
+          <p class="subtitle">Subtitle</p>
+          <div class="content">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+          </div>
+        </article>
+      </div>
+    </div>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <div class="content">
+        <p class="title">Eleven</p>
+        <p class="subtitle">Subtitle</p>
+        <div class="content">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut. Morbi maximus, leo sit amet vehicula eleifend, nunc dui porta orci, quis semper odio felis ut quam.</p>
+          <p>Integer sollicitudin, tortor a mattis commodo, velit urna rhoncus erat, vitae congue lectus dolor consequat libero. Donec leo ligula, maximus et pellentesque sed, gravida a metus. Cras ullamcorper a nunc ac porta. Aliquam ut aliquet lacus, quis faucibus libero. Quisque non semper leo.</p>
+        </div>
+      </div>
+    </article>
+  </div>
+</div>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Twelve</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent is-6">
+    <article class="tile is-child box">
+      <p class="title">Thirteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.</p>
+      </div>
+    </article>
+  </div>
+  <div class="tile is-parent">
+    <article class="tile is-child box">
+      <p class="title">Fourteen</p>
+      <p class="subtitle">Subtitle</p>
+      <div class="content">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut.</p>
+      </div>
+    </article>
+  </div>
+</div>
+
+
+ + + +
+
+
+
+

Bulma Partners

+

Check out their products!

+
+ +
+
+
+
+
+
+ + + + +
+
+
+ +
+
+

Bulma Newsletter

+

Get notified when v1 is ready!

+
+ +
+
+
+
+
+ + + + +
+
+ +
+
+
+ + +
+ + +
+
+
+
+ +
+
+
+ +
+
+
+
+
+ Bulma by Jeremy Thomas. + +
+
+
+
+
+ Support and share the love! +
+
+ + + + +
+ + + + +
+ +
+
+
+
+
+
+

+ More helpful tools: +

+ +
+
+
+ +

+ + Source code licensed MIT. +
+ Website content licensed CC BY-NC-SA 4.0. + +

+
+
+ + + + + + +
+ + + + + + + + + + + + diff --git a/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/vendor/clipboard-1.7.1.min.js b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/vendor/clipboard-1.7.1.min.js new file mode 100644 index 000000000..90fd15b1c --- /dev/null +++ b/docs/versions/0.5.1/versions/0.5.0/versions/0.4.4/vendor/clipboard-1.7.1.min.js @@ -0,0 +1,7 @@ +/*! + * clipboard.js v1.7.1 + * https://zenorocha.github.io/clipboard.js + * + * Licensed MIT © Zeno Rocha + */ +!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.Clipboard=t()}}(function(){var t,e,n;return function t(e,n,o){function i(a,c){if(!n[a]){if(!e[a]){var l="function"==typeof require&&require;if(!c&&l)return l(a,!0);if(r)return r(a,!0);var s=new Error("Cannot find module '"+a+"'");throw s.code="MODULE_NOT_FOUND",s}var u=n[a]={exports:{}};e[a][0].call(u.exports,function(t){var n=e[a][1][t];return i(n||t)},u,u.exports,t,e,n,o)}return n[a].exports}for(var r="function"==typeof require&&require,a=0;a0&&void 0!==arguments[0]?arguments[0]:{};this.action=e.action,this.container=e.container,this.emitter=e.emitter,this.target=e.target,this.text=e.text,this.trigger=e.trigger,this.selectedText=""}},{key:"initSelection",value:function t(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function t(){var e=this,n="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return e.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[n?"right":"left"]="-9999px";var o=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=o+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,i.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function t(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function t(){this.selectedText=(0,i.default)(this.target),this.copyText()}},{key:"copyText",value:function t(){var e=void 0;try{e=document.execCommand(this.action)}catch(t){e=!1}this.handleResult(e)}},{key:"handleResult",value:function t(e){this.emitter.emit(e?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function t(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function t(){this.removeFake()}},{key:"action",set:function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=e,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function t(){return this._action}},{key:"target",set:function t(e){if(void 0!==e){if(!e||"object"!==(void 0===e?"undefined":r(e))||1!==e.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&e.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(e.hasAttribute("readonly")||e.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=e}},get:function t(){return this._target}}]),t}();t.exports=c})},{select:5}],8:[function(e,n,o){!function(i,r){if("function"==typeof t&&t.amd)t(["module","./clipboard-action","tiny-emitter","good-listener"],r);else if(void 0!==o)r(n,e("./clipboard-action"),e("tiny-emitter"),e("good-listener"));else{var a={exports:{}};r(a,i.clipboardAction,i.tinyEmitter,i.goodListener),i.clipboard=a.exports}}(this,function(t,e,n,o){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function l(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}var s=i(e),u=i(n),f=i(o),d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof e.action?e.action:this.defaultAction,this.target="function"==typeof e.target?e.target:this.defaultTarget,this.text="function"==typeof e.text?e.text:this.defaultText,this.container="object"===d(e.container)?e.container:document.body}},{key:"listenClick",value:function t(e){var n=this;this.listener=(0,f.default)(e,"click",function(t){return n.onClick(t)})}},{key:"onClick",value:function t(e){var n=e.delegateTarget||e.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new s.default({action:this.action(n),target:this.target(n),text:this.text(n),container:this.container,trigger:n,emitter:this})}},{key:"defaultAction",value:function t(e){return l("action",e)}},{key:"defaultTarget",value:function t(e){var n=l("target",e);if(n)return document.querySelector(n)}},{key:"defaultText",value:function t(e){return l("text",e)}},{key:"destroy",value:function t(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],n="string"==typeof e?[e]:e,o=!!document.queryCommandSupported;return n.forEach(function(t){o=o&&!!document.queryCommandSupported(t)}),o}}]),e}(u.default);t.exports=p})},{"./clipboard-action":7,"good-listener":4,"tiny-emitter":6}]},{},[8])(8)}); \ No newline at end of file