diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css index eb7fcd8..54e39c8 100644 --- a/agaric/css/agaric.css +++ b/agaric/css/agaric.css @@ -17,7 +17,7 @@ font-weight: 700; font-style: normal; } -/*! bulma.io v0.7.2 | MIT License | github.com/jgthms/bulma */ +/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */ @keyframes spinAround { from { transform: rotate(0deg); } @@ -116,7 +116,7 @@ min-width: 32px; width: 32px; } -.button.is-loading::after, .select.is-loading::after, .control.is-loading::after, .loader { +.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after { animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; @@ -128,15 +128,30 @@ position: relative; width: 1em; } -.is-overlay, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .modal, .modal-background, .hero-video { +.is-overlay, .image.is-square img, +.image.is-square .has-ratio, .image.is-1by1 img, +.image.is-1by1 .has-ratio, .image.is-5by4 img, +.image.is-5by4 .has-ratio, .image.is-4by3 img, +.image.is-4by3 .has-ratio, .image.is-3by2 img, +.image.is-3by2 .has-ratio, .image.is-5by3 img, +.image.is-5by3 .has-ratio, .image.is-16by9 img, +.image.is-16by9 .has-ratio, .image.is-2by1 img, +.image.is-2by1 .has-ratio, .image.is-3by1 img, +.image.is-3by1 .has-ratio, .image.is-4by5 img, +.image.is-4by5 .has-ratio, .image.is-3by4 img, +.image.is-3by4 .has-ratio, .image.is-2by3 img, +.image.is-2by3 .has-ratio, .image.is-3by5 img, +.image.is-3by5 .has-ratio, .image.is-9by16 img, +.image.is-9by16 .has-ratio, .image.is-1by2 img, +.image.is-1by2 .has-ratio, .image.is-1by3 img, +.image.is-1by3 .has-ratio, .modal, .modal-background, .hero-video { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } -.button, .input, -.textarea, .select select, .file-cta, +.button, .input, .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, @@ -158,37 +173,43 @@ padding-top: calc(0.375em - 1px); position: relative; vertical-align: top; } - .button:focus, .input:focus, - .textarea:focus, .select select:focus, .file-cta:focus, + .button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, .file-name:focus, .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, - .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, - .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, + .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, .is-focused.file-name, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, - .is-focused.pagination-ellipsis, .button:active, .input:active, - .textarea:active, .select select:active, .file-cta:active, + .is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, .file-name:active, .pagination-previous:active, .pagination-next:active, .pagination-link:active, - .pagination-ellipsis:active, .is-active.button, .is-active.input, - .is-active.textarea, .select select.is-active, .is-active.file-cta, + .pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, .is-active.file-name, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis { outline: none; } - .button[disabled], .input[disabled], - .textarea[disabled], .select select[disabled], .file-cta[disabled], + .button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled], .file-name[disabled], .pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled], - .pagination-ellipsis[disabled] { + .pagination-ellipsis[disabled], + fieldset[disabled] .button, + fieldset[disabled] .input, + fieldset[disabled] .textarea, + fieldset[disabled] .select select, + .select fieldset[disabled] select, + fieldset[disabled] .file-cta, + fieldset[disabled] .file-name, + fieldset[disabled] .pagination-previous, + fieldset[disabled] .pagination-next, + fieldset[disabled] .pagination-link, + fieldset[disabled] .pagination-ellipsis { cursor: not-allowed; } -/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ +/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */ html, body, p, @@ -240,11 +261,16 @@ html { box-sizing: inherit; } img, -audio, +embed, +iframe, +object, video { height: auto; max-width: 100%; } +audio { + max-width: 100%; } + iframe { border: 0; } @@ -254,8 +280,10 @@ table { td, th { - padding: 0; - text-align: left; } + padding: 0; } + td:not([align]), + th:not([align]) { + text-align: left; } html { background-color: #FFFFFF; @@ -292,7 +320,7 @@ pre { body { color: #0D1E34; - font-size: 1rem; + font-size: 1em; font-weight: 400; line-height: 1.5; } @@ -338,6 +366,9 @@ strong { color: #0D1E34; font-weight: 700; } +fieldset { + border: none; } + pre { -webkit-overflow-scrolling: touch; background-color: #FFFFFF; @@ -355,8 +386,10 @@ pre { table td, table th { - text-align: left; vertical-align: top; } + table td:not([align]), + table th:not([align]) { + text-align: left; } table th { color: #0D1E34; } @@ -810,12 +843,30 @@ a.has-text-danger:hover, a.has-text-danger:focus { .has-text-weight-normal { font-weight: 400 !important; } +.has-text-weight-medium { + font-weight: 400 !important; } + .has-text-weight-semibold { font-weight: 700 !important; } .has-text-weight-bold { font-weight: 700 !important; } +.is-family-primary { + font-family: "Poppins", "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important; } + +.is-family-secondary { + font-family: "Poppins", "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important; } + +.is-family-sans-serif { + font-family: "Poppins", "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important; } + +.is-family-monospace { + font-family: "Anonymous Pro", "Andale Mono", AndaleMono, monospace !important; } + +.is-family-code { + font-family: "Anonymous Pro", "Andale Mono", AndaleMono, monospace !important; } + .is-block { display: block !important; } @@ -1111,6 +1162,9 @@ a.has-text-danger:hover, a.has-text-danger:focus { .is-shadowless { box-shadow: none !important; } +.is-relative { + position: relative !important; } + .box { background-color: #FFFFFF; border-radius: 0; @@ -1174,7 +1228,8 @@ a.box:active { .button.is-text:active, .button.is-text.is-active { background-color: #f2f2f2; color: #0D1E34; } - .button.is-text[disabled] { + .button.is-text[disabled], + fieldset[disabled] .button.is-text { background-color: transparent; border-color: transparent; box-shadow: none; } @@ -1195,16 +1250,18 @@ a.box:active { background-color: #f2f2f2; border-color: transparent; color: #0a0a0a; } - .button.is-white[disabled] { + .button.is-white[disabled], + fieldset[disabled] .button.is-white { background-color: #FFFFFF; border-color: transparent; box-shadow: none; } .button.is-white.is-inverted { background-color: #0a0a0a; color: #FFFFFF; } - .button.is-white.is-inverted:hover { + .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { background-color: black; } - .button.is-white.is-inverted[disabled] { + .button.is-white.is-inverted[disabled], + fieldset[disabled] .button.is-white.is-inverted { background-color: #0a0a0a; border-color: transparent; box-shadow: none; @@ -1215,13 +1272,16 @@ a.box:active { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } - .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus { + .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused { background-color: #FFFFFF; border-color: #FFFFFF; color: #0a0a0a; } .button.is-white.is-outlined.is-loading::after { border-color: transparent transparent #FFFFFF #FFFFFF !important; } - .button.is-white.is-outlined[disabled] { + .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; } + .button.is-white.is-outlined[disabled], + fieldset[disabled] .button.is-white.is-outlined { background-color: transparent; border-color: #FFFFFF; box-shadow: none; @@ -1230,10 +1290,13 @@ a.box:active { background-color: transparent; border-color: #0a0a0a; color: #0a0a0a; } - .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { + .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused { background-color: #0a0a0a; color: #FFFFFF; } - .button.is-white.is-inverted.is-outlined[disabled] { + .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #FFFFFF #FFFFFF !important; } + .button.is-white.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: #0a0a0a; box-shadow: none; @@ -1255,16 +1318,18 @@ a.box:active { background-color: black; border-color: transparent; color: #FFFFFF; } - .button.is-black[disabled] { + .button.is-black[disabled], + fieldset[disabled] .button.is-black { background-color: #0a0a0a; border-color: transparent; box-shadow: none; } .button.is-black.is-inverted { background-color: #FFFFFF; color: #0a0a0a; } - .button.is-black.is-inverted:hover { + .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { background-color: #f2f2f2; } - .button.is-black.is-inverted[disabled] { + .button.is-black.is-inverted[disabled], + fieldset[disabled] .button.is-black.is-inverted { background-color: #FFFFFF; border-color: transparent; box-shadow: none; @@ -1275,13 +1340,16 @@ a.box:active { background-color: transparent; border-color: #0a0a0a; color: #0a0a0a; } - .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus { + .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused { background-color: #0a0a0a; border-color: #0a0a0a; color: #FFFFFF; } .button.is-black.is-outlined.is-loading::after { border-color: transparent transparent #0a0a0a #0a0a0a !important; } - .button.is-black.is-outlined[disabled] { + .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #FFFFFF #FFFFFF !important; } + .button.is-black.is-outlined[disabled], + fieldset[disabled] .button.is-black.is-outlined { background-color: transparent; border-color: #0a0a0a; box-shadow: none; @@ -1290,10 +1358,13 @@ a.box:active { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } - .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { + .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused { background-color: #FFFFFF; color: #0a0a0a; } - .button.is-black.is-inverted.is-outlined[disabled] { + .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; } + .button.is-black.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: #FFFFFF; box-shadow: none; @@ -1315,16 +1386,18 @@ a.box:active { background-color: #f2f2f2; border-color: transparent; color: #0D1E34; } - .button.is-light[disabled] { + .button.is-light[disabled], + fieldset[disabled] .button.is-light { background-color: #FFFFFF; border-color: transparent; box-shadow: none; } .button.is-light.is-inverted { background-color: #0D1E34; color: #FFFFFF; } - .button.is-light.is-inverted:hover { + .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { background-color: #081220; } - .button.is-light.is-inverted[disabled] { + .button.is-light.is-inverted[disabled], + fieldset[disabled] .button.is-light.is-inverted { background-color: #0D1E34; border-color: transparent; box-shadow: none; @@ -1335,13 +1408,16 @@ a.box:active { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } - .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus { + .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused { background-color: #FFFFFF; border-color: #FFFFFF; color: #0D1E34; } .button.is-light.is-outlined.is-loading::after { border-color: transparent transparent #FFFFFF #FFFFFF !important; } - .button.is-light.is-outlined[disabled] { + .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #0D1E34 #0D1E34 !important; } + .button.is-light.is-outlined[disabled], + fieldset[disabled] .button.is-light.is-outlined { background-color: transparent; border-color: #FFFFFF; box-shadow: none; @@ -1350,10 +1426,13 @@ a.box:active { background-color: transparent; border-color: #0D1E34; color: #0D1E34; } - .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { + .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused { background-color: #0D1E34; color: #FFFFFF; } - .button.is-light.is-inverted.is-outlined[disabled] { + .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #FFFFFF #FFFFFF !important; } + .button.is-light.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: #0D1E34; box-shadow: none; @@ -1375,16 +1454,18 @@ a.box:active { background-color: #081220; border-color: transparent; color: #FFFFFF; } - .button.is-dark[disabled] { + .button.is-dark[disabled], + fieldset[disabled] .button.is-dark { background-color: #0D1E34; border-color: transparent; box-shadow: none; } .button.is-dark.is-inverted { background-color: #FFFFFF; color: #0D1E34; } - .button.is-dark.is-inverted:hover { + .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { background-color: #f2f2f2; } - .button.is-dark.is-inverted[disabled] { + .button.is-dark.is-inverted[disabled], + fieldset[disabled] .button.is-dark.is-inverted { background-color: #FFFFFF; border-color: transparent; box-shadow: none; @@ -1395,13 +1476,16 @@ a.box:active { background-color: transparent; border-color: #0D1E34; color: #0D1E34; } - .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus { + .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused { background-color: #0D1E34; border-color: #0D1E34; color: #FFFFFF; } .button.is-dark.is-outlined.is-loading::after { border-color: transparent transparent #0D1E34 #0D1E34 !important; } - .button.is-dark.is-outlined[disabled] { + .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #FFFFFF #FFFFFF !important; } + .button.is-dark.is-outlined[disabled], + fieldset[disabled] .button.is-dark.is-outlined { background-color: transparent; border-color: #0D1E34; box-shadow: none; @@ -1410,10 +1494,13 @@ a.box:active { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } - .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { + .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused { background-color: #FFFFFF; color: #0D1E34; } - .button.is-dark.is-inverted.is-outlined[disabled] { + .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #0D1E34 #0D1E34 !important; } + .button.is-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: #FFFFFF; box-shadow: none; @@ -1435,16 +1522,18 @@ a.box:active { background-color: #214d87; border-color: transparent; color: #FFFFFF; } - .button.is-primary[disabled] { + .button.is-primary[disabled], + fieldset[disabled] .button.is-primary { background-color: #26599B; border-color: transparent; box-shadow: none; } .button.is-primary.is-inverted { background-color: #FFFFFF; color: #26599B; } - .button.is-primary.is-inverted:hover { + .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { background-color: #f2f2f2; } - .button.is-primary.is-inverted[disabled] { + .button.is-primary.is-inverted[disabled], + fieldset[disabled] .button.is-primary.is-inverted { background-color: #FFFFFF; border-color: transparent; box-shadow: none; @@ -1455,13 +1544,16 @@ a.box:active { background-color: transparent; border-color: #26599B; color: #26599B; } - .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { + .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused { background-color: #26599B; border-color: #26599B; color: #FFFFFF; } .button.is-primary.is-outlined.is-loading::after { border-color: transparent transparent #26599B #26599B !important; } - .button.is-primary.is-outlined[disabled] { + .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #FFFFFF #FFFFFF !important; } + .button.is-primary.is-outlined[disabled], + fieldset[disabled] .button.is-primary.is-outlined { background-color: transparent; border-color: #26599B; box-shadow: none; @@ -1470,10 +1562,13 @@ a.box:active { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } - .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { + .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { background-color: #FFFFFF; color: #26599B; } - .button.is-primary.is-inverted.is-outlined[disabled] { + .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #26599B #26599B !important; } + .button.is-primary.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: #FFFFFF; box-shadow: none; @@ -1495,16 +1590,18 @@ a.box:active { background-color: #214d87; border-color: transparent; color: #FFFFFF; } - .button.is-link[disabled] { + .button.is-link[disabled], + fieldset[disabled] .button.is-link { background-color: #26599B; border-color: transparent; box-shadow: none; } .button.is-link.is-inverted { background-color: #FFFFFF; color: #26599B; } - .button.is-link.is-inverted:hover { + .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { background-color: #f2f2f2; } - .button.is-link.is-inverted[disabled] { + .button.is-link.is-inverted[disabled], + fieldset[disabled] .button.is-link.is-inverted { background-color: #FFFFFF; border-color: transparent; box-shadow: none; @@ -1515,13 +1612,16 @@ a.box:active { background-color: transparent; border-color: #26599B; color: #26599B; } - .button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus { + .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused { background-color: #26599B; border-color: #26599B; color: #FFFFFF; } .button.is-link.is-outlined.is-loading::after { border-color: transparent transparent #26599B #26599B !important; } - .button.is-link.is-outlined[disabled] { + .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #FFFFFF #FFFFFF !important; } + .button.is-link.is-outlined[disabled], + fieldset[disabled] .button.is-link.is-outlined { background-color: transparent; border-color: #26599B; box-shadow: none; @@ -1530,10 +1630,13 @@ a.box:active { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } - .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus { + .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused { background-color: #FFFFFF; color: #26599B; } - .button.is-link.is-inverted.is-outlined[disabled] { + .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #26599B #26599B !important; } + .button.is-link.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-link.is-inverted.is-outlined { background-color: transparent; border-color: #FFFFFF; box-shadow: none; @@ -1555,16 +1658,18 @@ a.box:active { background-color: #214d87; border-color: transparent; color: #FFFFFF; } - .button.is-info[disabled] { + .button.is-info[disabled], + fieldset[disabled] .button.is-info { background-color: #26599B; border-color: transparent; box-shadow: none; } .button.is-info.is-inverted { background-color: #FFFFFF; color: #26599B; } - .button.is-info.is-inverted:hover { + .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { background-color: #f2f2f2; } - .button.is-info.is-inverted[disabled] { + .button.is-info.is-inverted[disabled], + fieldset[disabled] .button.is-info.is-inverted { background-color: #FFFFFF; border-color: transparent; box-shadow: none; @@ -1575,13 +1680,16 @@ a.box:active { background-color: transparent; border-color: #26599B; color: #26599B; } - .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { + .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused { background-color: #26599B; border-color: #26599B; color: #FFFFFF; } .button.is-info.is-outlined.is-loading::after { border-color: transparent transparent #26599B #26599B !important; } - .button.is-info.is-outlined[disabled] { + .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #FFFFFF #FFFFFF !important; } + .button.is-info.is-outlined[disabled], + fieldset[disabled] .button.is-info.is-outlined { background-color: transparent; border-color: #26599B; box-shadow: none; @@ -1590,10 +1698,13 @@ a.box:active { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } - .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { + .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused { background-color: #FFFFFF; color: #26599B; } - .button.is-info.is-inverted.is-outlined[disabled] { + .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #26599B #26599B !important; } + .button.is-info.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: #FFFFFF; box-shadow: none; @@ -1615,16 +1726,18 @@ a.box:active { background-color: #37a28f; border-color: transparent; color: #FFFFFF; } - .button.is-success[disabled] { + .button.is-success[disabled], + fieldset[disabled] .button.is-success { background-color: #3DB5A0; border-color: transparent; box-shadow: none; } .button.is-success.is-inverted { background-color: #FFFFFF; color: #3DB5A0; } - .button.is-success.is-inverted:hover { + .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { background-color: #f2f2f2; } - .button.is-success.is-inverted[disabled] { + .button.is-success.is-inverted[disabled], + fieldset[disabled] .button.is-success.is-inverted { background-color: #FFFFFF; border-color: transparent; box-shadow: none; @@ -1635,13 +1748,16 @@ a.box:active { background-color: transparent; border-color: #3DB5A0; color: #3DB5A0; } - .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { + .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused { background-color: #3DB5A0; border-color: #3DB5A0; color: #FFFFFF; } .button.is-success.is-outlined.is-loading::after { border-color: transparent transparent #3DB5A0 #3DB5A0 !important; } - .button.is-success.is-outlined[disabled] { + .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #FFFFFF #FFFFFF !important; } + .button.is-success.is-outlined[disabled], + fieldset[disabled] .button.is-success.is-outlined { background-color: transparent; border-color: #3DB5A0; box-shadow: none; @@ -1650,10 +1766,13 @@ a.box:active { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } - .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { + .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused { background-color: #FFFFFF; color: #3DB5A0; } - .button.is-success.is-inverted.is-outlined[disabled] { + .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #3DB5A0 #3DB5A0 !important; } + .button.is-success.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: #FFFFFF; box-shadow: none; @@ -1675,16 +1794,18 @@ a.box:active { background-color: #b4ac16; border-color: transparent; color: #FFFFFF; } - .button.is-warning[disabled] { + .button.is-warning[disabled], + fieldset[disabled] .button.is-warning { background-color: #CBC219; border-color: transparent; box-shadow: none; } .button.is-warning.is-inverted { background-color: #FFFFFF; color: #CBC219; } - .button.is-warning.is-inverted:hover { + .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { background-color: #f2f2f2; } - .button.is-warning.is-inverted[disabled] { + .button.is-warning.is-inverted[disabled], + fieldset[disabled] .button.is-warning.is-inverted { background-color: #FFFFFF; border-color: transparent; box-shadow: none; @@ -1695,13 +1816,16 @@ a.box:active { background-color: transparent; border-color: #CBC219; color: #CBC219; } - .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus { + .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused { background-color: #CBC219; border-color: #CBC219; color: #FFFFFF; } .button.is-warning.is-outlined.is-loading::after { border-color: transparent transparent #CBC219 #CBC219 !important; } - .button.is-warning.is-outlined[disabled] { + .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #FFFFFF #FFFFFF !important; } + .button.is-warning.is-outlined[disabled], + fieldset[disabled] .button.is-warning.is-outlined { background-color: transparent; border-color: #CBC219; box-shadow: none; @@ -1710,10 +1834,13 @@ a.box:active { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } - .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { + .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused { background-color: #FFFFFF; color: #CBC219; } - .button.is-warning.is-inverted.is-outlined[disabled] { + .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #CBC219 #CBC219 !important; } + .button.is-warning.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-warning.is-inverted.is-outlined { background-color: transparent; border-color: #FFFFFF; box-shadow: none; @@ -1735,16 +1862,18 @@ a.box:active { background-color: #c94722; border-color: transparent; color: #FFFFFF; } - .button.is-danger[disabled] { + .button.is-danger[disabled], + fieldset[disabled] .button.is-danger { background-color: #DB512A; border-color: transparent; box-shadow: none; } .button.is-danger.is-inverted { background-color: #FFFFFF; color: #DB512A; } - .button.is-danger.is-inverted:hover { + .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { background-color: #f2f2f2; } - .button.is-danger.is-inverted[disabled] { + .button.is-danger.is-inverted[disabled], + fieldset[disabled] .button.is-danger.is-inverted { background-color: #FFFFFF; border-color: transparent; box-shadow: none; @@ -1755,13 +1884,16 @@ a.box:active { background-color: transparent; border-color: #DB512A; color: #DB512A; } - .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { + .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused { background-color: #DB512A; border-color: #DB512A; color: #FFFFFF; } .button.is-danger.is-outlined.is-loading::after { border-color: transparent transparent #DB512A #DB512A !important; } - .button.is-danger.is-outlined[disabled] { + .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #FFFFFF #FFFFFF !important; } + .button.is-danger.is-outlined[disabled], + fieldset[disabled] .button.is-danger.is-outlined { background-color: transparent; border-color: #DB512A; box-shadow: none; @@ -1770,10 +1902,13 @@ a.box:active { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF; } - .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { + .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused { background-color: #FFFFFF; color: #DB512A; } - .button.is-danger.is-inverted.is-outlined[disabled] { + .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #DB512A #DB512A !important; } + .button.is-danger.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: #FFFFFF; box-shadow: none; @@ -1781,11 +1916,14 @@ a.box:active { .button.is-small { border-radius: 0; font-size: 0.63rem; } + .button.is-normal { + font-size: 0.88rem; } .button.is-medium { font-size: 1.25rem; } .button.is-large { font-size: 1.75rem; } - .button[disabled] { + .button[disabled], + fieldset[disabled] .button { background-color: #FFFFFF; border-color: #dbdbdb; box-shadow: none; @@ -1825,6 +1963,13 @@ a.box:active { margin-bottom: -0.5rem; } .buttons:not(:last-child) { margin-bottom: 1rem; } + .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { + border-radius: 0; + font-size: 0.63rem; } + .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { + font-size: 1.25rem; } + .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { + font-size: 1.75rem; } .buttons.has-addons .button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } @@ -1841,40 +1986,43 @@ a.box:active { .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { z-index: 4; } .buttons.has-addons .button.is-expanded { - flex-grow: 1; } + flex-grow: 1; + flex-shrink: 1; } .buttons.is-centered { justify-content: center; } + .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; } .buttons.is-right { justify-content: flex-end; } + .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; } .container { + flex-grow: 1; margin: 0 auto; - position: relative; } + position: relative; + width: auto; } @media screen and (min-width: 1024px) { .container { - max-width: 960px; - width: 960px; } + max-width: 960px; } .container.is-fluid { margin-left: 32px; margin-right: 32px; - max-width: none; - width: auto; } } + max-width: none; } } @media screen and (max-width: 1215px) { .container.is-widescreen { - max-width: 1152px; - width: auto; } } + max-width: 1152px; } } @media screen and (max-width: 1407px) { .container.is-fullhd { - max-width: 1344px; - width: auto; } } + max-width: 1344px; } } @media screen and (min-width: 1216px) { .container { - max-width: 1152px; - width: 1152px; } } + max-width: 1152px; } } @media screen and (min-width: 1408px) { .container { - max-width: 1344px; - width: 1344px; } } + max-width: 1344px; } } .content li + li { margin-top: 0.25em; } @@ -1994,8 +2142,9 @@ a.box:active { padding: 0.5em 0.75em; vertical-align: top; } .content table th { - color: #0D1E34; - text-align: left; } + color: #0D1E34; } + .content table th:not([align]) { + text-align: left; } .content table thead td, .content table thead th { border-width: 0 0 2px; @@ -2008,6 +2157,9 @@ a.box:active { .content table tbody tr:last-child th { border-bottom-width: 0; } +.content .tabs li + li { + margin-top: 0; } + .content.is-small { font-size: 0.63rem; } @@ -2017,164 +2169,749 @@ a.box:active { .content.is-large { font-size: 1.75rem; } -.input, -.textarea { +.icon { + align-items: center; + display: inline-flex; + justify-content: center; + height: 1.5rem; + width: 1.5rem; } + .icon.is-small { + height: 1rem; + width: 1rem; } + .icon.is-medium { + height: 2rem; + width: 2rem; } + .icon.is-large { + height: 3rem; + width: 3rem; } + +.image { + display: block; + position: relative; } + .image img { + display: block; + height: auto; + width: 100%; } + .image img.is-rounded { + border-radius: 290486px; } + .image.is-square img, + .image.is-square .has-ratio, .image.is-1by1 img, + .image.is-1by1 .has-ratio, .image.is-5by4 img, + .image.is-5by4 .has-ratio, .image.is-4by3 img, + .image.is-4by3 .has-ratio, .image.is-3by2 img, + .image.is-3by2 .has-ratio, .image.is-5by3 img, + .image.is-5by3 .has-ratio, .image.is-16by9 img, + .image.is-16by9 .has-ratio, .image.is-2by1 img, + .image.is-2by1 .has-ratio, .image.is-3by1 img, + .image.is-3by1 .has-ratio, .image.is-4by5 img, + .image.is-4by5 .has-ratio, .image.is-3by4 img, + .image.is-3by4 .has-ratio, .image.is-2by3 img, + .image.is-2by3 .has-ratio, .image.is-3by5 img, + .image.is-3by5 .has-ratio, .image.is-9by16 img, + .image.is-9by16 .has-ratio, .image.is-1by2 img, + .image.is-1by2 .has-ratio, .image.is-1by3 img, + .image.is-1by3 .has-ratio { + height: 100%; + width: 100%; } + .image.is-square, .image.is-1by1 { + padding-top: 100%; } + .image.is-5by4 { + padding-top: 80%; } + .image.is-4by3 { + padding-top: 75%; } + .image.is-3by2 { + padding-top: 66.6666%; } + .image.is-5by3 { + padding-top: 60%; } + .image.is-16by9 { + padding-top: 56.25%; } + .image.is-2by1 { + padding-top: 50%; } + .image.is-3by1 { + padding-top: 33.3333%; } + .image.is-4by5 { + padding-top: 125%; } + .image.is-3by4 { + padding-top: 133.3333%; } + .image.is-2by3 { + padding-top: 150%; } + .image.is-3by5 { + padding-top: 166.6666%; } + .image.is-9by16 { + padding-top: 177.7777%; } + .image.is-1by2 { + padding-top: 200%; } + .image.is-1by3 { + padding-top: 300%; } + .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: #FFFFFF; + border-radius: 0; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative; } + .notification a:not(.button):not(.dropdown-item) { + color: currentColor; + text-decoration: underline; } + .notification strong { + color: currentColor; } + .notification code, + .notification pre { + background: #FFFFFF; } + .notification pre code { + background: transparent; } + .notification > .delete { + position: absolute; + right: 0.5rem; + top: 0.5rem; } + .notification .title, + .notification .subtitle, + .notification .content { + color: currentColor; } + .notification.is-white { + background-color: #FFFFFF; + color: #0a0a0a; } + .notification.is-black { + background-color: #0a0a0a; + color: #FFFFFF; } + .notification.is-light { + background-color: #FFFFFF; + color: #0D1E34; } + .notification.is-dark { + background-color: #0D1E34; + color: #FFFFFF; } + .notification.is-primary { + background-color: #26599B; + color: #FFFFFF; } + .notification.is-link { + background-color: #26599B; + color: #FFFFFF; } + .notification.is-info { + background-color: #26599B; + color: #FFFFFF; } + .notification.is-success { + background-color: #3DB5A0; + color: #FFFFFF; } + .notification.is-warning { + background-color: #CBC219; + color: #FFFFFF; } + .notification.is-danger { + background-color: #DB512A; + color: #FFFFFF; } + +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 290486px; + display: block; + height: 0.88rem; + overflow: hidden; + padding: 0; + width: 100%; } + .progress::-webkit-progress-bar { + background-color: #E4E5E7; } + .progress::-webkit-progress-value { + background-color: #0D1E34; } + .progress::-moz-progress-bar { + background-color: #0D1E34; } + .progress::-ms-fill { + background-color: #0D1E34; + border: none; } + .progress.is-white::-webkit-progress-value { + background-color: #FFFFFF; } + .progress.is-white::-moz-progress-bar { + background-color: #FFFFFF; } + .progress.is-white::-ms-fill { + background-color: #FFFFFF; } + .progress.is-white:indeterminate { + background-image: linear-gradient(to right, #FFFFFF 30%, #E4E5E7 30%); } + .progress.is-black::-webkit-progress-value { + background-color: #0a0a0a; } + .progress.is-black::-moz-progress-bar { + background-color: #0a0a0a; } + .progress.is-black::-ms-fill { + background-color: #0a0a0a; } + .progress.is-black:indeterminate { + background-image: linear-gradient(to right, #0a0a0a 30%, #E4E5E7 30%); } + .progress.is-light::-webkit-progress-value { + background-color: #FFFFFF; } + .progress.is-light::-moz-progress-bar { + background-color: #FFFFFF; } + .progress.is-light::-ms-fill { + background-color: #FFFFFF; } + .progress.is-light:indeterminate { + background-image: linear-gradient(to right, #FFFFFF 30%, #E4E5E7 30%); } + .progress.is-dark::-webkit-progress-value { + background-color: #0D1E34; } + .progress.is-dark::-moz-progress-bar { + background-color: #0D1E34; } + .progress.is-dark::-ms-fill { + background-color: #0D1E34; } + .progress.is-dark:indeterminate { + background-image: linear-gradient(to right, #0D1E34 30%, #E4E5E7 30%); } + .progress.is-primary::-webkit-progress-value { + background-color: #26599B; } + .progress.is-primary::-moz-progress-bar { + background-color: #26599B; } + .progress.is-primary::-ms-fill { + background-color: #26599B; } + .progress.is-primary:indeterminate { + background-image: linear-gradient(to right, #26599B 30%, #E4E5E7 30%); } + .progress.is-link::-webkit-progress-value { + background-color: #26599B; } + .progress.is-link::-moz-progress-bar { + background-color: #26599B; } + .progress.is-link::-ms-fill { + background-color: #26599B; } + .progress.is-link:indeterminate { + background-image: linear-gradient(to right, #26599B 30%, #E4E5E7 30%); } + .progress.is-info::-webkit-progress-value { + background-color: #26599B; } + .progress.is-info::-moz-progress-bar { + background-color: #26599B; } + .progress.is-info::-ms-fill { + background-color: #26599B; } + .progress.is-info:indeterminate { + background-image: linear-gradient(to right, #26599B 30%, #E4E5E7 30%); } + .progress.is-success::-webkit-progress-value { + background-color: #3DB5A0; } + .progress.is-success::-moz-progress-bar { + background-color: #3DB5A0; } + .progress.is-success::-ms-fill { + background-color: #3DB5A0; } + .progress.is-success:indeterminate { + background-image: linear-gradient(to right, #3DB5A0 30%, #E4E5E7 30%); } + .progress.is-warning::-webkit-progress-value { + background-color: #CBC219; } + .progress.is-warning::-moz-progress-bar { + background-color: #CBC219; } + .progress.is-warning::-ms-fill { + background-color: #CBC219; } + .progress.is-warning:indeterminate { + background-image: linear-gradient(to right, #CBC219 30%, #E4E5E7 30%); } + .progress.is-danger::-webkit-progress-value { + background-color: #DB512A; } + .progress.is-danger::-moz-progress-bar { + background-color: #DB512A; } + .progress.is-danger::-ms-fill { + background-color: #DB512A; } + .progress.is-danger:indeterminate { + background-image: linear-gradient(to right, #DB512A 30%, #E4E5E7 30%); } + .progress:indeterminate { + animation-duration: 1.5s; + animation-iteration-count: infinite; + animation-name: moveIndeterminate; + animation-timing-function: linear; + background-color: #E4E5E7; + background-image: linear-gradient(to right, #0D1E34 30%, #E4E5E7 30%); + background-position: top left; + background-repeat: no-repeat; + background-size: 150% 150%; } + .progress:indeterminate::-webkit-progress-bar { + background-color: transparent; } + .progress:indeterminate::-moz-progress-bar { + background-color: transparent; } + .progress.is-small { + height: 0.63rem; } + .progress.is-medium { + height: 1.25rem; } + .progress.is-large { + height: 1.75rem; } + +@keyframes moveIndeterminate { + from { + background-position: 200% 0; } + to { + background-position: -200% 0; } } + +.table { + background-color: #FFFFFF; + color: #363636; } + .table td, + .table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; } + .table td.is-white, + .table th.is-white { + background-color: #FFFFFF; + border-color: #FFFFFF; + color: #0a0a0a; } + .table td.is-black, + .table th.is-black { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: #FFFFFF; } + .table td.is-light, + .table th.is-light { + background-color: #FFFFFF; + border-color: #FFFFFF; + color: #0D1E34; } + .table td.is-dark, + .table th.is-dark { + background-color: #0D1E34; + border-color: #0D1E34; + color: #FFFFFF; } + .table td.is-primary, + .table th.is-primary { + background-color: #26599B; + border-color: #26599B; + color: #FFFFFF; } + .table td.is-link, + .table th.is-link { + background-color: #26599B; + border-color: #26599B; + color: #FFFFFF; } + .table td.is-info, + .table th.is-info { + background-color: #26599B; + border-color: #26599B; + color: #FFFFFF; } + .table td.is-success, + .table th.is-success { + background-color: #3DB5A0; + border-color: #3DB5A0; + color: #FFFFFF; } + .table td.is-warning, + .table th.is-warning { + background-color: #CBC219; + border-color: #CBC219; + color: #FFFFFF; } + .table td.is-danger, + .table th.is-danger { + background-color: #DB512A; + border-color: #DB512A; + color: #FFFFFF; } + .table td.is-narrow, + .table th.is-narrow { + white-space: nowrap; + width: 1%; } + .table td.is-selected, + .table th.is-selected { + background-color: #26599B; + color: #FFFFFF; } + .table td.is-selected a, + .table td.is-selected strong, + .table th.is-selected a, + .table th.is-selected strong { + color: currentColor; } + .table th { + color: #0D1E34; } + .table th:not([align]) { + text-align: left; } + .table tr.is-selected { + background-color: #26599B; + color: #FFFFFF; } + .table tr.is-selected a, + .table tr.is-selected strong { + color: currentColor; } + .table tr.is-selected td, + .table tr.is-selected th { + border-color: #FFFFFF; + color: currentColor; } + .table thead { + background-color: transparent; } + .table thead td, + .table thead th { + border-width: 0 0 2px; + color: #0D1E34; } + .table tfoot { + background-color: transparent; } + .table tfoot td, + .table tfoot th { + border-width: 2px 0 0; + color: #0D1E34; } + .table tbody { + background-color: transparent; } + .table tbody tr:last-child td, + .table tbody tr:last-child th { + border-bottom-width: 0; } + .table.is-bordered td, + .table.is-bordered th { + border-width: 1px; } + .table.is-bordered tr:last-child td, + .table.is-bordered tr:last-child th { + border-bottom-width: 1px; } + .table.is-fullwidth { + width: 100%; } + .table.is-hoverable tbody tr:not(.is-selected):hover { + background-color: #fafafa; } + .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { + background-color: #fafafa; } + .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { + background-color: whitesmoke; } + .table.is-narrow td, + .table.is-narrow th { + padding: 0.25em 0.5em; } + .table.is-striped tbody tr:not(.is-selected):nth-child(even) { + background-color: #fafafa; } + +.table-container { + -webkit-overflow-scrolling: touch; + overflow: auto; + overflow-y: hidden; + max-width: 100%; } + +.tags { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; } + .tags .tag { + margin-bottom: 0.5rem; } + .tags .tag:not(:last-child) { + margin-right: 0.5rem; } + .tags:last-child { + margin-bottom: -0.5rem; } + .tags:not(:last-child) { + margin-bottom: 1rem; } + .tags.are-medium .tag:not(.is-normal):not(.is-large) { + font-size: 0.88rem; } + .tags.are-large .tag:not(.is-normal):not(.is-medium) { + font-size: 1.25rem; } + .tags.is-centered { + justify-content: center; } + .tags.is-centered .tag { + margin-right: 0.25rem; + margin-left: 0.25rem; } + .tags.is-right { + justify-content: flex-end; } + .tags.is-right .tag:not(:first-child) { + margin-left: 0.5rem; } + .tags.is-right .tag:not(:last-child) { + margin-right: 0; } + .tags.has-addons .tag { + margin-right: 0; } + .tags.has-addons .tag:not(:first-child) { + margin-left: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .tags.has-addons .tag:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + +.tag:not(body) { + align-items: center; + background-color: #FFFFFF; + border-radius: 0; + color: #0D1E34; + display: inline-flex; + font-size: 0.63rem; + height: 2em; + justify-content: center; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; } + .tag:not(body) .delete { + margin-left: 0.25rem; + margin-right: -0.375rem; } + .tag:not(body).is-white { + background-color: #FFFFFF; + color: #0a0a0a; } + .tag:not(body).is-black { + background-color: #0a0a0a; + color: #FFFFFF; } + .tag:not(body).is-light { + background-color: #FFFFFF; + color: #0D1E34; } + .tag:not(body).is-dark { + background-color: #0D1E34; + color: #FFFFFF; } + .tag:not(body).is-primary { + background-color: #26599B; + color: #FFFFFF; } + .tag:not(body).is-link { + background-color: #26599B; + color: #FFFFFF; } + .tag:not(body).is-info { + background-color: #26599B; + color: #FFFFFF; } + .tag:not(body).is-success { + background-color: #3DB5A0; + color: #FFFFFF; } + .tag:not(body).is-warning { + background-color: #CBC219; + color: #FFFFFF; } + .tag:not(body).is-danger { + background-color: #DB512A; + color: #FFFFFF; } + .tag:not(body).is-normal { + font-size: 0.63rem; } + .tag:not(body).is-medium { + font-size: 0.88rem; } + .tag:not(body).is-large { + font-size: 1.25rem; } + .tag:not(body) .icon:first-child:not(:last-child) { + margin-left: -0.375em; + margin-right: 0.1875em; } + .tag:not(body) .icon:last-child:not(:first-child) { + margin-left: 0.1875em; + margin-right: -0.375em; } + .tag:not(body) .icon:first-child:last-child { + margin-left: -0.375em; + margin-right: -0.375em; } + .tag:not(body).is-delete { + margin-left: 1px; + padding: 0; + position: relative; + width: 2em; } + .tag:not(body).is-delete::before, .tag:not(body).is-delete::after { + background-color: currentColor; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } + .tag:not(body).is-delete::before { + height: 1px; + width: 50%; } + .tag:not(body).is-delete::after { + height: 50%; + width: 1px; } + .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { + background-color: #f2f2f2; } + .tag:not(body).is-delete:active { + background-color: #e6e5e5; } + .tag:not(body).is-rounded { + border-radius: 290486px; } + +a.tag:hover { + text-decoration: underline; } + +.title, +.subtitle { + word-break: break-word; } + .title em, + .title span, + .subtitle em, + .subtitle span { + font-weight: inherit; } + .title sub, + .subtitle sub { + font-size: 0.75em; } + .title sup, + .subtitle sup { + font-size: 0.75em; } + .title .tag, + .subtitle .tag { + vertical-align: middle; } + +.title { + color: #363636; + font-size: 2.5rem; + font-weight: 700; + line-height: 1.125; } + .title strong { + color: inherit; + font-weight: inherit; } + .title + .highlight { + margin-top: -0.75rem; } + .title:not(.is-spaced) + .subtitle { + margin-top: -1.25rem; } + .title.is-1 { + font-size: 5.63rem; } + .title.is-2 { + font-size: 3.5rem; } + .title.is-3 { + font-size: 2.5rem; } + .title.is-4 { + font-size: 1.75rem; } + .title.is-5 { + font-size: 1.25rem; } + .title.is-6 { + font-size: 0.88rem; } + .title.is-7 { + font-size: 0.63rem; } + +.subtitle { + color: #4a4a4a; + font-size: 1.25rem; + font-weight: 400; + line-height: 1.25; } + .subtitle strong { + color: #363636; + font-weight: 700; } + .subtitle:not(.is-spaced) + .title { + margin-top: -1.25rem; } + .subtitle.is-1 { + font-size: 5.63rem; } + .subtitle.is-2 { + font-size: 3.5rem; } + .subtitle.is-3 { + font-size: 2.5rem; } + .subtitle.is-4 { + font-size: 1.75rem; } + .subtitle.is-5 { + font-size: 1.25rem; } + .subtitle.is-6 { + font-size: 0.88rem; } + .subtitle.is-7 { + font-size: 0.63rem; } + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; } + +.highlight { + font-weight: 400; + max-width: 100%; + overflow: hidden; + padding: 0; } + .highlight pre { + overflow: auto; + max-width: 100%; } + +.number { + align-items: center; + background-color: #FFFFFF; + border-radius: 290486px; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; } + +.input, .textarea, .select select { background-color: #FFFFFF; border-color: #dbdbdb; - color: #363636; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - max-width: 100%; - width: 100%; } - .input::-moz-placeholder, - .textarea::-moz-placeholder { + border-radius: 0; + color: #363636; } + .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { color: rgba(54, 54, 54, 0.3); } - .input::-webkit-input-placeholder, - .textarea::-webkit-input-placeholder { + .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); } - .input:-moz-placeholder, - .textarea:-moz-placeholder { + .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder { color: rgba(54, 54, 54, 0.3); } - .input:-ms-input-placeholder, - .textarea:-ms-input-placeholder { + .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); } - .input:hover, .input.is-hovered, - .textarea:hover, - .textarea.is-hovered { + .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered { border-color: #b5b5b5; } - .input:focus, .input.is-focused, .input:active, .input.is-active, - .textarea:focus, - .textarea.is-focused, - .textarea:active, - .textarea.is-active { + .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active { border-color: #26599B; box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); } - .input[disabled], - .textarea[disabled] { + .input[disabled], .textarea[disabled], .select select[disabled], + fieldset[disabled] .input, + fieldset[disabled] .textarea, + fieldset[disabled] .select select, + .select fieldset[disabled] select { background-color: #FFFFFF; border-color: #FFFFFF; box-shadow: none; color: #E4E5E7; } - .input[disabled]::-moz-placeholder, - .textarea[disabled]::-moz-placeholder { + .input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder, + fieldset[disabled] .input::-moz-placeholder, + fieldset[disabled] .textarea::-moz-placeholder, + fieldset[disabled] .select select::-moz-placeholder, + .select fieldset[disabled] select::-moz-placeholder { color: rgba(228, 229, 231, 0.3); } - .input[disabled]::-webkit-input-placeholder, - .textarea[disabled]::-webkit-input-placeholder { + .input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, + fieldset[disabled] .input::-webkit-input-placeholder, + fieldset[disabled] .textarea::-webkit-input-placeholder, + fieldset[disabled] .select select::-webkit-input-placeholder, + .select fieldset[disabled] select::-webkit-input-placeholder { color: rgba(228, 229, 231, 0.3); } - .input[disabled]:-moz-placeholder, - .textarea[disabled]:-moz-placeholder { + .input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder, + fieldset[disabled] .input:-moz-placeholder, + fieldset[disabled] .textarea:-moz-placeholder, + fieldset[disabled] .select select:-moz-placeholder, + .select fieldset[disabled] select:-moz-placeholder { color: rgba(228, 229, 231, 0.3); } - .input[disabled]:-ms-input-placeholder, - .textarea[disabled]:-ms-input-placeholder { + .input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, + fieldset[disabled] .input:-ms-input-placeholder, + fieldset[disabled] .textarea:-ms-input-placeholder, + fieldset[disabled] .select select:-ms-input-placeholder, + .select fieldset[disabled] select:-ms-input-placeholder { color: rgba(228, 229, 231, 0.3); } - .input[readonly], - .textarea[readonly] { + +.input, .textarea { + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + max-width: 100%; + width: 100%; } + .input[readonly], .textarea[readonly] { box-shadow: none; } - .input.is-white, - .textarea.is-white { + .is-white.input, .is-white.textarea { border-color: #FFFFFF; } - .input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active, - .textarea.is-white:focus, - .textarea.is-white.is-focused, - .textarea.is-white:active, - .textarea.is-white.is-active { + .is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - .input.is-black, - .textarea.is-black { + .is-black.input, .is-black.textarea { border-color: #0a0a0a; } - .input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active, - .textarea.is-black:focus, - .textarea.is-black.is-focused, - .textarea.is-black:active, - .textarea.is-black.is-active { + .is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - .input.is-light, - .textarea.is-light { + .is-light.input, .is-light.textarea { border-color: #FFFFFF; } - .input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active, - .textarea.is-light:focus, - .textarea.is-light.is-focused, - .textarea.is-light:active, - .textarea.is-light.is-active { + .is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - .input.is-dark, - .textarea.is-dark { + .is-dark.input, .is-dark.textarea { border-color: #0D1E34; } - .input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active, - .textarea.is-dark:focus, - .textarea.is-dark.is-focused, - .textarea.is-dark:active, - .textarea.is-dark.is-active { + .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(13, 30, 52, 0.25); } - .input.is-primary, - .textarea.is-primary { + .is-primary.input, .is-primary.textarea { border-color: #26599B; } - .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active, - .textarea.is-primary:focus, - .textarea.is-primary.is-focused, - .textarea.is-primary:active, - .textarea.is-primary.is-active { + .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); } - .input.is-link, - .textarea.is-link { + .is-link.input, .is-link.textarea { border-color: #26599B; } - .input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active, - .textarea.is-link:focus, - .textarea.is-link.is-focused, - .textarea.is-link:active, - .textarea.is-link.is-active { + .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); } - .input.is-info, - .textarea.is-info { + .is-info.input, .is-info.textarea { border-color: #26599B; } - .input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active, - .textarea.is-info:focus, - .textarea.is-info.is-focused, - .textarea.is-info:active, - .textarea.is-info.is-active { + .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); } - .input.is-success, - .textarea.is-success { + .is-success.input, .is-success.textarea { border-color: #3DB5A0; } - .input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active, - .textarea.is-success:focus, - .textarea.is-success.is-focused, - .textarea.is-success:active, - .textarea.is-success.is-active { + .is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(61, 181, 160, 0.25); } - .input.is-warning, - .textarea.is-warning { + .is-warning.input, .is-warning.textarea { border-color: #CBC219; } - .input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active, - .textarea.is-warning:focus, - .textarea.is-warning.is-focused, - .textarea.is-warning:active, - .textarea.is-warning.is-active { + .is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(203, 194, 25, 0.25); } - .input.is-danger, - .textarea.is-danger { + .is-danger.input, .is-danger.textarea { border-color: #DB512A; } - .input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active, - .textarea.is-danger:focus, - .textarea.is-danger.is-focused, - .textarea.is-danger:active, - .textarea.is-danger.is-active { + .is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(219, 81, 42, 0.25); } - .input.is-small, - .textarea.is-small { + .is-small.input, .is-small.textarea { border-radius: 0; font-size: 0.63rem; } - .input.is-medium, - .textarea.is-medium { + .is-medium.input, .is-medium.textarea { font-size: 1.25rem; } - .input.is-large, - .textarea.is-large { + .is-large.input, .is-large.textarea { font-size: 1.75rem; } - .input.is-fullwidth, - .textarea.is-fullwidth { + .is-fullwidth.input, .is-fullwidth.textarea { display: block; width: 100%; } - .input.is-inline, - .textarea.is-inline { + .is-inline.input, .is-inline.textarea { display: inline; width: auto; } @@ -2204,20 +2941,18 @@ a.box:active { .textarea.has-fixed-size { resize: none; } -.checkbox, -.radio { +.checkbox, .radio { cursor: pointer; display: inline-block; line-height: 1.25; position: relative; } - .checkbox input, - .radio input { + .checkbox input, .radio input { cursor: pointer; } - .checkbox:hover, - .radio:hover { + .checkbox:hover, .radio:hover { color: #363636; } - .checkbox[disabled], - .radio[disabled] { + .checkbox[disabled], .radio[disabled], + fieldset[disabled] .checkbox, + fieldset[disabled] .radio { color: #E4E5E7; cursor: not-allowed; } @@ -2239,43 +2974,15 @@ a.box:active { border-radius: 290486px; padding-left: 1em; } .select select { - background-color: #FFFFFF; - border-color: #dbdbdb; - color: #363636; cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: none; } - .select select::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:hover, .select select.is-hovered { - border-color: #b5b5b5; } - .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { - border-color: #26599B; - box-shadow: 0 0 0 0.125em rgba(38, 89, 155, 0.25); } - .select select[disabled] { - background-color: #FFFFFF; - border-color: #FFFFFF; - box-shadow: none; - color: #E4E5E7; } - .select select[disabled]::-moz-placeholder { - color: rgba(228, 229, 231, 0.3); } - .select select[disabled]::-webkit-input-placeholder { - color: rgba(228, 229, 231, 0.3); } - .select select[disabled]:-moz-placeholder { - color: rgba(228, 229, 231, 0.3); } - .select select[disabled]:-ms-input-placeholder { - color: rgba(228, 229, 231, 0.3); } .select select::-ms-expand { display: none; } - .select select[disabled]:hover { + .select select[disabled]:hover, + fieldset[disabled] .select select:hover { border-color: #FFFFFF; } .select select:not([multiple]) { padding-right: 2.5em; } @@ -2728,14 +3435,14 @@ a.box:active { .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0; } - .field.has-addons .control:first-child .button, - .field.has-addons .control:first-child .input, - .field.has-addons .control:first-child .select select { + .field.has-addons .control:first-child:not(:only-child) .button, + .field.has-addons .control:first-child:not(:only-child) .input, + .field.has-addons .control:first-child:not(:only-child) .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } - .field.has-addons .control:last-child .button, - .field.has-addons .control:last-child .input, - .field.has-addons .control:last-child .select select { + .field.has-addons .control:last-child:not(:only-child) .button, + .field.has-addons .control:last-child:not(:only-child) .input, + .field.has-addons .control:last-child:not(:only-child) .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, @@ -2765,7 +3472,8 @@ a.box:active { .field.has-addons .control .select select:not([disabled]).is-active:hover { z-index: 4; } .field.has-addons .control.is-expanded { - flex-grow: 1; } + flex-grow: 1; + flex-shrink: 1; } .field.has-addons.has-addons-centered { justify-content: center; } .field.has-addons.has-addons-right { @@ -2847,34 +3555,11 @@ a.box:active { margin-right: 0.75rem; } } .control { + box-sizing: border-box; clear: both; font-size: 0.88rem; position: relative; text-align: left; } - .control.has-icon .icon { - color: #dbdbdb; - height: 2.25em; - pointer-events: none; - position: absolute; - top: 0; - width: 2.25em; - z-index: 4; } - .control.has-icon .input:focus + .icon { - color: #E4E5E7; } - .control.has-icon .input.is-small + .icon { - font-size: 0.63rem; } - .control.has-icon .input.is-medium + .icon { - font-size: 1.25rem; } - .control.has-icon .input.is-large + .icon { - font-size: 1.75rem; } - .control.has-icon:not(.has-icon-right) .icon { - left: 0; } - .control.has-icon:not(.has-icon-right) .input { - padding-left: 2.25em; } - .control.has-icon.has-icon-right .icon { - right: 0; } - .control.has-icon.has-icon-right .input { - padding-right: 2.25em; } .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon { @@ -2921,570 +3606,6 @@ a.box:active { .control.is-loading.is-large:after { font-size: 1.75rem; } -.icon { - align-items: center; - display: inline-flex; - justify-content: center; - height: 1.5rem; - width: 1.5rem; } - .icon.is-small { - height: 1rem; - width: 1rem; } - .icon.is-medium { - height: 2rem; - width: 2rem; } - .icon.is-large { - height: 3rem; - width: 3rem; } - -.image { - display: block; - position: relative; } - .image img { - display: block; - height: auto; - width: 100%; } - .image img.is-rounded { - border-radius: 290486px; } - .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img { - height: 100%; - width: 100%; } - .image.is-square, .image.is-1by1 { - padding-top: 100%; } - .image.is-5by4 { - padding-top: 80%; } - .image.is-4by3 { - padding-top: 75%; } - .image.is-3by2 { - padding-top: 66.6666%; } - .image.is-5by3 { - padding-top: 60%; } - .image.is-16by9 { - padding-top: 56.25%; } - .image.is-2by1 { - padding-top: 50%; } - .image.is-3by1 { - padding-top: 33.3333%; } - .image.is-4by5 { - padding-top: 125%; } - .image.is-3by4 { - padding-top: 133.3333%; } - .image.is-2by3 { - padding-top: 150%; } - .image.is-3by5 { - padding-top: 166.6666%; } - .image.is-9by16 { - padding-top: 177.7777%; } - .image.is-1by2 { - padding-top: 200%; } - .image.is-1by3 { - padding-top: 300%; } - .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: #FFFFFF; - border-radius: 0; - padding: 1.25rem 2.5rem 1.25rem 1.5rem; - position: relative; } - .notification a:not(.button):not(.dropdown-item) { - color: currentColor; - text-decoration: underline; } - .notification strong { - color: currentColor; } - .notification code, - .notification pre { - background: #FFFFFF; } - .notification pre code { - background: transparent; } - .notification > .delete { - position: absolute; - right: 0.5rem; - top: 0.5rem; } - .notification .title, - .notification .subtitle, - .notification .content { - color: currentColor; } - .notification.is-white { - background-color: #FFFFFF; - color: #0a0a0a; } - .notification.is-black { - background-color: #0a0a0a; - color: #FFFFFF; } - .notification.is-light { - background-color: #FFFFFF; - color: #0D1E34; } - .notification.is-dark { - background-color: #0D1E34; - color: #FFFFFF; } - .notification.is-primary { - background-color: #26599B; - color: #FFFFFF; } - .notification.is-link { - background-color: #26599B; - color: #FFFFFF; } - .notification.is-info { - background-color: #26599B; - color: #FFFFFF; } - .notification.is-success { - background-color: #3DB5A0; - color: #FFFFFF; } - .notification.is-warning { - background-color: #CBC219; - color: #FFFFFF; } - .notification.is-danger { - background-color: #DB512A; - color: #FFFFFF; } - -.progress { - -moz-appearance: none; - -webkit-appearance: none; - border: none; - border-radius: 290486px; - display: block; - height: 0.88rem; - overflow: hidden; - padding: 0; - width: 100%; } - .progress::-webkit-progress-bar { - background-color: #E4E5E7; } - .progress::-webkit-progress-value { - background-color: #0D1E34; } - .progress::-moz-progress-bar { - background-color: #0D1E34; } - .progress::-ms-fill { - background-color: #0D1E34; - border: none; } - .progress.is-white::-webkit-progress-value { - background-color: #FFFFFF; } - .progress.is-white::-moz-progress-bar { - background-color: #FFFFFF; } - .progress.is-white::-ms-fill { - background-color: #FFFFFF; } - .progress.is-black::-webkit-progress-value { - background-color: #0a0a0a; } - .progress.is-black::-moz-progress-bar { - background-color: #0a0a0a; } - .progress.is-black::-ms-fill { - background-color: #0a0a0a; } - .progress.is-light::-webkit-progress-value { - background-color: #FFFFFF; } - .progress.is-light::-moz-progress-bar { - background-color: #FFFFFF; } - .progress.is-light::-ms-fill { - background-color: #FFFFFF; } - .progress.is-dark::-webkit-progress-value { - background-color: #0D1E34; } - .progress.is-dark::-moz-progress-bar { - background-color: #0D1E34; } - .progress.is-dark::-ms-fill { - background-color: #0D1E34; } - .progress.is-primary::-webkit-progress-value { - background-color: #26599B; } - .progress.is-primary::-moz-progress-bar { - background-color: #26599B; } - .progress.is-primary::-ms-fill { - background-color: #26599B; } - .progress.is-link::-webkit-progress-value { - background-color: #26599B; } - .progress.is-link::-moz-progress-bar { - background-color: #26599B; } - .progress.is-link::-ms-fill { - background-color: #26599B; } - .progress.is-info::-webkit-progress-value { - background-color: #26599B; } - .progress.is-info::-moz-progress-bar { - background-color: #26599B; } - .progress.is-info::-ms-fill { - background-color: #26599B; } - .progress.is-success::-webkit-progress-value { - background-color: #3DB5A0; } - .progress.is-success::-moz-progress-bar { - background-color: #3DB5A0; } - .progress.is-success::-ms-fill { - background-color: #3DB5A0; } - .progress.is-warning::-webkit-progress-value { - background-color: #CBC219; } - .progress.is-warning::-moz-progress-bar { - background-color: #CBC219; } - .progress.is-warning::-ms-fill { - background-color: #CBC219; } - .progress.is-danger::-webkit-progress-value { - background-color: #DB512A; } - .progress.is-danger::-moz-progress-bar { - background-color: #DB512A; } - .progress.is-danger::-ms-fill { - background-color: #DB512A; } - .progress.is-small { - height: 0.63rem; } - .progress.is-medium { - height: 1.25rem; } - .progress.is-large { - height: 1.75rem; } - -.table { - background-color: #FFFFFF; - color: #363636; } - .table td, - .table th { - border: 1px solid #dbdbdb; - border-width: 0 0 1px; - padding: 0.5em 0.75em; - vertical-align: top; } - .table td.is-white, - .table th.is-white { - background-color: #FFFFFF; - border-color: #FFFFFF; - color: #0a0a0a; } - .table td.is-black, - .table th.is-black { - background-color: #0a0a0a; - border-color: #0a0a0a; - color: #FFFFFF; } - .table td.is-light, - .table th.is-light { - background-color: #FFFFFF; - border-color: #FFFFFF; - color: #0D1E34; } - .table td.is-dark, - .table th.is-dark { - background-color: #0D1E34; - border-color: #0D1E34; - color: #FFFFFF; } - .table td.is-primary, - .table th.is-primary { - background-color: #26599B; - border-color: #26599B; - color: #FFFFFF; } - .table td.is-link, - .table th.is-link { - background-color: #26599B; - border-color: #26599B; - color: #FFFFFF; } - .table td.is-info, - .table th.is-info { - background-color: #26599B; - border-color: #26599B; - color: #FFFFFF; } - .table td.is-success, - .table th.is-success { - background-color: #3DB5A0; - border-color: #3DB5A0; - color: #FFFFFF; } - .table td.is-warning, - .table th.is-warning { - background-color: #CBC219; - border-color: #CBC219; - color: #FFFFFF; } - .table td.is-danger, - .table th.is-danger { - background-color: #DB512A; - border-color: #DB512A; - color: #FFFFFF; } - .table td.is-narrow, - .table th.is-narrow { - white-space: nowrap; - width: 1%; } - .table td.is-selected, - .table th.is-selected { - background-color: #26599B; - color: #FFFFFF; } - .table td.is-selected a, - .table td.is-selected strong, - .table th.is-selected a, - .table th.is-selected strong { - color: currentColor; } - .table th { - color: #0D1E34; - text-align: left; } - .table tr.is-selected { - background-color: #26599B; - color: #FFFFFF; } - .table tr.is-selected a, - .table tr.is-selected strong { - color: currentColor; } - .table tr.is-selected td, - .table tr.is-selected th { - border-color: #FFFFFF; - color: currentColor; } - .table thead td, - .table thead th { - border-width: 0 0 2px; - color: #0D1E34; } - .table tfoot td, - .table tfoot th { - border-width: 2px 0 0; - color: #0D1E34; } - .table tbody tr:last-child td, - .table tbody tr:last-child th { - border-bottom-width: 0; } - .table.is-bordered td, - .table.is-bordered th { - border-width: 1px; } - .table.is-bordered tr:last-child td, - .table.is-bordered tr:last-child th { - border-bottom-width: 1px; } - .table.is-fullwidth { - width: 100%; } - .table.is-hoverable tbody tr:not(.is-selected):hover { - background-color: #fafafa; } - .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { - background-color: #fafafa; } - .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { - background-color: whitesmoke; } - .table.is-narrow td, - .table.is-narrow th { - padding: 0.25em 0.5em; } - .table.is-striped tbody tr:not(.is-selected):nth-child(even) { - background-color: #fafafa; } - -.table-container { - -webkit-overflow-scrolling: touch; - overflow: auto; - overflow-y: hidden; - max-width: 100%; } - -.tags { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; } - .tags .tag { - margin-bottom: 0.5rem; } - .tags .tag:not(:last-child) { - margin-right: 0.5rem; } - .tags:last-child { - margin-bottom: -0.5rem; } - .tags:not(:last-child) { - margin-bottom: 1rem; } - .tags.has-addons .tag { - margin-right: 0; } - .tags.has-addons .tag:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .tags.has-addons .tag:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .tags.is-centered { - justify-content: center; } - .tags.is-centered .tag { - margin-right: 0.25rem; - margin-left: 0.25rem; } - .tags.is-right { - justify-content: flex-end; } - .tags.is-right .tag:not(:first-child) { - margin-left: 0.5rem; } - .tags.is-right .tag:not(:last-child) { - margin-right: 0; } - -.tag:not(body) { - align-items: center; - background-color: #FFFFFF; - border-radius: 0; - color: #0D1E34; - display: inline-flex; - font-size: 0.63rem; - height: 2em; - justify-content: center; - line-height: 1.5; - padding-left: 0.75em; - padding-right: 0.75em; - white-space: nowrap; } - .tag:not(body) .delete { - margin-left: 0.25rem; - margin-right: -0.375rem; } - .tag:not(body).is-white { - background-color: #FFFFFF; - color: #0a0a0a; } - .tag:not(body).is-black { - background-color: #0a0a0a; - color: #FFFFFF; } - .tag:not(body).is-light { - background-color: #FFFFFF; - color: #0D1E34; } - .tag:not(body).is-dark { - background-color: #0D1E34; - color: #FFFFFF; } - .tag:not(body).is-primary { - background-color: #26599B; - color: #FFFFFF; } - .tag:not(body).is-link { - background-color: #26599B; - color: #FFFFFF; } - .tag:not(body).is-info { - background-color: #26599B; - color: #FFFFFF; } - .tag:not(body).is-success { - background-color: #3DB5A0; - color: #FFFFFF; } - .tag:not(body).is-warning { - background-color: #CBC219; - color: #FFFFFF; } - .tag:not(body).is-danger { - background-color: #DB512A; - color: #FFFFFF; } - .tag:not(body).is-medium { - font-size: 0.88rem; } - .tag:not(body).is-large { - font-size: 1.25rem; } - .tag:not(body) .icon:first-child:not(:last-child) { - margin-left: -0.375em; - margin-right: 0.1875em; } - .tag:not(body) .icon:last-child:not(:first-child) { - margin-left: 0.1875em; - margin-right: -0.375em; } - .tag:not(body) .icon:first-child:last-child { - margin-left: -0.375em; - margin-right: -0.375em; } - .tag:not(body).is-delete { - margin-left: 1px; - padding: 0; - position: relative; - width: 2em; } - .tag:not(body).is-delete::before, .tag:not(body).is-delete::after { - background-color: currentColor; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; } - .tag:not(body).is-delete::before { - height: 1px; - width: 50%; } - .tag:not(body).is-delete::after { - height: 50%; - width: 1px; } - .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { - background-color: #f2f2f2; } - .tag:not(body).is-delete:active { - background-color: #e6e5e5; } - .tag:not(body).is-rounded { - border-radius: 290486px; } - -a.tag:hover { - text-decoration: underline; } - -.title, -.subtitle { - word-break: break-word; } - .title em, - .title span, - .subtitle em, - .subtitle span { - font-weight: inherit; } - .title sub, - .subtitle sub { - font-size: 0.75em; } - .title sup, - .subtitle sup { - font-size: 0.75em; } - .title .tag, - .subtitle .tag { - vertical-align: middle; } - -.title { - color: #363636; - font-size: 2.5rem; - font-weight: 700; - line-height: 1.125; } - .title strong { - color: inherit; - font-weight: inherit; } - .title + .highlight { - margin-top: -0.75rem; } - .title:not(.is-spaced) + .subtitle { - margin-top: -1.25rem; } - .title.is-1 { - font-size: 5.63rem; } - .title.is-2 { - font-size: 3.5rem; } - .title.is-3 { - font-size: 2.5rem; } - .title.is-4 { - font-size: 1.75rem; } - .title.is-5 { - font-size: 1.25rem; } - .title.is-6 { - font-size: 0.88rem; } - .title.is-7 { - font-size: 0.63rem; } - -.subtitle { - color: #4a4a4a; - font-size: 1.25rem; - font-weight: 400; - line-height: 1.25; } - .subtitle strong { - color: #363636; - font-weight: 700; } - .subtitle:not(.is-spaced) + .title { - margin-top: -1.25rem; } - .subtitle.is-1 { - font-size: 5.63rem; } - .subtitle.is-2 { - font-size: 3.5rem; } - .subtitle.is-3 { - font-size: 2.5rem; } - .subtitle.is-4 { - font-size: 1.75rem; } - .subtitle.is-5 { - font-size: 1.25rem; } - .subtitle.is-6 { - font-size: 0.88rem; } - .subtitle.is-7 { - font-size: 0.63rem; } - -.heading { - display: block; - font-size: 11px; - letter-spacing: 1px; - margin-bottom: 5px; - text-transform: uppercase; } - -.highlight { - font-weight: 400; - max-width: 100%; - overflow: hidden; - padding: 0; } - .highlight pre { - overflow: auto; - max-width: 100%; } - -.number { - align-items: center; - background-color: #FFFFFF; - border-radius: 290486px; - display: inline-flex; - font-size: 1.25rem; - height: 2em; - justify-content: center; - margin-right: 1.5rem; - min-width: 2.5em; - padding: 0.25rem 0.5rem; - text-align: center; - vertical-align: top; } - .breadcrumb { font-size: 0.88rem; white-space: nowrap; } @@ -3595,7 +3716,7 @@ a.tag:hover { border-right: 1px solid #E4E5E7; } .card .media:not(:last-child) { - margin-bottom: 0.75rem; } + margin-bottom: 1.5rem; } .dropdown { display: inline-flex; @@ -3742,8 +3863,8 @@ button.dropdown-item { border-top-left-radius: 0; border-top-right-radius: 0; } .list-item:last-child { - border-top-left-radius: 0; - border-top-right-radius: 0; } + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } .list-item:not(:last-child) { border-bottom: 1px solid #E4E5E7; } .list-item.is-active { @@ -3844,7 +3965,7 @@ a.list-item { font-size: 0.88rem; } .message strong { color: currentColor; } - .message a:not(.button):not(.tag) { + .message a:not(.button):not(.tag):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .message.is-small { @@ -4037,7 +4158,7 @@ a.list-item { border-bottom-right-radius: 0; border-top: 1px solid #E4E5E7; } .modal-card-foot .button:not(:last-child) { - margin-right: 10px; } + margin-right: 0.5em; } .modal-card-body { -webkit-overflow-scrolling: touch; @@ -4058,7 +4179,8 @@ a.list-item { .navbar.is-white .navbar-brand > .navbar-item, .navbar.is-white .navbar-brand .navbar-link { color: #0a0a0a; } - .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, + .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, + .navbar.is-white .navbar-brand .navbar-link:focus, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand .navbar-link.is-active { background-color: #f2f2f2; @@ -4073,11 +4195,14 @@ a.list-item { .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-end .navbar-link { color: #0a0a0a; } - .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start .navbar-link.is-active, + .navbar.is-white .navbar-end > a.navbar-item:focus, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, + .navbar.is-white .navbar-end .navbar-link:focus, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end .navbar-link.is-active { background-color: #f2f2f2; @@ -4085,6 +4210,7 @@ a.list-item { .navbar.is-white .navbar-start .navbar-link::after, .navbar.is-white .navbar-end .navbar-link::after { border-color: #0a0a0a; } + .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { background-color: #f2f2f2; @@ -4098,7 +4224,8 @@ a.list-item { .navbar.is-black .navbar-brand > .navbar-item, .navbar.is-black .navbar-brand .navbar-link { color: #FFFFFF; } - .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, + .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, + .navbar.is-black .navbar-brand .navbar-link:focus, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand .navbar-link.is-active { background-color: black; @@ -4113,11 +4240,14 @@ a.list-item { .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-end .navbar-link { color: #FFFFFF; } - .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start .navbar-link.is-active, + .navbar.is-black .navbar-end > a.navbar-item:focus, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, + .navbar.is-black .navbar-end .navbar-link:focus, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end .navbar-link.is-active { background-color: black; @@ -4125,6 +4255,7 @@ a.list-item { .navbar.is-black .navbar-start .navbar-link::after, .navbar.is-black .navbar-end .navbar-link::after { border-color: #FFFFFF; } + .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: black; @@ -4138,7 +4269,8 @@ a.list-item { .navbar.is-light .navbar-brand > .navbar-item, .navbar.is-light .navbar-brand .navbar-link { color: #0D1E34; } - .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, + .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, + .navbar.is-light .navbar-brand .navbar-link:focus, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand .navbar-link.is-active { background-color: #f2f2f2; @@ -4153,11 +4285,14 @@ a.list-item { .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-end .navbar-link { color: #0D1E34; } - .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, + .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, + .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start .navbar-link.is-active, + .navbar.is-light .navbar-end > a.navbar-item:focus, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, + .navbar.is-light .navbar-end .navbar-link:focus, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end .navbar-link.is-active { background-color: #f2f2f2; @@ -4165,6 +4300,7 @@ a.list-item { .navbar.is-light .navbar-start .navbar-link::after, .navbar.is-light .navbar-end .navbar-link::after { border-color: #0D1E34; } + .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { background-color: #f2f2f2; @@ -4178,7 +4314,8 @@ a.list-item { .navbar.is-dark .navbar-brand > .navbar-item, .navbar.is-dark .navbar-brand .navbar-link { color: #FFFFFF; } - .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, + .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, + .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand .navbar-link.is-active { background-color: #081220; @@ -4193,11 +4330,14 @@ a.list-item { .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-end .navbar-link { color: #FFFFFF; } - .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, + .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, + .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, + .navbar.is-dark .navbar-end > a.navbar-item:focus, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, + .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end .navbar-link.is-active { background-color: #081220; @@ -4205,6 +4345,7 @@ a.list-item { .navbar.is-dark .navbar-start .navbar-link::after, .navbar.is-dark .navbar-end .navbar-link::after { border-color: #FFFFFF; } + .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { background-color: #081220; @@ -4218,7 +4359,8 @@ a.list-item { .navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand .navbar-link { color: #FFFFFF; } - .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, + .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, + .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active { background-color: #214d87; @@ -4233,11 +4375,14 @@ a.list-item { .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end .navbar-link { color: #FFFFFF; } - .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, + .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, + .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active { background-color: #214d87; @@ -4245,6 +4390,7 @@ a.list-item { .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after { border-color: #FFFFFF; } + .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { background-color: #214d87; @@ -4258,7 +4404,8 @@ a.list-item { .navbar.is-link .navbar-brand > .navbar-item, .navbar.is-link .navbar-brand .navbar-link { color: #FFFFFF; } - .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, + .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, + .navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand .navbar-link.is-active { background-color: #214d87; @@ -4273,11 +4420,14 @@ a.list-item { .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-end .navbar-link { color: #FFFFFF; } - .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start .navbar-link.is-active, + .navbar.is-link .navbar-end > a.navbar-item:focus, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, + .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end .navbar-link.is-active { background-color: #214d87; @@ -4285,6 +4435,7 @@ a.list-item { .navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-end .navbar-link::after { border-color: #FFFFFF; } + .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { background-color: #214d87; @@ -4298,7 +4449,8 @@ a.list-item { .navbar.is-info .navbar-brand > .navbar-item, .navbar.is-info .navbar-brand .navbar-link { color: #FFFFFF; } - .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, + .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, + .navbar.is-info .navbar-brand .navbar-link:focus, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand .navbar-link.is-active { background-color: #214d87; @@ -4313,11 +4465,14 @@ a.list-item { .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-end .navbar-link { color: #FFFFFF; } - .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, + .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, + .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start .navbar-link.is-active, + .navbar.is-info .navbar-end > a.navbar-item:focus, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, + .navbar.is-info .navbar-end .navbar-link:focus, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end .navbar-link.is-active { background-color: #214d87; @@ -4325,6 +4480,7 @@ a.list-item { .navbar.is-info .navbar-start .navbar-link::after, .navbar.is-info .navbar-end .navbar-link::after { border-color: #FFFFFF; } + .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { background-color: #214d87; @@ -4338,7 +4494,8 @@ a.list-item { .navbar.is-success .navbar-brand > .navbar-item, .navbar.is-success .navbar-brand .navbar-link { color: #FFFFFF; } - .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, + .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, + .navbar.is-success .navbar-brand .navbar-link:focus, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand .navbar-link.is-active { background-color: #37a28f; @@ -4353,11 +4510,14 @@ a.list-item { .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-end .navbar-link { color: #FFFFFF; } - .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, + .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, + .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start .navbar-link.is-active, + .navbar.is-success .navbar-end > a.navbar-item:focus, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, + .navbar.is-success .navbar-end .navbar-link:focus, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end .navbar-link.is-active { background-color: #37a28f; @@ -4365,6 +4525,7 @@ a.list-item { .navbar.is-success .navbar-start .navbar-link::after, .navbar.is-success .navbar-end .navbar-link::after { border-color: #FFFFFF; } + .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { background-color: #37a28f; @@ -4378,7 +4539,8 @@ a.list-item { .navbar.is-warning .navbar-brand > .navbar-item, .navbar.is-warning .navbar-brand .navbar-link { color: #FFFFFF; } - .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, + .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, + .navbar.is-warning .navbar-brand .navbar-link:focus, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand .navbar-link.is-active { background-color: #b4ac16; @@ -4393,11 +4555,14 @@ a.list-item { .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-end .navbar-link { color: #FFFFFF; } - .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, + .navbar.is-warning .navbar-end > a.navbar-item:focus, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, + .navbar.is-warning .navbar-end .navbar-link:focus, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end .navbar-link.is-active { background-color: #b4ac16; @@ -4405,6 +4570,7 @@ a.list-item { .navbar.is-warning .navbar-start .navbar-link::after, .navbar.is-warning .navbar-end .navbar-link::after { border-color: #FFFFFF; } + .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { background-color: #b4ac16; @@ -4418,7 +4584,8 @@ a.list-item { .navbar.is-danger .navbar-brand > .navbar-item, .navbar.is-danger .navbar-brand .navbar-link { color: #FFFFFF; } - .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, + .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, + .navbar.is-danger .navbar-brand .navbar-link:focus, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand .navbar-link.is-active { background-color: #c94722; @@ -4433,11 +4600,14 @@ a.list-item { .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-end .navbar-link { color: #FFFFFF; } - .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, + .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, + .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, + .navbar.is-danger .navbar-end > a.navbar-item:focus, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, + .navbar.is-danger .navbar-end .navbar-link:focus, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end .navbar-link.is-active { background-color: #c94722; @@ -4445,6 +4615,7 @@ a.list-item { .navbar.is-danger .navbar-start .navbar-link::after, .navbar.is-danger .navbar-end .navbar-link::after { border-color: #FFFFFF; } + .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { background-color: #c94722; @@ -4486,7 +4657,7 @@ body.has-navbar-fixed-bottom { flex-shrink: 0; min-height: 3.25rem; } -.navbar-brand a.navbar-item:hover { +.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { background-color: transparent; } .navbar-tabs { @@ -4547,7 +4718,9 @@ body.has-navbar-fixed-bottom { a.navbar-item, .navbar-link { cursor: pointer; } - a.navbar-item:hover, a.navbar-item.is-active, + a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, + .navbar-link:focus, + .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active { background-color: #fafafa; @@ -4568,7 +4741,7 @@ a.navbar-item, border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); } - .navbar-item.is-tab:hover { + .navbar-item.is-tab:focus, .navbar-item.is-tab:hover { background-color: transparent; border-bottom-color: #26599B; } .navbar-item.is-tab.is-active { @@ -4659,13 +4832,14 @@ a.navbar-item, .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link { border-radius: 0; } - .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, + .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, + .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; } - .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } - .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: #FFFFFF; color: #0a0a0a; } .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { @@ -4690,9 +4864,9 @@ a.navbar-item, bottom: 100%; box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); top: auto; } - .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; } - .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { + .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; transform: translateY(0); } @@ -4723,7 +4897,7 @@ a.navbar-item, white-space: nowrap; } .navbar-dropdown a.navbar-item { padding-right: 3rem; } - .navbar-dropdown a.navbar-item:hover { + .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { background-color: #FFFFFF; color: #0a0a0a; } .navbar-dropdown a.navbar-item.is-active { @@ -4777,12 +4951,15 @@ a.navbar-item, a.navbar-item.is-active, .navbar-link.is-active { color: #0a0a0a; } - a.navbar-item.is-active:not(:hover), - .navbar-link.is-active:not(:hover) { + a.navbar-item.is-active:not(:focus):not(:hover), + .navbar-link.is-active:not(:focus):not(:hover) { background-color: transparent; } - .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { + .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { background-color: #fafafa; } } +.hero.is-fullheight-with-navbar { + min-height: calc(100vh - 3.25rem); } + .pagination { font-size: 0.88rem; margin: -0.25rem; } @@ -4812,10 +4989,10 @@ a.navbar-item, .pagination-link, .pagination-ellipsis { font-size: 1em; - padding-left: 0.5em; - padding-right: 0.5em; justify-content: center; margin: 0.25rem; + padding-left: 0.5em; + padding-right: 0.5em; text-align: center; } .pagination-previous, @@ -5148,6 +5325,11 @@ label.panel-block { margin-left: 60%; } .columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; } + .columns.is-mobile > .column.is-0 { + flex: none; + width: 0%; } + .columns.is-mobile > .column.is-offset-0 { + margin-left: 0%; } .columns.is-mobile > .column.is-1 { flex: none; width: 8.3333333333%; } @@ -5259,6 +5441,11 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths-mobile { margin-left: 80%; } + .column.is-0-mobile { + flex: none; + width: 0%; } + .column.is-offset-0-mobile { + margin-left: 0%; } .column.is-1-mobile { flex: none; width: 8.3333333333%; } @@ -5370,6 +5557,11 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; } + .column.is-0, .column.is-0-tablet { + flex: none; + width: 0%; } + .column.is-offset-0, .column.is-offset-0-tablet { + margin-left: 0%; } .column.is-1, .column.is-1-tablet { flex: none; width: 8.3333333333%; } @@ -5481,6 +5673,11 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths-touch { margin-left: 80%; } + .column.is-0-touch { + flex: none; + width: 0%; } + .column.is-offset-0-touch { + margin-left: 0%; } .column.is-1-touch { flex: none; width: 8.3333333333%; } @@ -5592,6 +5789,11 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths-desktop { margin-left: 80%; } + .column.is-0-desktop { + flex: none; + width: 0%; } + .column.is-offset-0-desktop { + margin-left: 0%; } .column.is-1-desktop { flex: none; width: 8.3333333333%; } @@ -5703,6 +5905,11 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths-widescreen { margin-left: 80%; } + .column.is-0-widescreen { + flex: none; + width: 0%; } + .column.is-offset-0-widescreen { + margin-left: 0%; } .column.is-1-widescreen { flex: none; width: 8.3333333333%; } @@ -5814,6 +6021,11 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths-fullhd { margin-left: 80%; } + .column.is-0-fullhd { + flex: none; + width: 0%; } + .column.is-offset-0-fullhd { + margin-left: 0%; } .column.is-1-fullhd { flex: none; width: 8.3333333333%; } @@ -6253,7 +6465,7 @@ label.panel-block { .hero.is-white { background-color: #FFFFFF; color: #0a0a0a; } - .hero.is-white a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-white strong { color: inherit; } .hero.is-white .title { @@ -6297,7 +6509,7 @@ label.panel-block { .hero.is-black { background-color: #0a0a0a; color: #FFFFFF; } - .hero.is-black a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-black strong { color: inherit; } .hero.is-black .title { @@ -6341,7 +6553,7 @@ label.panel-block { .hero.is-light { background-color: #FFFFFF; color: #0D1E34; } - .hero.is-light a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-light strong { color: inherit; } .hero.is-light .title { @@ -6385,7 +6597,7 @@ label.panel-block { .hero.is-dark { background-color: #0D1E34; color: #FFFFFF; } - .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-dark strong { color: inherit; } .hero.is-dark .title { @@ -6429,7 +6641,7 @@ label.panel-block { .hero.is-primary { background-color: #26599B; color: #FFFFFF; } - .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong { color: inherit; } .hero.is-primary .title { @@ -6473,7 +6685,7 @@ label.panel-block { .hero.is-link { background-color: #26599B; color: #FFFFFF; } - .hero.is-link a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link strong { color: inherit; } .hero.is-link .title { @@ -6517,7 +6729,7 @@ label.panel-block { .hero.is-info { background-color: #26599B; color: #FFFFFF; } - .hero.is-info a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-info strong { color: inherit; } .hero.is-info .title { @@ -6561,7 +6773,7 @@ label.panel-block { .hero.is-success { background-color: #3DB5A0; color: #FFFFFF; } - .hero.is-success a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-success strong { color: inherit; } .hero.is-success .title { @@ -6605,7 +6817,7 @@ label.panel-block { .hero.is-warning { background-color: #CBC219; color: #FFFFFF; } - .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-warning strong { color: inherit; } .hero.is-warning .title { @@ -6649,7 +6861,7 @@ label.panel-block { .hero.is-danger { background-color: #DB512A; color: #FFFFFF; } - .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-danger strong { color: inherit; } .hero.is-danger .title { @@ -6711,8 +6923,6 @@ label.panel-block { min-height: 50vh; } .hero.is-fullheight { min-height: 100vh; } - .hero.is-fullheight-with-navbar { - min-height: calc(100vh - 3.25rem); } .hero-video { overflow: hidden; } @@ -8426,3 +8636,9 @@ code .tag, code .number { white-space: inherit; background: inherit; margin: inherit; } + +code { + background-color: inherit; + color: inherit; + font-size: inherit; + padding: 0.2em 0.25em; }