diff options
author | Emir Ribic <ribice@mac.local> | 2019-03-23 08:45:17 +0300 |
---|---|---|
committer | Emir Ribic <ribice@mac.local> | 2019-03-23 08:45:17 +0300 |
commit | f02220a4de376f38ab8be747de0322e666a2dab3 (patch) | |
tree | 55d6c40585a4c558e13db956d195b7dd4d8cc204 | |
parent | 0abeec9db2ea97cf5bd5947b912e47337e7b5db4 (diff) |
Add code copy button
-rw-r--r-- | layouts/_default/single.html | 3 | ||||
-rw-r--r-- | static/css/style.css | 1473 | ||||
-rw-r--r-- | static/js/copycode.js | 46 |
3 files changed, 1366 insertions, 156 deletions
diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 18dd1b0..d8d95fc 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,5 +1,8 @@ {{ partial "header" . }} {{ partial "nav" . }} +{{ if (findRE "class=\"highlight\"" .Content 1) }} +<script src="/js/copycode.js"></script> +{{ end }} <section class="section"> <div class="container"> <div class="subtitle tags is-6 is-pulled-right"> diff --git a/static/css/style.css b/static/css/style.css index d87bd8d..7c67e54 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -7,10 +7,12 @@ img, object { max-width: 100%; } + a, hr { padding: 0; } + a, button, input[type="button"], @@ -19,6 +21,7 @@ input[type="submit"], label { cursor: pointer; } + a, button, input, @@ -26,21 +29,25 @@ select, textarea { margin: 0; } + a, input[type="checkbox"], input[type="radio"] { vertical-align: baseline; } + a:hover, strong, table th { color: #222324; } + .container, sub, sup { position: relative; } + .is-block, article, aside, @@ -56,6 +63,7 @@ section, summary { display: block; } + .button, .delete, .input, @@ -66,17 +74,20 @@ summary { -moz-appearance: none; -webkit-appearance: none; } + .heading, .menu-label { letter-spacing: 1px; text-transform: uppercase; } + .hero, .modal-card, .tile.is-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; } + abbr, address, article, @@ -151,27 +162,33 @@ video { vertical-align: baseline; background: 0 0; } + td, td img { vertical-align: top; } + pre, pre code { background-color: #f5f7fa; color: #42464c; } + *, :after, :before { box-sizing: inherit; } + ul { list-style: none; } + blockquote, q { quotes: none; } + blockquote:after, blockquote:before, q:after, @@ -179,11 +196,13 @@ q:before { content: ""; content: none; } + .is-clearfix:after, .notification:after, .select:after { content: " "; } + a { font-size: 100%; background: 0 0; @@ -192,23 +211,28 @@ a { -webkit-transition: none 86ms ease-out; transition: none 86ms ease-out; } + del { text-decoration: line-through; } + abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } + th { font-weight: 700; vertical-align: bottom; } + body, code, td { font-weight: 400; } + hr { height: 1px; border: 0; @@ -216,63 +240,76 @@ hr { border-top-color: #d3d6db; margin: 40px 0; } + input, select { vertical-align: middle; } + input, select, textarea { font: 99% sans-serif; } + table { border-collapse: collapse; border-spacing: 0; font: 100%; width: 100%; } + sub, sup { font-size: 75%; line-height: 0; } + sup { top: -0.5em; } + sub { bottom: -0.25em; } + code, kbd, pre, samp { font-family: monospace, sans-serif; } + button, input[type="button"] { width: auto; overflow: visible; } + @-webkit-keyframes spin-around { from { -webkit-transform: rotate(0); transform: rotate(0); } + to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } + @keyframes spin-around { from { -webkit-transform: rotate(0); transform: rotate(0); } + to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } + html { box-sizing: border-box; font-size: 14px; @@ -283,6 +320,7 @@ html { overflow-y: scroll; text-rendering: optimizeLegibility; } + body, button, input, @@ -291,6 +329,7 @@ textarea { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; } + code, pre { -moz-osx-font-smoothing: auto; @@ -298,14 +337,17 @@ pre { font-family: "Source Code Pro", Monaco, Inconsolata, monospace; line-height: 1.25; } + body { color: #42464c; font-size: 1rem; line-height: 1.428571428571429; } + code { padding: 1px 2px 2px; } + .button, .input, .textarea, @@ -313,21 +355,26 @@ table td, table th { vertical-align: top; } + small { font-size: 11px; } + span { font-style: inherit; font-weight: inherit; } + .label, strong { font-weight: 700; } + pre { white-space: pre; word-wrap: normal; } + .button, .nav-left, .table td.is-icon, @@ -336,21 +383,26 @@ pre { .tag { white-space: nowrap; } + pre code { overflow-x: auto; padding: 16px 20px; } + .box, .button { background-color: #fff; } + table td, table th { text-align: left; } + .has-text-centered { text-align: center; } + .block:not(:last-child), .box:not(:last-child), .content:not(:last-child), @@ -364,57 +416,69 @@ table th { .title:not(:last-child) { margin-bottom: 20px; } + @media screen and (min-width: 980px) { .container { margin: 0 auto; max-width: 960px; } + .container.is-fluid { margin: 0 20px; max-width: none; } + .is-block-desktop { display: block !important; } } + @media screen and (max-width: 768px) { .is-block-mobile { display: block !important; } } + @media screen and (min-width: 769px) { .is-block-tablet { display: block !important; } } + @media screen and (min-width: 769px) and (max-width: 979px) { .is-block-tablet-only { display: block !important; } } + @media screen and (max-width: 979px) { .is-block-touch { display: block !important; } } + @media screen and (min-width: 980px) and (max-width: 1179px) { .is-block-desktop-only { display: block !important; } } + @media screen and (min-width: 1180px) { .container { max-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; @@ -422,6 +486,7 @@ table th { display: flex !important; } } + @media screen and (min-width: 769px) { .is-flex-tablet { display: -webkit-box !important; @@ -429,6 +494,7 @@ table th { display: flex !important; } } + @media screen and (min-width: 769px) and (max-width: 979px) { .is-flex-tablet-only { display: -webkit-box !important; @@ -436,6 +502,7 @@ table th { display: flex !important; } } + @media screen and (max-width: 979px) { .is-flex-touch { display: -webkit-box !important; @@ -443,6 +510,7 @@ table th { display: flex !important; } } + @media screen and (min-width: 980px) { .is-flex-desktop { display: -webkit-box !important; @@ -450,6 +518,7 @@ table th { display: flex !important; } } + @media screen and (min-width: 980px) and (max-width: 1179px) { .is-flex-desktop-only { display: -webkit-box !important; @@ -457,6 +526,7 @@ table th { display: flex !important; } } + @media screen and (min-width: 1180px) { .is-flex-widescreen { display: -webkit-box !important; @@ -464,87 +534,105 @@ table th { 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) { .is-inline-tablet { display: inline !important; } } + @media screen and (min-width: 769px) and (max-width: 979px) { .is-inline-tablet-only { display: inline !important; } } + @media screen and (max-width: 979px) { .is-inline-touch { display: inline !important; } } + @media screen and (min-width: 980px) { .is-inline-desktop { display: inline !important; } } + @media screen and (min-width: 980px) and (max-width: 1179px) { .is-inline-desktop-only { display: inline !important; } } + @media screen and (min-width: 1180px) { .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) { .is-inline-block-tablet { display: inline-block !important; } } + @media screen and (min-width: 769px) and (max-width: 979px) { .is-inline-block-tablet-only { display: inline-block !important; } } + @media screen and (max-width: 979px) { .is-inline-block-touch { display: inline-block !important; } } + @media screen and (min-width: 980px) { .is-inline-block-desktop { display: inline-block !important; } } + @media screen and (min-width: 980px) and (max-width: 1179px) { .is-inline-block-desktop-only { display: inline-block !important; } } + @media screen and (min-width: 1180px) { .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; @@ -552,6 +640,7 @@ table th { display: inline-flex !important; } } + @media screen and (min-width: 769px) { .is-inline-flex-tablet { display: -webkit-inline-box !important; @@ -559,6 +648,7 @@ table th { display: inline-flex !important; } } + @media screen and (min-width: 769px) and (max-width: 979px) { .is-inline-flex-tablet-only { display: -webkit-inline-box !important; @@ -566,6 +656,7 @@ table th { display: inline-flex !important; } } + @media screen and (max-width: 979px) { .is-inline-flex-touch { display: -webkit-inline-box !important; @@ -573,6 +664,7 @@ table th { display: inline-flex !important; } } + @media screen and (min-width: 980px) { .is-inline-flex-desktop { display: -webkit-inline-box !important; @@ -580,6 +672,7 @@ table th { display: inline-flex !important; } } + @media screen and (min-width: 980px) and (max-width: 1179px) { .is-inline-flex-desktop-only { display: -webkit-inline-box !important; @@ -587,6 +680,7 @@ table th { display: inline-flex !important; } } + @media screen and (min-width: 1180px) { .is-inline-flex-widescreen { display: -webkit-inline-box !important; @@ -594,19 +688,24 @@ table th { display: inline-flex !important; } } + .is-clearfix:after { clear: both; display: table; } + .is-pulled-left { float: left; } + .is-pulled-right { float: right; } + .is-clipped { overflow: hidden !important; } + .is-overlay { bottom: 0; left: 0; @@ -614,69 +713,85 @@ table th { right: 0; top: 0; } + .has-text-left { text-align: left; } + .has-text-right { text-align: right; } + .is-hidden { display: none !important; } + @media screen and (max-width: 768px) { .is-hidden-mobile { display: none !important; } } + @media screen and (min-width: 769px) { .is-hidden-tablet { display: none !important; } } + @media screen and (min-width: 769px) and (max-width: 979px) { .is-hidden-tablet-only { display: none !important; } } + @media screen and (max-width: 979px) { .is-hidden-touch { display: none !important; } } + @media screen and (min-width: 980px) { .is-hidden-desktop { display: none !important; } } + @media screen and (min-width: 980px) and (max-width: 1179px) { .is-hidden-desktop-only { display: none !important; } } + @media screen and (min-width: 1180px) { .is-hidden-widescreen { display: none !important; } } + .is-disabled { pointer-events: none; } + .is-marginless { margin: 0 !important; } + .box { border-radius: 5px; box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px rgba(17, 17, 17, 0.1); display: block; padding: 20px; } + a.box:focus, a.box:hover { box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px #2077b2; } + a.box:active { box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.2), 0 0 0 1px #2077b2; } + .button { -webkit-box-align: center; -ms-flex-align: center; @@ -698,15 +813,18 @@ a.box:active { padding-right: 10px; text-align: center; } + .button:hover { border-color: #aeb1b5; } + .button.is-active, .button:active, .button:focus { border-color: #2077b2; outline: 0; } + .button.is-disabled, .button[disabled] { background-color: #f5f7fa; @@ -715,57 +833,70 @@ a.box:active { pointer-events: none; opacity: 0.5; } + .button.is-white, .button.is-white:active { border-color: transparent; } + .button.is-disabled::-moz-placeholder, .button[disabled]::-moz-placeholder { color: rgba(34, 35, 36, 0.3); } + .button.is-disabled::-webkit-input-placeholder, .button[disabled]::-webkit-input-placeholder { color: rgba(34, 35, 36, 0.3); } + .button.is-disabled:-moz-placeholder, .button[disabled]:-moz-placeholder { color: rgba(34, 35, 36, 0.3); } + .button.is-disabled:-ms-input-placeholder, .button[disabled]:-ms-input-placeholder { color: rgba(34, 35, 36, 0.3); } + .button strong { color: inherit; } + .button small { display: block; font-size: 11px; line-height: 1; margin-top: 5px; } + .button .icon:first-child, .button .tag:first-child { margin-left: -2px; margin-right: 4px; } + .button .icon:last-child, .button .tag:last-child { margin-left: 4px; margin-right: -2px; } + .button.is-active, .button:focus, .button:hover { color: #222324; } + .button:active { box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.2); } + .button.is-white { background-color: #fff; color: #111; } + .button.is-white.is-active, .button.is-white:focus, .button.is-white:hover { @@ -773,35 +904,43 @@ a.box:active { border-color: transparent; color: #111; } + .button.is-white.is-inverted { background-color: #111; color: #fff; } + .button.is-white.is-inverted:hover { background-color: #040404; } + .button.is-white.is-loading:after { border-color: transparent transparent #111 #111 !important; } + .button.is-white.is-outlined { background-color: transparent; border-color: #fff; color: #fff; } + .button.is-white.is-outlined:focus, .button.is-white.is-outlined:hover { background-color: #fff; border-color: #fff; color: #111; } + .button.is-black, .button.is-black:active { border-color: transparent; } + .button.is-black { background-color: #111; color: #fff; } + .button.is-black.is-active, .button.is-black:focus, .button.is-black:hover { @@ -809,35 +948,43 @@ a.box:active { border-color: transparent; color: #fff; } + .button.is-black.is-inverted { background-color: #fff; color: #111; } + .button.is-black.is-inverted:hover { background-color: #f2f2f2; } + .button.is-black.is-loading:after { border-color: transparent transparent #fff #fff !important; } + .button.is-black.is-outlined { background-color: transparent; border-color: #111; color: #111; } + .button.is-black.is-outlined:focus, .button.is-black.is-outlined:hover { background-color: #111; border-color: #111; color: #fff; } + .button.is-light, .button.is-light:active { border-color: transparent; } + .button.is-light { background-color: #f5f7fa; color: #42464c; } + .button.is-light.is-active, .button.is-light:focus, .button.is-light:hover { @@ -845,35 +992,43 @@ a.box:active { border-color: transparent; color: #42464c; } + .button.is-light.is-inverted { background-color: #42464c; color: #f5f7fa; } + .button.is-light.is-inverted:hover { background-color: #36393e; } + .button.is-light.is-loading:after { border-color: transparent transparent #42464c #42464c !important; } + .button.is-light.is-outlined { background-color: transparent; border-color: #f5f7fa; color: #f5f7fa; } + .button.is-light.is-outlined:focus, .button.is-light.is-outlined:hover { background-color: #f5f7fa; border-color: #f5f7fa; color: #42464c; } + .button.is-dark, .button.is-dark:active { border-color: transparent; } + .button.is-dark { background-color: #42464c; color: #f5f7fa; } + .button.is-dark.is-active, .button.is-dark:focus, .button.is-dark:hover { @@ -881,35 +1036,43 @@ a.box:active { border-color: transparent; color: #f5f7fa; } + .button.is-dark.is-inverted { background-color: #f5f7fa; color: #42464c; } + .button.is-dark.is-inverted:hover { background-color: #e4e9f2; } + .button.is-dark.is-loading:after { border-color: transparent transparent #f5f7fa #f5f7fa !important; } + .button.is-dark.is-outlined { background-color: transparent; border-color: #42464c; color: #42464c; } + .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined:hover { background-color: #42464c; border-color: #42464c; color: #f5f7fa; } + .button.is-primary, .button.is-primary:active { border-color: transparent; } + .button.is-primary { background-color: #2077b2; color: #fff; } + .button.is-primary.is-active, .button.is-primary:focus, .button.is-primary:hover { @@ -917,35 +1080,43 @@ a.box:active { border-color: transparent; color: #fff; } + .button.is-primary.is-inverted { background-color: #fff; color: #2077b2; } + .button.is-primary.is-inverted:hover { background-color: #f2f2f2; } + .button.is-primary.is-loading:after { border-color: transparent transparent #fff #fff !important; } + .button.is-primary.is-outlined { background-color: transparent; border-color: #2077b2; color: #2077b2; } + .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined:hover { background-color: #2077b2; border-color: #2077b2; color: #fff; } + .button.is-info, .button.is-info:active { border-color: transparent; } + .button.is-info { background-color: #2077b2; color: #fff; } + .button.is-info.is-active, .button.is-info:focus, .button.is-info:hover { @@ -953,35 +1124,43 @@ a.box:active { border-color: transparent; color: #fff; } + .button.is-info.is-inverted { background-color: #fff; color: #2077b2; } + .button.is-info.is-inverted:hover { background-color: #f2f2f2; } + .button.is-info.is-loading:after { border-color: transparent transparent #fff #fff !important; } + .button.is-info.is-outlined { background-color: transparent; border-color: #2077b2; color: #2077b2; } + .button.is-info.is-outlined:focus, .button.is-info.is-outlined:hover { background-color: #2077b2; border-color: #2077b2; color: #fff; } + .button.is-success, .button.is-success:active { border-color: transparent; } + .button.is-success { background-color: #97cd76; color: #fff; } + .button.is-success.is-active, .button.is-success:focus, .button.is-success:hover { @@ -989,35 +1168,43 @@ a.box:active { border-color: transparent; color: #fff; } + .button.is-success.is-inverted { background-color: #fff; color: #97cd76; } + .button.is-success.is-inverted:hover { background-color: #f2f2f2; } + .button.is-success.is-loading:after { border-color: transparent transparent #fff #fff !important; } + .button.is-success.is-outlined { background-color: transparent; border-color: #97cd76; color: #97cd76; } + .button.is-success.is-outlined:focus, .button.is-success.is-outlined:hover { background-color: #97cd76; border-color: #97cd76; color: #fff; } + .button.is-warning, .button.is-warning:active { border-color: transparent; } + .button.is-warning { background-color: #fce473; color: rgba(17, 17, 17, 0.5); } + .button.is-warning.is-active, .button.is-warning:focus, .button.is-warning:hover { @@ -1025,36 +1212,43 @@ a.box:active { border-color: transparent; color: rgba(17, 17, 17, 0.5); } + .button.is-warning.is-inverted { background-color: rgba(17, 17, 17, 0.5); color: #fce473; } + .button.is-warning.is-inverted:hover { background-color: rgba(4, 4, 4, 0.5); } + .button.is-warning.is-loading:after { - border-color: transparent transparent rgba(17, 17, 17, 0.5) - rgba(17, 17, 17, 0.5) !important; + border-color: transparent transparent rgba(17, 17, 17, 0.5) rgba(17, 17, 17, 0.5) !important; } + .button.is-warning.is-outlined { background-color: transparent; border-color: #fce473; color: #fce473; } + .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined:hover { background-color: #fce473; border-color: #fce473; color: rgba(17, 17, 17, 0.5); } + .button.is-danger, .button.is-danger:active { border-color: transparent; } + .button.is-danger { background-color: #ed6c63; color: #fff; } + .button.is-danger.is-active, .button.is-danger:focus, .button.is-danger:hover { @@ -1062,38 +1256,46 @@ a.box:active { border-color: transparent; color: #fff; } + .button.is-danger.is-inverted { background-color: #fff; color: #ed6c63; } + .button.is-danger.is-inverted:hover { background-color: #f2f2f2; } + .button.is-danger.is-loading:after { border-color: transparent transparent #fff #fff !important; } + .button.is-danger.is-outlined { background-color: transparent; border-color: #ed6c63; color: #ed6c63; } + .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined:hover { background-color: #ed6c63; border-color: #ed6c63; color: #fff; } + .button.is-link { background-color: transparent; border-color: transparent; color: #42464c; text-decoration: underline; } + .button.is-link:focus, .button.is-link:hover { background-color: #d3d6db; color: #222324; } + .button.is-small { border-radius: 2px; font-size: 11px; @@ -1102,28 +1304,33 @@ a.box:active { padding-left: 6px; padding-right: 6px; } + .button.is-medium { font-size: 18px; height: 40px; padding-left: 14px; padding-right: 14px; } + .button.is-large { font-size: 22px; height: 48px; padding-left: 20px; padding-right: 20px; } + .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 { left: 50%; margin-left: -8px; @@ -1131,33 +1338,41 @@ a.box:active { top: 50%; position: absolute !important; } + .content a:not(.button) { border-bottom: 1px solid #d3d6db; } + .content a:not(.button):visited { color: #847bb9; } + .content a:not(.button):hover { border-bottom-color: #2077b2; } -.content li + li { + +.content li+li { margin-top: 0.25em; } + .content ol, .content ul { margin-left: 2em; margin-right: 2em; margin-top: 1em; } + .content p { - text-align: justify; + text-align: justify; } + .content blockquote:not(:last-child), .content ol:not(:last-child), .content p:not(:last-child), .content ul:not(:last-child) { margin-bottom: 1em; } + .content h1, .content h2, .content h3, @@ -1168,37 +1383,47 @@ a.box:active { font-weight: 300; margin-bottom: 20px; } + .content blockquote { background-color: #f5f7fa; border-left: 5px solid #d3d6db; padding: 1.5em; } + .content ol { list-style: decimal; } + .content ul { list-style: disc; } + .content ul ul { list-style-type: circle; margin-top: 0.5em; } + .content ul ul ul, .related ul { list-style-type: square; } + .content.is-medium { font-size: 18px; } + .content.is-medium code { font-size: 14px; } + .content.is-large { font-size: 24px; } + .content.is-large code { font-size: 18px; } + .input, .textarea { -webkit-box-align: center; @@ -1224,10 +1449,12 @@ a.box:active { max-width: 100%; width: 100%; } + .input:hover, .textarea:hover { border-color: #aeb1b5; } + .input.is-active, .input:active, .input:focus, @@ -1237,6 +1464,7 @@ a.box:active { border-color: #2077b2; outline: 0; } + .input.is-disabled, .input[disabled], .is-disabled.textarea, @@ -1246,73 +1474,88 @@ a.box:active { cursor: not-allowed; pointer-events: none; } + .checkbox input, .radio input, .select select { cursor: pointer; } + .input.is-disabled::-moz-placeholder, .input[disabled]::-moz-placeholder, .is-disabled.textarea::-moz-placeholder, [disabled].textarea::-moz-placeholder { color: rgba(34, 35, 36, 0.3); } + .input.is-disabled::-webkit-input-placeholder, .input[disabled]::-webkit-input-placeholder, .is-disabled.textarea::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder { color: rgba(34, 35, 36, 0.3); } + .input.is-disabled:-moz-placeholder, .input[disabled]:-moz-placeholder, .is-disabled.textarea:-moz-placeholder, [disabled].textarea:-moz-placeholder { color: rgba(34, 35, 36, 0.3); } + .input.is-disabled:-ms-input-placeholder, .input[disabled]:-ms-input-placeholder, .is-disabled.textarea:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder { color: rgba(34, 35, 36, 0.3); } + .input.is-white, .is-white.textarea { border-color: #fff; } + .input.is-black, .is-black.textarea { border-color: #111; } + .input.is-light, .is-light.textarea { border-color: #f5f7fa; } + .input.is-dark, .is-dark.textarea { border-color: #42464c; } + .input.is-info, .input.is-primary, .is-info.textarea, .is-primary.textarea { border-color: #2077b2; } + .input.is-success, .is-success.textarea { border-color: #97cd76; } + .input.is-warning, .is-warning.textarea { border-color: #fce473; } + .input.is-danger, .is-danger.textarea { border-color: #ed6c63; } + .input[type="search"], [type="search"].textarea { border-radius: 290486px; } + .input.is-small, .is-small.textarea { border-radius: 2px; @@ -1322,6 +1565,7 @@ a.box:active { padding-left: 6px; padding-right: 6px; } + .input.is-medium, .is-medium.textarea { font-size: 18px; @@ -1330,6 +1574,7 @@ a.box:active { padding-left: 10px; padding-right: 10px; } + .input.is-large, .is-large.textarea { font-size: 24px; @@ -1338,15 +1583,18 @@ a.box:active { padding-left: 12px; padding-right: 12px; } + .input.is-fullwidth, .is-fullwidth.textarea { display: block; width: 100%; } + .input.is-inline, .is-inline.textarea { display: inline; } + .textarea { display: block; line-height: 1.2; @@ -1356,6 +1604,7 @@ a.box:active { padding: 10px; resize: vertical; } + .checkbox, .radio, .select { @@ -1363,30 +1612,37 @@ a.box:active { position: relative; vertical-align: top; } + .checkbox, .radio { cursor: pointer; line-height: 16px; } + .checkbox:hover, .radio:hover { color: #222324; } + .is-disabled.checkbox, .is-disabled.radio { color: #aeb1b5; pointer-events: none; } + .is-disabled.checkbox input, .is-disabled.radio input { pointer-events: none; } -.radio + .radio { + +.radio+.radio { margin-left: 10px; } + .select { height: 32px; } + .select select { -webkit-box-align: center; -ms-flex-align: center; @@ -1407,12 +1663,14 @@ a.box:active { outline: 0; padding-right: 36px; } + .select select.is-active, .select select:active, .select select:focus { border-color: #2077b2; outline: 0; } + .select select.is-disabled, .select select[disabled] { background-color: #f5f7fa; @@ -1420,62 +1678,79 @@ a.box:active { cursor: not-allowed; pointer-events: none; } + .select select.is-disabled::-moz-placeholder, .select select[disabled]::-moz-placeholder { color: rgba(34, 35, 36, 0.3); } + .select select.is-disabled::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder { color: rgba(34, 35, 36, 0.3); } + .select select.is-disabled:-moz-placeholder, .select select[disabled]:-moz-placeholder { color: rgba(34, 35, 36, 0.3); } + .select select.is-disabled:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder { color: rgba(34, 35, 36, 0.3); } + .select select.is-white { border-color: #fff; } + .select select.is-black { border-color: #111; } + .select select.is-light { border-color: #f5f7fa; } + .select select.is-dark { border-color: #42464c; } + .select select.is-info, .select select.is-primary { border-color: #2077b2; } + .select select.is-success { border-color: #97cd76; } + .select select.is-warning { border-color: #fce473; } + .select select.is-danger { border-color: #ed6c63; } + .select select:hover { border-color: #aeb1b5; } + .select select::ms-expand { display: none; } + .help, .label, .select:after { display: block; } + .select.is-fullwidth, .select.is-fullwidth select { width: 100%; } + .select:after { border: 1px solid #2077b2; border-right: 0; @@ -1490,12 +1765,15 @@ a.box:active { right: 16px; top: 50%; } + .select:hover:after { border-color: #222324; } + .select.is-small { height: 24px; } + .select.is-small select { border-radius: 2px; font-size: 11px; @@ -1504,9 +1782,11 @@ a.box:active { padding-left: 6px; padding-right: 28px; } + .select.is-medium { height: 40px; } + .select.is-medium select { font-size: 18px; height: 40px; @@ -1514,9 +1794,11 @@ a.box:active { padding-left: 10px; padding-right: 44px; } + .select.is-large { height: 48px; } + .select.is-large select { font-size: 24px; height: 48px; @@ -1524,46 +1806,59 @@ a.box:active { padding-left: 12px; padding-right: 52px; } + .label { color: #222324; } + .label:not(:last-child) { margin-bottom: 5px; } + .help { font-size: 11px; margin-top: 5px; } + .help.is-white { color: #fff; } + .help.is-black { color: #111; } + .help.is-light { color: #f5f7fa; } + .help.is-dark { color: #42464c; } + .help.is-info, .help.is-primary { color: #2077b2; } + .help.is-success { color: #97cd76; } + .help.is-warning { color: #fce473; } + .help.is-danger { color: #ed6c63; } + @media screen and (max-width: 768px) { .control-label { margin-bottom: 5px; } } + @media screen and (min-width: 769px) { .control-label { -webkit-box-flex: 1; @@ -1574,13 +1869,16 @@ a.box:active { text-align: right; } } + .control { position: relative; text-align: left; } + .control:not(:last-child) { margin-bottom: 10px; } + .control.has-addons { display: -webkit-box; display: -ms-flexbox; @@ -1589,6 +1887,7 @@ a.box:active { -ms-flex-pack: start; justify-content: flex-start; } + .control.has-addons .button, .control.has-addons .input, .control.has-addons .select, @@ -1597,12 +1896,14 @@ a.box:active { margin-right: -1px; width: auto; } + .control.has-addons .button:hover, .control.has-addons .input:hover, .control.has-addons .select:hover, .control.has-addons .textarea:hover { z-index: 2; } + .control.has-addons .button:active, .control.has-addons .button:focus, .control.has-addons .input:active, @@ -1613,6 +1914,7 @@ a.box:active { .control.has-addons .textarea:focus { z-index: 3; } + .control.has-addons .button:first-child, .control.has-addons .button:first-child select, .control.has-addons .input:first-child, @@ -1623,6 +1925,7 @@ a.box:active { .control.has-addons .textarea:first-child select { border-radius: 3px 0 0 3px; } + .control.has-addons .button:last-child, .control.has-addons .button:last-child select, .control.has-addons .input:last-child, @@ -1633,6 +1936,7 @@ a.box:active { .control.has-addons .textarea:last-child select { border-radius: 0 3px 3px 0; } + .control.has-addons .button.is-expanded, .control.has-addons .input.is-expanded, .control.has-addons .is-expanded.textarea, @@ -1641,16 +1945,19 @@ a.box:active { -ms-flex-positive: 1; flex-grow: 1; } + .control.has-addons.has-addons-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } + .control.has-addons.has-addons-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } + .control.has-addons.has-addons-fullwidth .button, .control.has-addons.has-addons-fullwidth .input, .control.has-addons.has-addons-fullwidth .select, @@ -1659,38 +1966,47 @@ a.box:active { -ms-flex-positive: 1; flex-grow: 1; } + .control.has-icon:not(.has-icon-right) .input, .control.has-icon:not(.has-icon-right) .textarea { padding-left: 32px; } + .control.has-icon:not(.has-icon-right) .input.is-small, .control.has-icon:not(.has-icon-right) .is-small.textarea { padding-left: 24px; } + .control.has-icon:not(.has-icon-right) .input.is-medium, .control.has-icon:not(.has-icon-right) .is-medium.textarea { padding-left: 40px; } + .control.has-icon:not(.has-icon-right) .input.is-large, .control.has-icon:not(.has-icon-right) .is-large.textarea { padding-left: 48px; } + .control.has-icon.has-icon-right .input, .control.has-icon.has-icon-right .textarea { padding-right: 32px; } + .control.has-icon.has-icon-right .input.is-small, .control.has-icon.has-icon-right .is-small.textarea { padding-right: 24px; } + .control.has-icon.has-icon-right .input.is-medium, .control.has-icon.has-icon-right .is-medium.textarea { padding-right: 40px; } + .control.has-icon.has-icon-right .input.is-large, .control.has-icon.has-icon-right .is-large.textarea { padding-right: 48px; } + .control.is-grouped { display: -webkit-box; display: -ms-flexbox; @@ -1699,32 +2015,38 @@ a.box:active { -ms-flex-pack: start; justify-content: flex-start; } -.control.is-grouped > .control:not(:last-child) { + +.control.is-grouped>.control:not(:last-child) { margin-bottom: 0; margin-right: 10px; } -.control.is-grouped > .control.is-expanded { + +.control.is-grouped>.control.is-expanded { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } + .control.is-grouped.is-grouped-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } + .control.is-grouped.is-grouped-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } + @media screen and (min-width: 769px) { .control.is-horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; } - .control.is-horizontal > .control { + + .control.is-horizontal>.control { display: -webkit-box; display: -ms-flexbox; display: flex; @@ -1733,20 +2055,24 @@ a.box:active { flex-grow: 5; } } + .control.is-loading:after { position: absolute !important; right: 8px; top: 8px; } + .image { display: block; position: relative; } + .image img { display: block; height: auto; width: 100%; } + .image.is-16by9 img, .image.is-1by1 img, .image.is-2by1 img, @@ -1761,103 +2087,128 @@ a.box:active { height: 100%; width: 100%; } + .image.is-1by1, .image.is-square { 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: #f5f7fa; border-radius: 3px; padding: 16px 20px; position: relative; } + .notification:after { clear: both; display: table; } + .notification .delete, .notification .modal-close { border-radius: 0 3px; float: right; margin: -16px -20px 0 20px; } + .notification .subtitle, .notification .title { color: inherit; } + .notification.is-white { background-color: #fff; color: #111; } + .notification.is-black { background-color: #111; color: #fff; } + .notification.is-light { background-color: #f5f7fa; color: #42464c; } + .notification.is-dark { background-color: #42464c; color: #f5f7fa; } + .notification.is-info, .notification.is-primary { background-color: #2077b2; color: #fff; } + .notification.is-success { background-color: #97cd76; color: #fff; } + .notification.is-warning { background-color: #fce473; color: rgba(17, 17, 17, 0.5); } + .notification.is-danger { background-color: #ed6c63; color: #fff; } + .progress { border: none; border-radius: 290486px; @@ -1867,84 +2218,110 @@ a.box:active { padding: 0; width: 100%; } + .progress::-webkit-progress-bar { background-color: #d3d6db; } + .progress::-webkit-progress-value { background-color: #42464c; } + .progress::-moz-progress-bar { background-color: #42464c; } + .progress.is-white::-webkit-progress-value { background-color: #fff; } + .progress.is-white::-moz-progress-bar { background-color: #fff; } + .progress.is-black::-webkit-progress-value { background-color: #111; } + .progress.is-black::-moz-progress-bar { background-color: #111; } + .progress.is-light::-webkit-progress-value { background-color: #f5f7fa; } + .progress.is-light::-moz-progress-bar { background-color: #f5f7fa; } + .progress.is-dark::-webkit-progress-value { background-color: #42464c; } + .progress.is-dark::-moz-progress-bar { background-color: #42464c; } + .progress.is-primary::-webkit-progress-value { background-color: #2077b2; } + .progress.is-primary::-moz-progress-bar { background-color: #2077b2; } + .progress.is-info::-webkit-progress-value { background-color: #2077b2; } + .progress.is-info::-moz-progress-bar { background-color: #2077b2; } + .progress.is-success::-webkit-progress-value { background-color: #97cd76; } + .progress.is-success::-moz-progress-bar { background-color: #97cd76; } + .progress.is-warning::-webkit-progress-value { background-color: #fce473; } + .progress.is-warning::-moz-progress-bar { background-color: #fce473; } + .progress.is-danger::-webkit-progress-value { background-color: #ed6c63; } + .progress.is-danger::-moz-progress-bar { background-color: #ed6c63; } + .progress.is-small { height: 8px; } + .progress.is-medium { height: 16px; } + .progress.is-large { height: 20px; } + .table { background-color: #fff; color: #222324; margin-bottom: 20px; width: 100%; } + .table td, .table th { border: 1px solid #d3d6db; @@ -1952,6 +2329,7 @@ a.box:active { padding: 8px 10px; vertical-align: top; } + .table td.is-icon, .table th.is-icon { padding: 5px; @@ -1963,219 +2341,273 @@ a.box:active { vertical-align: top; width: 24px; } + .table td.is-icon.is-link, .table th.is-icon.is-link { padding: 0; } -.table td.is-icon.is-link > a, -.table th.is-icon.is-link > a { + +.table td.is-icon.is-link>a, +.table th.is-icon.is-link>a { padding: 5px; } + .table td.is-link, .table th.is-link { padding: 0; } -.table td.is-link > a, -.table th.is-link > a { + +.table td.is-link>a, +.table th.is-link>a { display: block; padding: 8px 10px; } -.table td.is-link > a:hover, -.table th.is-link > a:hover { + +.table td.is-link>a:hover, +.table th.is-link>a:hover { background-color: #2077b2; color: #fff; } + .table td.is-narrow, .table th.is-narrow { white-space: nowrap; width: 1%; } + .table th { color: #222324; text-align: left; } + .table tr:hover { background-color: #f5f7fa; color: #222324; } + .table thead td, .table thead th { border-width: 0 0 2px; color: #aeb1b5; } + .table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom-width: 0; } + .table tfoot td, .table tfoot th { border-width: 2px 0 0; color: #aeb1b5; } + .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: 5px 10px; } + .table.is-narrow td.is-icon, .table.is-narrow th.is-icon { padding: 2px; } + .table.is-narrow td.is-icon.is-link, .table.is-narrow th.is-icon.is-link { padding: 0; } -.table.is-narrow td.is-icon.is-link > a, -.table.is-narrow th.is-icon.is-link > a { + +.table.is-narrow td.is-icon.is-link>a, +.table.is-narrow th.is-icon.is-link>a { padding: 2px; } + .table.is-narrow td.is-link, .table.is-narrow th.is-link { padding: 0; } -.table.is-narrow td.is-link > a, -.table.is-narrow th.is-link > a { + +.table.is-narrow td.is-link>a, +.table.is-narrow th.is-link>a { padding: 5px 10px; } + .table.is-striped tbody tr:hover { background-color: #eef2f7; } + .table.is-striped tbody tr:nth-child(2n) { background-color: #f5f7fa; } + .table.is-striped tbody tr:nth-child(2n):hover { background-color: #eef2f7; } + .subtitle, .title { font-weight: 300; word-break: break-word; } + .subtitle em, .subtitle span, .title em, .title span { font-weight: 300; } + .subtitle a:hover, .title a:hover { border-bottom: 1px solid; } + .subtitle strong, .title strong { font-weight: 500; } + .subtitle .tag, .title .tag { vertical-align: bottom; } + .delete, .modal-close, .subtitle code { display: inline-block; vertical-align: top; } + .title { color: #222324; } + .title code { display: inline-block; font-size: 28px; } + .title strong { color: inherit; } -.title + .highlight, -.title + .subtitle { + +.title+.highlight, +.title+.subtitle { margin-top: -10px; } + .title.is-1 { font-size: 48px; } + .title.is-1 code, .title.is-2 { font-size: 40px; } + .title.is-2 code, .title.is-3 { font-size: 28px; } + .title.is-3 code, .title.is-4 { font-size: 24px; } + .title.is-4 code, .title.is-5 { font-size: 18px; } + .title.is-5 code, .title.is-6, .title.is-6 code { font-size: 14px; } + .title.is-normal { font-weight: 400; } + .title.is-normal strong { font-weight: 700; } + @media screen and (min-width: 769px) { - .title + .subtitle { + .title+.subtitle { margin-top: -15px; } } + .subtitle { font-size: 18px; line-height: 1.125; } + .subtitle code { border-radius: 3px; font-size: 14px; padding: 2px 3px; } + .subtitle strong { color: #222324; } -.subtitle + .title { + +.subtitle+.title { margin-top: -20px; } + .subtitle.is-1 { font-size: 48px; } + .subtitle.is-1 code, .subtitle.is-2 { font-size: 40px; } + .subtitle.is-2 code, .subtitle.is-3 { font-size: 28px; } + .subtitle.is-3 code, .subtitle.is-4 { font-size: 24px; } + .subtitle.is-4 code, .subtitle.is-5 { font-size: 18px; } + .subtitle.is-5 code, .subtitle.is-6, .subtitle.is-6 code { font-size: 14px; } + .subtitle.is-normal { font-weight: 400; } + .subtitle.is-normal strong { font-weight: 700; } + .delete, .modal-close { background-color: rgba(17, 17, 17, 0.2); @@ -2186,6 +2618,7 @@ a.box:active { position: relative; width: 24px; } + .delete:after, .delete:before, .modal-close:after, @@ -2201,6 +2634,7 @@ a.box:active { top: 50%; width: 50%; } + .icon, .icon.is-large, .icon.is-medium, @@ -2209,20 +2643,24 @@ a.box:active { vertical-align: top; text-align: center; } + .delete:before, .modal-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } + .delete:after, .modal-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } + .delete:hover, .modal-close:hover { background-color: rgba(17, 17, 17, 0.5); } + .delete.is-small, .is-small.modal-close, .tag:not(.is-large) .delete, @@ -2230,40 +2668,47 @@ a.box:active { height: 16px; width: 16px; } + .delete.is-medium, .is-medium.modal-close { height: 32px; width: 32px; } + .delete.is-large, .is-large.modal-close { height: 40px; width: 40px; } + .icon { height: 24px; width: 24px; font-size: inherit; line-height: inherit; } + .icon.is-small { font-size: 14px; height: 16px; line-height: 16px; width: 16px; } + .icon.is-medium { font-size: 28px; height: 32px; line-height: 32px; width: 32px; } + .icon.is-large { font-size: 42px; height: 48px; line-height: 48px; width: 48px; } + .hamburger, .nav-toggle { cursor: pointer; @@ -2272,6 +2717,7 @@ a.box:active { position: relative; width: 50px; } + .hamburger span, .nav-toggle span { background-color: #42464c; @@ -2289,30 +2735,37 @@ a.box:active { transition-property: background, left, opacity, transform, -webkit-transform; width: 15px; } + .card, .card-image { position: relative; } + .hamburger span:nth-child(1), .nav-toggle span:nth-child(1) { margin-top: -6px; } + .hamburger span:nth-child(2), .nav-toggle span:nth-child(2) { margin-top: -1px; } + .hamburger span:nth-child(3), .nav-toggle span:nth-child(3) { margin-top: 4px; } + .hamburger:hover, .nav-toggle:hover { background-color: #f5f7fa; } + .hamburger.is-active span, .is-active.nav-toggle span { background-color: #2077b2; } + .hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) { margin-left: -5px; @@ -2321,10 +2774,12 @@ a.box:active { -webkit-transform-origin: left top; transform-origin: left top; } + .hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) { opacity: 0; } + .hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) { margin-left: -5px; @@ -2333,20 +2788,24 @@ a.box:active { -webkit-transform-origin: left bottom; transform-origin: left bottom; } + .heading { display: block; font-size: 11px; margin-bottom: 5px; } + .highlight { font-size: 12px; font-weight: 400; overflow: hidden; padding: 0; } + .highlight pre { overflow: auto; } + .button.is-loading:after, .control.is-loading:after, .loader { @@ -2362,16 +2821,19 @@ a.box:active { position: relative; width: 16px; } + .number, .tag { background-color: #f5f7fa; border-radius: 290486px; vertical-align: top; } + .number { display: inline-block; font-size: 18px; } + .tag { -webkit-box-align: center; -ms-flex-align: center; @@ -2389,71 +2851,86 @@ a.box:active { padding-left: 10px; padding-right: 10px; } + .tag .delete, .tag .modal-close { margin-left: 4px; margin-right: -6px; } + .tag.is-white { background-color: #fff; color: #111; } + .tag.is-black { background-color: #111; color: #fff; } + .tag.is-light { background-color: #f5f7fa; color: #42464c; } + .tag.is-dark { background-color: #42464c; color: #f5f7fa; } + .tag.is-info, .tag.is-primary { background-color: #2077b2; color: #fff; } + .tag.is-success { background-color: #97cd76; color: #fff; } + .tag.is-warning { background-color: #fce473; color: rgba(17, 17, 17, 0.5); } + .tag.is-danger { background-color: #ed6c63; color: #fff; } + .tag.is-small { font-size: 11px; height: 20px; padding-left: 8px; padding-right: 8px; } + .tag.is-medium { font-size: 14px; height: 32px; padding-left: 14px; padding-right: 14px; } + .media-number, .tag.is-large { font-size: 18px; line-height: 24px; } + .tag.is-large { height: 40px; padding-left: 18px; padding-right: 18px; } + .tag.is-large .delete, .tag.is-large .modal-close { margin-left: 4px; margin-right: -8px; } + .button, .delete, .is-unselectable, @@ -2466,6 +2943,7 @@ a.box:active { -ms-user-select: none; user-select: none; } + .card-header { -webkit-box-align: stretch; -ms-flex-align: stretch; @@ -2474,6 +2952,7 @@ a.box:active { display: flex; min-height: 40px; } + .card-header-title { -webkit-box-align: start; -ms-flex-align: start; @@ -2486,6 +2965,7 @@ a.box:active { font-weight: 700; padding: 10px; } + .card-header-icon { -webkit-box-align: center; -ms-flex-align: center; @@ -2499,15 +2979,19 @@ a.box:active { justify-content: center; width: 40px; } + .card-image { display: block; } + .card-content { padding: 20px; } -.card-content .title + .subtitle { + +.card-content .title+.subtitle { margin-top: -20px; } + .card-footer { border-top: 1px solid #d3d6db; -webkit-box-align: stretch; @@ -2515,10 +2999,12 @@ a.box:active { align-items: stretch; display: flex; } + .media .media, -.media + .media { +.media+.media { border-top: 1px solid rgba(211, 214, 219, 0.5); } + .card-footer-item { -webkit-box-align: center; -ms-flex-align: center; @@ -2532,24 +3018,30 @@ a.box:active { justify-content: center; padding: 10px; } + .card-footer-item:not(:last-child) { border-right: 1px solid #d3d6db; } + .card { background-color: #fff; box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px rgba(17, 17, 17, 0.1); color: #42464c; width: 300px; } + .card .media:not(:last-child) { margin-bottom: 10px; } + .card.is-fullwidth { width: 100%; } + .card.is-rounded { border-radius: 5px; } + .column { -ms-flex-preferred-size: 0; flex-basis: 0; @@ -2560,343 +3052,418 @@ a.box:active { flex-shrink: 1; padding: 10px; } -.columns.is-mobile > .column.is-narrow { + +.columns.is-mobile>.column.is-narrow { -webkit-box-flex: 0; -ms-flex: none; flex: none; } -.columns.is-mobile > .column.is-full { + +.columns.is-mobile>.column.is-full { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } -.columns.is-mobile > .column.is-three-quarters { + +.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 { + +.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 { + +.columns.is-mobile>.column.is-half { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } -.columns.is-mobile > .column.is-one-third { + +.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 { + +.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 { + +.columns.is-mobile>.column.is-offset-three-quarters { margin-left: 75%; } -.columns.is-mobile > .column.is-offset-two-thirds { + +.columns.is-mobile>.column.is-offset-two-thirds { margin-left: 66.6666%; } -.columns.is-mobile > .column.is-offset-half { + +.columns.is-mobile>.column.is-offset-half { margin-left: 50%; } -.columns.is-mobile > .column.is-offset-one-third { + +.columns.is-mobile>.column.is-offset-one-third { margin-left: 33.3333%; } -.columns.is-mobile > .column.is-offset-one-quarter { + +.columns.is-mobile>.column.is-offset-one-quarter { margin-left: 25%; } -.columns.is-mobile > .column.is-1 { + +.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 { + +.columns.is-mobile>.column.is-offset-1 { margin-left: 8.33333%; } -.columns.is-mobile > .column.is-2 { + +.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 { + +.columns.is-mobile>.column.is-offset-2 { margin-left: 16.66667%; } -.columns.is-mobile > .column.is-3 { + +.columns.is-mobile>.column.is-3 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 25%; } -.columns.is-mobile > .column.is-offset-3 { + +.columns.is-mobile>.column.is-offset-3 { margin-left: 25%; } -.columns.is-mobile > .column.is-4 { + +.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 { + +.columns.is-mobile>.column.is-offset-4 { margin-left: 33.33333%; } -.columns.is-mobile > .column.is-5 { + +.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 { + +.columns.is-mobile>.column.is-offset-5 { margin-left: 41.66667%; } -.columns.is-mobile > .column.is-6 { + +.columns.is-mobile>.column.is-6 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; } -.columns.is-mobile > .column.is-offset-6 { + +.columns.is-mobile>.column.is-offset-6 { margin-left: 50%; } -.columns.is-mobile > .column.is-7 { + +.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 { + +.columns.is-mobile>.column.is-offset-7 { margin-left: 58.33333%; } -.columns.is-mobile > .column.is-8 { + +.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 { + +.columns.is-mobile>.column.is-offset-8 { margin-left: 66.66667%; } -.columns.is-mobile > .column.is-9 { + +.columns.is-mobile>.column.is-9 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 75%; } -.columns.is-mobile > .column.is-offset-9 { + +.columns.is-mobile>.column.is-offset-9 { margin-left: 75%; } -.columns.is-mobile > .column.is-10 { + +.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 { + +.columns.is-mobile>.column.is-offset-10 { margin-left: 83.33333%; } -.columns.is-mobile > .column.is-11 { + +.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 { + +.columns.is-mobile>.column.is-offset-11 { margin-left: 91.66667%; } -.columns.is-mobile > .column.is-12 { + +.columns.is-mobile>.column.is-12 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } -.columns.is-mobile > .column.is-offset-12 { + +.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) { + .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; @@ -2904,6 +3471,7 @@ a.box:active { flex: none; width: 100%; } + .column.is-three-quarters, .column.is-three-quarters-tablet { -webkit-box-flex: 0; @@ -2911,6 +3479,7 @@ a.box:active { flex: none; width: 75%; } + .column.is-two-thirds, .column.is-two-thirds-tablet { -webkit-box-flex: 0; @@ -2918,6 +3487,7 @@ a.box:active { flex: none; width: 66.6666%; } + .column.is-half, .column.is-half-tablet { -webkit-box-flex: 0; @@ -2925,6 +3495,7 @@ a.box:active { flex: none; width: 50%; } + .column.is-one-third, .column.is-one-third-tablet { -webkit-box-flex: 0; @@ -2932,6 +3503,7 @@ a.box:active { flex: none; width: 33.3333%; } + .column.is-one-quarter, .column.is-one-quarter-tablet { -webkit-box-flex: 0; @@ -2939,26 +3511,32 @@ a.box:active { 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; @@ -2966,10 +3544,12 @@ a.box:active { 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; @@ -2977,10 +3557,12 @@ a.box:active { 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; @@ -2988,10 +3570,12 @@ a.box:active { 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; @@ -2999,10 +3583,12 @@ a.box:active { 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; @@ -3010,10 +3596,12 @@ a.box:active { 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; @@ -3021,10 +3609,12 @@ a.box:active { 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; @@ -3032,10 +3622,12 @@ a.box:active { 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; @@ -3043,10 +3635,12 @@ a.box:active { 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; @@ -3054,10 +3648,12 @@ a.box:active { 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; @@ -3065,10 +3661,12 @@ a.box:active { 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; @@ -3076,10 +3674,12 @@ a.box:active { 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; @@ -3087,407 +3687,496 @@ a.box:active { flex: none; width: 100%; } + .column.is-offset-12, .column.is-offset-12-tablet { margin-left: 100%; } } + @media screen and (min-width: 980px) { .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: 1180px) { .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%; } } + .columns { margin-left: -10px; margin-right: -10px; margin-top: -10px; } + .columns:last-child { margin-bottom: -10px; } + .columns:not(:last-child) { margin-bottom: 10px; } + .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: 20px; } -.columns.is-gapless > .column { + +.columns.is-gapless>.column { margin: 0; padding: 0; } + @media screen and (min-width: 769px) { .columns.is-grid { -ms-flex-wrap: wrap; flex-wrap: wrap; } - .columns.is-grid > .column { + + .columns.is-grid>.column { max-width: 33.3333%; padding: 10px; width: 33.3333%; } - .columns.is-grid > .column + .column { + + .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; -ms-grid-row-align: center; align-items: center; } + .nav-left, .tile { -webkit-box-align: stretch; } + @media screen and (min-width: 769px) { .columns:not(.is-desktop) { display: -webkit-box; @@ -3495,6 +4184,7 @@ a.box:active { display: flex; } } + @media screen and (min-width: 980px) { .columns.is-desktop { display: -webkit-box; @@ -3502,6 +4192,7 @@ a.box:active { display: flex; } } + .tile { -ms-flex-align: stretch; -ms-grid-row-align: stretch; @@ -3517,111 +4208,133 @@ a.box:active { min-height: -moz-min-content; min-height: min-content; } + .level, .modal { -ms-grid-row-align: center; } + .tile.is-ancestor { margin-left: -10px; margin-right: -10px; margin-top: -10px; } + .tile.is-ancestor:last-child { margin-bottom: -10px; } + .tile.is-ancestor:not(:last-child) { margin-bottom: 10px; } + .tile.is-child { margin: 0 !important; } + .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child), .media-left { margin-right: 10px; } + .tile.is-parent { padding: 10px; } + .tile.is-vertical { -ms-flex-direction: column; flex-direction: column; } -.tile.is-vertical > .tile.is-child:not(:last-child) { + +.tile.is-vertical>.tile.is-child:not(:last-child) { margin-bottom: 20px !important; } + @media screen and (min-width: 769px) { .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; @@ -3629,198 +4342,254 @@ a.box:active { width: 100%; } } + .highlight { background-color: #fdf6e3; 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: 700; } + .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 .ne, .highlight .ni { 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; } + .level-item .subtitle, .level-item .title { margin-bottom: 0; } + .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } + @media screen and (max-width: 768px) { .level-item:not(:last-child) { margin-bottom: 10px; } - .level-left + .level-right { + + .level-left+.level-right { margin-top: 20px; } } + @media screen and (min-width: 769px) { .level-left { -webkit-box-align: center; @@ -3830,6 +4599,7 @@ a.box:active { display: -ms-flexbox; display: flex; } + .level-right { -webkit-box-align: center; -ms-flex-align: center; @@ -3842,6 +4612,7 @@ a.box:active { justify-content: flex-end; } } + .level { -webkit-box-align: center; -ms-flex-align: center; @@ -3850,42 +4621,52 @@ a.box:active { -ms-flex-pack: justify; justify-content: space-between; } + .level code { border-radius: 3px; } + .level img { display: inline-block; vertical-align: top; } + .level.is-mobile { display: flex; } -.level.is-mobile > .level-item:not(:last-child) { + +.level.is-mobile>.level-item:not(:last-child) { margin-bottom: 0; } -.level.is-mobile > .level-item:not(.is-narrow) { + +.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) { .level { display: -webkit-box; display: -ms-flexbox; display: flex; } - .level > .level-item:not(.is-narrow) { + + .level>.level-item:not(.is-narrow) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } + .media-number { margin-right: 10px; } + .media.is-large .media-number { margin-right: 20px; } } + .media-number { background-color: #f5f7fa; border-radius: 290486px; @@ -3896,20 +4677,24 @@ a.box:active { text-align: center; vertical-align: top; } + @media screen and (max-width: 768px) { .media-number { margin-bottom: 10px; } } + .media-right { margin-left: 10px; } + .media-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: left; } + .media { -webkit-box-align: start; -ms-flex-align: start; @@ -3917,190 +4702,239 @@ a.box:active { display: flex; text-align: left; } + .nav, .pagination, .panel-icon { text-align: center; } + .media .content:not(:last-child) { margin-bottom: 10px; } + .media .media { display: flex; padding-top: 10px; } + .media .media .content:not(:last-child), .media .media .control:not(:last-child) { margin-bottom: 5px; } + .media .media .media { padding-top: 5px; } -.media .media .media + .media { + +.media .media .media+.media { margin-top: 5px; } -.media + .media { + +.media+.media { margin-top: 10px; padding-top: 10px; } -.media.is-large + .media { + +.media.is-large+.media { margin-top: 20px; padding-top: 20px; } + .menu-list a, .menu-nav a { display: block; padding: 5px 10px; } + .menu-list a { border-radius: 2px; color: #42464c; } + .menu-list a:hover { background-color: #f5f7fa; color: #2077b2; } + .menu-list a.is-active { background-color: #2077b2; color: #fff; } + .menu-list li ul { border-left: 1px solid #d3d6db; margin: 10px; padding-left: 10px; } + .menu-label { color: #aeb1b5; font-size: 11px; margin-bottom: 5px; } + .menu-label:not(:first-child) { margin-top: 20px; } + .message-body { border: 1px solid #d3d6db; border-radius: 3px; padding: 12px 15px; } + .message-body strong { color: inherit; } + .message-header { background-color: #42464c; border-radius: 3px 3px 0 0; color: #fff; padding: 7px 10px; } + .message-header strong { color: inherit; } -.message-header + .message-body { + +.message-header+.message-body { border-radius: 0 0 3px 3px; border-top: none; } + .message { background-color: #f5f7fa; border-radius: 3px; } + .message.is-white { background-color: #fff; } + .message.is-white .message-header { background-color: #fff; color: #111; } + .message.is-white .message-body { border-color: #fff; color: #666; } + .message.is-black { background-color: #f5f5f5; } + .message.is-black .message-header { background-color: #111; color: #fff; } + .message.is-black .message-body { border-color: #111; color: gray; } + .message.is-light { background-color: #f5f7fa; } + .message.is-light .message-header { background-color: #f5f7fa; color: #42464c; } + .message.is-light .message-body { border-color: #f5f7fa; color: #666; } + .message.is-dark { background-color: #f4f5f6; } + .message.is-dark .message-header { background-color: #42464c; color: #f5f7fa; } + .message.is-dark .message-body { border-color: #42464c; color: gray; } + .message.is-primary { background-color: #eef6fc; } + .message.is-primary .message-header { background-color: #2077b2; color: #fff; } + .message.is-primary .message-body { border-color: #2077b2; color: gray; } + .message.is-info { background-color: #eef6fc; } + .message.is-info .message-header { background-color: #2077b2; color: #fff; } + .message.is-info .message-body { border-color: #2077b2; color: gray; } + .message.is-success { background-color: #f4faf0; } + .message.is-success .message-header { background-color: #97cd76; color: #fff; } + .message.is-success .message-body { border-color: #97cd76; color: gray; } + .message.is-warning { background-color: #fffbeb; } + .message.is-warning .message-header { background-color: #fce473; color: rgba(17, 17, 17, 0.5); } + .message.is-warning .message-body { border-color: #fce473; color: #666; } + .message.is-danger { background-color: #fdeeed; } + .message.is-danger .message-header { background-color: #ed6c63; color: #fff; } + .message.is-danger .message-body { border-color: #ed6c63; color: gray; } + .modal-background { bottom: 0; left: 0; @@ -4109,6 +4943,7 @@ a.box:active { top: 0; background-color: rgba(17, 17, 17, 0.86); } + .modal-card, .modal-content { margin: 0 20px; @@ -4117,7 +4952,9 @@ a.box:active { position: relative; width: 100%; } + @media screen and (min-width: 769px) { + .modal-card, .modal-content { margin: 0 auto; @@ -4125,6 +4962,7 @@ a.box:active { width: 640px; } } + .modal-close { background: 0 0; height: 40px; @@ -4133,12 +4971,14 @@ a.box:active { top: 20px; width: 40px; } + .hero-video, .modal { bottom: 0; left: 0; right: 0; } + .modal-card { background-color: #fff; border-radius: 5px; @@ -4148,6 +4988,7 @@ a.box:active { max-height: calc(100vh - 40px); overflow: hidden; } + .modal-card-foot, .modal-card-head { -webkit-box-align: center; @@ -4165,9 +5006,11 @@ a.box:active { padding: 20px; position: relative; } + .modal-card-head { border-bottom: 1px solid #d3d6db; } + .modal-card-title { color: #222324; -webkit-box-flex: 1; @@ -4176,12 +5019,15 @@ a.box:active { font-size: 24px; line-height: 1; } + .modal-card-foot { border-top: 1px solid #d3d6db; } + .modal-card-foot .button:not(:last-child) { margin-right: 10px; } + .modal-card-body { -webkit-box-flex: 1; -ms-flex-positive: 1; @@ -4189,15 +5035,18 @@ a.box:active { overflow: auto; padding: 20px; } + .modal, .nav-left, .tabs { overflow: hidden; } + .nav-left, .tabs { overflow-x: auto; } + .modal { top: 0; -webkit-box-align: center; @@ -4210,26 +5059,31 @@ a.box:active { position: fixed; z-index: 1986; } + .nav-item, .pagination { -webkit-box-align: center; } + .modal.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } + @media screen and (min-width: 769px) { .nav-toggle { display: none; } } + .level-item { stroke: currentColor; fill: none; position: relative; top: 0.1111111111111111em; } + .nav-item { -ms-flex-align: center; align-items: center; @@ -4239,33 +5093,41 @@ a.box:active { justify-content: center; padding: 10px; } + .nav-item a { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } + .nav-item img { max-height: 24px; } -.nav-item .button + .button { + +.nav-item .button+.button { margin-left: 10px; } + .nav-item .tag:first-child { margin-right: 5px; } + .nav-item .tag:last-child { margin-left: 5px; } + .nav-item a, a.nav-item { color: #42464c; } + .nav-item a.is-active, .nav-item a:hover, a.nav-item.is-active, a.nav-item:hover { color: #222324; } + .nav-item a.is-tab, a.nav-item.is-tab { border-bottom: 1px solid transparent; @@ -4273,27 +5135,32 @@ a.nav-item.is-tab { padding-left: 12px; padding-right: 12px; } + .nav-item a.is-tab:hover, a.nav-item.is-tab:hover { border-bottom: 1px solid #2077b2; border-top: 1px solid transparent; } + .nav-item a.is-tab.is-active, a.nav-item.is-tab.is-active { border-bottom: 3px solid #2077b2; border-top: 3px solid transparent; color: #2077b2; } + .panel-heading, .panel-tabs a { border-bottom: 1px solid #d3d6db; } + @media screen and (max-width: 768px) { .nav-item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } + .nav-menu { background-color: #fff; box-shadow: 0 4px 7px rgba(17, 17, 17, 0.1); @@ -4303,27 +5170,33 @@ a.nav-item.is-tab.is-active { top: 100%; position: absolute; } + .nav-menu .nav-item { border-top: 1px solid rgba(211, 214, 219, 0.5); padding: 10px; } + .nav-menu.is-active { display: block; } } -.container > .nav > .nav-left > .nav-item:first-child:not(.is-tab), -.nav > .container > .nav-left > .nav-item:first-child:not(.is-tab) { + +.container>.nav>.nav-left>.nav-item:first-child:not(.is-tab), +.nav>.container>.nav-left>.nav-item:first-child:not(.is-tab) { padding-left: 0; } + @media screen and (min-width: 769px) and (max-width: 979px) { .nav-menu { padding-right: 20px; } } -.container > .nav > .nav-right > .nav-item:last-child:not(.is-tab), -.nav > .container > .nav-right > .nav-item:last-child:not(.is-tab) { + +.container>.nav>.nav-right>.nav-item:last-child:not(.is-tab), +.nav>.container>.nav-right>.nav-item:last-child:not(.is-tab) { padding-right: 0; } + .nav-left { -ms-flex-align: stretch; align-items: stretch; @@ -4337,10 +5210,12 @@ a.nav-item.is-tab.is-active { -ms-flex-pack: start; justify-content: flex-start; } + .nav, .nav-center { -webkit-box-align: stretch; } + .nav-center { -ms-flex-align: stretch; align-items: stretch; @@ -4353,6 +5228,7 @@ a.nav-item.is-tab.is-active { margin-left: auto; margin-right: auto; } + @media screen and (min-width: 769px) { .nav-right { -webkit-box-align: stretch; @@ -4371,10 +5247,12 @@ a.nav-item.is-tab.is-active { justify-content: flex-end; } } + .nav, -.nav > .container { +.nav>.container { min-height: 50px; } + .nav { -ms-flex-align: stretch; align-items: stretch; @@ -4383,27 +5261,33 @@ a.nav-item.is-tab.is-active { position: relative; z-index: 2; } + .panel-heading, .tabs.is-boxed a:hover, a.panel-block:hover { background-color: #f5f7fa; } -.nav > .container { + +.nav>.container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: flex; width: 100%; } + .nav.has-shadow { box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1); } + @media screen and (max-width: 979px) { - .container > .nav > .nav-left > .nav-item.is-brand:first-child, - .nav > .container > .nav-left > .nav-item.is-brand:first-child { + + .container>.nav>.nav-left>.nav-item.is-brand:first-child, + .nav>.container>.nav-left>.nav-item.is-brand:first-child { padding-left: 20px; } } + .pagination { -ms-flex-align: center; align-items: center; @@ -4414,23 +5298,28 @@ a.panel-block:hover { -ms-flex-pack: center; justify-content: center; } + .pagination ul, .tabs a { -webkit-box-align: center; } + .pagination a { display: block; min-width: 32px; padding: 3px 8px; } + .pagination span { color: #aeb1b5; display: block; margin: 0 4px; } + .pagination li { margin: 0 2px; } + .pagination ul { -ms-flex-align: center; align-items: center; @@ -4444,33 +5333,40 @@ a.panel-block:hover { -ms-flex-pack: center; justify-content: center; } + @media screen and (max-width: 768px) { .pagination { -ms-flex-wrap: wrap; flex-wrap: wrap; } - .pagination > a { + + .pagination>a { width: calc(50% - 5px); } - .pagination > a:not(:first-child) { + + .pagination>a:not(:first-child) { margin-left: 10px; } + .pagination li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } + .pagination ul { margin-top: 10px; } } + @media screen and (min-width: 769px) { - .pagination > a:not(:first-child) { + .pagination>a:not(:first-child) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } + .panel-icon { display: inline-block; height: 16px; @@ -4481,6 +5377,7 @@ a.panel-block:hover { font-size: inherit; line-height: inherit; } + .panel-heading { border-radius: 4px 4px 0 0; color: #222324; @@ -4488,16 +5385,20 @@ a.panel-block:hover { font-weight: 300; padding: 10px; } + .panel-tabs, .tabs.is-small { font-size: 11px; } + .panel-list a { color: #42464c; } + .panel-list a:hover { color: #2077b2; } + .panel-tabs { display: flex; padding: 5px 10px 0; @@ -4505,32 +5406,39 @@ a.panel-block:hover { -ms-flex-pack: center; justify-content: center; } + .panel-tabs a { margin-bottom: -1px; padding: 5px; } + .panel-tabs a.is-active { border-bottom-color: #222324; color: #222324; } + .panel-block:not(:last-child), .panel-tabs:not(:last-child), .tabs a { border-bottom: 1px solid #d3d6db; } + .panel-block { color: #222324; display: block; line-height: 16px; padding: 10px; } + .panel { border: 1px solid #d3d6db; border-radius: 5px; } + .panel:not(:last-child) { margin-bottom: 20px; } + .tabs { -webkit-box-align: stretch; -ms-flex-align: stretch; @@ -4541,6 +5449,7 @@ a.panel-block:hover { justify-content: space-between; line-height: 24px; } + .tabs a { -ms-flex-align: center; align-items: center; @@ -4555,26 +5464,32 @@ a.panel-block:hover { padding: 6px 12px; vertical-align: top; } + .tabs ul.is-center, .tabs ul.is-left { padding-right: 10px; } + .tabs.is-boxed a, .tabs.is-toggle a { padding-bottom: 5px; padding-top: 5px; } + .tabs a:hover { border-bottom-color: #222324; color: #222324; } + .tabs li { display: block; } + .tabs li.is-active a { border-bottom-color: #2077b2; color: #2077b2; } + .tabs ul { -webkit-box-align: center; -ms-flex-align: center; @@ -4588,6 +5503,7 @@ a.panel-block:hover { -ms-flex-pack: start; justify-content: flex-start; } + .tabs ul.is-center { -webkit-box-flex: 0; -ms-flex: none; @@ -4597,109 +5513,135 @@ a.panel-block:hover { justify-content: center; padding-left: 10px; } + .tabs ul.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 10px; } + .tabs .icon:first-child { margin-right: 8px; } + .tabs .icon:last-child { margin-left: 8px; } + .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 { border-bottom-color: #d3d6db; } + .tabs.is-boxed li.is-active a { background-color: #fff; border-color: #d3d6db; border-bottom-color: transparent !important; } + .tabs.is-fullwidth li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } + .tabs.is-toggle a { border: 1px solid #d3d6db; margin-bottom: 0; position: relative; } + .tabs.is-toggle a:hover { background-color: #f5f7fa; border-color: #aeb1b5; z-index: 2; } -.tabs.is-toggle li + li { + +.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: #2077b2; border-color: #2077b2; color: #fff; z-index: 1; } + .hero .tabs ul, .tabs.is-toggle ul { border-bottom: none; } + .tabs.is-small a { padding: 2px 8px; } + .tabs.is-small.is-boxed a, .tabs.is-small.is-toggle a { padding-bottom: 1px; padding-top: 1px; } + .tabs.is-medium { font-size: 18px; } + .tabs.is-medium a { padding: 10px 16px; } + .tabs.is-medium.is-boxed a, .tabs.is-medium.is-toggle a { padding-bottom: 9px; padding-top: 9px; } + .tabs.is-large { font-size: 28px; } + .tabs.is-large a { padding: 14px 20px; } + .tabs.is-large.is-boxed a, .tabs.is-large.is-toggle a { padding-bottom: 13px; padding-top: 13px; } + .hero-video { position: absolute; top: 0; overflow: hidden; } + .hero-video video { left: 50%; min-height: 100%; @@ -4709,25 +5651,31 @@ a.panel-block:hover { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } + .hero-video.is-transparent { opacity: 0.3; } + .hero-buttons { margin-top: 20px; } + @media screen and (max-width: 768px) { .hero-video { display: none; } + .hero-buttons .button { display: -webkit-box; display: -ms-flexbox; display: flex; } + .hero-buttons .button:not(:last-child) { margin-bottom: 10px; } } + @media screen and (min-width: 769px) { .hero-buttons { display: -webkit-box; @@ -4737,27 +5685,32 @@ a.panel-block:hover { -ms-flex-pack: center; justify-content: center; } + .hero-buttons .button:not(:last-child) { margin-right: 20px; } } + .hero-foot, .hero-head { -ms-flex-negative: 0; flex-shrink: 0; } + .hero-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 40px 20px; } + @media screen and (min-width: 980px) { .hero-body { padding-left: 0; padding-right: 0; } } + .hero { -webkit-box-align: stretch; -ms-flex-align: stretch; @@ -4770,39 +5723,49 @@ a.panel-block:hover { -ms-flex-pack: justify; justify-content: space-between; } + .hero .nav { background: 0 0; } + .hero.is-white { background-color: #fff; color: #111; } + .hero.is-white .title { color: #111; } + .hero.is-white .title a, .hero.is-white .title strong { color: inherit; } + .hero.is-white .subtitle { color: rgba(17, 17, 17, 0.7); } + .hero.is-white .subtitle a, .hero.is-white .subtitle strong { color: #111; } + .hero.is-white .nav { box-shadow: 0 1px 0 rgba(17, 17, 17, 0.2); } + @media screen and (max-width: 768px) { .hero.is-white .nav-menu { background-color: #fff; } } + .hero.is-white .nav-item a:not(.button), .hero.is-white a.nav-item { color: rgba(17, 17, 17, 0.5); } + .hero.is-white .nav-item a:not(.button).is-active, .hero.is-white .nav-item a:not(.button):hover, .hero.is-white .tabs.is-boxed a, @@ -4811,18 +5774,22 @@ a.panel-block:hover { .hero.is-white a.nav-item:hover { color: #111; } + .hero.is-white .tabs a { color: #111; opacity: 0.5; } + .hero.is-white .tabs a:hover, .hero.is-white .tabs li.is-active a { opacity: 1; } + .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { background-color: rgba(17, 17, 17, 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, @@ -4831,55 +5798,66 @@ a.panel-block:hover { border-color: #111; color: #fff; } + .hero.is-white.is-bold { - background-image: -webkit-linear-gradient( - 309deg, + background-image: -webkit-linear-gradient(309deg, #e6e6e6 0, #fff 71%, - #fff 100% - ); + #fff 100%); background-image: linear-gradient(141deg, #e6e6e6 0, #fff 71%, #fff 100%); } + @media screen and (max-width: 768px) { .hero.is-white .nav-toggle span { background-color: #111; } + .hero.is-white .nav-toggle:hover { background-color: rgba(17, 17, 17, 0.1); } + .hero.is-black .nav-menu, .hero.is-white .nav-toggle.is-active span { background-color: #111; } + .hero.is-white .nav-menu .nav-item { border-top-color: rgba(17, 17, 17, 0.2); } } + .hero.is-black { background-color: #111; color: #fff; } + .hero.is-black .title { color: #fff; } + .hero.is-black .title a, .hero.is-black .title strong { color: inherit; } + .hero.is-black .subtitle { color: rgba(255, 255, 255, 0.7); } + .hero.is-black .subtitle a, .hero.is-black .subtitle strong { color: #fff; } + .hero.is-black .nav { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } + .hero.is-black .nav-item a:not(.button), .hero.is-black a.nav-item { color: rgba(255, 255, 255, 0.5); } + .hero.is-black .nav-item a:not(.button).is-active, .hero.is-black .nav-item a:not(.button):hover, .hero.is-black .tabs.is-boxed a, @@ -4888,18 +5866,22 @@ a.panel-block:hover { .hero.is-black a.nav-item:hover { color: #fff; } + .hero.is-black .tabs a { color: #fff; opacity: 0.5; } + .hero.is-black .tabs a:hover, .hero.is-black .tabs li.is-active a { opacity: 1; } + .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { background-color: rgba(17, 17, 17, 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, @@ -4908,57 +5890,69 @@ a.panel-block:hover { border-color: #fff; color: #111; } + .hero.is-black.is-bold { - background-image: -webkit-linear-gradient( - 309deg, + background-image: -webkit-linear-gradient(309deg, #000 0, #111 71%, - #1f1c1c 100% - ); + #1f1c1c 100%); background-image: linear-gradient(141deg, #000 0, #111 71%, #1f1c1c 100%); } + @media screen and (max-width: 768px) { .hero.is-black .nav-toggle span { background-color: #fff; } + .hero.is-black .nav-toggle:hover { background-color: rgba(17, 17, 17, 0.1); } + .hero.is-black .nav-toggle.is-active span { background-color: #fff; } + .hero.is-black .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); } + .hero.is-light .nav-menu { background-color: #f5f7fa; } } + .hero.is-light { background-color: #f5f7fa; color: #42464c; } + .hero.is-light .title { color: #42464c; } + .hero.is-light .title a, .hero.is-light .title strong { color: inherit; } + .hero.is-light .subtitle { color: rgba(66, 70, 76, 0.7); } + .hero.is-light .subtitle a, .hero.is-light .subtitle strong { color: #42464c; } + .hero.is-light .nav { box-shadow: 0 1px 0 rgba(66, 70, 76, 0.2); } + .hero.is-light .nav-item a:not(.button), .hero.is-light a.nav-item { color: rgba(66, 70, 76, 0.5); } + .hero.is-light .nav-item a:not(.button).is-active, .hero.is-light .nav-item a:not(.button):hover, .hero.is-light .tabs.is-boxed a, @@ -4967,22 +5961,27 @@ a.panel-block:hover { .hero.is-light a.nav-item:hover { color: #42464c; } + .hero.is-light .tabs a { color: #42464c; opacity: 0.5; } + .hero.is-light .tabs a:hover, .hero.is-light .tabs li.is-active a { opacity: 1; } + .hero.is-dark, .hero.is-dark .title { color: #f5f7fa; } + .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { background-color: rgba(17, 17, 17, 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, @@ -4991,56 +5990,67 @@ a.panel-block:hover { border-color: #42464c; color: #f5f7fa; } + .hero.is-light.is-bold { - background-image: -webkit-linear-gradient( - 309deg, + background-image: -webkit-linear-gradient(309deg, #d0e0ec 0, #f5f7fa 71%, - #fff 100% - ); + #fff 100%); background-image: linear-gradient(141deg, #d0e0ec 0, #f5f7fa 71%, #fff 100%); } + @media screen and (max-width: 768px) { .hero.is-light .nav-toggle span { background-color: #42464c; } + .hero.is-light .nav-toggle:hover { background-color: rgba(17, 17, 17, 0.1); } + .hero.is-dark .nav-menu, .hero.is-light .nav-toggle.is-active span { background-color: #42464c; } + .hero.is-light .nav-menu .nav-item { border-top-color: rgba(66, 70, 76, 0.2); } } + .hero.is-dark { background-color: #42464c; } + .hero.is-dark .title a, .hero.is-dark .title strong { color: inherit; } + .hero.is-dark .subtitle { color: rgba(245, 247, 250, 0.7); } + .hero.is-dark .subtitle a, .hero.is-dark .subtitle strong { color: #f5f7fa; } + .hero.is-dark .nav { box-shadow: 0 1px 0 rgba(245, 247, 250, 0.2); } + .hero.is-info .nav, .hero.is-primary .nav, .hero.is-success .nav { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } + .hero.is-dark .nav-item a:not(.button), .hero.is-dark a.nav-item { color: rgba(245, 247, 250, 0.5); } + .hero.is-dark .nav-item a:not(.button).is-active, .hero.is-dark .nav-item a:not(.button):hover, .hero.is-dark .tabs.is-boxed a, @@ -5049,18 +6059,22 @@ a.panel-block:hover { .hero.is-dark a.nav-item:hover { color: #f5f7fa; } + .hero.is-dark .tabs a { color: #f5f7fa; opacity: 0.5; } + .hero.is-dark .tabs a:hover, .hero.is-dark .tabs li.is-active a { opacity: 1; } + .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { background-color: rgba(17, 17, 17, 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, @@ -5069,59 +6083,68 @@ a.panel-block:hover { border-color: #f5f7fa; color: #42464c; } + .hero.is-dark.is-bold { - background-image: -webkit-linear-gradient( - 309deg, + background-image: -webkit-linear-gradient(309deg, #262f35 0, #42464c 71%, - #4a4e5e 100% - ); - background-image: linear-gradient( - 141deg, + #4a4e5e 100%); + background-image: linear-gradient(141deg, #262f35 0, #42464c 71%, - #4a4e5e 100% - ); + #4a4e5e 100%); } + @media screen and (max-width: 768px) { .hero.is-dark .nav-toggle span { background-color: #f5f7fa; } + .hero.is-dark .nav-toggle:hover { background-color: rgba(17, 17, 17, 0.1); } + .hero.is-dark .nav-toggle.is-active span { background-color: #f5f7fa; } + .hero.is-dark .nav-menu .nav-item { border-top-color: rgba(245, 247, 250, 0.2); } + .hero.is-primary .nav-menu { background-color: #2077b2; } } + .hero.is-primary { background-color: #2077b2; color: #fff; } + .hero.is-primary .title { color: #fff; } + .hero.is-primary .title a, .hero.is-primary .title strong { color: inherit; } + .hero.is-primary .subtitle { color: rgba(255, 255, 255, 0.7); } + .hero.is-primary .subtitle a, .hero.is-primary .subtitle strong { color: #fff; } + .hero.is-primary .nav-item a:not(.button), .hero.is-primary a.nav-item { color: rgba(255, 255, 255, 0.5); } + .hero.is-primary .nav-item a:not(.button).is-active, .hero.is-primary .nav-item a:not(.button):hover, .hero.is-primary .tabs.is-boxed a, @@ -5130,18 +6153,22 @@ a.panel-block:hover { .hero.is-primary a.nav-item:hover { color: #fff; } + .hero.is-primary .tabs a { color: #fff; opacity: 0.5; } + .hero.is-primary .tabs a:hover, .hero.is-primary .tabs li.is-active a { opacity: 1; } + .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { background-color: rgba(17, 17, 17, 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, @@ -5150,59 +6177,68 @@ a.panel-block:hover { border-color: #fff; color: #2077b2; } + .hero.is-primary.is-bold { - background-image: -webkit-linear-gradient( - 309deg, + background-image: -webkit-linear-gradient(309deg, #10718f 0, #2077b2 71%, - #1e69ce 100% - ); - background-image: linear-gradient( - 141deg, + #1e69ce 100%); + background-image: linear-gradient(141deg, #10718f 0, #2077b2 71%, - #1e69ce 100% - ); + #1e69ce 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(17, 17, 17, 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 .nav-menu { background-color: #2077b2; } } + .hero.is-info { background-color: #2077b2; color: #fff; } + .hero.is-info .title { color: #fff; } + .hero.is-info .title a, .hero.is-info .title strong { color: inherit; } + .hero.is-info .subtitle { color: rgba(255, 255, 255, 0.7); } + .hero.is-info .subtitle a, .hero.is-info .subtitle strong { color: #fff; } + .hero.is-info .nav-item a:not(.button), .hero.is-info a.nav-item { color: rgba(255, 255, 255, 0.5); } + .hero.is-info .nav-item a:not(.button).is-active, .hero.is-info .nav-item a:not(.button):hover, .hero.is-info .tabs.is-boxed a, @@ -5211,18 +6247,22 @@ a.panel-block:hover { .hero.is-info a.nav-item:hover { color: #fff; } + .hero.is-info .tabs a { color: #fff; opacity: 0.5; } + .hero.is-info .tabs a:hover, .hero.is-info .tabs li.is-active a { opacity: 1; } + .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { background-color: rgba(17, 17, 17, 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, @@ -5231,59 +6271,68 @@ a.panel-block:hover { border-color: #fff; color: #2077b2; } + .hero.is-info.is-bold { - background-image: -webkit-linear-gradient( - 309deg, + background-image: -webkit-linear-gradient(309deg, #10718f 0, #2077b2 71%, - #1e69ce 100% - ); - background-image: linear-gradient( - 141deg, + #1e69ce 100%); + background-image: linear-gradient(141deg, #10718f 0, #2077b2 71%, - #1e69ce 100% - ); + #1e69ce 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(17, 17, 17, 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 .nav-menu { background-color: #97cd76; } } + .hero.is-success { background-color: #97cd76; color: #fff; } + .hero.is-success .title { color: #fff; } + .hero.is-success .title a, .hero.is-success .title strong { color: inherit; } + .hero.is-success .subtitle { color: rgba(255, 255, 255, 0.7); } + .hero.is-success .subtitle a, .hero.is-success .subtitle strong { color: #fff; } + .hero.is-success .nav-item a:not(.button), .hero.is-success a.nav-item { color: rgba(255, 255, 255, 0.5); } + .hero.is-success .nav-item a:not(.button).is-active, .hero.is-success .nav-item a:not(.button):hover, .hero.is-success .tabs.is-boxed a, @@ -5292,18 +6341,22 @@ a.panel-block:hover { .hero.is-success a.nav-item:hover { color: #fff; } + .hero.is-success .tabs a { color: #fff; opacity: 0.5; } + .hero.is-success .tabs a:hover, .hero.is-success .tabs li.is-active a { opacity: 1; } + .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { background-color: rgba(17, 17, 17, 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, @@ -5312,51 +6365,58 @@ a.panel-block:hover { border-color: #fff; color: #97cd76; } + .hero.is-warning, .hero.is-warning .title { color: rgba(17, 17, 17, 0.5); } + .hero.is-success.is-bold { - background-image: -webkit-linear-gradient( - 309deg, + background-image: -webkit-linear-gradient(309deg, #8ecb45 0, #97cd76 71%, - #96d885 100% - ); - background-image: linear-gradient( - 141deg, + #96d885 100%); + background-image: linear-gradient(141deg, #8ecb45 0, #97cd76 71%, - #96d885 100% - ); + #96d885 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(17, 17, 17, 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 .nav-menu { background-color: #fce473; } } + .hero.is-warning { background-color: #fce473; } + .hero.is-warning .title a, .hero.is-warning .title strong { color: inherit; } + .hero.is-warning .subtitle { color: rgba(17, 17, 17, 0.7); } + .hero.is-warning .nav-item a:not(.button), .hero.is-warning .nav-item a:not(.button).is-active, .hero.is-warning .nav-item a:not(.button):hover, @@ -5369,21 +6429,26 @@ a.panel-block:hover { .hero.is-warning a.nav-item:hover { color: rgba(17, 17, 17, 0.5); } + .hero.is-warning .nav { box-shadow: 0 1px 0 rgba(17, 17, 17, 0.2); } + .hero.is-warning .tabs a { color: rgba(17, 17, 17, 0.5); opacity: 0.5; } + .hero.is-warning .tabs a:hover, .hero.is-warning .tabs li.is-active a { opacity: 1; } + .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { background-color: rgba(17, 17, 17, 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, @@ -5392,62 +6457,72 @@ a.panel-block:hover { border-color: rgba(17, 17, 17, 0.5); color: #fce473; } + .hero.is-warning.is-bold { - background-image: -webkit-linear-gradient( - 309deg, + background-image: -webkit-linear-gradient(309deg, #ffbd3d 0, #fce473 71%, - #fffe8a 100% - ); - background-image: linear-gradient( - 141deg, + #fffe8a 100%); + background-image: linear-gradient(141deg, #ffbd3d 0, #fce473 71%, - #fffe8a 100% - ); + #fffe8a 100%); } + @media screen and (max-width: 768px) { .hero.is-warning .nav-toggle span { background-color: rgba(17, 17, 17, 0.5); } + .hero.is-warning .nav-toggle:hover { background-color: rgba(17, 17, 17, 0.1); } + .hero.is-warning .nav-toggle.is-active span { background-color: rgba(17, 17, 17, 0.5); } + .hero.is-warning .nav-menu .nav-item { border-top-color: rgba(17, 17, 17, 0.2); } + .hero.is-danger .nav-menu { background-color: #ed6c63; } } + .hero.is-danger { background-color: #ed6c63; color: #fff; } + .hero.is-danger .title { color: #fff; } + .hero.is-danger .title a, .hero.is-danger .title strong { color: inherit; } + .hero.is-danger .subtitle { color: rgba(255, 255, 255, 0.7); } + .hero.is-danger .subtitle a, .hero.is-danger .subtitle strong { color: #fff; } + .hero.is-danger .nav { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } + .hero.is-danger .nav-item a:not(.button), .hero.is-danger a.nav-item { color: rgba(255, 255, 255, 0.5); } + .hero.is-danger .nav-item a:not(.button).is-active, .hero.is-danger .nav-item a:not(.button):hover, .hero.is-danger .tabs.is-boxed a, @@ -5456,18 +6531,22 @@ a.panel-block:hover { .hero.is-danger a.nav-item:hover { color: #fff; } + .hero.is-danger .tabs a { color: #fff; opacity: 0.5; } + .hero.is-danger .tabs a:hover, .hero.is-danger .tabs li.is-active a { opacity: 1; } + .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { background-color: rgba(17, 17, 17, 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, @@ -5476,47 +6555,52 @@ a.panel-block:hover { border-color: #fff; color: #ed6c63; } + .hero.is-danger.is-bold { - background-image: -webkit-linear-gradient( - 309deg, + background-image: -webkit-linear-gradient(309deg, #f32a3e 0, #ed6c63 71%, - #f39376 100% - ); - background-image: linear-gradient( - 141deg, + #f39376 100%); + background-image: linear-gradient(141deg, #f32a3e 0, #ed6c63 71%, - #f39376 100% - ); + #f39376 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(17, 17, 17, 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) { .hero.is-medium .hero-body { padding-bottom: 120px; padding-top: 120px; } + .hero.is-large .hero-body { padding-bottom: 240px; padding-top: 240px; } } + .hero.is-fullheight { min-height: 100vh; } + .hero.is-fullheight .hero-body { -webkit-box-align: center; -ms-flex-align: center; @@ -5525,70 +6609,86 @@ a.panel-block:hover { display: -ms-flexbox; display: flex; } -.hero.is-fullheight .hero-body > .container { + +.hero.is-fullheight .hero-body>.container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } + .section { background-color: #fff; padding: 40px 20px; } + @media screen and (min-width: 980px) { .section.is-medium { padding: 120px 20px; } + .section.is-large { padding: 240px 20px; } } + .footer { background-color: #f5f7fa; padding: 40px 20px 80px; } + code, html { background-color: #fff; } + .footer a, .footer a:visited { color: #42464c; } + .footer a:hover, .footer a:visited:hover { color: #222324; } + .footer a:not(.icon), .footer a:visited:not(.icon) { border-bottom: 1px solid #d3d6db; } + .footer a:not(.icon):hover, .footer a:visited:not(.icon):hover { border-bottom-color: #2077b2; } + .container { max-width: 800px; margin: 0 auto; } + .content h1:not(:first-child), .content h2:not(:first-child), .content h3:not(:first-child), .content h4:not(:first-child), .content h5:not(:first-child), .content h6:not(:first-child), -article + article { +article+article { margin-top: 80px; } + .content { font-size: 16px; line-height: 1.75; } -.media-content .subtitle + .title { + +.media-content .subtitle+.title { margin-bottom: 10px; } + .media-content .content { line-height: 1.5; } + .content h1, .content h2, .content h3, @@ -5598,28 +6698,36 @@ article + article { .title { line-height: 1.25; } + .hero .nav { box-shadow: none; } + .nav .level-item { margin-left: 10px; } + .subtitle { color: #69707a; } + .title { font-size: 24px; } + .title a { color: #222324; } + .title.notfound { font-size: 20vw; } + code { color: inherit; font-size: 90%; } + .content h1::before, .content h2::before, .content h3::before, @@ -5629,6 +6737,7 @@ code { color: #aeb1b5; font-weight: 700; } + .content h1 code, .content h2 code, .content h3 code, @@ -5637,31 +6746,39 @@ code { .content h6 code { background-color: #8a2be2; } -.content h1 + h2:not(:first-child), -.content h2 + h3:not(:first-child), -.content h3 + h4:not(:first-child), -.content h4 + h5:not(:first-child), -.content h5 + h6:not(:first-child) { + +.content h1+h2:not(:first-child), +.content h2+h3:not(:first-child), +.content h3+h4:not(:first-child), +.content h4+h5:not(:first-child), +.content h5+h6:not(:first-child) { margin-top: 20px; } + .content h1 { font-size: 24px; } + .content h2 { font-size: 22px; } + .content h3 { font-size: 20px; } + .content h4 { font-size: 18px; } + .content h5 { font-size: 17px; } + .content h6 { font-size: 16px; } + .content ol:not(:last-child), .content p:not(:last-child), .content pre:not(:last-child), @@ -5669,14 +6786,16 @@ code { .content ul:not(:last-child) { margin-bottom: 1.5em; } + .content table td, .content table th { border: 1px solid #d3d6db; padding: 8px 10px; vertical-align: top; } -.content p > code, -.content > code { + +.content p>code, +.content>code { font-size: 90%; padding: 2px 4px; margin: 0 2px; @@ -5685,37 +6804,79 @@ code { background-color: #f8f8f8; color: #42464c; } + .content pre code { font-size: 90%; padding: 1em; line-height: 1.5; } + .content li pre, .content li table { margin-bottom: 1.5em; } + img[src$="#c"] { display: block; margin: 0.7rem auto; } + img[src$="#l"] { float: left; margin: 0.7rem; } + img[src$="#r"] { float: right; margin: 0.7rem; } + .related a:not(.button) { border-bottom: none; } + .related a:not(.button):visited { color: #000; } + .related ul { font-size: 17px; } -div.subtitle.tags{ +div.subtitle.tags { margin-bottom: 0px; } + +.copy-code-button { + color: #272822; + background-color: #FFF; + border-color: #272822; + border: 2px solid; + border-radius: 3px 3px 0px 0px; + + display: block; + margin-left: auto; + margin-right: 0; + + margin-bottom: -2px; + padding: 3px 8px; + font-size: 0.8em; +} + +.copy-code-button:hover { + cursor: pointer; + background-color: #F2F2F2; +} + +.copy-code-button:focus { + background-color: #E6E6E6; + outline: 0; +} + +.copy-code-button:active { + background-color: #D9D9D9; +} + +.highlight pre { + margin: 0; +}
\ No newline at end of file diff --git a/static/js/copycode.js b/static/js/copycode.js new file mode 100644 index 0000000..c197e68 --- /dev/null +++ b/static/js/copycode.js @@ -0,0 +1,46 @@ +/* global clipboard */ +/* eslint-disable no-console */ + +function addCopyButtons(clipboard) { + document.querySelectorAll('.highlight').forEach(function(codeBlock) { + var button = document.createElement('button'); + button.className = 'copy-code-button'; + button.type = 'button'; + button.innerText = 'Copy'; + + button.addEventListener('click', function() { + clipboard.writeText(codeBlock.innerText).then( + function() { + button.blur(); + + button.innerText = 'Copied!'; + setTimeout(function() { + button.innerText = 'Copy'; + }, 2000); + }, + function(error) { + button.innerText = 'Error'; + console.error(error); + } + ); + }); + + codeBlock.parentNode.insertBefore(button, codeBlock); + }); +} + +if (navigator && navigator.clipboard) { + addCopyButtons(navigator.clipboard); +} else { + var script = document.createElement('script'); + script.src = + 'https://cdnjs.cloudflare.com/ajax/libs/clipboard-polyfill/2.7.0/clipboard-polyfill.promise.js'; + script.integrity = 'sha256-waClS2re9NUbXRsryKoof+F9qc1gjjIhc2eT7ZbIv94='; + script.crossOrigin = 'anonymous'; + + script.onload = function() { + addCopyButtons(clipboard); + }; + + document.body.appendChild(script); +}
\ No newline at end of file |