diff --git a/aircox/static/aircox/admin.html b/aircox/static/aircox/admin.html index 00a3408..1398b7b 100644 --- a/aircox/static/aircox/admin.html +++ b/aircox/static/aircox/admin.html @@ -5,7 +5,7 @@ Vue App - +
diff --git a/aircox/static/aircox/css/admin.css b/aircox/static/aircox/css/admin.css deleted file mode 100644 index 51facd6..0000000 --- a/aircox/static/aircox/css/admin.css +++ /dev/null @@ -1,2896 +0,0 @@ -/*!*************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/admin.scss ***! - \*************************************************************************************************************************************************************************************************************************************/ -:root { - --title-1-sz: 1.6rem; - --title-2-sz: 1.4rem; - --title-3-sz: 1.2rem; - --subtitle-1-sz: 1.6rem; - --subtitle-2-sz: 1.4rem; - --subtitle-3-sz: 1.2rem; - --heading-font-family: default; - --heading-bg: var(--main-color); - --heading-fg: var(--text-color); - --heading-hg-fg: var(--text-color); - --heading-hg-bg: var(--secondary-color); - --heading-link-hv-fg: var(--link-fg); - --cover-w: 14rem; - --cover-h: 14rem; - --cover-small-w: 10rem; - --cover-small-h: 10rem; - --cover-tiny-w: 10rem; - --cover-tiny-h: 10rem; - --card-w: var(--cover-w); - --preview-bg: var(--body-bg); - --preview-title-sz: var(--title-3-sz); - --preview-subtitle-sz: var(--title-3-sz); - --preview-cover-size: 14rem; - --preview-cover-small-size: 10rem; - --preview-cover-tiny-size: 4rem; - --preview-wide-content-sz: 1.2rem; - --preview-heading-bg-color: var(--main-color); - --header-height: var(--cover-h); - --a-carousel-p: 1.4rem; - --a-carousel-ml: calc(1.2rem - 0.5rem); - --a-carousel-gap: 1.2rem; - --a-carousel-nav-x: -0.6em; - --a-carousel-bg: none; - --a-progress-bg: transparent; - --a-progress-bar-bg: var(--secondary-color); - --a-progress-bar-color: var(--text-color); - --a-progress-bar-pd: 0.4rem; - --a-playlist-header-bg: var(--secondary-color); - --a-playlist-header-fg: var(--text-color); - --a-playlist-title-sz: 1rem; - --a-playlist-title-pd: 0.6rem; - --a-playlist-item-border: 1px var(--secondary-color) solid; - --a-sound-bg: var(--main-color); - --a-sound-hv-bg: var(--main-color); - --a-sound-hv-fg: var(--secondary-color); - --a-sound-playing-fg: var(--secondary-color-dark); - --a-sound-text-sz: 1rem; - --a-player-url-fg: var(--text-color); - --a-player-panel-bg: var(--main-color); - --a-player-bar-height: var(--nav-primary-height); - --a-player-bar-bg: var(--main-color); - --a-player-bar-title-alone-sz: 1.4rem; - --a-player-bar-button-fg: var(--button-fg); - --a-player-bar-button-fg: var(--button-bg); - --a-player-bar-button-hv-fg: var(--button-hv-fg); - --a-player-bar-button-hv-bg: var(--button-hv-bg); - --button-fg: var(--text-color); - --button-bg: var(--main-color); - --button-sec-bg: var(--main-color-light); - --button-hv-fg: var(--text-color); - --button-hv-bg: var(--secondary-color-light); - --button-active-fg: var(--text-color); - --button-active-bg: var(--secondary-color); -} - -@media screen and (max-width: 1380px) { - :root { - --cover-w: 10rem; - --cover-h: 10rem; - --cover-small-w: 6rem; - --cover-small-h: 6rem; - --cover-tiny-w: 4rem; - --cover-tiny-h: 4rem; - --section-content-sz: 1rem; - } -} -.title.is-1, .header.preview .title.is-1 { - font-size: var(--title-1-sz); -} -.title.is-2, .header.preview .title.is-2 { - font-size: var(--title-2-sz); -} -.title.is-3, .header.preview .title.is-3 { - font-size: var(--title-3-sz); -} - -.subtitle, .header.preview .subtitle { - color: var(--text-color-light); -} -.subtitle.is-1, .header.preview .subtitle.is-1 { - font-size: var(--subtitle-1-sz); -} -.subtitle.is-2, .header.preview .subtitle.is-2 { - font-size: var(--subtitle-2-sz); -} -.subtitle.is-3, .header.preview .subtitle.is-3 { - font-size: var(--subtitle-3-sz); -} - -.title + .subtitle { - padding-top: 0em !important; -} - -.headings a, a.heading, a.subtitle { - text-decoration: none !important; -} - -.heading { - display: inline-block; -} -.heading:not(:empty) { - padding: 0.4rem; - margin-top: 0em !important; - vertical-align: top; -} -.heading:not(:empty).highlight, .heading:not(:empty).active, .preview.active .heading:not(:empty) { - color: var(--heading-hg-fg); -} - -.panels .panel:not(.active) { - display: none; -} - -.preview { - position: relative; - background-size: cover; - background-color: var(--preview-bg) !important; -} -.preview.preview-item { - width: 100%; -} -.preview.columns, .preview .headings.columns { - margin-left: 0em; - margin-right: 0em; -} -.preview.columns .column, .preview .headings.columns .column { - padding: 0em; -} -.preview .title, .preview .title:not(:last-child) { - font-weight: 700; - font-size: var(--preview-title-sz); - margin-bottom: unset; -} -.preview .subtitle { - font-weight: 500; - font-size: var(--preview-subtitle-sz); - margin-bottom: unset; -} -.preview .headings { - background-size: cover; -} -.preview .headings > * { - margin: 0em; -} -.preview .headings .column { - padding: 0em; -} -.preview .headings a { - color: var(--text-color); -} -.preview .headings a:hover { - color: var(--heading-link-hv-fg) !important; -} -.preview.tiny .content { - font-size: 1rem; -} - -.preview-cover { - background: var(--preview-bg); - background-size: cover; - background-repeat: no-repeat; - height: var(--cover-h); - max-width: calc(var(--cover-w) * 1.5); - min-width: var(--cover-w); - overflow: hidden; - border: 1px #c4c4c4 solid; -} -.preview-cover img { - height: var(--cover-h); - max-width: calc(var(--cover-w) * 1.5); - min-width: var(--cover-w); -} -.preview-cover img.hide { - visibility: hidden; -} -.preview-cover.small, .preview.small .preview-cover { - min-width: unset; - height: var(--preview-cover-small-size); - width: var(--preview-cover-small-size) !important; - min-width: var(--preview-cover-small-size); -} -.preview-cover.tiny, .preview.tiny .preview-cover { - min-width: unset; - height: var(--preview-cover-tiny-size); - width: var(--preview-cover-tiny-size) !important; - min-width: var(--preview-cover-tiny-size); -} - -.preview-header { - width: 100%; -} -.preview-header:not(.no-cover) { - min-height: var(--header-height); -} -.preview-header.no-cover { - height: unset; -} -.preview-header .headings { - padding-top: 2rem; -} -.preview-header .headings, .preview-header > .container { - width: 100%; -} -.preview-header > .container { - height: 100%; -} - -.list-item { - display: flex; - flex-direction: column; - width: 100%; -} -.list-item .headings { - display: flex; - flex-direction: row; - padding: 0em; - margin-bottom: 0.4rem !important; -} -.list-item .headings .heading { - padding: 0rem; -} -.list-item .title { - flex-grow: 1; -} -.list-item .subtitle { - font-size: var(--preview-title-sz); - text-align: right; -} -.list-item .subtitle:not(:empty) { - min-width: 9rem; -} -.list-item .media-content { - height: 100%; - margin-bottom: unset; -} -.list-item:not(.no-cover) .list-item .media-content { - min-height: var(--preview-cover-small-size); -} -.list-item .actions { - text-align: right; -} -.list-item:not(.wide) .media { - padding: 0.6rem; - border: 1px solid var(--break-color) !important; -} - -@media screen and (max-width: 400px) { - .list-item .headings { - flex-direction: column; - } - .list-item .headings .heading { - display: inline; - text-align: left; - } - .list-item .headings .subtitle { - color: unset !important; - background: none !important; - } -} -.list-item.wide .preview-cover { - box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.2); -} -.list-item.wide .content { - font-size: var(--preview-wide-content-sz); - flex-grow: 1; -} - -.preview-card { - display: flex; - flex-direction: column; - width: var(--card-w); - padding: 0rem !important; - margin-bottom: auto; - background-color: var(--preview-bg) !important; - transition: box-shadow 0.2s; -} -.preview-card:hover figure { - box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.2); -} -.preview-card:hover a { - color: var(--heading-link-hv-fg); -} -.preview-card .headings { - margin-top: 0.4rem; -} -.preview-card .headings .heading { - display: block !important; -} -.preview-card .headings .subtitle { - font-size: 1.2rem; -} -.preview-card .card-content { - flex-grow: 1; - position: relative; -} -.preview-card .card-content figure { - height: var(--cover-h); - width: var(--cover-w); -} -.preview-card .card-content .actions { - position: absolute; - padding: 0.4rem; - bottom: 0rem; - right: 0rem; -} - -.a-carousel .a-carousel-viewport { - box-shadow: inset 0em 0em 20rem var(--a-carousel-bg); - padding: 0rem; - padding-top: var(--a-carousel-p); - margin-top: calc(0rem - var(--a-carousel-p)); -} - -.a-carousel-container { - width: 100%; - gap: var(--a-carousel-gap); - transition: margin-left 1s; -} -.a-carousel-container > * { - flex-shrink: 0; -} - -.a-carousel-bullets-container { - padding-left: var(--a-carousel-ml); -} -.a-carousel-bullets-container .bullet { - margin: 0.2rem; - cursor: pointer; -} -.a-carousel-bullets-container .bullet:hover { - color: var(--link-fg); -} - -.a-progress { - display: flex; - flex-direction: row; - margin: 0em; - padding: 0em; -} -.a-progress:hover { - background-color: var(--a-progress-bg); -} -.a-progress .a-progress-bar-container { - flex-grow: 1; - margin: 0em; -} -.a-progress > time, .a-progress .a-progress-bar { - height: 100%; - padding: var(--a-progress-bar-pd); -} -.a-progress .a-progress-bar { - background-color: var(--a-progress-bar-bg); - color: var(--a-progress-bar-color); -} - -.playlist .header, .a-playlist .header { - display: flex; - flex-direction: row; -} -.playlist .header .title, .playlist .header .button, .a-playlist .header .title, .a-playlist .header .button { - background-color: var(--a-playlist-header-bg); - color: var(--a-playlist-header-fg); -} -.playlist .header .title, .a-playlist .header .title { - font-size: var(--a-playlist-title-sz); - margin: 0; - padding: var(--a-playlist-title-pd); -} -.playlist li, .a-playlist li { - list-style: none; - border-bottom: var(--a-playlist-item-border); -} -.playlist li:last-child, .a-playlist li:last-child { - border-bottom: 0px; -} - -.a-sound-item { - display: flex; - align-items: center; - flex-direction: row; - height: 3rem; - background-color: var(--a-sound-bg); -} -.a-sound-item.playing .label { - color: var(--a-sound-playing-fg) !important; -} -.a-sound-item:hover { - background-color: var(--a-sound-hv-bg); -} -.a-sound-item:hover .label { - color: var(--a-sound-hv-fg) !important; -} -.a-sound-item .label:hover::before, .a-sound-item.playing .label::before { - content: "\f04b"; - font-family: "Font Awesome 6 Free"; - margin-right: 0.6em; -} -.a-sound-item.playing .label:hover::before { - content: ""; - margin: 0; -} -.a-sound-item .label { - cursor: pointer; - margin: 0em !important; - padding: 0.6em; - font-size: var(--a-sound-text-sz); - font-family: var(--heading-font-family); -} -.a-sound-item .label .icon { - padding: 0em 0.6rem; -} -.a-sound-item .button { - width: 3em; - font-size: var(--a-sound-text-sz); -} -.a-sound-item .button:hover { - color: var(--a-sound-hv-fg) !important; - background-color: unset; -} - -.player-container { - z-index: 1000000; -} - -.a-player { - box-shadow: 0em -0.5em 0.5em rgba(0, 0, 0, 0.05); -} -.a-player a { - color: var(--a-player-url-fg); -} -.a-player .button { - color: var(--text-black); -} -.a-player .button:hover { - color: var(--button-fg); -} - -.a-player-panels { - background: var(--a-player-panel-bg); - height: 0%; - transition: height 1s; -} - -.a-player-panels.is-open { - height: auto; -} - -.a-player-panel { - padding-bottom: 0.6rem; - max-height: 80%; - overflow-y: auto; -} -.a-player-panel .a-sound-item:not(:hover) { - background-color: transparent; -} - -.a-player-progress { - height: 0.4em; - overflow: hidden; -} -.a-player-progress time { - display: none; -} -.a-player-progress:hover, .a-player-panels.is-open + .a-player-progress { - background: var(--a-player-bar-bg); - height: 2em; -} -.a-player-progress:hover time, .a-player-panels.is-open + .a-player-progress time { - display: unset; -} - -.a-player-bar { - display: flex; - flex-direction: row; - justify-content: center; - height: var(--a-player-bar-height); - border-top: 1px #ddd solid; - background: var(--a-player-bar-bg); -} -.a-player-bar > * { - height: 100%; -} -.a-player-bar .cover { - height: 100%; -} -.a-player-bar .title { - font-size: 1rem; - margin: 0em; -} -.a-player-bar .title:last-child { - font-size: var(--a-player-bar-title-alone-sz); -} -.a-player-bar .button { - font-size: 1.4rem; - height: 100%; - padding: 0.4rem !important; - min-width: calc(var(--a-player-bar-height) + 0.8rem); - border-radius: 0px; -} -.a-player-bar .button.open { - background-color: var(--button-active-bg); - color: var(--button-active-fg); -} - -.a-player-bar-content { - display: flex; - flex-direction: vertical; - align-items: center; - flex-grow: 1; - padding: 0 0.6rem; - border-right: 1px black solid; -} -.a-player-bar-content .title { - max-height: calc(var(--a-player-bar-height) - 0.6rem); - overflow: hidden; -} - -.a-select-file > *:not(:last-child) { - margin-bottom: 0.6rem; -} -.a-select-file .upload-preview { - max-width: 100%; -} -.a-select-file .a-select-file-list { - max-height: 30rem; - overflow-y: auto; - display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr; - gap: 0.6rem; -} -.a-select-file .file-preview { - width: 100%; - overflow: hidden; -} -.a-select-file .file-preview:hover { - box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.2); -} -.a-select-file .file-preview.active { - box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.4); -} -.a-select-file .file-preview img { - width: 100%; - max-height: 10rem; -} - -/* Bulma Utilities */ -.button { - -moz-appearance: none; - -webkit-appearance: none; - align-items: center; - border: 1px solid transparent; - border-radius: 4px; - box-shadow: none; - display: inline-flex; - font-size: 1rem; - height: 2.5em; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.5em - 1px); - padding-left: calc(0.75em - 1px); - padding-right: calc(0.75em - 1px); - padding-top: calc(0.5em - 1px); - position: relative; - vertical-align: top; -} -.button:focus, .is-focused.button, .button:active, .is-active.button { - outline: none; -} -[disabled].button, fieldset[disabled] .button { - cursor: not-allowed; -} - -.button { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.navbar-link:not(.is-arrowless)::after { - border: 3px solid transparent; - border-radius: 2px; - border-right: 0; - border-top: 0; - content: " "; - display: block; - height: 0.625em; - margin-top: -0.4375em; - pointer-events: none; - position: absolute; - top: 50%; - transform: rotate(-45deg); - transform-origin: center; - width: 0.625em; -} - -.button.is-loading::after { - animation: spinAround 500ms infinite linear; - border: 2px solid hsl(0deg, 0%, 86%); - border-radius: 9999px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; -} - -.navbar-burger { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: none; - border: none; - color: currentColor; - font-family: inherit; - font-size: 1em; - margin: 0; - padding: 0; -} - -.button { - background-color: hsl(0deg, 0%, 100%); - border-color: hsl(0deg, 0%, 86%); - border-width: 1px; - color: hsl(0deg, 0%, 21%); - cursor: pointer; - justify-content: center; - padding-bottom: calc(0.5em - 1px); - padding-left: 1em; - padding-right: 1em; - padding-top: calc(0.5em - 1px); - text-align: center; - white-space: nowrap; -} -.button strong { - color: inherit; -} -.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { - height: 1.5em; - width: 1.5em; -} -.button .icon:first-child:not(:last-child) { - margin-left: calc(-0.5em - 1px); - margin-right: 0.25em; -} -.button .icon:last-child:not(:first-child) { - margin-left: 0.25em; - margin-right: calc(-0.5em - 1px); -} -.button .icon:first-child:last-child { - margin-left: calc(-0.5em - 1px); - margin-right: calc(-0.5em - 1px); -} -.button:hover, .button.is-hovered { - border-color: hsl(0deg, 0%, 71%); - color: hsl(0deg, 0%, 21%); -} -.button:focus, .button.is-focused { - border-color: hsl(229deg, 53%, 53%); - color: hsl(0deg, 0%, 21%); -} -.button:focus:not(:active), .button.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); -} -.button:active, .button.is-active { - border-color: hsl(0deg, 0%, 29%); - color: hsl(0deg, 0%, 21%); -} -.button.is-text { - background-color: transparent; - border-color: transparent; - color: hsl(0deg, 0%, 29%); - text-decoration: underline; -} -.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { - background-color: hsl(0deg, 0%, 96%); - color: hsl(0deg, 0%, 21%); -} -.button.is-text:active, .button.is-text.is-active { - background-color: #e8e8e8; - color: hsl(0deg, 0%, 21%); -} -.button.is-text[disabled], fieldset[disabled] .button.is-text { - background-color: transparent; - border-color: transparent; - box-shadow: none; -} -.button.is-ghost { - background: none; - border-color: transparent; - color: hsl(229deg, 53%, 53%); - text-decoration: none; -} -.button.is-ghost:hover, .button.is-ghost.is-hovered { - color: hsl(229deg, 53%, 53%); - text-decoration: underline; -} -.button.is-white { - background-color: hsl(0deg, 0%, 100%); - border-color: transparent; - color: hsl(0deg, 0%, 4%); -} -.button.is-white:hover, .button.is-white.is-hovered { - background-color: #f9f9f9; - border-color: transparent; - color: hsl(0deg, 0%, 4%); -} -.button.is-white:focus, .button.is-white.is-focused { - border-color: transparent; - color: hsl(0deg, 0%, 4%); -} -.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); -} -.button.is-white:active, .button.is-white.is-active { - background-color: #f2f2f2; - border-color: transparent; - color: hsl(0deg, 0%, 4%); -} -.button.is-white[disabled], fieldset[disabled] .button.is-white { - background-color: hsl(0deg, 0%, 100%); - border-color: hsl(0deg, 0%, 100%); - box-shadow: none; -} -.button.is-white.is-inverted { - background-color: hsl(0deg, 0%, 4%); - color: hsl(0deg, 0%, 100%); -} -.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { - background-color: black; -} -.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted { - background-color: hsl(0deg, 0%, 4%); - border-color: transparent; - box-shadow: none; - color: hsl(0deg, 0%, 100%); -} -.button.is-white.is-loading::after { - border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important; -} -.button.is-white.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 100%); - color: hsl(0deg, 0%, 100%); -} -.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: hsl(0deg, 0%, 100%); - border-color: hsl(0deg, 0%, 100%); - color: hsl(0deg, 0%, 4%); -} -.button.is-white.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important; -} -.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 hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important; -} -.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 100%); - box-shadow: none; - color: hsl(0deg, 0%, 100%); -} -.button.is-white.is-inverted.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 4%); - color: hsl(0deg, 0%, 4%); -} -.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: hsl(0deg, 0%, 4%); - color: hsl(0deg, 0%, 100%); -} -.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 hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important; -} -.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 4%); - box-shadow: none; - color: hsl(0deg, 0%, 4%); -} -.button.is-black { - background-color: hsl(0deg, 0%, 4%); - border-color: transparent; - color: hsl(0deg, 0%, 100%); -} -.button.is-black:hover, .button.is-black.is-hovered { - background-color: #040404; - border-color: transparent; - color: hsl(0deg, 0%, 100%); -} -.button.is-black:focus, .button.is-black.is-focused { - border-color: transparent; - color: hsl(0deg, 0%, 100%); -} -.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); -} -.button.is-black:active, .button.is-black.is-active { - background-color: black; - border-color: transparent; - color: hsl(0deg, 0%, 100%); -} -.button.is-black[disabled], fieldset[disabled] .button.is-black { - background-color: hsl(0deg, 0%, 4%); - border-color: hsl(0deg, 0%, 4%); - box-shadow: none; -} -.button.is-black.is-inverted { - background-color: hsl(0deg, 0%, 100%); - color: hsl(0deg, 0%, 4%); -} -.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { - background-color: #f2f2f2; -} -.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted { - background-color: hsl(0deg, 0%, 100%); - border-color: transparent; - box-shadow: none; - color: hsl(0deg, 0%, 4%); -} -.button.is-black.is-loading::after { - border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important; -} -.button.is-black.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 4%); - color: hsl(0deg, 0%, 4%); -} -.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: hsl(0deg, 0%, 4%); - border-color: hsl(0deg, 0%, 4%); - color: hsl(0deg, 0%, 100%); -} -.button.is-black.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important; -} -.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 hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important; -} -.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 4%); - box-shadow: none; - color: hsl(0deg, 0%, 4%); -} -.button.is-black.is-inverted.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 100%); - color: hsl(0deg, 0%, 100%); -} -.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: hsl(0deg, 0%, 100%); - color: hsl(0deg, 0%, 4%); -} -.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 hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important; -} -.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 100%); - box-shadow: none; - color: hsl(0deg, 0%, 100%); -} -.button.is-light { - background-color: hsl(0deg, 0%, 96%); - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} -.button.is-light:hover, .button.is-light.is-hovered { - background-color: #eeeeee; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} -.button.is-light:focus, .button.is-light.is-focused { - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} -.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); -} -.button.is-light:active, .button.is-light.is-active { - background-color: #e8e8e8; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} -.button.is-light[disabled], fieldset[disabled] .button.is-light { - background-color: hsl(0deg, 0%, 96%); - border-color: hsl(0deg, 0%, 96%); - box-shadow: none; -} -.button.is-light.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - color: hsl(0deg, 0%, 96%); -} -.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { - background-color: rgba(0, 0, 0, 0.7); -} -.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - border-color: transparent; - box-shadow: none; - color: hsl(0deg, 0%, 96%); -} -.button.is-light.is-loading::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; -} -.button.is-light.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 96%); - color: hsl(0deg, 0%, 96%); -} -.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: hsl(0deg, 0%, 96%); - border-color: hsl(0deg, 0%, 96%); - color: rgba(0, 0, 0, 0.7); -} -.button.is-light.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important; -} -.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 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; -} -.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 96%); - box-shadow: none; - color: hsl(0deg, 0%, 96%); -} -.button.is-light.is-inverted.is-outlined { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); - color: rgba(0, 0, 0, 0.7); -} -.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: rgba(0, 0, 0, 0.7); - color: hsl(0deg, 0%, 96%); -} -.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 hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important; -} -.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); - box-shadow: none; - color: rgba(0, 0, 0, 0.7); -} -.button.is-dark { - background-color: hsl(0deg, 0%, 21%); - border-color: transparent; - color: #fff; -} -.button.is-dark:hover, .button.is-dark.is-hovered { - background-color: #2f2f2f; - border-color: transparent; - color: #fff; -} -.button.is-dark:focus, .button.is-dark.is-focused { - border-color: transparent; - color: #fff; -} -.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); -} -.button.is-dark:active, .button.is-dark.is-active { - background-color: #292929; - border-color: transparent; - color: #fff; -} -.button.is-dark[disabled], fieldset[disabled] .button.is-dark { - background-color: hsl(0deg, 0%, 21%); - border-color: hsl(0deg, 0%, 21%); - box-shadow: none; -} -.button.is-dark.is-inverted { - background-color: #fff; - color: hsl(0deg, 0%, 21%); -} -.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { - background-color: #f2f2f2; -} -.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: hsl(0deg, 0%, 21%); -} -.button.is-dark.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} -.button.is-dark.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 21%); - color: hsl(0deg, 0%, 21%); -} -.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: hsl(0deg, 0%, 21%); - border-color: hsl(0deg, 0%, 21%); - color: #fff; -} -.button.is-dark.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important; -} -.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 #fff #fff !important; -} -.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined { - background-color: transparent; - border-color: hsl(0deg, 0%, 21%); - box-shadow: none; - color: hsl(0deg, 0%, 21%); -} -.button.is-dark.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} -.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: #fff; - color: hsl(0deg, 0%, 21%); -} -.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 hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important; -} -.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; -} -.button.is-primary { - background-color: hsl(171deg, 100%, 41%); - border-color: transparent; - color: #fff; -} -.button.is-primary:hover, .button.is-primary.is-hovered { - background-color: #00c4a7; - border-color: transparent; - color: #fff; -} -.button.is-primary:focus, .button.is-primary.is-focused { - border-color: transparent; - color: #fff; -} -.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); -} -.button.is-primary:active, .button.is-primary.is-active { - background-color: #00b89c; - border-color: transparent; - color: #fff; -} -.button.is-primary[disabled], fieldset[disabled] .button.is-primary { - background-color: hsl(171deg, 100%, 41%); - border-color: hsl(171deg, 100%, 41%); - box-shadow: none; -} -.button.is-primary.is-inverted { - background-color: #fff; - color: hsl(171deg, 100%, 41%); -} -.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { - background-color: #f2f2f2; -} -.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: hsl(171deg, 100%, 41%); -} -.button.is-primary.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} -.button.is-primary.is-outlined { - background-color: transparent; - border-color: hsl(171deg, 100%, 41%); - color: hsl(171deg, 100%, 41%); -} -.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: hsl(171deg, 100%, 41%); - border-color: hsl(171deg, 100%, 41%); - color: #fff; -} -.button.is-primary.is-outlined.is-loading::after { - border-color: transparent transparent hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !important; -} -.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 #fff #fff !important; -} -.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { - background-color: transparent; - border-color: hsl(171deg, 100%, 41%); - box-shadow: none; - color: hsl(171deg, 100%, 41%); -} -.button.is-primary.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} -.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: hsl(171deg, 100%, 41%); -} -.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 hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !important; -} -.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; -} -.button.is-primary.is-light { - background-color: #ebfffc; - color: #00947e; -} -.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered { - background-color: #defffa; - border-color: transparent; - color: #00947e; -} -.button.is-primary.is-light:active, .button.is-primary.is-light.is-active { - background-color: #d1fff8; - border-color: transparent; - color: #00947e; -} -.button.is-link { - background-color: hsl(229deg, 53%, 53%); - border-color: transparent; - color: #fff; -} -.button.is-link:hover, .button.is-link.is-hovered { - background-color: #3e56c4; - border-color: transparent; - color: #fff; -} -.button.is-link:focus, .button.is-link.is-focused { - border-color: transparent; - color: #fff; -} -.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); -} -.button.is-link:active, .button.is-link.is-active { - background-color: #3a51bb; - border-color: transparent; - color: #fff; -} -.button.is-link[disabled], fieldset[disabled] .button.is-link { - background-color: hsl(229deg, 53%, 53%); - border-color: hsl(229deg, 53%, 53%); - box-shadow: none; -} -.button.is-link.is-inverted { - background-color: #fff; - color: hsl(229deg, 53%, 53%); -} -.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { - background-color: #f2f2f2; -} -.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: hsl(229deg, 53%, 53%); -} -.button.is-link.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} -.button.is-link.is-outlined { - background-color: transparent; - border-color: hsl(229deg, 53%, 53%); - color: hsl(229deg, 53%, 53%); -} -.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: hsl(229deg, 53%, 53%); - border-color: hsl(229deg, 53%, 53%); - color: #fff; -} -.button.is-link.is-outlined.is-loading::after { - border-color: transparent transparent hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important; -} -.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 #fff #fff !important; -} -.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined { - background-color: transparent; - border-color: hsl(229deg, 53%, 53%); - box-shadow: none; - color: hsl(229deg, 53%, 53%); -} -.button.is-link.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} -.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: #fff; - color: hsl(229deg, 53%, 53%); -} -.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 hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important; -} -.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; -} -.button.is-link.is-light { - background-color: #eff1fa; - color: #3850b7; -} -.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered { - background-color: #e6e9f7; - border-color: transparent; - color: #3850b7; -} -.button.is-link.is-light:active, .button.is-link.is-light.is-active { - background-color: #dce0f4; - border-color: transparent; - color: #3850b7; -} -.button.is-info { - background-color: hsl(207deg, 61%, 53%); - border-color: transparent; - color: #fff; -} -.button.is-info:hover, .button.is-info.is-hovered { - background-color: #3488ce; - border-color: transparent; - color: #fff; -} -.button.is-info:focus, .button.is-info.is-focused { - border-color: transparent; - color: #fff; -} -.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); -} -.button.is-info:active, .button.is-info.is-active { - background-color: #3082c5; - border-color: transparent; - color: #fff; -} -.button.is-info[disabled], fieldset[disabled] .button.is-info { - background-color: hsl(207deg, 61%, 53%); - border-color: hsl(207deg, 61%, 53%); - box-shadow: none; -} -.button.is-info.is-inverted { - background-color: #fff; - color: hsl(207deg, 61%, 53%); -} -.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { - background-color: #f2f2f2; -} -.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: hsl(207deg, 61%, 53%); -} -.button.is-info.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} -.button.is-info.is-outlined { - background-color: transparent; - border-color: hsl(207deg, 61%, 53%); - color: hsl(207deg, 61%, 53%); -} -.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: hsl(207deg, 61%, 53%); - border-color: hsl(207deg, 61%, 53%); - color: #fff; -} -.button.is-info.is-outlined.is-loading::after { - border-color: transparent transparent hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !important; -} -.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 #fff #fff !important; -} -.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined { - background-color: transparent; - border-color: hsl(207deg, 61%, 53%); - box-shadow: none; - color: hsl(207deg, 61%, 53%); -} -.button.is-info.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} -.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: hsl(207deg, 61%, 53%); -} -.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 hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !important; -} -.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; -} -.button.is-info.is-light { - background-color: #eff5fb; - color: #296fa8; -} -.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered { - background-color: #e4eff9; - border-color: transparent; - color: #296fa8; -} -.button.is-info.is-light:active, .button.is-info.is-light.is-active { - background-color: #dae9f6; - border-color: transparent; - color: #296fa8; -} -.button.is-success { - background-color: hsl(153deg, 53%, 53%); - border-color: transparent; - color: #fff; -} -.button.is-success:hover, .button.is-success.is-hovered { - background-color: #3ec487; - border-color: transparent; - color: #fff; -} -.button.is-success:focus, .button.is-success.is-focused { - border-color: transparent; - color: #fff; -} -.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); -} -.button.is-success:active, .button.is-success.is-active { - background-color: #3abb81; - border-color: transparent; - color: #fff; -} -.button.is-success[disabled], fieldset[disabled] .button.is-success { - background-color: hsl(153deg, 53%, 53%); - border-color: hsl(153deg, 53%, 53%); - box-shadow: none; -} -.button.is-success.is-inverted { - background-color: #fff; - color: hsl(153deg, 53%, 53%); -} -.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { - background-color: #f2f2f2; -} -.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: hsl(153deg, 53%, 53%); -} -.button.is-success.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} -.button.is-success.is-outlined { - background-color: transparent; - border-color: hsl(153deg, 53%, 53%); - color: hsl(153deg, 53%, 53%); -} -.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: hsl(153deg, 53%, 53%); - border-color: hsl(153deg, 53%, 53%); - color: #fff; -} -.button.is-success.is-outlined.is-loading::after { - border-color: transparent transparent hsl(153deg, 53%, 53%) hsl(153deg, 53%, 53%) !important; -} -.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 #fff #fff !important; -} -.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined { - background-color: transparent; - border-color: hsl(153deg, 53%, 53%); - box-shadow: none; - color: hsl(153deg, 53%, 53%); -} -.button.is-success.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} -.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: hsl(153deg, 53%, 53%); -} -.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 hsl(153deg, 53%, 53%) hsl(153deg, 53%, 53%) !important; -} -.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; -} -.button.is-success.is-light { - background-color: #effaf5; - color: #257953; -} -.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered { - background-color: #e6f7ef; - border-color: transparent; - color: #257953; -} -.button.is-success.is-light:active, .button.is-success.is-light.is-active { - background-color: #dcf4e9; - border-color: transparent; - color: #257953; -} -.button.is-warning { - background-color: hsl(44deg, 100%, 77%); - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} -.button.is-warning:hover, .button.is-warning.is-hovered { - background-color: #ffdc7d; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} -.button.is-warning:focus, .button.is-warning.is-focused { - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} -.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); -} -.button.is-warning:active, .button.is-warning.is-active { - background-color: #ffd970; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} -.button.is-warning[disabled], fieldset[disabled] .button.is-warning { - background-color: hsl(44deg, 100%, 77%); - border-color: hsl(44deg, 100%, 77%); - box-shadow: none; -} -.button.is-warning.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - color: hsl(44deg, 100%, 77%); -} -.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { - background-color: rgba(0, 0, 0, 0.7); -} -.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - border-color: transparent; - box-shadow: none; - color: hsl(44deg, 100%, 77%); -} -.button.is-warning.is-loading::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; -} -.button.is-warning.is-outlined { - background-color: transparent; - border-color: hsl(44deg, 100%, 77%); - color: hsl(44deg, 100%, 77%); -} -.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: hsl(44deg, 100%, 77%); - border-color: hsl(44deg, 100%, 77%); - color: rgba(0, 0, 0, 0.7); -} -.button.is-warning.is-outlined.is-loading::after { - border-color: transparent transparent hsl(44deg, 100%, 77%) hsl(44deg, 100%, 77%) !important; -} -.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 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; -} -.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined { - background-color: transparent; - border-color: hsl(44deg, 100%, 77%); - box-shadow: none; - color: hsl(44deg, 100%, 77%); -} -.button.is-warning.is-inverted.is-outlined { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); - color: rgba(0, 0, 0, 0.7); -} -.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused { - background-color: rgba(0, 0, 0, 0.7); - color: hsl(44deg, 100%, 77%); -} -.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 hsl(44deg, 100%, 77%) hsl(44deg, 100%, 77%) !important; -} -.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); - box-shadow: none; - color: rgba(0, 0, 0, 0.7); -} -.button.is-warning.is-light { - background-color: #fffaeb; - color: #946c00; -} -.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered { - background-color: #fff6de; - border-color: transparent; - color: #946c00; -} -.button.is-warning.is-light:active, .button.is-warning.is-light.is-active { - background-color: #fff3d1; - border-color: transparent; - color: #946c00; -} -.button.is-danger { - background-color: hsl(348deg, 86%, 61%); - border-color: transparent; - color: #fff; -} -.button.is-danger:hover, .button.is-danger.is-hovered { - background-color: #f03a5f; - border-color: transparent; - color: #fff; -} -.button.is-danger:focus, .button.is-danger.is-focused { - border-color: transparent; - color: #fff; -} -.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); -} -.button.is-danger:active, .button.is-danger.is-active { - background-color: #ef2e55; - border-color: transparent; - color: #fff; -} -.button.is-danger[disabled], fieldset[disabled] .button.is-danger { - background-color: hsl(348deg, 86%, 61%); - border-color: hsl(348deg, 86%, 61%); - box-shadow: none; -} -.button.is-danger.is-inverted { - background-color: #fff; - color: hsl(348deg, 86%, 61%); -} -.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { - background-color: #f2f2f2; -} -.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: hsl(348deg, 86%, 61%); -} -.button.is-danger.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} -.button.is-danger.is-outlined { - background-color: transparent; - border-color: hsl(348deg, 86%, 61%); - color: hsl(348deg, 86%, 61%); -} -.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: hsl(348deg, 86%, 61%); - border-color: hsl(348deg, 86%, 61%); - color: #fff; -} -.button.is-danger.is-outlined.is-loading::after { - border-color: transparent transparent hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important; -} -.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 #fff #fff !important; -} -.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined { - background-color: transparent; - border-color: hsl(348deg, 86%, 61%); - box-shadow: none; - color: hsl(348deg, 86%, 61%); -} -.button.is-danger.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} -.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: hsl(348deg, 86%, 61%); -} -.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 hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important; -} -.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; -} -.button.is-danger.is-light { - background-color: #feecf0; - color: #cc0f35; -} -.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered { - background-color: #fde0e6; - border-color: transparent; - color: #cc0f35; -} -.button.is-danger.is-light:active, .button.is-danger.is-light.is-active { - background-color: #fcd4dc; - border-color: transparent; - color: #cc0f35; -} -.button.is-small { - font-size: 0.75rem; -} -.button.is-small:not(.is-rounded) { - border-radius: 2px; -} -.button.is-normal { - font-size: 1rem; -} -.button.is-medium { - font-size: 1.25rem; -} -.button.is-large { - font-size: 1.5rem; -} -.button[disabled], fieldset[disabled] .button { - background-color: hsl(0deg, 0%, 100%); - border-color: hsl(0deg, 0%, 86%); - box-shadow: none; - opacity: 0.5; -} -.button.is-fullwidth { - display: flex; - width: 100%; -} -.button.is-loading { - color: transparent !important; - pointer-events: none; -} -.button.is-loading::after { - position: absolute; - left: calc(50% - (1em * 0.5)); - top: calc(50% - (1em * 0.5)); - position: absolute !important; -} -.button.is-static { - background-color: hsl(0deg, 0%, 96%); - border-color: hsl(0deg, 0%, 86%); - color: hsl(0deg, 0%, 48%); - box-shadow: none; - pointer-events: none; -} -.button.is-rounded { - border-radius: 9999px; - padding-left: calc(1em + 0.25em); - padding-right: calc(1em + 0.25em); -} - -.buttons { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; -} -.buttons .button { - margin-bottom: 0.5rem; -} -.buttons .button:not(:last-child):not(.is-fullwidth) { - margin-right: 0.5rem; -} -.buttons:last-child { - margin-bottom: -0.5rem; -} -.buttons:not(:last-child) { - margin-bottom: 1rem; -} -.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { - font-size: 0.75rem; -} -.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) { - border-radius: 2px; -} -.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.5rem; -} -.buttons.has-addons .button:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} -.buttons.has-addons .button:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - margin-right: -1px; -} -.buttons.has-addons .button:last-child { - margin-right: 0; -} -.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { - z-index: 2; -} -.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { - z-index: 3; -} -.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-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; -} - -@media screen and (max-width: 768px) { - .button.is-responsive.is-small { - font-size: 0.5625rem; - } - .button.is-responsive, - .button.is-responsive.is-normal { - font-size: 0.65625rem; - } - .button.is-responsive.is-medium { - font-size: 0.75rem; - } - .button.is-responsive.is-large { - font-size: 1rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .button.is-responsive.is-small { - font-size: 0.65625rem; - } - .button.is-responsive, - .button.is-responsive.is-normal { - font-size: 0.75rem; - } - .button.is-responsive.is-medium { - font-size: 1rem; - } - .button.is-responsive.is-large { - font-size: 1.25rem; - } -} -.navbar { - background-color: hsl(0deg, 0%, 100%); - min-height: 3.25rem; - position: relative; - z-index: 30; -} -.navbar.is-white { - background-color: hsl(0deg, 0%, 100%); - color: hsl(0deg, 0%, 4%); -} -.navbar.is-white .navbar-brand > .navbar-item, -.navbar.is-white .navbar-brand .navbar-link { - color: hsl(0deg, 0%, 4%); -} -.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; - color: hsl(0deg, 0%, 4%); -} -.navbar.is-white .navbar-brand .navbar-link::after { - border-color: hsl(0deg, 0%, 4%); -} -.navbar.is-white .navbar-burger { - color: hsl(0deg, 0%, 4%); -} -@media screen and (min-width: 1024px) { - .navbar.is-white .navbar-start > .navbar-item, - .navbar.is-white .navbar-start .navbar-link, - .navbar.is-white .navbar-end > .navbar-item, - .navbar.is-white .navbar-end .navbar-link { - color: hsl(0deg, 0%, 4%); - } - .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; - color: hsl(0deg, 0%, 4%); - } - .navbar.is-white .navbar-start .navbar-link::after, - .navbar.is-white .navbar-end .navbar-link::after { - border-color: hsl(0deg, 0%, 4%); - } - .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; - color: hsl(0deg, 0%, 4%); - } - .navbar.is-white .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0deg, 0%, 100%); - color: hsl(0deg, 0%, 4%); - } -} -.navbar.is-black { - background-color: hsl(0deg, 0%, 4%); - color: hsl(0deg, 0%, 100%); -} -.navbar.is-black .navbar-brand > .navbar-item, -.navbar.is-black .navbar-brand .navbar-link { - color: hsl(0deg, 0%, 100%); -} -.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; - color: hsl(0deg, 0%, 100%); -} -.navbar.is-black .navbar-brand .navbar-link::after { - border-color: hsl(0deg, 0%, 100%); -} -.navbar.is-black .navbar-burger { - color: hsl(0deg, 0%, 100%); -} -@media screen and (min-width: 1024px) { - .navbar.is-black .navbar-start > .navbar-item, - .navbar.is-black .navbar-start .navbar-link, - .navbar.is-black .navbar-end > .navbar-item, - .navbar.is-black .navbar-end .navbar-link { - color: hsl(0deg, 0%, 100%); - } - .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; - color: hsl(0deg, 0%, 100%); - } - .navbar.is-black .navbar-start .navbar-link::after, - .navbar.is-black .navbar-end .navbar-link::after { - border-color: hsl(0deg, 0%, 100%); - } - .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; - color: hsl(0deg, 0%, 100%); - } - .navbar.is-black .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0deg, 0%, 4%); - color: hsl(0deg, 0%, 100%); - } -} -.navbar.is-light { - background-color: hsl(0deg, 0%, 96%); - color: rgba(0, 0, 0, 0.7); -} -.navbar.is-light .navbar-brand > .navbar-item, -.navbar.is-light .navbar-brand .navbar-link { - color: rgba(0, 0, 0, 0.7); -} -.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: #e8e8e8; - color: rgba(0, 0, 0, 0.7); -} -.navbar.is-light .navbar-brand .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); -} -.navbar.is-light .navbar-burger { - color: rgba(0, 0, 0, 0.7); -} -@media screen and (min-width: 1024px) { - .navbar.is-light .navbar-start > .navbar-item, - .navbar.is-light .navbar-start .navbar-link, - .navbar.is-light .navbar-end > .navbar-item, - .navbar.is-light .navbar-end .navbar-link { - color: rgba(0, 0, 0, 0.7); - } - .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: #e8e8e8; - color: rgba(0, 0, 0, 0.7); - } - .navbar.is-light .navbar-start .navbar-link::after, - .navbar.is-light .navbar-end .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); - } - .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: #e8e8e8; - color: rgba(0, 0, 0, 0.7); - } - .navbar.is-light .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0deg, 0%, 96%); - color: rgba(0, 0, 0, 0.7); - } -} -.navbar.is-dark { - background-color: hsl(0deg, 0%, 21%); - color: #fff; -} -.navbar.is-dark .navbar-brand > .navbar-item, -.navbar.is-dark .navbar-brand .navbar-link { - color: #fff; -} -.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: #292929; - color: #fff; -} -.navbar.is-dark .navbar-brand .navbar-link::after { - border-color: #fff; -} -.navbar.is-dark .navbar-burger { - color: #fff; -} -@media screen and (min-width: 1024px) { - .navbar.is-dark .navbar-start > .navbar-item, - .navbar.is-dark .navbar-start .navbar-link, - .navbar.is-dark .navbar-end > .navbar-item, - .navbar.is-dark .navbar-end .navbar-link { - color: #fff; - } - .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: #292929; - color: #fff; - } - .navbar.is-dark .navbar-start .navbar-link::after, - .navbar.is-dark .navbar-end .navbar-link::after { - border-color: #fff; - } - .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: #292929; - color: #fff; - } - .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0deg, 0%, 21%); - color: #fff; - } -} -.navbar.is-primary { - background-color: hsl(171deg, 100%, 41%); - color: #fff; -} -.navbar.is-primary .navbar-brand > .navbar-item, -.navbar.is-primary .navbar-brand .navbar-link { - color: #fff; -} -.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: #00b89c; - color: #fff; -} -.navbar.is-primary .navbar-brand .navbar-link::after { - border-color: #fff; -} -.navbar.is-primary .navbar-burger { - color: #fff; -} -@media screen and (min-width: 1024px) { - .navbar.is-primary .navbar-start > .navbar-item, - .navbar.is-primary .navbar-start .navbar-link, - .navbar.is-primary .navbar-end > .navbar-item, - .navbar.is-primary .navbar-end .navbar-link { - color: #fff; - } - .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: #00b89c; - color: #fff; - } - .navbar.is-primary .navbar-start .navbar-link::after, - .navbar.is-primary .navbar-end .navbar-link::after { - border-color: #fff; - } - .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: #00b89c; - color: #fff; - } - .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(171deg, 100%, 41%); - color: #fff; - } -} -.navbar.is-link { - background-color: hsl(229deg, 53%, 53%); - color: #fff; -} -.navbar.is-link .navbar-brand > .navbar-item, -.navbar.is-link .navbar-brand .navbar-link { - color: #fff; -} -.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: #3a51bb; - color: #fff; -} -.navbar.is-link .navbar-brand .navbar-link::after { - border-color: #fff; -} -.navbar.is-link .navbar-burger { - color: #fff; -} -@media screen and (min-width: 1024px) { - .navbar.is-link .navbar-start > .navbar-item, - .navbar.is-link .navbar-start .navbar-link, - .navbar.is-link .navbar-end > .navbar-item, - .navbar.is-link .navbar-end .navbar-link { - color: #fff; - } - .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: #3a51bb; - color: #fff; - } - .navbar.is-link .navbar-start .navbar-link::after, - .navbar.is-link .navbar-end .navbar-link::after { - border-color: #fff; - } - .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: #3a51bb; - color: #fff; - } - .navbar.is-link .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(229deg, 53%, 53%); - color: #fff; - } -} -.navbar.is-info { - background-color: hsl(207deg, 61%, 53%); - color: #fff; -} -.navbar.is-info .navbar-brand > .navbar-item, -.navbar.is-info .navbar-brand .navbar-link { - color: #fff; -} -.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: #3082c5; - color: #fff; -} -.navbar.is-info .navbar-brand .navbar-link::after { - border-color: #fff; -} -.navbar.is-info .navbar-burger { - color: #fff; -} -@media screen and (min-width: 1024px) { - .navbar.is-info .navbar-start > .navbar-item, - .navbar.is-info .navbar-start .navbar-link, - .navbar.is-info .navbar-end > .navbar-item, - .navbar.is-info .navbar-end .navbar-link { - color: #fff; - } - .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: #3082c5; - color: #fff; - } - .navbar.is-info .navbar-start .navbar-link::after, - .navbar.is-info .navbar-end .navbar-link::after { - border-color: #fff; - } - .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: #3082c5; - color: #fff; - } - .navbar.is-info .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(207deg, 61%, 53%); - color: #fff; - } -} -.navbar.is-success { - background-color: hsl(153deg, 53%, 53%); - color: #fff; -} -.navbar.is-success .navbar-brand > .navbar-item, -.navbar.is-success .navbar-brand .navbar-link { - color: #fff; -} -.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: #3abb81; - color: #fff; -} -.navbar.is-success .navbar-brand .navbar-link::after { - border-color: #fff; -} -.navbar.is-success .navbar-burger { - color: #fff; -} -@media screen and (min-width: 1024px) { - .navbar.is-success .navbar-start > .navbar-item, - .navbar.is-success .navbar-start .navbar-link, - .navbar.is-success .navbar-end > .navbar-item, - .navbar.is-success .navbar-end .navbar-link { - color: #fff; - } - .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: #3abb81; - color: #fff; - } - .navbar.is-success .navbar-start .navbar-link::after, - .navbar.is-success .navbar-end .navbar-link::after { - border-color: #fff; - } - .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: #3abb81; - color: #fff; - } - .navbar.is-success .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(153deg, 53%, 53%); - color: #fff; - } -} -.navbar.is-warning { - background-color: hsl(44deg, 100%, 77%); - color: rgba(0, 0, 0, 0.7); -} -.navbar.is-warning .navbar-brand > .navbar-item, -.navbar.is-warning .navbar-brand .navbar-link { - color: rgba(0, 0, 0, 0.7); -} -.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: #ffd970; - color: rgba(0, 0, 0, 0.7); -} -.navbar.is-warning .navbar-brand .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); -} -.navbar.is-warning .navbar-burger { - color: rgba(0, 0, 0, 0.7); -} -@media screen and (min-width: 1024px) { - .navbar.is-warning .navbar-start > .navbar-item, - .navbar.is-warning .navbar-start .navbar-link, - .navbar.is-warning .navbar-end > .navbar-item, - .navbar.is-warning .navbar-end .navbar-link { - color: rgba(0, 0, 0, 0.7); - } - .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: #ffd970; - color: rgba(0, 0, 0, 0.7); - } - .navbar.is-warning .navbar-start .navbar-link::after, - .navbar.is-warning .navbar-end .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); - } - .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: #ffd970; - color: rgba(0, 0, 0, 0.7); - } - .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(44deg, 100%, 77%); - color: rgba(0, 0, 0, 0.7); - } -} -.navbar.is-danger { - background-color: hsl(348deg, 86%, 61%); - color: #fff; -} -.navbar.is-danger .navbar-brand > .navbar-item, -.navbar.is-danger .navbar-brand .navbar-link { - color: #fff; -} -.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: #ef2e55; - color: #fff; -} -.navbar.is-danger .navbar-brand .navbar-link::after { - border-color: #fff; -} -.navbar.is-danger .navbar-burger { - color: #fff; -} -@media screen and (min-width: 1024px) { - .navbar.is-danger .navbar-start > .navbar-item, - .navbar.is-danger .navbar-start .navbar-link, - .navbar.is-danger .navbar-end > .navbar-item, - .navbar.is-danger .navbar-end .navbar-link { - color: #fff; - } - .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: #ef2e55; - color: #fff; - } - .navbar.is-danger .navbar-start .navbar-link::after, - .navbar.is-danger .navbar-end .navbar-link::after { - border-color: #fff; - } - .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: #ef2e55; - color: #fff; - } - .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(348deg, 86%, 61%); - color: #fff; - } -} -.navbar > .container { - align-items: stretch; - display: flex; - min-height: 3.25rem; - width: 100%; -} -.navbar.has-shadow { - box-shadow: 0 2px 0 0 hsl(0deg, 0%, 96%); -} -.navbar.is-fixed-bottom, .navbar.is-fixed-top { - left: 0; - position: fixed; - right: 0; - z-index: 30; -} -.navbar.is-fixed-bottom { - bottom: 0; -} -.navbar.is-fixed-bottom.has-shadow { - box-shadow: 0 -2px 0 0 hsl(0deg, 0%, 96%); -} -.navbar.is-fixed-top { - top: 0; -} - -html.has-navbar-fixed-top, -body.has-navbar-fixed-top { - padding-top: 3.25rem; -} -html.has-navbar-fixed-bottom, -body.has-navbar-fixed-bottom { - padding-bottom: 3.25rem; -} - -.navbar-brand, -.navbar-tabs { - align-items: stretch; - display: flex; - flex-shrink: 0; - min-height: 3.25rem; -} - -.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { - background-color: transparent; -} - -.navbar-tabs { - -webkit-overflow-scrolling: touch; - max-width: 100vw; - overflow-x: auto; - overflow-y: hidden; -} - -.navbar-burger { - color: hsl(0deg, 0%, 29%); - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: none; - border: none; - cursor: pointer; - display: block; - height: 3.25rem; - position: relative; - width: 3.25rem; - margin-left: auto; -} -.navbar-burger span { - background-color: currentColor; - display: block; - height: 1px; - left: calc(50% - 8px); - position: absolute; - transform-origin: center; - transition-duration: 86ms; - transition-property: background-color, opacity, transform; - transition-timing-function: ease-out; - width: 16px; -} -.navbar-burger span:nth-child(1) { - top: calc(50% - 6px); -} -.navbar-burger span:nth-child(2) { - top: calc(50% - 1px); -} -.navbar-burger span:nth-child(3) { - top: calc(50% + 4px); -} -.navbar-burger:hover { - background-color: rgba(0, 0, 0, 0.05); -} -.navbar-burger.is-active span:nth-child(1) { - transform: translateY(5px) rotate(45deg); -} -.navbar-burger.is-active span:nth-child(2) { - opacity: 0; -} -.navbar-burger.is-active span:nth-child(3) { - transform: translateY(-5px) rotate(-45deg); -} - -.navbar-menu { - display: none; -} - -.navbar-item, -.navbar-link { - color: hsl(0deg, 0%, 29%); - display: block; - line-height: 1.5; - padding: 0.5rem 0.75rem; - position: relative; -} -.navbar-item .icon:only-child, -.navbar-link .icon:only-child { - margin-left: -0.25rem; - margin-right: -0.25rem; -} - -a.navbar-item, -.navbar-link { - cursor: pointer; -} -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: hsl(0deg, 0%, 98%); - color: hsl(229deg, 53%, 53%); -} - -.navbar-item { - flex-grow: 0; - flex-shrink: 0; -} -.navbar-item img { - max-height: 1.75rem; -} -.navbar-item.has-dropdown { - padding: 0; -} -.navbar-item.is-expanded { - flex-grow: 1; - flex-shrink: 1; -} -.navbar-item.is-tab { - border-bottom: 1px solid transparent; - min-height: 3.25rem; - padding-bottom: calc(0.5rem - 1px); -} -.navbar-item.is-tab:focus, .navbar-item.is-tab:hover { - background-color: transparent; - border-bottom-color: hsl(229deg, 53%, 53%); -} -.navbar-item.is-tab.is-active { - background-color: transparent; - border-bottom-color: hsl(229deg, 53%, 53%); - border-bottom-style: solid; - border-bottom-width: 3px; - color: hsl(229deg, 53%, 53%); - padding-bottom: calc(0.5rem - 3px); -} - -.navbar-content { - flex-grow: 1; - flex-shrink: 1; -} - -.navbar-link:not(.is-arrowless) { - padding-right: 2.5em; -} -.navbar-link:not(.is-arrowless)::after { - border-color: hsl(229deg, 53%, 53%); - margin-top: -0.375em; - right: 1.125em; -} - -.navbar-dropdown { - font-size: 0.875rem; - padding-bottom: 0.5rem; - padding-top: 0.5rem; -} -.navbar-dropdown .navbar-item { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.navbar-divider { - background-color: hsl(0deg, 0%, 96%); - border: none; - display: none; - height: 2px; - margin: 0.5rem 0; -} - -@media screen and (max-width: 1023px) { - .navbar > .container { - display: block; - } - .navbar-brand .navbar-item, - .navbar-tabs .navbar-item { - align-items: center; - display: flex; - } - .navbar-link::after { - display: none; - } - .navbar-menu { - background-color: hsl(0deg, 0%, 100%); - box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); - padding: 0.5rem 0; - } - .navbar-menu.is-active { - display: block; - } - .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { - left: 0; - position: fixed; - right: 0; - z-index: 30; - } - .navbar.is-fixed-bottom-touch { - bottom: 0; - } - .navbar.is-fixed-bottom-touch.has-shadow { - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); - } - .navbar.is-fixed-top-touch { - top: 0; - } - .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { - -webkit-overflow-scrolling: touch; - max-height: calc(100vh - 3.25rem); - overflow: auto; - } - html.has-navbar-fixed-top-touch, - body.has-navbar-fixed-top-touch { - padding-top: 3.25rem; - } - html.has-navbar-fixed-bottom-touch, - body.has-navbar-fixed-bottom-touch { - padding-bottom: 3.25rem; - } -} -@media screen and (min-width: 1024px) { - .navbar, - .navbar-menu, - .navbar-start, - .navbar-end { - align-items: stretch; - display: flex; - } - .navbar { - min-height: 3.25rem; - } - .navbar.is-spaced { - padding: 1rem 2rem; - } - .navbar.is-spaced .navbar-start, - .navbar.is-spaced .navbar-end { - align-items: center; - } - .navbar.is-spaced a.navbar-item, - .navbar.is-spaced .navbar-link { - border-radius: 4px; - } - .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: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:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { - background-color: hsl(0deg, 0%, 96%); - color: hsl(0deg, 0%, 4%); - } - .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0deg, 0%, 96%); - color: hsl(229deg, 53%, 53%); - } - .navbar-burger { - display: none; - } - .navbar-item, - .navbar-link { - align-items: center; - display: flex; - } - .navbar-item.has-dropdown { - align-items: stretch; - } - .navbar-item.has-dropdown-up .navbar-link::after { - transform: rotate(135deg) translate(0.25em, -0.25em); - } - .navbar-item.has-dropdown-up .navbar-dropdown { - border-bottom: 2px solid hsl(0deg, 0%, 86%); - border-radius: 6px 6px 0 0; - border-top: none; - 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: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: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); - } - .navbar-menu { - flex-grow: 1; - flex-shrink: 0; - } - .navbar-start { - justify-content: flex-start; - margin-right: auto; - } - .navbar-end { - justify-content: flex-end; - margin-left: auto; - } - .navbar-dropdown { - background-color: hsl(0deg, 0%, 100%); - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-top: 2px solid hsl(0deg, 0%, 86%); - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); - display: none; - font-size: 0.875rem; - left: 0; - min-width: 100%; - position: absolute; - top: 100%; - z-index: 20; - } - .navbar-dropdown .navbar-item { - padding: 0.375rem 1rem; - white-space: nowrap; - } - .navbar-dropdown a.navbar-item { - padding-right: 3rem; - } - .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { - background-color: hsl(0deg, 0%, 96%); - color: hsl(0deg, 0%, 4%); - } - .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0deg, 0%, 96%); - color: hsl(229deg, 53%, 53%); - } - .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { - border-radius: 6px; - border-top: none; - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - display: block; - opacity: 0; - pointer-events: none; - top: calc(100% + (-4px)); - transform: translateY(-5px); - transition-duration: 86ms; - transition-property: opacity, transform; - } - .navbar-dropdown.is-right { - left: auto; - right: 0; - } - .navbar-divider { - display: block; - } - .navbar > .container .navbar-brand, - .container > .navbar .navbar-brand { - margin-left: -0.75rem; - } - .navbar > .container .navbar-menu, - .container > .navbar .navbar-menu { - margin-right: -0.75rem; - } - .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { - left: 0; - position: fixed; - right: 0; - z-index: 30; - } - .navbar.is-fixed-bottom-desktop { - bottom: 0; - } - .navbar.is-fixed-bottom-desktop.has-shadow { - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); - } - .navbar.is-fixed-top-desktop { - top: 0; - } - html.has-navbar-fixed-top-desktop, - body.has-navbar-fixed-top-desktop { - padding-top: 3.25rem; - } - html.has-navbar-fixed-bottom-desktop, - body.has-navbar-fixed-bottom-desktop { - padding-bottom: 3.25rem; - } - html.has-spaced-navbar-fixed-top, - body.has-spaced-navbar-fixed-top { - padding-top: 5.25rem; - } - html.has-spaced-navbar-fixed-bottom, - body.has-spaced-navbar-fixed-bottom { - padding-bottom: 5.25rem; - } - a.navbar-item.is-active, - .navbar-link.is-active { - color: hsl(0deg, 0%, 4%); - } - a.navbar-item.is-active:not(:focus):not(:hover), - .navbar-link.is-active:not(:focus):not(:hover) { - background-color: transparent; - } - .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { - background-color: hsl(0deg, 0%, 98%); - } -} -.hero.is-fullheight-with-navbar { - min-height: calc(100vh - 3.25rem); -} - -#player .button, #player a.button, #player button.button, .ax .button, .ax a.button, .ax button.button { - font-size: 1rem; - display: inline-block; - padding: 0.4rem; - border: none; - justify-content: center; - text-align: center; - cursor: pointer; - text-decoration: none; - color: var(--button-fg); - background-color: var(--button-bg); -} -#player .button.secondary, #player a.button.secondary, #player button.button.secondary, .ax .button.secondary, .ax a.button.secondary, .ax button.button.secondary { - background-color: var(--button-sec-bg); -} -#player .button .label, #player .button label, #player a.button .label, #player a.button label, #player button.button .label, #player button.button label, .ax .button .label, .ax .button label, .ax a.button .label, .ax a.button label, .ax button.button .label, .ax button.button label { - cursor: pointer; -} -#player .button .icon, #player a.button .icon, #player button.button .icon, .ax .button .icon, .ax a.button .icon, .ax button.button .icon { - vertical-align: middle; -} -#player .button .icon:not(:only-child):first-child, #player a.button .icon:not(:only-child):first-child, #player button.button .icon:not(:only-child):first-child, .ax .button .icon:not(:only-child):first-child, .ax a.button .icon:not(:only-child):first-child, .ax button.button .icon:not(:only-child):first-child { - margin-right: 0.6rem; -} -#player .button .icon:not(:only-child):last-child, #player a.button .icon:not(:only-child):last-child, #player button.button .icon:not(:only-child):last-child, .ax .button .icon:not(:only-child):last-child, .ax a.button .icon:not(:only-child):last-child, .ax button.button .icon:not(:only-child):last-child { - margin-left: 0.6rem; -} -#player .button:hover, #player a.button:hover, #player button.button:hover, .ax .button:hover, .ax a.button:hover, .ax button.button:hover { - color: var(--button-hv-fg); - background-color: var(--button-hv-bg); - opacity: 1 !important; -} -#player .button.active:not(:hover), #player a.button.active:not(:hover), #player button.button.active:not(:hover), .ax .button.active:not(:hover), .ax a.button.active:not(:hover), .ax button.button.active:not(:hover) { - color: var(--button-active-fg); - background-color: var(--button-active-bg); -} -#player .button:not([disabled]), #player .button:not(.disabled), #player a.button:not([disabled]), #player a.button:not(.disabled), #player button.button:not([disabled]), #player button.button:not(.disabled), .ax .button:not([disabled]), .ax .button:not(.disabled), .ax a.button:not([disabled]), .ax a.button:not(.disabled), .ax button.button:not([disabled]), .ax button.button:not(.disabled) { - cursor: pointer; -} -#player .button[disabled], #player .button.disabled, #player a.button[disabled], #player a.button.disabled, #player button.button[disabled], #player button.button.disabled, .ax .button[disabled], .ax .button.disabled, .ax a.button[disabled], .ax a.button.disabled, .ax button.button[disabled], .ax button.button.disabled { - background-color: var(--text-color-light); - color: var(--secondary-color); - border-color: var(--secondary-color-light); -} -#player .button .dropdown-trigger, #player a.button .dropdown-trigger, #player button.button .dropdown-trigger, .ax .button .dropdown-trigger, .ax a.button .dropdown-trigger, .ax button.button .dropdown-trigger { - border-radius: 1.5em; -} -#player .button-group .button, #player .nav .button, .ax .button-group .button, .ax .nav .button { - border-radius: 0px; - background-color: transparent; - border-top: 0px; - border-bottom: 0px; - height: 100%; -} -#player .button-group .button:not(:first-child), #player .nav .button:not(:first-child), .ax .button-group .button:not(:first-child), .ax .nav .button:not(:first-child) { - border-left: 0px; -} -#player .button-group .button:last-child, #player .nav .button:last-child, .ax .button-group .button:last-child, .ax .nav .button:last-child { - border-right: 0px; -} - -.admin .navbar.has-shadow, .admin .navbar.is-fixed-bottom.has-shadow { - box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.1); -} -.admin a.navbar-item.is-active { - border-bottom: 1px grey solid; -} -.admin .navbar + .container { - margin-top: 1em; -} -.admin .navbar .navbar-dropdown { - z-index: 2000; -} -.admin .navbar .navbar-split { - margin: 0.2em 0em; - margin-right: 1em; - padding-right: 1em; - border-right: 1px #ddd solid; - display: inline-block; -} -.admin .navbar form { - margin: 0em; - padding: 0em; -} -.admin .navbar.toolbar { - margin: 1em 0em; - background-color: transparent; - margin-bottom: 1em; -} -.admin .navbar.toolbar .title { - padding-right: 2em; - margin-right: 1em; - border-right: 1px #ddd solid; - font-size: 1rem; - font-weight: 100; -} -.admin .navbar .navbar-dropdown { - max-height: 40rem; - overflow-y: auto; -} -.admin .navbar .navbar-dropdown input { - z-index: 10000; - position: sticky; - top: 0; -} -.admin .navbar .navbar-brand { - padding-right: 1em; -} -.admin .navbar .navbar-brand img { - margin: 0em 0.4em; - margin-top: 0.3em; - max-height: 3em; -} -.admin .breadcrumbs { - margin-bottom: 1em; -} -.admin .results > #result_list { - width: 100%; - margin: 1em 0em; -} -.admin ul.menu-list li { - list-style-type: none; -} -.admin .submit-row a.deletelink { - height: 35px; -} diff --git a/aircox/static/aircox/css/chunk-common.css b/aircox/static/aircox/css/chunk-common.css index 9500da6..6d9633d 100644 --- a/aircox/static/aircox/css/chunk-common.css +++ b/aircox/static/aircox/css/chunk-common.css @@ -1,3 +1,2901 @@ +/*!*************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/styles/admin.scss ***! + \*************************************************************************************************************************************************************************************************************************************/ +:root { + --title-1-sz: 1.6rem; + --title-2-sz: 1.4rem; + --title-3-sz: 1.2rem; + --subtitle-1-sz: 1.6rem; + --subtitle-2-sz: 1.4rem; + --subtitle-3-sz: 1.2rem; + --heading-font-family: default; + --heading-bg: var(--main-color); + --heading-fg: var(--text-color); + --heading-hg-fg: var(--text-color); + --heading-hg-bg: var(--secondary-color); + --heading-link-hv-fg: var(--link-fg); + --cover-w: 14rem; + --cover-h: 14rem; + --cover-small-w: 10rem; + --cover-small-h: 10rem; + --cover-tiny-w: 10rem; + --cover-tiny-h: 10rem; + --card-w: var(--cover-w); + --preview-bg: var(--body-bg); + --preview-title-sz: var(--title-3-sz); + --preview-subtitle-sz: var(--title-3-sz); + --preview-cover-size: 14rem; + --preview-cover-small-size: 10rem; + --preview-cover-tiny-size: 4rem; + --preview-wide-content-sz: 1.2rem; + --preview-heading-bg-color: var(--main-color); + --header-height: var(--cover-h); + --a-carousel-p: 1.4rem; + --a-carousel-ml: calc(1.2rem - 0.5rem); + --a-carousel-gap: 1.2rem; + --a-carousel-nav-x: -0.6em; + --a-carousel-bg: none; + --a-progress-bg: transparent; + --a-progress-bar-bg: var(--secondary-color); + --a-progress-bar-color: var(--text-color); + --a-progress-bar-pd: 0.4rem; + --a-playlist-header-bg: var(--secondary-color); + --a-playlist-header-fg: var(--text-color); + --a-playlist-title-sz: 1rem; + --a-playlist-title-pd: 0.6rem; + --a-playlist-item-border: 1px var(--secondary-color) solid; + --a-sound-bg: var(--main-color); + --a-sound-hv-bg: var(--main-color); + --a-sound-hv-fg: var(--secondary-color); + --a-sound-playing-fg: var(--secondary-color-dark); + --a-sound-text-sz: 1rem; + --a-player-url-fg: var(--text-color); + --a-player-panel-bg: var(--main-color); + --a-player-bar-height: var(--nav-primary-height); + --a-player-bar-bg: var(--main-color); + --a-player-bar-title-alone-sz: 1.4rem; + --a-player-bar-button-fg: var(--button-fg); + --a-player-bar-button-fg: var(--button-bg); + --a-player-bar-button-hv-fg: var(--button-hv-fg); + --a-player-bar-button-hv-bg: var(--button-hv-bg); + --button-fg: var(--text-color); + --button-bg: var(--main-color); + --button-sec-bg: var(--main-color-light); + --button-hv-fg: var(--text-color); + --button-hv-bg: var(--secondary-color-light); + --button-active-fg: var(--text-color); + --button-active-bg: var(--secondary-color); +} + +@media screen and (max-width: 1380px) { + :root { + --cover-w: 10rem; + --cover-h: 10rem; + --cover-small-w: 6rem; + --cover-small-h: 6rem; + --cover-tiny-w: 4rem; + --cover-tiny-h: 4rem; + --section-content-sz: 1rem; + } +} +.title.is-1, .header.preview .title.is-1 { + font-size: var(--title-1-sz); +} +.title.is-2, .header.preview .title.is-2 { + font-size: var(--title-2-sz); +} +.title.is-3, .header.preview .title.is-3 { + font-size: var(--title-3-sz); +} + +.subtitle, .header.preview .subtitle { + color: var(--text-color-light); +} +.subtitle.is-1, .header.preview .subtitle.is-1 { + font-size: var(--subtitle-1-sz); +} +.subtitle.is-2, .header.preview .subtitle.is-2 { + font-size: var(--subtitle-2-sz); +} +.subtitle.is-3, .header.preview .subtitle.is-3 { + font-size: var(--subtitle-3-sz); +} + +.title + .subtitle { + padding-top: 0em !important; +} + +.headings a, a.heading, a.subtitle { + text-decoration: none !important; +} + +.heading { + display: inline-block; +} +.heading:not(:empty) { + padding: 0.4rem; + margin-top: 0em !important; + vertical-align: top; +} +.heading:not(:empty).highlight, .heading:not(:empty).active, .preview.active .heading:not(:empty) { + color: var(--heading-hg-fg); +} + +.modal-card { + max-width: 1380px; +} + +.modal-card { + max-height: calc(100% - 10rem); +} + +.preview { + position: relative; + background-size: cover; + background-color: var(--preview-bg) !important; +} +.preview.preview-item { + width: 100%; +} +.preview.columns, .preview .headings.columns { + margin-left: 0em; + margin-right: 0em; +} +.preview.columns .column, .preview .headings.columns .column { + padding: 0em; +} +.preview .title, .preview .title:not(:last-child) { + font-weight: 700; + font-size: var(--preview-title-sz); + margin-bottom: unset; +} +.preview .subtitle { + font-weight: 500; + font-size: var(--preview-subtitle-sz); + margin-bottom: unset; +} +.preview .headings { + background-size: cover; +} +.preview .headings > * { + margin: 0em; +} +.preview .headings .column { + padding: 0em; +} +.preview .headings a { + color: var(--text-color); +} +.preview .headings a:hover { + color: var(--heading-link-hv-fg) !important; +} +.preview.tiny .content { + font-size: 1rem; +} + +.preview-cover { + background: var(--preview-bg); + background-size: cover; + background-repeat: no-repeat; + height: var(--cover-h); + max-width: calc(var(--cover-w) * 1.5); + min-width: var(--cover-w); + overflow: hidden; + border: 1px #c4c4c4 solid; +} +.preview-cover img { + height: var(--cover-h); + max-width: calc(var(--cover-w) * 1.5); + min-width: var(--cover-w); +} +.preview-cover img.hide { + visibility: hidden; +} +.preview-cover.small, .preview.small .preview-cover { + min-width: unset; + height: var(--preview-cover-small-size); + width: var(--preview-cover-small-size) !important; + min-width: var(--preview-cover-small-size); +} +.preview-cover.tiny, .preview.tiny .preview-cover { + min-width: unset; + height: var(--preview-cover-tiny-size); + width: var(--preview-cover-tiny-size) !important; + min-width: var(--preview-cover-tiny-size); +} + +.preview-header { + width: 100%; +} +.preview-header:not(.no-cover) { + min-height: var(--header-height); +} +.preview-header.no-cover { + height: unset; +} +.preview-header .headings { + padding-top: 2rem; +} +.preview-header .headings, .preview-header > .container { + width: 100%; +} +.preview-header > .container { + height: 100%; +} + +.list-item { + display: flex; + flex-direction: column; + width: 100%; +} +.list-item .headings { + display: flex; + flex-direction: row; + padding: 0em; + margin-bottom: 0.4rem !important; +} +.list-item .headings .heading { + padding: 0rem; +} +.list-item .title { + flex-grow: 1; +} +.list-item .subtitle { + font-size: var(--preview-title-sz); + text-align: right; +} +.list-item .subtitle:not(:empty) { + min-width: 9rem; +} +.list-item .media-content { + height: 100%; + margin-bottom: unset; +} +.list-item:not(.no-cover) .list-item .media-content { + min-height: var(--preview-cover-small-size); +} +.list-item .actions { + text-align: right; +} +.list-item:not(.wide) .media { + padding: 0.6rem; + border: 1px solid var(--break-color) !important; +} + +@media screen and (max-width: 400px) { + .list-item .headings { + flex-direction: column; + } + .list-item .headings .heading { + display: inline; + text-align: left; + } + .list-item .headings .subtitle { + color: unset !important; + background: none !important; + } +} +.list-item.wide .preview-cover { + box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.2); +} +.list-item.wide .content { + font-size: var(--preview-wide-content-sz); + flex-grow: 1; +} + +.preview-card { + display: flex; + flex-direction: column; + width: var(--card-w); + padding: 0rem !important; + margin-bottom: auto; + background-color: var(--preview-bg) !important; + transition: box-shadow 0.2s; +} +.preview-card:hover figure { + box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.2); +} +.preview-card:hover a { + color: var(--heading-link-hv-fg); +} +.preview-card .headings { + margin-top: 0.4rem; +} +.preview-card .headings .heading { + display: block !important; +} +.preview-card .headings .subtitle { + font-size: 1.2rem; +} +.preview-card .card-content { + flex-grow: 1; + position: relative; +} +.preview-card .card-content figure { + height: var(--cover-h); + width: var(--cover-w); +} +.preview-card .card-content .actions { + position: absolute; + padding: 0.4rem; + bottom: 0rem; + right: 0rem; +} + +.a-carousel .a-carousel-viewport { + box-shadow: inset 0em 0em 20rem var(--a-carousel-bg); + padding: 0rem; + padding-top: var(--a-carousel-p); + margin-top: calc(0rem - var(--a-carousel-p)); +} + +.a-carousel-container { + width: 100%; + gap: var(--a-carousel-gap); + transition: margin-left 1s; +} +.a-carousel-container > * { + flex-shrink: 0; +} + +.a-carousel-bullets-container { + padding-left: var(--a-carousel-ml); +} +.a-carousel-bullets-container .bullet { + margin: 0.2rem; + cursor: pointer; +} +.a-carousel-bullets-container .bullet:hover { + color: var(--link-fg); +} + +.a-progress { + display: flex; + flex-direction: row; + margin: 0em; + padding: 0em; +} +.a-progress:hover { + background-color: var(--a-progress-bg); +} +.a-progress .a-progress-bar-container { + flex-grow: 1; + margin: 0em; +} +.a-progress > time, .a-progress .a-progress-bar { + height: 100%; + padding: var(--a-progress-bar-pd); +} +.a-progress .a-progress-bar { + background-color: var(--a-progress-bar-bg); + color: var(--a-progress-bar-color); +} + +.playlist .header, .a-playlist .header { + display: flex; + flex-direction: row; +} +.playlist .header .title, .playlist .header .button, .a-playlist .header .title, .a-playlist .header .button { + background-color: var(--a-playlist-header-bg); + color: var(--a-playlist-header-fg); +} +.playlist .header .title, .a-playlist .header .title { + font-size: var(--a-playlist-title-sz); + margin: 0; + padding: var(--a-playlist-title-pd); +} +.playlist li, .a-playlist li { + list-style: none; + border-bottom: var(--a-playlist-item-border); +} +.playlist li:last-child, .a-playlist li:last-child { + border-bottom: 0px; +} + +.a-sound-item { + display: flex; + align-items: center; + flex-direction: row; + height: 3rem; + background-color: var(--a-sound-bg); +} +.a-sound-item.playing .label { + color: var(--a-sound-playing-fg) !important; +} +.a-sound-item:hover { + background-color: var(--a-sound-hv-bg); +} +.a-sound-item:hover .label { + color: var(--a-sound-hv-fg) !important; +} +.a-sound-item .label:hover::before, .a-sound-item.playing .label::before { + content: "\f04b"; + font-family: "Font Awesome 6 Free"; + margin-right: 0.6em; +} +.a-sound-item.playing .label:hover::before { + content: ""; + margin: 0; +} +.a-sound-item .label { + cursor: pointer; + margin: 0em !important; + padding: 0.6em; + font-size: var(--a-sound-text-sz); + font-family: var(--heading-font-family); +} +.a-sound-item .label .icon { + padding: 0em 0.6rem; +} +.a-sound-item .button { + width: 3em; + font-size: var(--a-sound-text-sz); +} +.a-sound-item .button:hover { + color: var(--a-sound-hv-fg) !important; + background-color: unset; +} + +.player-container { + z-index: 1000000; +} + +.a-player { + box-shadow: 0em -0.5em 0.5em rgba(0, 0, 0, 0.05); +} +.a-player a { + color: var(--a-player-url-fg); +} +.a-player .button { + color: var(--text-black); +} +.a-player .button:hover { + color: var(--button-fg); +} + +.a-player-panels { + background: var(--a-player-panel-bg); + height: 0%; + transition: height 1s; +} + +.a-player-panels.is-open { + height: auto; +} + +.a-player-panel { + padding-bottom: 0.6rem; + max-height: 80%; + overflow-y: auto; +} +.a-player-panel .a-sound-item:not(:hover) { + background-color: transparent; +} + +.a-player-progress { + height: 0.4em; + overflow: hidden; +} +.a-player-progress time { + display: none; +} +.a-player-progress:hover, .a-player-panels.is-open + .a-player-progress { + background: var(--a-player-bar-bg); + height: 2em; +} +.a-player-progress:hover time, .a-player-panels.is-open + .a-player-progress time { + display: unset; +} + +.a-player-bar { + display: flex; + flex-direction: row; + justify-content: center; + height: var(--a-player-bar-height); + border-top: 1px #ddd solid; + background: var(--a-player-bar-bg); +} +.a-player-bar > * { + height: 100%; +} +.a-player-bar .cover { + height: 100%; +} +.a-player-bar .title { + font-size: 1rem; + margin: 0em; +} +.a-player-bar .title:last-child { + font-size: var(--a-player-bar-title-alone-sz); +} +.a-player-bar .button { + font-size: 1.4rem; + height: 100%; + padding: 0.4rem !important; + min-width: calc(var(--a-player-bar-height) + 0.8rem); + border-radius: 0px; +} +.a-player-bar .button.open { + background-color: var(--button-active-bg); + color: var(--button-active-fg); +} + +.a-player-bar-content { + display: flex; + flex-direction: vertical; + align-items: center; + flex-grow: 1; + padding: 0 0.6rem; + border-right: 1px black solid; +} +.a-player-bar-content .title { + max-height: calc(var(--a-player-bar-height) - 0.6rem); + overflow: hidden; +} + +.a-select-file > *:not(:last-child) { + margin-bottom: 0.6rem; +} +.a-select-file .upload-preview { + max-width: 100%; +} +.a-select-file .a-select-file-list { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + gap: 0.6rem; +} +.a-select-file .file-preview { + width: 100%; + overflow: hidden; +} +.a-select-file .file-preview:hover { + box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.2); +} +.a-select-file .file-preview.active { + box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.4); +} +.a-select-file .file-preview img { + width: 100%; + max-height: 10rem; +} + +/* Bulma Utilities */ +.button { + -moz-appearance: none; + -webkit-appearance: none; + align-items: center; + border: 1px solid transparent; + border-radius: 4px; + box-shadow: none; + display: inline-flex; + font-size: 1rem; + height: 2.5em; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.5em - 1px); + padding-left: calc(0.75em - 1px); + padding-right: calc(0.75em - 1px); + padding-top: calc(0.5em - 1px); + position: relative; + vertical-align: top; +} +.button:focus, .is-focused.button, .button:active, .is-active.button { + outline: none; +} +[disabled].button, fieldset[disabled] .button { + cursor: not-allowed; +} + +.button { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.navbar-link:not(.is-arrowless)::after { + border: 3px solid transparent; + border-radius: 2px; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.625em; + margin-top: -0.4375em; + pointer-events: none; + position: absolute; + top: 50%; + transform: rotate(-45deg); + transform-origin: center; + width: 0.625em; +} + +.button.is-loading::after { + animation: spinAround 500ms infinite linear; + border: 2px solid hsl(0deg, 0%, 86%); + border-radius: 9999px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; +} + +.navbar-burger { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: none; + border: none; + color: currentColor; + font-family: inherit; + font-size: 1em; + margin: 0; + padding: 0; +} + +.button { + background-color: hsl(0deg, 0%, 100%); + border-color: hsl(0deg, 0%, 86%); + border-width: 1px; + color: hsl(0deg, 0%, 21%); + cursor: pointer; + justify-content: center; + padding-bottom: calc(0.5em - 1px); + padding-left: 1em; + padding-right: 1em; + padding-top: calc(0.5em - 1px); + text-align: center; + white-space: nowrap; +} +.button strong { + color: inherit; +} +.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { + height: 1.5em; + width: 1.5em; +} +.button .icon:first-child:not(:last-child) { + margin-left: calc(-0.5em - 1px); + margin-right: 0.25em; +} +.button .icon:last-child:not(:first-child) { + margin-left: 0.25em; + margin-right: calc(-0.5em - 1px); +} +.button .icon:first-child:last-child { + margin-left: calc(-0.5em - 1px); + margin-right: calc(-0.5em - 1px); +} +.button:hover, .button.is-hovered { + border-color: hsl(0deg, 0%, 71%); + color: hsl(0deg, 0%, 21%); +} +.button:focus, .button.is-focused { + border-color: hsl(229deg, 53%, 53%); + color: hsl(0deg, 0%, 21%); +} +.button:focus:not(:active), .button.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); +} +.button:active, .button.is-active { + border-color: hsl(0deg, 0%, 29%); + color: hsl(0deg, 0%, 21%); +} +.button.is-text { + background-color: transparent; + border-color: transparent; + color: hsl(0deg, 0%, 29%); + text-decoration: underline; +} +.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { + background-color: hsl(0deg, 0%, 96%); + color: hsl(0deg, 0%, 21%); +} +.button.is-text:active, .button.is-text.is-active { + background-color: #e8e8e8; + color: hsl(0deg, 0%, 21%); +} +.button.is-text[disabled], fieldset[disabled] .button.is-text { + background-color: transparent; + border-color: transparent; + box-shadow: none; +} +.button.is-ghost { + background: none; + border-color: transparent; + color: hsl(229deg, 53%, 53%); + text-decoration: none; +} +.button.is-ghost:hover, .button.is-ghost.is-hovered { + color: hsl(229deg, 53%, 53%); + text-decoration: underline; +} +.button.is-white { + background-color: hsl(0deg, 0%, 100%); + border-color: transparent; + color: hsl(0deg, 0%, 4%); +} +.button.is-white:hover, .button.is-white.is-hovered { + background-color: #f9f9f9; + border-color: transparent; + color: hsl(0deg, 0%, 4%); +} +.button.is-white:focus, .button.is-white.is-focused { + border-color: transparent; + color: hsl(0deg, 0%, 4%); +} +.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); +} +.button.is-white:active, .button.is-white.is-active { + background-color: #f2f2f2; + border-color: transparent; + color: hsl(0deg, 0%, 4%); +} +.button.is-white[disabled], fieldset[disabled] .button.is-white { + background-color: hsl(0deg, 0%, 100%); + border-color: hsl(0deg, 0%, 100%); + box-shadow: none; +} +.button.is-white.is-inverted { + background-color: hsl(0deg, 0%, 4%); + color: hsl(0deg, 0%, 100%); +} +.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { + background-color: black; +} +.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted { + background-color: hsl(0deg, 0%, 4%); + border-color: transparent; + box-shadow: none; + color: hsl(0deg, 0%, 100%); +} +.button.is-white.is-loading::after { + border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important; +} +.button.is-white.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 100%); + color: hsl(0deg, 0%, 100%); +} +.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: hsl(0deg, 0%, 100%); + border-color: hsl(0deg, 0%, 100%); + color: hsl(0deg, 0%, 4%); +} +.button.is-white.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important; +} +.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 hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important; +} +.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 100%); + box-shadow: none; + color: hsl(0deg, 0%, 100%); +} +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 4%); + color: hsl(0deg, 0%, 4%); +} +.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: hsl(0deg, 0%, 4%); + color: hsl(0deg, 0%, 100%); +} +.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 hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important; +} +.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 4%); + box-shadow: none; + color: hsl(0deg, 0%, 4%); +} +.button.is-black { + background-color: hsl(0deg, 0%, 4%); + border-color: transparent; + color: hsl(0deg, 0%, 100%); +} +.button.is-black:hover, .button.is-black.is-hovered { + background-color: #040404; + border-color: transparent; + color: hsl(0deg, 0%, 100%); +} +.button.is-black:focus, .button.is-black.is-focused { + border-color: transparent; + color: hsl(0deg, 0%, 100%); +} +.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); +} +.button.is-black:active, .button.is-black.is-active { + background-color: black; + border-color: transparent; + color: hsl(0deg, 0%, 100%); +} +.button.is-black[disabled], fieldset[disabled] .button.is-black { + background-color: hsl(0deg, 0%, 4%); + border-color: hsl(0deg, 0%, 4%); + box-shadow: none; +} +.button.is-black.is-inverted { + background-color: hsl(0deg, 0%, 100%); + color: hsl(0deg, 0%, 4%); +} +.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted { + background-color: hsl(0deg, 0%, 100%); + border-color: transparent; + box-shadow: none; + color: hsl(0deg, 0%, 4%); +} +.button.is-black.is-loading::after { + border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important; +} +.button.is-black.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 4%); + color: hsl(0deg, 0%, 4%); +} +.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: hsl(0deg, 0%, 4%); + border-color: hsl(0deg, 0%, 4%); + color: hsl(0deg, 0%, 100%); +} +.button.is-black.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important; +} +.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 hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important; +} +.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 4%); + box-shadow: none; + color: hsl(0deg, 0%, 4%); +} +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 100%); + color: hsl(0deg, 0%, 100%); +} +.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: hsl(0deg, 0%, 100%); + color: hsl(0deg, 0%, 4%); +} +.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 hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important; +} +.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 100%); + box-shadow: none; + color: hsl(0deg, 0%, 100%); +} +.button.is-light { + background-color: hsl(0deg, 0%, 96%); + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-light:hover, .button.is-light.is-hovered { + background-color: #eeeeee; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-light:focus, .button.is-light.is-focused { + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); +} +.button.is-light:active, .button.is-light.is-active { + background-color: #e8e8e8; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-light[disabled], fieldset[disabled] .button.is-light { + background-color: hsl(0deg, 0%, 96%); + border-color: hsl(0deg, 0%, 96%); + box-shadow: none; +} +.button.is-light.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: hsl(0deg, 0%, 96%); +} +.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { + background-color: rgba(0, 0, 0, 0.7); +} +.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + box-shadow: none; + color: hsl(0deg, 0%, 96%); +} +.button.is-light.is-loading::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} +.button.is-light.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 96%); + color: hsl(0deg, 0%, 96%); +} +.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: hsl(0deg, 0%, 96%); + border-color: hsl(0deg, 0%, 96%); + color: rgba(0, 0, 0, 0.7); +} +.button.is-light.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important; +} +.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 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} +.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 96%); + box-shadow: none; + color: hsl(0deg, 0%, 96%); +} +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); +} +.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: rgba(0, 0, 0, 0.7); + color: hsl(0deg, 0%, 96%); +} +.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 hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important; +} +.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} +.button.is-dark { + background-color: hsl(0deg, 0%, 21%); + border-color: transparent; + color: #fff; +} +.button.is-dark:hover, .button.is-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: #fff; +} +.button.is-dark:focus, .button.is-dark.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); +} +.button.is-dark:active, .button.is-dark.is-active { + background-color: #292929; + border-color: transparent; + color: #fff; +} +.button.is-dark[disabled], fieldset[disabled] .button.is-dark { + background-color: hsl(0deg, 0%, 21%); + border-color: hsl(0deg, 0%, 21%); + box-shadow: none; +} +.button.is-dark.is-inverted { + background-color: #fff; + color: hsl(0deg, 0%, 21%); +} +.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(0deg, 0%, 21%); +} +.button.is-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-dark.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 21%); + color: hsl(0deg, 0%, 21%); +} +.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: hsl(0deg, 0%, 21%); + border-color: hsl(0deg, 0%, 21%); + color: #fff; +} +.button.is-dark.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important; +} +.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 #fff #fff !important; +} +.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined { + background-color: transparent; + border-color: hsl(0deg, 0%, 21%); + box-shadow: none; + color: hsl(0deg, 0%, 21%); +} +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.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: #fff; + color: hsl(0deg, 0%, 21%); +} +.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 hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important; +} +.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-primary { + background-color: hsl(171deg, 100%, 41%); + border-color: transparent; + color: #fff; +} +.button.is-primary:hover, .button.is-primary.is-hovered { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} +.button.is-primary:focus, .button.is-primary.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); +} +.button.is-primary:active, .button.is-primary.is-active { + background-color: #00b89c; + border-color: transparent; + color: #fff; +} +.button.is-primary[disabled], fieldset[disabled] .button.is-primary { + background-color: hsl(171deg, 100%, 41%); + border-color: hsl(171deg, 100%, 41%); + box-shadow: none; +} +.button.is-primary.is-inverted { + background-color: #fff; + color: hsl(171deg, 100%, 41%); +} +.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(171deg, 100%, 41%); +} +.button.is-primary.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-primary.is-outlined { + background-color: transparent; + border-color: hsl(171deg, 100%, 41%); + color: hsl(171deg, 100%, 41%); +} +.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: hsl(171deg, 100%, 41%); + border-color: hsl(171deg, 100%, 41%); + color: #fff; +} +.button.is-primary.is-outlined.is-loading::after { + border-color: transparent transparent hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !important; +} +.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 #fff #fff !important; +} +.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { + background-color: transparent; + border-color: hsl(171deg, 100%, 41%); + box-shadow: none; + color: hsl(171deg, 100%, 41%); +} +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: hsl(171deg, 100%, 41%); +} +.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 hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !important; +} +.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-primary.is-light { + background-color: #ebfffc; + color: #00947e; +} +.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered { + background-color: #defffa; + border-color: transparent; + color: #00947e; +} +.button.is-primary.is-light:active, .button.is-primary.is-light.is-active { + background-color: #d1fff8; + border-color: transparent; + color: #00947e; +} +.button.is-link { + background-color: hsl(229deg, 53%, 53%); + border-color: transparent; + color: #fff; +} +.button.is-link:hover, .button.is-link.is-hovered { + background-color: #3e56c4; + border-color: transparent; + color: #fff; +} +.button.is-link:focus, .button.is-link.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); +} +.button.is-link:active, .button.is-link.is-active { + background-color: #3a51bb; + border-color: transparent; + color: #fff; +} +.button.is-link[disabled], fieldset[disabled] .button.is-link { + background-color: hsl(229deg, 53%, 53%); + border-color: hsl(229deg, 53%, 53%); + box-shadow: none; +} +.button.is-link.is-inverted { + background-color: #fff; + color: hsl(229deg, 53%, 53%); +} +.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(229deg, 53%, 53%); +} +.button.is-link.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-link.is-outlined { + background-color: transparent; + border-color: hsl(229deg, 53%, 53%); + color: hsl(229deg, 53%, 53%); +} +.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: hsl(229deg, 53%, 53%); + border-color: hsl(229deg, 53%, 53%); + color: #fff; +} +.button.is-link.is-outlined.is-loading::after { + border-color: transparent transparent hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important; +} +.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 #fff #fff !important; +} +.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined { + background-color: transparent; + border-color: hsl(229deg, 53%, 53%); + box-shadow: none; + color: hsl(229deg, 53%, 53%); +} +.button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.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: #fff; + color: hsl(229deg, 53%, 53%); +} +.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 hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important; +} +.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-link.is-light { + background-color: #eff1fa; + color: #3850b7; +} +.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered { + background-color: #e6e9f7; + border-color: transparent; + color: #3850b7; +} +.button.is-link.is-light:active, .button.is-link.is-light.is-active { + background-color: #dce0f4; + border-color: transparent; + color: #3850b7; +} +.button.is-info { + background-color: hsl(207deg, 61%, 53%); + border-color: transparent; + color: #fff; +} +.button.is-info:hover, .button.is-info.is-hovered { + background-color: #3488ce; + border-color: transparent; + color: #fff; +} +.button.is-info:focus, .button.is-info.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25); +} +.button.is-info:active, .button.is-info.is-active { + background-color: #3082c5; + border-color: transparent; + color: #fff; +} +.button.is-info[disabled], fieldset[disabled] .button.is-info { + background-color: hsl(207deg, 61%, 53%); + border-color: hsl(207deg, 61%, 53%); + box-shadow: none; +} +.button.is-info.is-inverted { + background-color: #fff; + color: hsl(207deg, 61%, 53%); +} +.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(207deg, 61%, 53%); +} +.button.is-info.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-info.is-outlined { + background-color: transparent; + border-color: hsl(207deg, 61%, 53%); + color: hsl(207deg, 61%, 53%); +} +.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: hsl(207deg, 61%, 53%); + border-color: hsl(207deg, 61%, 53%); + color: #fff; +} +.button.is-info.is-outlined.is-loading::after { + border-color: transparent transparent hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !important; +} +.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 #fff #fff !important; +} +.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined { + background-color: transparent; + border-color: hsl(207deg, 61%, 53%); + box-shadow: none; + color: hsl(207deg, 61%, 53%); +} +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: hsl(207deg, 61%, 53%); +} +.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 hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !important; +} +.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-info.is-light { + background-color: #eff5fb; + color: #296fa8; +} +.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered { + background-color: #e4eff9; + border-color: transparent; + color: #296fa8; +} +.button.is-info.is-light:active, .button.is-info.is-light.is-active { + background-color: #dae9f6; + border-color: transparent; + color: #296fa8; +} +.button.is-success { + background-color: hsl(153deg, 53%, 53%); + border-color: transparent; + color: #fff; +} +.button.is-success:hover, .button.is-success.is-hovered { + background-color: #3ec487; + border-color: transparent; + color: #fff; +} +.button.is-success:focus, .button.is-success.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25); +} +.button.is-success:active, .button.is-success.is-active { + background-color: #3abb81; + border-color: transparent; + color: #fff; +} +.button.is-success[disabled], fieldset[disabled] .button.is-success { + background-color: hsl(153deg, 53%, 53%); + border-color: hsl(153deg, 53%, 53%); + box-shadow: none; +} +.button.is-success.is-inverted { + background-color: #fff; + color: hsl(153deg, 53%, 53%); +} +.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(153deg, 53%, 53%); +} +.button.is-success.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-success.is-outlined { + background-color: transparent; + border-color: hsl(153deg, 53%, 53%); + color: hsl(153deg, 53%, 53%); +} +.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: hsl(153deg, 53%, 53%); + border-color: hsl(153deg, 53%, 53%); + color: #fff; +} +.button.is-success.is-outlined.is-loading::after { + border-color: transparent transparent hsl(153deg, 53%, 53%) hsl(153deg, 53%, 53%) !important; +} +.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 #fff #fff !important; +} +.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined { + background-color: transparent; + border-color: hsl(153deg, 53%, 53%); + box-shadow: none; + color: hsl(153deg, 53%, 53%); +} +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: hsl(153deg, 53%, 53%); +} +.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 hsl(153deg, 53%, 53%) hsl(153deg, 53%, 53%) !important; +} +.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-success.is-light { + background-color: #effaf5; + color: #257953; +} +.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered { + background-color: #e6f7ef; + border-color: transparent; + color: #257953; +} +.button.is-success.is-light:active, .button.is-success.is-light.is-active { + background-color: #dcf4e9; + border-color: transparent; + color: #257953; +} +.button.is-warning { + background-color: hsl(44deg, 100%, 77%); + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning:hover, .button.is-warning.is-hovered { + background-color: #ffdc7d; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning:focus, .button.is-warning.is-focused { + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25); +} +.button.is-warning:active, .button.is-warning.is-active { + background-color: #ffd970; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning[disabled], fieldset[disabled] .button.is-warning { + background-color: hsl(44deg, 100%, 77%); + border-color: hsl(44deg, 100%, 77%); + box-shadow: none; +} +.button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: hsl(44deg, 100%, 77%); +} +.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { + background-color: rgba(0, 0, 0, 0.7); +} +.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + box-shadow: none; + color: hsl(44deg, 100%, 77%); +} +.button.is-warning.is-loading::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} +.button.is-warning.is-outlined { + background-color: transparent; + border-color: hsl(44deg, 100%, 77%); + color: hsl(44deg, 100%, 77%); +} +.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: hsl(44deg, 100%, 77%); + border-color: hsl(44deg, 100%, 77%); + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning.is-outlined.is-loading::after { + border-color: transparent transparent hsl(44deg, 100%, 77%) hsl(44deg, 100%, 77%) !important; +} +.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 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} +.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined { + background-color: transparent; + border-color: hsl(44deg, 100%, 77%); + box-shadow: none; + color: hsl(44deg, 100%, 77%); +} +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused { + background-color: rgba(0, 0, 0, 0.7); + color: hsl(44deg, 100%, 77%); +} +.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 hsl(44deg, 100%, 77%) hsl(44deg, 100%, 77%) !important; +} +.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning.is-light { + background-color: #fffaeb; + color: #946c00; +} +.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered { + background-color: #fff6de; + border-color: transparent; + color: #946c00; +} +.button.is-warning.is-light:active, .button.is-warning.is-light.is-active { + background-color: #fff3d1; + border-color: transparent; + color: #946c00; +} +.button.is-danger { + background-color: hsl(348deg, 86%, 61%); + border-color: transparent; + color: #fff; +} +.button.is-danger:hover, .button.is-danger.is-hovered { + background-color: #f03a5f; + border-color: transparent; + color: #fff; +} +.button.is-danger:focus, .button.is-danger.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); +} +.button.is-danger:active, .button.is-danger.is-active { + background-color: #ef2e55; + border-color: transparent; + color: #fff; +} +.button.is-danger[disabled], fieldset[disabled] .button.is-danger { + background-color: hsl(348deg, 86%, 61%); + border-color: hsl(348deg, 86%, 61%); + box-shadow: none; +} +.button.is-danger.is-inverted { + background-color: #fff; + color: hsl(348deg, 86%, 61%); +} +.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(348deg, 86%, 61%); +} +.button.is-danger.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-danger.is-outlined { + background-color: transparent; + border-color: hsl(348deg, 86%, 61%); + color: hsl(348deg, 86%, 61%); +} +.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: hsl(348deg, 86%, 61%); + border-color: hsl(348deg, 86%, 61%); + color: #fff; +} +.button.is-danger.is-outlined.is-loading::after { + border-color: transparent transparent hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important; +} +.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 #fff #fff !important; +} +.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined { + background-color: transparent; + border-color: hsl(348deg, 86%, 61%); + box-shadow: none; + color: hsl(348deg, 86%, 61%); +} +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: hsl(348deg, 86%, 61%); +} +.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 hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important; +} +.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; +} +.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered { + background-color: #fde0e6; + border-color: transparent; + color: #cc0f35; +} +.button.is-danger.is-light:active, .button.is-danger.is-light.is-active { + background-color: #fcd4dc; + border-color: transparent; + color: #cc0f35; +} +.button.is-small { + font-size: 0.75rem; +} +.button.is-small:not(.is-rounded) { + border-radius: 2px; +} +.button.is-normal { + font-size: 1rem; +} +.button.is-medium { + font-size: 1.25rem; +} +.button.is-large { + font-size: 1.5rem; +} +.button[disabled], fieldset[disabled] .button { + background-color: hsl(0deg, 0%, 100%); + border-color: hsl(0deg, 0%, 86%); + box-shadow: none; + opacity: 0.5; +} +.button.is-fullwidth { + display: flex; + width: 100%; +} +.button.is-loading { + color: transparent !important; + pointer-events: none; +} +.button.is-loading::after { + position: absolute; + left: calc(50% - (1em * 0.5)); + top: calc(50% - (1em * 0.5)); + position: absolute !important; +} +.button.is-static { + background-color: hsl(0deg, 0%, 96%); + border-color: hsl(0deg, 0%, 86%); + color: hsl(0deg, 0%, 48%); + box-shadow: none; + pointer-events: none; +} +.button.is-rounded { + border-radius: 9999px; + padding-left: calc(1em + 0.25em); + padding-right: calc(1em + 0.25em); +} + +.buttons { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.buttons .button { + margin-bottom: 0.5rem; +} +.buttons .button:not(:last-child):not(.is-fullwidth) { + margin-right: 0.5rem; +} +.buttons:last-child { + margin-bottom: -0.5rem; +} +.buttons:not(:last-child) { + margin-bottom: 1rem; +} +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { + font-size: 0.75rem; +} +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) { + border-radius: 2px; +} +.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.5rem; +} +.buttons.has-addons .button:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.buttons.has-addons .button:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + margin-right: -1px; +} +.buttons.has-addons .button:last-child { + margin-right: 0; +} +.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { + z-index: 2; +} +.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { + z-index: 3; +} +.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-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; +} + +@media screen and (max-width: 768px) { + .button.is-responsive.is-small { + font-size: 0.5625rem; + } + .button.is-responsive, + .button.is-responsive.is-normal { + font-size: 0.65625rem; + } + .button.is-responsive.is-medium { + font-size: 0.75rem; + } + .button.is-responsive.is-large { + font-size: 1rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .button.is-responsive.is-small { + font-size: 0.65625rem; + } + .button.is-responsive, + .button.is-responsive.is-normal { + font-size: 0.75rem; + } + .button.is-responsive.is-medium { + font-size: 1rem; + } + .button.is-responsive.is-large { + font-size: 1.25rem; + } +} +.navbar { + background-color: hsl(0deg, 0%, 100%); + min-height: 3.25rem; + position: relative; + z-index: 30; +} +.navbar.is-white { + background-color: hsl(0deg, 0%, 100%); + color: hsl(0deg, 0%, 4%); +} +.navbar.is-white .navbar-brand > .navbar-item, +.navbar.is-white .navbar-brand .navbar-link { + color: hsl(0deg, 0%, 4%); +} +.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; + color: hsl(0deg, 0%, 4%); +} +.navbar.is-white .navbar-brand .navbar-link::after { + border-color: hsl(0deg, 0%, 4%); +} +.navbar.is-white .navbar-burger { + color: hsl(0deg, 0%, 4%); +} +@media screen and (min-width: 1024px) { + .navbar.is-white .navbar-start > .navbar-item, + .navbar.is-white .navbar-start .navbar-link, + .navbar.is-white .navbar-end > .navbar-item, + .navbar.is-white .navbar-end .navbar-link { + color: hsl(0deg, 0%, 4%); + } + .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; + color: hsl(0deg, 0%, 4%); + } + .navbar.is-white .navbar-start .navbar-link::after, + .navbar.is-white .navbar-end .navbar-link::after { + border-color: hsl(0deg, 0%, 4%); + } + .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; + color: hsl(0deg, 0%, 4%); + } + .navbar.is-white .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0deg, 0%, 100%); + color: hsl(0deg, 0%, 4%); + } +} +.navbar.is-black { + background-color: hsl(0deg, 0%, 4%); + color: hsl(0deg, 0%, 100%); +} +.navbar.is-black .navbar-brand > .navbar-item, +.navbar.is-black .navbar-brand .navbar-link { + color: hsl(0deg, 0%, 100%); +} +.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; + color: hsl(0deg, 0%, 100%); +} +.navbar.is-black .navbar-brand .navbar-link::after { + border-color: hsl(0deg, 0%, 100%); +} +.navbar.is-black .navbar-burger { + color: hsl(0deg, 0%, 100%); +} +@media screen and (min-width: 1024px) { + .navbar.is-black .navbar-start > .navbar-item, + .navbar.is-black .navbar-start .navbar-link, + .navbar.is-black .navbar-end > .navbar-item, + .navbar.is-black .navbar-end .navbar-link { + color: hsl(0deg, 0%, 100%); + } + .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; + color: hsl(0deg, 0%, 100%); + } + .navbar.is-black .navbar-start .navbar-link::after, + .navbar.is-black .navbar-end .navbar-link::after { + border-color: hsl(0deg, 0%, 100%); + } + .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; + color: hsl(0deg, 0%, 100%); + } + .navbar.is-black .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0deg, 0%, 4%); + color: hsl(0deg, 0%, 100%); + } +} +.navbar.is-light { + background-color: hsl(0deg, 0%, 96%); + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-light .navbar-brand > .navbar-item, +.navbar.is-light .navbar-brand .navbar-link { + color: rgba(0, 0, 0, 0.7); +} +.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: #e8e8e8; + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-light .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); +} +.navbar.is-light .navbar-burger { + color: rgba(0, 0, 0, 0.7); +} +@media screen and (min-width: 1024px) { + .navbar.is-light .navbar-start > .navbar-item, + .navbar.is-light .navbar-start .navbar-link, + .navbar.is-light .navbar-end > .navbar-item, + .navbar.is-light .navbar-end .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + .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: #e8e8e8; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-light .navbar-start .navbar-link::after, + .navbar.is-light .navbar-end .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + .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: #e8e8e8; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-light .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0deg, 0%, 96%); + color: rgba(0, 0, 0, 0.7); + } +} +.navbar.is-dark { + background-color: hsl(0deg, 0%, 21%); + color: #fff; +} +.navbar.is-dark .navbar-brand > .navbar-item, +.navbar.is-dark .navbar-brand .navbar-link { + color: #fff; +} +.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: #292929; + color: #fff; +} +.navbar.is-dark .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-dark .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-dark .navbar-start > .navbar-item, + .navbar.is-dark .navbar-start .navbar-link, + .navbar.is-dark .navbar-end > .navbar-item, + .navbar.is-dark .navbar-end .navbar-link { + color: #fff; + } + .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: #292929; + color: #fff; + } + .navbar.is-dark .navbar-start .navbar-link::after, + .navbar.is-dark .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #292929; + color: #fff; + } + .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0deg, 0%, 21%); + color: #fff; + } +} +.navbar.is-primary { + background-color: hsl(171deg, 100%, 41%); + color: #fff; +} +.navbar.is-primary .navbar-brand > .navbar-item, +.navbar.is-primary .navbar-brand .navbar-link { + color: #fff; +} +.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: #00b89c; + color: #fff; +} +.navbar.is-primary .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-primary .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-primary .navbar-start > .navbar-item, + .navbar.is-primary .navbar-start .navbar-link, + .navbar.is-primary .navbar-end > .navbar-item, + .navbar.is-primary .navbar-end .navbar-link { + color: #fff; + } + .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: #00b89c; + color: #fff; + } + .navbar.is-primary .navbar-start .navbar-link::after, + .navbar.is-primary .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #00b89c; + color: #fff; + } + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(171deg, 100%, 41%); + color: #fff; + } +} +.navbar.is-link { + background-color: hsl(229deg, 53%, 53%); + color: #fff; +} +.navbar.is-link .navbar-brand > .navbar-item, +.navbar.is-link .navbar-brand .navbar-link { + color: #fff; +} +.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: #3a51bb; + color: #fff; +} +.navbar.is-link .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-link .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-link .navbar-start > .navbar-item, + .navbar.is-link .navbar-start .navbar-link, + .navbar.is-link .navbar-end > .navbar-item, + .navbar.is-link .navbar-end .navbar-link { + color: #fff; + } + .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: #3a51bb; + color: #fff; + } + .navbar.is-link .navbar-start .navbar-link::after, + .navbar.is-link .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #3a51bb; + color: #fff; + } + .navbar.is-link .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(229deg, 53%, 53%); + color: #fff; + } +} +.navbar.is-info { + background-color: hsl(207deg, 61%, 53%); + color: #fff; +} +.navbar.is-info .navbar-brand > .navbar-item, +.navbar.is-info .navbar-brand .navbar-link { + color: #fff; +} +.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: #3082c5; + color: #fff; +} +.navbar.is-info .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-info .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-info .navbar-start > .navbar-item, + .navbar.is-info .navbar-start .navbar-link, + .navbar.is-info .navbar-end > .navbar-item, + .navbar.is-info .navbar-end .navbar-link { + color: #fff; + } + .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: #3082c5; + color: #fff; + } + .navbar.is-info .navbar-start .navbar-link::after, + .navbar.is-info .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #3082c5; + color: #fff; + } + .navbar.is-info .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(207deg, 61%, 53%); + color: #fff; + } +} +.navbar.is-success { + background-color: hsl(153deg, 53%, 53%); + color: #fff; +} +.navbar.is-success .navbar-brand > .navbar-item, +.navbar.is-success .navbar-brand .navbar-link { + color: #fff; +} +.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: #3abb81; + color: #fff; +} +.navbar.is-success .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-success .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-success .navbar-start > .navbar-item, + .navbar.is-success .navbar-start .navbar-link, + .navbar.is-success .navbar-end > .navbar-item, + .navbar.is-success .navbar-end .navbar-link { + color: #fff; + } + .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: #3abb81; + color: #fff; + } + .navbar.is-success .navbar-start .navbar-link::after, + .navbar.is-success .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #3abb81; + color: #fff; + } + .navbar.is-success .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(153deg, 53%, 53%); + color: #fff; + } +} +.navbar.is-warning { + background-color: hsl(44deg, 100%, 77%); + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-warning .navbar-brand > .navbar-item, +.navbar.is-warning .navbar-brand .navbar-link { + color: rgba(0, 0, 0, 0.7); +} +.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: #ffd970; + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-warning .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); +} +.navbar.is-warning .navbar-burger { + color: rgba(0, 0, 0, 0.7); +} +@media screen and (min-width: 1024px) { + .navbar.is-warning .navbar-start > .navbar-item, + .navbar.is-warning .navbar-start .navbar-link, + .navbar.is-warning .navbar-end > .navbar-item, + .navbar.is-warning .navbar-end .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + .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: #ffd970; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-start .navbar-link::after, + .navbar.is-warning .navbar-end .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + .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: #ffd970; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(44deg, 100%, 77%); + color: rgba(0, 0, 0, 0.7); + } +} +.navbar.is-danger { + background-color: hsl(348deg, 86%, 61%); + color: #fff; +} +.navbar.is-danger .navbar-brand > .navbar-item, +.navbar.is-danger .navbar-brand .navbar-link { + color: #fff; +} +.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: #ef2e55; + color: #fff; +} +.navbar.is-danger .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-danger .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1024px) { + .navbar.is-danger .navbar-start > .navbar-item, + .navbar.is-danger .navbar-start .navbar-link, + .navbar.is-danger .navbar-end > .navbar-item, + .navbar.is-danger .navbar-end .navbar-link { + color: #fff; + } + .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: #ef2e55; + color: #fff; + } + .navbar.is-danger .navbar-start .navbar-link::after, + .navbar.is-danger .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #ef2e55; + color: #fff; + } + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(348deg, 86%, 61%); + color: #fff; + } +} +.navbar > .container { + align-items: stretch; + display: flex; + min-height: 3.25rem; + width: 100%; +} +.navbar.has-shadow { + box-shadow: 0 2px 0 0 hsl(0deg, 0%, 96%); +} +.navbar.is-fixed-bottom, .navbar.is-fixed-top { + left: 0; + position: fixed; + right: 0; + z-index: 30; +} +.navbar.is-fixed-bottom { + bottom: 0; +} +.navbar.is-fixed-bottom.has-shadow { + box-shadow: 0 -2px 0 0 hsl(0deg, 0%, 96%); +} +.navbar.is-fixed-top { + top: 0; +} + +html.has-navbar-fixed-top, +body.has-navbar-fixed-top { + padding-top: 3.25rem; +} +html.has-navbar-fixed-bottom, +body.has-navbar-fixed-bottom { + padding-bottom: 3.25rem; +} + +.navbar-brand, +.navbar-tabs { + align-items: stretch; + display: flex; + flex-shrink: 0; + min-height: 3.25rem; +} + +.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { + background-color: transparent; +} + +.navbar-tabs { + -webkit-overflow-scrolling: touch; + max-width: 100vw; + overflow-x: auto; + overflow-y: hidden; +} + +.navbar-burger { + color: hsl(0deg, 0%, 29%); + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: none; + border: none; + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; + margin-left: auto; +} +.navbar-burger span { + background-color: currentColor; + display: block; + height: 1px; + left: calc(50% - 8px); + position: absolute; + transform-origin: center; + transition-duration: 86ms; + transition-property: background-color, opacity, transform; + transition-timing-function: ease-out; + width: 16px; +} +.navbar-burger span:nth-child(1) { + top: calc(50% - 6px); +} +.navbar-burger span:nth-child(2) { + top: calc(50% - 1px); +} +.navbar-burger span:nth-child(3) { + top: calc(50% + 4px); +} +.navbar-burger:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.navbar-burger.is-active span:nth-child(1) { + transform: translateY(5px) rotate(45deg); +} +.navbar-burger.is-active span:nth-child(2) { + opacity: 0; +} +.navbar-burger.is-active span:nth-child(3) { + transform: translateY(-5px) rotate(-45deg); +} + +.navbar-menu { + display: none; +} + +.navbar-item, +.navbar-link { + color: hsl(0deg, 0%, 29%); + display: block; + line-height: 1.5; + padding: 0.5rem 0.75rem; + position: relative; +} +.navbar-item .icon:only-child, +.navbar-link .icon:only-child { + margin-left: -0.25rem; + margin-right: -0.25rem; +} + +a.navbar-item, +.navbar-link { + cursor: pointer; +} +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: hsl(0deg, 0%, 98%); + color: hsl(229deg, 53%, 53%); +} + +.navbar-item { + flex-grow: 0; + flex-shrink: 0; +} +.navbar-item img { + max-height: 1.75rem; +} +.navbar-item.has-dropdown { + padding: 0; +} +.navbar-item.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.navbar-item.is-tab { + border-bottom: 1px solid transparent; + min-height: 3.25rem; + padding-bottom: calc(0.5rem - 1px); +} +.navbar-item.is-tab:focus, .navbar-item.is-tab:hover { + background-color: transparent; + border-bottom-color: hsl(229deg, 53%, 53%); +} +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: hsl(229deg, 53%, 53%); + border-bottom-style: solid; + border-bottom-width: 3px; + color: hsl(229deg, 53%, 53%); + padding-bottom: calc(0.5rem - 3px); +} + +.navbar-content { + flex-grow: 1; + flex-shrink: 1; +} + +.navbar-link:not(.is-arrowless) { + padding-right: 2.5em; +} +.navbar-link:not(.is-arrowless)::after { + border-color: hsl(229deg, 53%, 53%); + margin-top: -0.375em; + right: 1.125em; +} + +.navbar-dropdown { + font-size: 0.875rem; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.navbar-divider { + background-color: hsl(0deg, 0%, 96%); + border: none; + display: none; + height: 2px; + margin: 0.5rem 0; +} + +@media screen and (max-width: 1023px) { + .navbar > .container { + display: block; + } + .navbar-brand .navbar-item, + .navbar-tabs .navbar-item { + align-items: center; + display: flex; + } + .navbar-link::after { + display: none; + } + .navbar-menu { + background-color: hsl(0deg, 0%, 100%); + box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + padding: 0.5rem 0; + } + .navbar-menu.is-active { + display: block; + } + .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { + left: 0; + position: fixed; + right: 0; + z-index: 30; + } + .navbar.is-fixed-bottom-touch { + bottom: 0; + } + .navbar.is-fixed-bottom-touch.has-shadow { + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + } + .navbar.is-fixed-top-touch { + top: 0; + } + .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { + -webkit-overflow-scrolling: touch; + max-height: calc(100vh - 3.25rem); + overflow: auto; + } + html.has-navbar-fixed-top-touch, + body.has-navbar-fixed-top-touch { + padding-top: 3.25rem; + } + html.has-navbar-fixed-bottom-touch, + body.has-navbar-fixed-bottom-touch { + padding-bottom: 3.25rem; + } +} +@media screen and (min-width: 1024px) { + .navbar, + .navbar-menu, + .navbar-start, + .navbar-end { + align-items: stretch; + display: flex; + } + .navbar { + min-height: 3.25rem; + } + .navbar.is-spaced { + padding: 1rem 2rem; + } + .navbar.is-spaced .navbar-start, + .navbar.is-spaced .navbar-end { + align-items: center; + } + .navbar.is-spaced a.navbar-item, + .navbar.is-spaced .navbar-link { + border-radius: 4px; + } + .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: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:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + background-color: hsl(0deg, 0%, 96%); + color: hsl(0deg, 0%, 4%); + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0deg, 0%, 96%); + color: hsl(229deg, 53%, 53%); + } + .navbar-burger { + display: none; + } + .navbar-item, + .navbar-link { + align-items: center; + display: flex; + } + .navbar-item.has-dropdown { + align-items: stretch; + } + .navbar-item.has-dropdown-up .navbar-link::after { + transform: rotate(135deg) translate(0.25em, -0.25em); + } + .navbar-item.has-dropdown-up .navbar-dropdown { + border-bottom: 2px solid hsl(0deg, 0%, 86%); + border-radius: 6px 6px 0 0; + border-top: none; + 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: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: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); + } + .navbar-menu { + flex-grow: 1; + flex-shrink: 0; + } + .navbar-start { + justify-content: flex-start; + margin-right: auto; + } + .navbar-end { + justify-content: flex-end; + margin-left: auto; + } + .navbar-dropdown { + background-color: hsl(0deg, 0%, 100%); + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 2px solid hsl(0deg, 0%, 86%); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + display: none; + font-size: 0.875rem; + left: 0; + min-width: 100%; + position: absolute; + top: 100%; + z-index: 20; + } + .navbar-dropdown .navbar-item { + padding: 0.375rem 1rem; + white-space: nowrap; + } + .navbar-dropdown a.navbar-item { + padding-right: 3rem; + } + .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { + background-color: hsl(0deg, 0%, 96%); + color: hsl(0deg, 0%, 4%); + } + .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0deg, 0%, 96%); + color: hsl(229deg, 53%, 53%); + } + .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { + border-radius: 6px; + border-top: none; + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + (-4px)); + transform: translateY(-5px); + transition-duration: 86ms; + transition-property: opacity, transform; + } + .navbar-dropdown.is-right { + left: auto; + right: 0; + } + .navbar-divider { + display: block; + } + .navbar > .container .navbar-brand, + .container > .navbar .navbar-brand { + margin-left: -0.75rem; + } + .navbar > .container .navbar-menu, + .container > .navbar .navbar-menu { + margin-right: -0.75rem; + } + .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { + left: 0; + position: fixed; + right: 0; + z-index: 30; + } + .navbar.is-fixed-bottom-desktop { + bottom: 0; + } + .navbar.is-fixed-bottom-desktop.has-shadow { + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + } + .navbar.is-fixed-top-desktop { + top: 0; + } + html.has-navbar-fixed-top-desktop, + body.has-navbar-fixed-top-desktop { + padding-top: 3.25rem; + } + html.has-navbar-fixed-bottom-desktop, + body.has-navbar-fixed-bottom-desktop { + padding-bottom: 3.25rem; + } + html.has-spaced-navbar-fixed-top, + body.has-spaced-navbar-fixed-top { + padding-top: 5.25rem; + } + html.has-spaced-navbar-fixed-bottom, + body.has-spaced-navbar-fixed-bottom { + padding-bottom: 5.25rem; + } + a.navbar-item.is-active, + .navbar-link.is-active { + color: hsl(0deg, 0%, 4%); + } + a.navbar-item.is-active:not(:focus):not(:hover), + .navbar-link.is-active:not(:focus):not(:hover) { + background-color: transparent; + } + .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { + background-color: hsl(0deg, 0%, 98%); + } +} +.hero.is-fullheight-with-navbar { + min-height: calc(100vh - 3.25rem); +} + +#player .button, #player a.button, #player button.button, .ax .button, .ax a.button, .ax button.button { + font-size: 1rem; + display: inline-block; + padding: 0.4rem; + border: none; + justify-content: center; + text-align: center; + cursor: pointer; + text-decoration: none; + color: var(--button-fg); + background-color: var(--button-bg); +} +#player .button.secondary, #player a.button.secondary, #player button.button.secondary, .ax .button.secondary, .ax a.button.secondary, .ax button.button.secondary { + background-color: var(--button-sec-bg); +} +#player .button .label, #player .button label, #player a.button .label, #player a.button label, #player button.button .label, #player button.button label, .ax .button .label, .ax .button label, .ax a.button .label, .ax a.button label, .ax button.button .label, .ax button.button label { + cursor: pointer; +} +#player .button .icon, #player a.button .icon, #player button.button .icon, .ax .button .icon, .ax a.button .icon, .ax button.button .icon { + vertical-align: middle; +} +#player .button .icon:not(:only-child):first-child, #player a.button .icon:not(:only-child):first-child, #player button.button .icon:not(:only-child):first-child, .ax .button .icon:not(:only-child):first-child, .ax a.button .icon:not(:only-child):first-child, .ax button.button .icon:not(:only-child):first-child { + margin-right: 0.6rem; +} +#player .button .icon:not(:only-child):last-child, #player a.button .icon:not(:only-child):last-child, #player button.button .icon:not(:only-child):last-child, .ax .button .icon:not(:only-child):last-child, .ax a.button .icon:not(:only-child):last-child, .ax button.button .icon:not(:only-child):last-child { + margin-left: 0.6rem; +} +#player .button:hover, #player a.button:hover, #player button.button:hover, .ax .button:hover, .ax a.button:hover, .ax button.button:hover { + color: var(--button-hv-fg); + background-color: var(--button-hv-bg); + opacity: 1 !important; +} +#player .button.active:not(:hover), #player a.button.active:not(:hover), #player button.button.active:not(:hover), .ax .button.active:not(:hover), .ax a.button.active:not(:hover), .ax button.button.active:not(:hover) { + color: var(--button-active-fg); + background-color: var(--button-active-bg); +} +#player .button:not([disabled]), #player .button:not(.disabled), #player a.button:not([disabled]), #player a.button:not(.disabled), #player button.button:not([disabled]), #player button.button:not(.disabled), .ax .button:not([disabled]), .ax .button:not(.disabled), .ax a.button:not([disabled]), .ax a.button:not(.disabled), .ax button.button:not([disabled]), .ax button.button:not(.disabled) { + cursor: pointer; +} +#player .button[disabled], #player .button.disabled, #player a.button[disabled], #player a.button.disabled, #player button.button[disabled], #player button.button.disabled, .ax .button[disabled], .ax .button.disabled, .ax a.button[disabled], .ax a.button.disabled, .ax button.button[disabled], .ax button.button.disabled { + background-color: var(--text-color-light); + color: var(--secondary-color); + border-color: var(--secondary-color-light); +} +#player .button .dropdown-trigger, #player a.button .dropdown-trigger, #player button.button .dropdown-trigger, .ax .button .dropdown-trigger, .ax a.button .dropdown-trigger, .ax button.button .dropdown-trigger { + border-radius: 1.5em; +} +#player .button-group .button, #player .nav .button, .ax .button-group .button, .ax .nav .button { + border-radius: 0px; + background-color: transparent; + border-top: 0px; + border-bottom: 0px; + height: 100%; +} +#player .button-group .button:not(:first-child), #player .nav .button:not(:first-child), .ax .button-group .button:not(:first-child), .ax .nav .button:not(:first-child) { + border-left: 0px; +} +#player .button-group .button:last-child, #player .nav .button:last-child, .ax .button-group .button:last-child, .ax .nav .button:last-child { + border-right: 0px; +} + +.admin .navbar.has-shadow, .admin .navbar.is-fixed-bottom.has-shadow { + box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.1); +} +.admin a.navbar-item.is-active { + border-bottom: 1px grey solid; +} +.admin .navbar + .container { + margin-top: 1em; +} +.admin .navbar .navbar-dropdown { + z-index: 2000; +} +.admin .navbar .navbar-split { + margin: 0.2em 0em; + margin-right: 1em; + padding-right: 1em; + border-right: 1px #ddd solid; + display: inline-block; +} +.admin .navbar form { + margin: 0em; + padding: 0em; +} +.admin .navbar.toolbar { + margin: 1em 0em; + background-color: transparent; + margin-bottom: 1em; +} +.admin .navbar.toolbar .title { + padding-right: 2em; + margin-right: 1em; + border-right: 1px #ddd solid; + font-size: 1rem; + font-weight: 100; +} +.admin .navbar .navbar-dropdown { + max-height: 40rem; + overflow-y: auto; +} +.admin .navbar .navbar-dropdown input { + z-index: 10000; + position: sticky; + top: 0; +} +.admin .navbar .navbar-brand { + padding-right: 1em; +} +.admin .navbar .navbar-brand img { + margin: 0em 0.4em; + margin-top: 0.3em; + max-height: 3em; +} +.admin .breadcrumbs { + margin-bottom: 1em; +} +.admin .results > #result_list { + width: 100%; + margin: 1em 0em; +} +.admin ul.menu-list li { + list-style-type: none; +} +.admin .submit-row a.deletelink { + height: 35px; +} /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/ACarousel.vue?vue&type=style&index=0&id=b79f173e&scoped=true&lang=css ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @@ -38,7 +2936,7 @@ } /*!**************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/common.scss ***! + !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/styles/common.scss ***! \**************************************************************************************************************************************************************************************************************************************/ /* Bulma Utilities */ .file-cta, @@ -748,7 +3646,7 @@ button.dropdown-item.is-active { .modal-card { margin: 0 auto; max-height: calc(100vh - 40px); - width: 640px; + width: 80%; } } diff --git a/aircox/static/aircox/css/public.css b/aircox/static/aircox/css/public.css index bf7511b..bbe899e 100644 --- a/aircox/static/aircox/css/public.css +++ b/aircox/static/aircox/css/public.css @@ -1,5 +1,5 @@ /*!**************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/public.scss ***! + !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/styles/public.scss ***! \**************************************************************************************************************************************************************************************************************************************/ :root { --title-1-sz: 1.6rem; @@ -121,8 +121,12 @@ color: var(--heading-hg-fg); } -.panels .panel:not(.active) { - display: none; +.modal-card { + max-width: 1380px; +} + +.modal-card { + max-height: calc(100% - 10rem); } .preview { @@ -536,8 +540,6 @@ max-width: 100%; } .a-select-file .a-select-file-list { - max-height: 30rem; - overflow-y: auto; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0.6rem; @@ -930,7 +932,7 @@ nav li a, nav li .button { .header-cover:not(:only-child) { float: right; position: relative; - z-index: 1000; + z-index: 30; background-color: var(--body-bg); margin: 0 0 1.2rem 1.2rem; } diff --git a/aircox/static/aircox/js/admin.js b/aircox/static/aircox/js/admin.js index be069c6..c4f835b 100644 --- a/aircox/static/aircox/js/admin.js +++ b/aircox/static/aircox/js/admin.js @@ -18,16 +18,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _styles_admin_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./styles/admin.scss */ \"./src/styles/admin.scss\");\n/* harmony import */ var _index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.js */ \"./src/index.js\");\n/* harmony import */ var _app__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./app */ \"./src/app.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components */ \"./src/components/index.js\");\n/* harmony import */ var _track__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./track */ \"./src/track.js\");\n\n\n\n\n\nconst AdminApp = {\n ..._app__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n components: {\n ..._app__WEBPACK_IMPORTED_MODULE_2__[\"default\"].components,\n ..._components__WEBPACK_IMPORTED_MODULE_3__.admin\n },\n data() {\n return {\n ...super.data,\n Track: _track__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n };\n }\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (AdminApp);\nwindow.App = AdminApp;\n\n//# sourceURL=webpack://aircox-assets/./src/admin.js?"); -/***/ }), - -/***/ "./src/styles/admin.scss": -/*!*******************************!*\ - !*** ./src/styles/admin.scss ***! - \*******************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://aircox-assets/./src/styles/admin.scss?"); - /***/ }) /******/ }); diff --git a/aircox/static/aircox/js/chunk-common.js b/aircox/static/aircox/js/chunk-common.js index 19f45ad..533ea4f 100644 --- a/aircox/static/aircox/js/chunk-common.js +++ b/aircox/static/aircox/js/chunk-common.js @@ -69,6 +69,16 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ /***/ }), +/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AModal.vue?vue&type=script&lang=js": +/*!****************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AModal.vue?vue&type=script&lang=js ***! + \****************************************************************************************************************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n props: {\n title: {\n type: String,\n default: \"\"\n }\n },\n data() {\n return {\n active: false\n };\n },\n methods: {\n open() {\n this.active = true;\n },\n close() {\n this.active = false;\n }\n }\n});\n\n//# sourceURL=webpack://aircox-assets/./src/components/AModal.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D"); + +/***/ }), + /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/APage.vue?vue&type=script&lang=js": /*!***************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/APage.vue?vue&type=script&lang=js ***! @@ -249,6 +259,16 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AModal.vue?vue&type=template&id=74997efc": +/*!********************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AModal.vue?vue&type=template&id=74997efc ***! + \********************************************************************************************************************************************************************************************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm-bundler.js\");\n\nconst _hoisted_1 = {\n class: \"modal-card\"\n};\nconst _hoisted_2 = {\n class: \"modal-card-head\"\n};\nconst _hoisted_3 = {\n class: \"modal-card-title\"\n};\nconst _hoisted_4 = {\n class: \"modal-card-body\"\n};\nconst _hoisted_5 = {\n class: \"modal-card-foot align-right\"\n};\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"section\", {\n class: (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(['modal', $data.active && 'is-active' || ''])\n }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"div\", {\n class: \"modal-background\",\n onClick: _cache[0] || (_cache[0] = (...args) => $options.close && $options.close(...args))\n }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"div\", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"header\", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"div\", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, \"title\", {}, () => [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.title), 1 /* TEXT */)])])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"section\", _hoisted_4, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, \"default\")]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"div\", _hoisted_5, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, \"footer\", {\n close: $options.close\n })])])], 2 /* CLASS */);\n}\n\n//# sourceURL=webpack://aircox-assets/./src/components/AModal.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/vue-loader/dist/templateLoader.js??ruleSet%5B1%5D.rules%5B3%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D"); + +/***/ }), + /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/APage.vue?vue&type=template&id=53c8e290": /*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/APage.vue?vue&type=template&id=53c8e290 ***! @@ -385,7 +405,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \*********************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ admin: function() { return /* binding */ admin; },\n/* harmony export */ base: function() { return /* binding */ base; }\n/* harmony export */ });\n/* harmony import */ var _AAutocomplete_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AAutocomplete.vue */ \"./src/components/AAutocomplete.vue\");\n/* harmony import */ var _ACarousel_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ACarousel.vue */ \"./src/components/ACarousel.vue\");\n/* harmony import */ var _ADropdown_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ADropdown.vue */ \"./src/components/ADropdown.vue\");\n/* harmony import */ var _AEpisode_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./AEpisode.vue */ \"./src/components/AEpisode.vue\");\n/* harmony import */ var _AList_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./AList.vue */ \"./src/components/AList.vue\");\n/* harmony import */ var _APage_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./APage.vue */ \"./src/components/APage.vue\");\n/* harmony import */ var _APlayer_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./APlayer.vue */ \"./src/components/APlayer.vue\");\n/* harmony import */ var _APlaylist_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./APlaylist.vue */ \"./src/components/APlaylist.vue\");\n/* harmony import */ var _APlaylistEditor_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./APlaylistEditor.vue */ \"./src/components/APlaylistEditor.vue\");\n/* harmony import */ var _AProgress_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./AProgress.vue */ \"./src/components/AProgress.vue\");\n/* harmony import */ var _ASoundItem_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ASoundItem.vue */ \"./src/components/ASoundItem.vue\");\n/* harmony import */ var _ASwitch_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ASwitch.vue */ \"./src/components/ASwitch.vue\");\n/* harmony import */ var _AStatistics_vue__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./AStatistics.vue */ \"./src/components/AStatistics.vue\");\n/* harmony import */ var _AStreamer_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./AStreamer.vue */ \"./src/components/AStreamer.vue\");\n/* harmony import */ var _ASelectFile_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./ASelectFile.vue */ \"./src/components/ASelectFile.vue\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * Core components\n */\nconst base = {\n AAutocomplete: _AAutocomplete_vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n ACarousel: _ACarousel_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n ADropdown: _ADropdown_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n AEpisode: _AEpisode_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n AList: _AList_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n APage: _APage_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n APlayer: _APlayer_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n APlaylist: _APlaylist_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n AProgress: _AProgress_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n ASoundItem: _ASoundItem_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n ASwitch: _ASwitch_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n ASelectFile: _ASelectFile_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"]\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (base);\nconst admin = {\n ...base,\n AStatistics: _AStatistics_vue__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n AStreamer: _AStreamer_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n APlaylistEditor: _APlaylistEditor_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n};\n\n//# sourceURL=webpack://aircox-assets/./src/components/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ admin: function() { return /* binding */ admin; },\n/* harmony export */ base: function() { return /* binding */ base; },\n/* harmony export */ dashboard: function() { return /* binding */ dashboard; }\n/* harmony export */ });\n/* harmony import */ var _AAutocomplete__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AAutocomplete */ \"./src/components/AAutocomplete.vue\");\n/* harmony import */ var _ACarousel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ACarousel */ \"./src/components/ACarousel.vue\");\n/* harmony import */ var _ADropdown__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ADropdown */ \"./src/components/ADropdown.vue\");\n/* harmony import */ var _AEpisode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./AEpisode */ \"./src/components/AEpisode.vue\");\n/* harmony import */ var _AList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./AList */ \"./src/components/AList.vue\");\n/* harmony import */ var _APage__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./APage */ \"./src/components/APage.vue\");\n/* harmony import */ var _APlayer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./APlayer */ \"./src/components/APlayer.vue\");\n/* harmony import */ var _APlaylist__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./APlaylist */ \"./src/components/APlaylist.vue\");\n/* harmony import */ var _APlaylistEditor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./APlaylistEditor */ \"./src/components/APlaylistEditor.vue\");\n/* harmony import */ var _AProgress__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./AProgress */ \"./src/components/AProgress.vue\");\n/* harmony import */ var _ASoundItem__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ASoundItem */ \"./src/components/ASoundItem.vue\");\n/* harmony import */ var _ASwitch__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ASwitch */ \"./src/components/ASwitch.vue\");\n/* harmony import */ var _AStatistics__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./AStatistics */ \"./src/components/AStatistics.vue\");\n/* harmony import */ var _AStreamer__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./AStreamer */ \"./src/components/AStreamer.vue\");\n/* harmony import */ var _AModal__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./AModal */ \"./src/components/AModal.vue\");\n/* harmony import */ var _ASelectFile__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ASelectFile */ \"./src/components/ASelectFile.vue\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * Core components\n */\nconst base = {\n AAutocomplete: _AAutocomplete__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n ACarousel: _ACarousel__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n ADropdown: _ADropdown__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n AEpisode: _AEpisode__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n AList: _AList__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n APage: _APage__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n APlayer: _APlayer__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n APlaylist: _APlaylist__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n AProgress: _AProgress__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n ASoundItem: _ASoundItem__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n ASwitch: _ASwitch__WEBPACK_IMPORTED_MODULE_11__[\"default\"]\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (base);\nconst admin = {\n ...base,\n AStatistics: _AStatistics__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n AStreamer: _AStreamer__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n APlaylistEditor: _APlaylistEditor__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n};\nconst dashboard = {\n ...base,\n ASelectFile: _ASelectFile__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n AModal: _AModal__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n APlaylistEditor: _APlaylistEditor__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n};\n\n//# sourceURL=webpack://aircox-assets/./src/components/index.js?"); /***/ }), @@ -489,6 +509,16 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr /***/ }), +/***/ "./src/styles/admin.scss": +/*!*******************************!*\ + !*** ./src/styles/admin.scss ***! + \*******************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://aircox-assets/./src/styles/admin.scss?"); + +/***/ }), + /***/ "./src/styles/common.scss": /*!********************************!*\ !*** ./src/styles/common.scss ***! @@ -559,6 +589,16 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ALi /***/ }), +/***/ "./src/components/AModal.vue": +/*!***********************************!*\ + !*** ./src/components/AModal.vue ***! + \***********************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _AModal_vue_vue_type_template_id_74997efc__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AModal.vue?vue&type=template&id=74997efc */ \"./src/components/AModal.vue?vue&type=template&id=74997efc\");\n/* harmony import */ var _AModal_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AModal.vue?vue&type=script&lang=js */ \"./src/components/AModal.vue?vue&type=script&lang=js\");\n/* harmony import */ var _home_data_code_projets_aircox_assets_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/vue-loader/dist/exportHelper.js */ \"./node_modules/vue-loader/dist/exportHelper.js\");\n\n\n\n\n;\nconst __exports__ = /*#__PURE__*/(0,_home_data_code_projets_aircox_assets_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(_AModal_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"], [['render',_AModal_vue_vue_type_template_id_74997efc__WEBPACK_IMPORTED_MODULE_0__.render],['__file',\"src/components/AModal.vue\"]])\n/* hot reload */\nif (false) {}\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (__exports__);\n\n//# sourceURL=webpack://aircox-assets/./src/components/AModal.vue?"); + +/***/ }), + /***/ "./src/components/APage.vue": /*!**********************************!*\ !*** ./src/components/APage.vue ***! @@ -739,6 +779,16 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./src/components/AModal.vue?vue&type=script&lang=js": +/*!***********************************************************!*\ + !*** ./src/components/AModal.vue?vue&type=script&lang=js ***! + \***********************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_40_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AModal_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_40_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AModal_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./AModal.vue?vue&type=script&lang=js */ \"./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AModal.vue?vue&type=script&lang=js\");\n \n\n//# sourceURL=webpack://aircox-assets/./src/components/AModal.vue?"); + +/***/ }), + /***/ "./src/components/APage.vue?vue&type=script&lang=js": /*!**********************************************************!*\ !*** ./src/components/APage.vue?vue&type=script&lang=js ***! @@ -919,6 +969,16 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./src/components/AModal.vue?vue&type=template&id=74997efc": +/*!*****************************************************************!*\ + !*** ./src/components/AModal.vue?vue&type=template&id=74997efc ***! + \*****************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_40_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AModal_vue_vue_type_template_id_74997efc__WEBPACK_IMPORTED_MODULE_0__.render; }\n/* harmony export */ });\n/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_40_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AModal_vue_vue_type_template_id_74997efc__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./AModal.vue?vue&type=template&id=74997efc */ \"./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/AModal.vue?vue&type=template&id=74997efc\");\n\n\n//# sourceURL=webpack://aircox-assets/./src/components/AModal.vue?"); + +/***/ }), + /***/ "./src/components/APage.vue?vue&type=template&id=53c8e290": /*!****************************************************************!*\ !*** ./src/components/APage.vue?vue&type=template&id=53c8e290 ***! diff --git a/aircox/templates/aircox/page_form.html b/aircox/templates/aircox/page_form.html index e6c3702..0d565c4 100644 --- a/aircox/templates/aircox/page_form.html +++ b/aircox/templates/aircox/page_form.html @@ -1,18 +1,58 @@ {% extends "./page_detail.html" %} {% load static i18n %} +{% block assets %} +{{ block.super }} + +{% endblock %} + {% block header-cover %} - +
+ + +
{% endblock %} {% block content-container %} -
+ + + + + +
{% csrf_token %} {% for field in form %}
{% if field.name == "cover" %} - + {% else %}
@@ -40,32 +80,4 @@
- -
-

{% translate "Change cover" %}

- - - - - -
{% endblock %} diff --git a/assets/src/components/AModal.vue b/assets/src/components/AModal.vue new file mode 100644 index 0000000..b845346 --- /dev/null +++ b/assets/src/components/AModal.vue @@ -0,0 +1,36 @@ + + diff --git a/assets/src/components/index.js b/assets/src/components/index.js index ab482ca..7346045 100644 --- a/assets/src/components/index.js +++ b/assets/src/components/index.js @@ -1,18 +1,20 @@ -import AAutocomplete from './AAutocomplete.vue' -import ACarousel from './ACarousel.vue' -import ADropdown from "./ADropdown.vue" -import AEpisode from './AEpisode.vue' -import AList from './AList.vue' -import APage from './APage.vue' -import APlayer from './APlayer.vue' -import APlaylist from './APlaylist.vue' -import APlaylistEditor from './APlaylistEditor.vue' -import AProgress from './AProgress.vue' -import ASoundItem from './ASoundItem.vue' -import ASwitch from './ASwitch.vue' -import AStatistics from './AStatistics.vue' -import AStreamer from './AStreamer.vue' -import ASelectFile from "./ASelectFile.vue" +import AAutocomplete from './AAutocomplete' +import ACarousel from './ACarousel' +import ADropdown from "./ADropdown" +import AEpisode from './AEpisode' +import AList from './AList' +import APage from './APage' +import APlayer from './APlayer' +import APlaylist from './APlaylist' +import APlaylistEditor from './APlaylistEditor' +import AProgress from './AProgress' +import ASoundItem from './ASoundItem' +import ASwitch from './ASwitch' +import AStatistics from './AStatistics' +import AStreamer from './AStreamer' + +import AModal from "./AModal" +import ASelectFile from "./ASelectFile" /** * Core components @@ -20,7 +22,7 @@ import ASelectFile from "./ASelectFile.vue" export const base = { AAutocomplete, ACarousel, ADropdown, AEpisode, AList, APage, APlayer, APlaylist, AProgress, ASoundItem, ASwitch, - ASelectFile, + } export default base @@ -29,3 +31,8 @@ export const admin = { ...base, AStatistics, AStreamer, APlaylistEditor } + +export const dashboard = { + ...base, + ASelectFile, AModal, APlaylistEditor, +} diff --git a/assets/src/dashboard.js b/assets/src/dashboard.js new file mode 100644 index 0000000..7af4847 --- /dev/null +++ b/assets/src/dashboard.js @@ -0,0 +1,28 @@ +import './styles/admin.scss' +import './index.js' + +import App from './app'; +import {dashboard as components} from './components' + +const AdminApp = { + ...App, + components: {...App.components, ...components}, + + methods: { + ...App.methods, + + fileSelected(select, cover, input, modal) { + console.log("file!") + const item = this.$refs[select].item + if(item) { + this.$refs[cover].src = item.file + this.$refs[input].value = item.id + modal && this.$refs[modal].close() + } + }, + } +} +export default AdminApp; + + +window.App = AdminApp diff --git a/assets/src/styles/admin.scss b/assets/src/styles/admin.scss index 35b9262..311c3d3 100644 --- a/assets/src/styles/admin.scss +++ b/assets/src/styles/admin.scss @@ -13,7 +13,6 @@ .admin { - .navbar.has-shadow, .navbar.is-fixed-bottom.has-shadow { box-shadow: 0em 0em 1em rgba(0,0,0,0.1); } diff --git a/assets/src/styles/components.scss b/assets/src/styles/components.scss index e185b0c..e2ec994 100644 --- a/assets/src/styles/components.scss +++ b/assets/src/styles/components.scss @@ -138,9 +138,12 @@ } -// ---- panels -.panels { - .panel:not(.active) { display: none; } +// ---- bulma overrides +.modal-card { + max-width: v.$screen-wide; +} +.modal-card { + max-height: calc(100% - 10rem); } // ---- button @@ -718,8 +721,6 @@ } .a-select-file-list { - max-height: 30rem; - overflow-y: auto; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: v.$mp-3; diff --git a/assets/src/styles/public.scss b/assets/src/styles/public.scss index 1d78b93..e2888cb 100644 --- a/assets/src/styles/public.scss +++ b/assets/src/styles/public.scss @@ -388,7 +388,7 @@ nav li { .header-cover:not(:only-child) { float: right; position: relative; - z-index: 1000; + z-index: 30; background-color: var(--body-bg); margin: 0 0 v.$mp-4 v.$mp-4; diff --git a/assets/src/styles/vendor.scss b/assets/src/styles/vendor.scss index a2c309b..09b57ad 100644 --- a/assets/src/styles/vendor.scss +++ b/assets/src/styles/vendor.scss @@ -3,6 +3,7 @@ // ---- bulma $body-color: #000; $title-color: #000; +$modal-content-width: 80%; @import "~bulma/sass/utilities/_all.sass"; diff --git a/assets/vue.config.js b/assets/vue.config.js index c295d83..2b98a00 100644 --- a/assets/vue.config.js +++ b/assets/vue.config.js @@ -17,6 +17,7 @@ module.exports = defineConfig({ pages: { public: { entry: 'src/public.js' }, + dashboard: { entry: 'src/dashboard.js' }, admin: { entry: 'src/admin.js' }, } })