From 3b5f725a09dd1c580cbe3003435428e8daee5071 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?benjamin=20melan=C3=A7on?= Date: Wed, 31 Jul 2019 23:59:43 -0400 Subject: [PATCH] Comment out timeline import for now --- .../custom/geofresco/dist/css/global.css | 1406 +++++++++++------ .../custom/geofresco/src/global/global.scss | 2 +- 2 files changed, 938 insertions(+), 470 deletions(-) diff --git a/web/themes/custom/geofresco/dist/css/global.css b/web/themes/custom/geofresco/dist/css/global.css index 91a7014..87ad21f 100644 --- a/web/themes/custom/geofresco/dist/css/global.css +++ b/web/themes/custom/geofresco/dist/css/global.css @@ -14,7 +14,7 @@ -webkit-transform: rotate(359deg); transform: rotate(359deg); } } -.delete, .modal-close, .is-unselectable, .button, .breadcrumb, .pagination-previous, +.delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .tabs { @@ -24,7 +24,7 @@ -ms-user-select: none; user-select: none; } -.navbar-link:not(.is-arrowless)::after { +.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; @@ -117,7 +117,7 @@ min-width: 32px; width: 32px; } -.button.is-loading::after, .loader { +.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after { -webkit-animation: spinAround 500ms infinite linear; animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; @@ -153,7 +153,8 @@ right: 0; top: 0; } -.button, .pagination-previous, +.button, .input, .textarea, .select select, .file-cta, +.file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { @@ -181,25 +182,36 @@ padding-top: calc(0.375em - 1px); position: relative; vertical-align: top; } - .button:focus, .pagination-previous:focus, + .button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, + .file-name:focus, .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, - .pagination-ellipsis:focus, .is-focused.button, .is-focused.pagination-previous, + .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, + .is-focused.file-name, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, - .is-focused.pagination-ellipsis, .button:active, .pagination-previous:active, + .is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, + .file-name:active, .pagination-previous:active, .pagination-next:active, .pagination-link:active, - .pagination-ellipsis:active, .is-active.button, .is-active.pagination-previous, + .pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, + .is-active.file-name, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis { outline: none; } - .button[disabled], .pagination-previous[disabled], + .button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled], + .file-name[disabled], .pagination-previous[disabled], .pagination-next[disabled], .pagination-link[disabled], .pagination-ellipsis[disabled], fieldset[disabled] .button, + fieldset[disabled] .input, + fieldset[disabled] .textarea, + fieldset[disabled] .select select, + .select fieldset[disabled] select, + fieldset[disabled] .file-cta, + fieldset[disabled] .file-name, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-link, @@ -3082,6 +3094,922 @@ a.tag:hover { } } */ +.input, .textarea, .select select { + background-color: white; + border-color: #dbdbdb; + border-radius: 4px; + color: #363636; } + .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); } + .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); } + .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); } + .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); } + .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered { + border-color: #b5b5b5; } + .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active { + border-color: #4391E0; + -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); + box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } + .input[disabled], .textarea[disabled], .select select[disabled], + fieldset[disabled] .input, + fieldset[disabled] .textarea, + fieldset[disabled] .select select, + .select fieldset[disabled] select { + background-color: whitesmoke; + border-color: whitesmoke; + -webkit-box-shadow: none; + box-shadow: none; + color: #7a7a7a; } + .input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder, + fieldset[disabled] .input::-moz-placeholder, + fieldset[disabled] .textarea::-moz-placeholder, + fieldset[disabled] .select select::-moz-placeholder, + .select fieldset[disabled] select::-moz-placeholder { + color: rgba(122, 122, 122, 0.3); } + .input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, + fieldset[disabled] .input::-webkit-input-placeholder, + fieldset[disabled] .textarea::-webkit-input-placeholder, + fieldset[disabled] .select select::-webkit-input-placeholder, + .select fieldset[disabled] select::-webkit-input-placeholder { + color: rgba(122, 122, 122, 0.3); } + .input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder, + fieldset[disabled] .input:-moz-placeholder, + fieldset[disabled] .textarea:-moz-placeholder, + fieldset[disabled] .select select:-moz-placeholder, + .select fieldset[disabled] select:-moz-placeholder { + color: rgba(122, 122, 122, 0.3); } + .input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, + fieldset[disabled] .input:-ms-input-placeholder, + fieldset[disabled] .textarea:-ms-input-placeholder, + fieldset[disabled] .select select:-ms-input-placeholder, + .select fieldset[disabled] select:-ms-input-placeholder { + color: rgba(122, 122, 122, 0.3); } + +.input, .textarea { + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + max-width: 100%; + width: 100%; } + .input[readonly], .textarea[readonly] { + -webkit-box-shadow: none; + box-shadow: none; } + .is-white.input, .is-white.textarea { + border-color: white; } + .is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } + .is-black.input, .is-black.textarea { + border-color: #0a0a0a; } + .is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea { + -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } + .is-light.input, .is-light.textarea { + border-color: whitesmoke; } + .is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea { + -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } + .is-dark.input, .is-dark.textarea { + border-color: #363636; } + .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea { + -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } + .is-primary.input, .is-primary.textarea { + border-color: #478D00; } + .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea { + -webkit-box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); + box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } + .is-link.input, .is-link.textarea { + border-color: #4391E0; } + .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea { + -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); + box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } + .is-info.input, .is-info.textarea { + border-color: #209cee; } + .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea { + -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } + .is-success.input, .is-success.textarea { + border-color: #478D00; } + .is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea { + -webkit-box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); + box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } + .is-warning.input, .is-warning.textarea { + border-color: #ffdd57; } + .is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } + .is-danger.input, .is-danger.textarea { + border-color: #a70c20; } + .is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea { + -webkit-box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); + box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); } + .is-small.input, .is-small.textarea { + border-radius: 2px; + font-size: 0.75rem; } + .is-medium.input, .is-medium.textarea { + font-size: 1.25rem; } + .is-large.input, .is-large.textarea { + font-size: 1.5rem; } + .is-fullwidth.input, .is-fullwidth.textarea { + display: block; + width: 100%; } + .is-inline.input, .is-inline.textarea { + display: inline; + width: auto; } + +.input.is-rounded { + border-radius: 290486px; + padding-left: 1em; + padding-right: 1em; } + +.input.is-static { + background-color: transparent; + border-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + padding-left: 0; + padding-right: 0; } + +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: 0.625em; + resize: vertical; } + .textarea:not([rows]) { + max-height: 600px; + min-height: 120px; } + .textarea[rows] { + height: initial; } + .textarea.has-fixed-size { + resize: none; } + +.checkbox, .radio { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative; } + .checkbox input, .radio input { + cursor: pointer; } + .checkbox:hover, .radio:hover { + color: #363636; } + .checkbox[disabled], .radio[disabled], + fieldset[disabled] .checkbox, + fieldset[disabled] .radio { + color: #7a7a7a; + cursor: not-allowed; } + +.radio + .radio { + margin-left: 0.5em; } + +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top; } + .select:not(.is-multiple) { + height: 2.25em; } + .select:not(.is-multiple):not(.is-loading)::after { + border-color: #4391E0; + right: 1.125em; + z-index: 4; } + .select.is-rounded select { + border-radius: 290486px; + padding-left: 1em; } + .select select { + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; } + .select select::-ms-expand { + display: none; } + .select select[disabled]:hover, + fieldset[disabled] .select select:hover { + border-color: whitesmoke; } + .select select:not([multiple]) { + padding-right: 2.5em; } + .select select[multiple] { + height: auto; + padding: 0; } + .select select[multiple] option { + padding: 0.5em 1em; } + .select:not(.is-multiple):not(.is-loading):hover::after { + border-color: #363636; } + .select.is-white:not(:hover)::after { + border-color: white; } + .select.is-white select { + border-color: white; } + .select.is-white select:hover, .select.is-white select.is-hovered { + border-color: #f2f2f2; } + .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } + .select.is-black:not(:hover)::after { + border-color: #0a0a0a; } + .select.is-black select { + border-color: #0a0a0a; } + .select.is-black select:hover, .select.is-black select.is-hovered { + border-color: black; } + .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } + .select.is-light:not(:hover)::after { + border-color: whitesmoke; } + .select.is-light select { + border-color: whitesmoke; } + .select.is-light select:hover, .select.is-light select.is-hovered { + border-color: #e8e8e8; } + .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } + .select.is-dark:not(:hover)::after { + border-color: #363636; } + .select.is-dark select { + border-color: #363636; } + .select.is-dark select:hover, .select.is-dark select.is-hovered { + border-color: #292929; } + .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } + .select.is-primary:not(:hover)::after { + border-color: #478D00; } + .select.is-primary select { + border-color: #478D00; } + .select.is-primary select:hover, .select.is-primary select.is-hovered { + border-color: #3a7400; } + .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); + box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } + .select.is-link:not(:hover)::after { + border-color: #4391E0; } + .select.is-link select { + border-color: #4391E0; } + .select.is-link select:hover, .select.is-link select.is-hovered { + border-color: #2d84dc; } + .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); + box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } + .select.is-info:not(:hover)::after { + border-color: #209cee; } + .select.is-info select { + border-color: #209cee; } + .select.is-info select:hover, .select.is-info select.is-hovered { + border-color: #118fe4; } + .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } + .select.is-success:not(:hover)::after { + border-color: #478D00; } + .select.is-success select { + border-color: #478D00; } + .select.is-success select:hover, .select.is-success select.is-hovered { + border-color: #3a7400; } + .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); + box-shadow: 0 0 0 0.125em rgba(71, 141, 0, 0.25); } + .select.is-warning:not(:hover)::after { + border-color: #ffdd57; } + .select.is-warning select { + border-color: #ffdd57; } + .select.is-warning select:hover, .select.is-warning select.is-hovered { + border-color: #ffd83d; } + .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } + .select.is-danger:not(:hover)::after { + border-color: #a70c20; } + .select.is-danger select { + border-color: #a70c20; } + .select.is-danger select:hover, .select.is-danger select.is-hovered { + border-color: #8f0a1b; } + .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { + -webkit-box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); + box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); } + .select.is-small { + border-radius: 2px; + font-size: 0.75rem; } + .select.is-medium { + font-size: 1.25rem; } + .select.is-large { + font-size: 1.5rem; } + .select.is-disabled::after { + border-color: #7a7a7a; } + .select.is-fullwidth { + width: 100%; } + .select.is-fullwidth select { + width: 100%; } + .select.is-loading::after { + margin-top: 0; + position: absolute; + right: 0.625em; + top: 0.625em; + -webkit-transform: none; + -ms-transform: none; + transform: none; } + .select.is-loading.is-small:after { + font-size: 0.75rem; } + .select.is-loading.is-medium:after { + font-size: 1.25rem; } + .select.is-loading.is-large:after { + font-size: 1.5rem; } + +.file { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + position: relative; } + .file.is-white .file-cta { + background-color: white; + border-color: transparent; + color: #0a0a0a; } + .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; } + .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: #0a0a0a; } + .file.is-white:active .file-cta, .file.is-white.is-active .file-cta { + background-color: #f2f2f2; + border-color: transparent; + color: #0a0a0a; } + .file.is-black .file-cta { + background-color: #0a0a0a; + border-color: transparent; + color: white; } + .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { + background-color: #040404; + border-color: transparent; + color: white; } + .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: white; } + .file.is-black:active .file-cta, .file.is-black.is-active .file-cta { + background-color: black; + border-color: transparent; + color: white; } + .file.is-light .file-cta { + background-color: whitesmoke; + border-color: transparent; + color: #363636; } + .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { + background-color: #eeeeee; + border-color: transparent; + color: #363636; } + .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + color: #363636; } + .file.is-light:active .file-cta, .file.is-light.is-active .file-cta { + background-color: #e8e8e8; + border-color: transparent; + color: #363636; } + .file.is-dark .file-cta { + background-color: #363636; + border-color: transparent; + color: whitesmoke; } + .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { + background-color: #2f2f2f; + border-color: transparent; + color: whitesmoke; } + .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + color: whitesmoke; } + .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { + background-color: #292929; + border-color: transparent; + color: whitesmoke; } + .file.is-primary .file-cta { + background-color: #478D00; + border-color: transparent; + color: #fff; } + .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { + background-color: #418000; + border-color: transparent; + color: #fff; } + .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(71, 141, 0, 0.25); + box-shadow: 0 0 0.5em rgba(71, 141, 0, 0.25); + color: #fff; } + .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { + background-color: #3a7400; + border-color: transparent; + color: #fff; } + .file.is-link .file-cta { + background-color: #4391E0; + border-color: transparent; + color: #fff; } + .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { + background-color: #388bde; + border-color: transparent; + color: #fff; } + .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(67, 145, 224, 0.25); + box-shadow: 0 0 0.5em rgba(67, 145, 224, 0.25); + color: #fff; } + .file.is-link:active .file-cta, .file.is-link.is-active .file-cta { + background-color: #2d84dc; + border-color: transparent; + color: #fff; } + .file.is-info .file-cta { + background-color: #209cee; + border-color: transparent; + color: #fff; } + .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { + background-color: #1496ed; + border-color: transparent; + color: #fff; } + .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); + color: #fff; } + .file.is-info:active .file-cta, .file.is-info.is-active .file-cta { + background-color: #118fe4; + border-color: transparent; + color: #fff; } + .file.is-success .file-cta { + background-color: #478D00; + border-color: transparent; + color: #fff; } + .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { + background-color: #418000; + border-color: transparent; + color: #fff; } + .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(71, 141, 0, 0.25); + box-shadow: 0 0 0.5em rgba(71, 141, 0, 0.25); + color: #fff; } + .file.is-success:active .file-cta, .file.is-success.is-active .file-cta { + background-color: #3a7400; + border-color: transparent; + color: #fff; } + .file.is-warning .file-cta { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); } + .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); } + .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + color: rgba(0, 0, 0, 0.7); } + .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); } + .file.is-danger .file-cta { + background-color: #a70c20; + border-color: transparent; + color: #fff; } + .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { + background-color: #9b0b1e; + border-color: transparent; + color: #fff; } + .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { + border-color: transparent; + -webkit-box-shadow: 0 0 0.5em rgba(167, 12, 32, 0.25); + box-shadow: 0 0 0.5em rgba(167, 12, 32, 0.25); + color: #fff; } + .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { + background-color: #8f0a1b; + border-color: transparent; + color: #fff; } + .file.is-small { + font-size: 0.75rem; } + .file.is-medium { + font-size: 1.25rem; } + .file.is-medium .file-icon .fa { + font-size: 21px; } + .file.is-large { + font-size: 1.5rem; } + .file.is-large .file-icon .fa { + font-size: 28px; } + .file.has-name .file-cta { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .file.has-name .file-name { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .file.has-name.is-empty .file-cta { + border-radius: 4px; } + .file.has-name.is-empty .file-name { + display: none; } + .file.is-boxed .file-label { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + .file.is-boxed .file-cta { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: auto; + padding: 1em 3em; } + .file.is-boxed .file-name { + border-width: 0 1px 1px; } + .file.is-boxed .file-icon { + height: 1.5em; + width: 1.5em; } + .file.is-boxed .file-icon .fa { + font-size: 21px; } + .file.is-boxed.is-small .file-icon .fa { + font-size: 14px; } + .file.is-boxed.is-medium .file-icon .fa { + font-size: 28px; } + .file.is-boxed.is-large .file-icon .fa { + font-size: 35px; } + .file.is-boxed.has-name .file-cta { + border-radius: 4px 4px 0 0; } + .file.is-boxed.has-name .file-name { + border-radius: 0 0 4px 4px; + border-width: 0 1px 1px; } + .file.is-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + .file.is-fullwidth .file-label { + width: 100%; } + .file.is-fullwidth .file-name { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: none; } + .file.is-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + .file.is-right .file-cta { + border-radius: 0 4px 4px 0; } + .file.is-right .file-name { + border-radius: 4px 0 0 4px; + border-width: 1px 0 1px 1px; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; } + +.file-label { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + cursor: pointer; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + overflow: hidden; + position: relative; } + .file-label:hover .file-cta { + background-color: #eeeeee; + color: #363636; } + .file-label:hover .file-name { + border-color: #d5d5d5; } + .file-label:active .file-cta { + background-color: #e8e8e8; + color: #363636; } + .file-label:active .file-name { + border-color: #cfcfcf; } + +.file-input { + height: 100%; + left: 0; + opacity: 0; + outline: none; + position: absolute; + top: 0; + width: 100%; } + +.file-cta, +.file-name { + border-color: #dbdbdb; + border-radius: 4px; + font-size: 1em; + padding-left: 1em; + padding-right: 1em; + white-space: nowrap; } + +.file-cta { + background-color: whitesmoke; + color: #4a4a4a; } + +.file-name { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px 1px 1px 0; + display: block; + max-width: 16em; + overflow: hidden; + text-align: left; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; } + +.file-icon { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 1em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 0.5em; + width: 1em; } + .file-icon .fa { + font-size: 14px; } + +.label { + color: #363636; + display: block; + font-size: 1rem; + font-weight: 700; } + .label:not(:last-child) { + margin-bottom: 0.5em; } + .label.is-small { + font-size: 0.75rem; } + .label.is-medium { + font-size: 1.25rem; } + .label.is-large { + font-size: 1.5rem; } + +.help { + display: block; + font-size: 0.75rem; + margin-top: 0.25rem; } + .help.is-white { + color: white; } + .help.is-black { + color: #0a0a0a; } + .help.is-light { + color: whitesmoke; } + .help.is-dark { + color: #363636; } + .help.is-primary { + color: #478D00; } + .help.is-link { + color: #4391E0; } + .help.is-info { + color: #209cee; } + .help.is-success { + color: #478D00; } + .help.is-warning { + color: #ffdd57; } + .help.is-danger { + color: #a70c20; } + +.field:not(:last-child) { + margin-bottom: 0.75rem; } + +.field.has-addons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } + .field.has-addons .control:not(:last-child) { + margin-right: -1px; } + .field.has-addons .control:not(:first-child):not(:last-child) .button, + .field.has-addons .control:not(:first-child):not(:last-child) .input, + .field.has-addons .control:not(:first-child):not(:last-child) .select select { + border-radius: 0; } + .field.has-addons .control:first-child:not(:only-child) .button, + .field.has-addons .control:first-child:not(:only-child) .input, + .field.has-addons .control:first-child:not(:only-child) .select select { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + .field.has-addons .control:last-child:not(:only-child) .button, + .field.has-addons .control:last-child:not(:only-child) .input, + .field.has-addons .control:last-child:not(:only-child) .select select { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, + .field.has-addons .control .input:not([disabled]):hover, + .field.has-addons .control .input:not([disabled]).is-hovered, + .field.has-addons .control .select select:not([disabled]):hover, + .field.has-addons .control .select select:not([disabled]).is-hovered { + z-index: 2; } + .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, + .field.has-addons .control .input:not([disabled]):focus, + .field.has-addons .control .input:not([disabled]).is-focused, + .field.has-addons .control .input:not([disabled]):active, + .field.has-addons .control .input:not([disabled]).is-active, + .field.has-addons .control .select select:not([disabled]):focus, + .field.has-addons .control .select select:not([disabled]).is-focused, + .field.has-addons .control .select select:not([disabled]):active, + .field.has-addons .control .select select:not([disabled]).is-active { + z-index: 3; } + .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, + .field.has-addons .control .input:not([disabled]):focus:hover, + .field.has-addons .control .input:not([disabled]).is-focused:hover, + .field.has-addons .control .input:not([disabled]):active:hover, + .field.has-addons .control .input:not([disabled]).is-active:hover, + .field.has-addons .control .select select:not([disabled]):focus:hover, + .field.has-addons .control .select select:not([disabled]).is-focused:hover, + .field.has-addons .control .select select:not([disabled]):active:hover, + .field.has-addons .control .select select:not([disabled]).is-active:hover { + z-index: 4; } + .field.has-addons .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } + .field.has-addons.has-addons-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + .field.has-addons.has-addons-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + .field.has-addons.has-addons-fullwidth .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } + +.field.is-grouped { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } + .field.is-grouped > .control { + -ms-flex-negative: 0; + flex-shrink: 0; } + .field.is-grouped > .control:not(:last-child) { + margin-bottom: 0; + margin-right: 0.75rem; } + .field.is-grouped > .control.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } + .field.is-grouped.is-grouped-centered { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + .field.is-grouped.is-grouped-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } + .field.is-grouped.is-grouped-multiline { + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { + margin-bottom: 0.75rem; } + .field.is-grouped.is-grouped-multiline:last-child { + margin-bottom: -0.75rem; } + .field.is-grouped.is-grouped-multiline:not(:last-child) { + margin-bottom: 0; } + +@media screen and (min-width: 769px), print { + .field.is-horizontal { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } } + +.field-label .label { + font-size: inherit; } + +@media screen and (max-width: 768px) { + .field-label { + margin-bottom: 0.5rem; } } + +@media screen and (min-width: 769px), print { + .field-label { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-right: 1.5rem; + text-align: right; } + .field-label.is-small { + font-size: 0.75rem; + padding-top: 0.375em; } + .field-label.is-normal { + padding-top: 0.375em; } + .field-label.is-medium { + font-size: 1.25rem; + padding-top: 0.375em; } + .field-label.is-large { + font-size: 1.5rem; + padding-top: 0.375em; } } + +.field-body .field .field { + margin-bottom: 0; } + +@media screen and (min-width: 769px), print { + .field-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + -ms-flex-negative: 1; + flex-shrink: 1; } + .field-body .field { + margin-bottom: 0; } + .field-body > .field { + -ms-flex-negative: 1; + flex-shrink: 1; } + .field-body > .field:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } + .field-body > .field:not(:last-child) { + margin-right: 0.75rem; } } + +.control { + -webkit-box-sizing: border-box; + box-sizing: border-box; + clear: both; + font-size: 1rem; + position: relative; + text-align: left; } + .control.has-icons-left .input:focus ~ .icon, + .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, + .control.has-icons-right .select:focus ~ .icon { + color: #7a7a7a; } + .control.has-icons-left .input.is-small ~ .icon, + .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, + .control.has-icons-right .select.is-small ~ .icon { + font-size: 0.75rem; } + .control.has-icons-left .input.is-medium ~ .icon, + .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, + .control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem; } + .control.has-icons-left .input.is-large ~ .icon, + .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, + .control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem; } + .control.has-icons-left .icon, .control.has-icons-right .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; } + .control.has-icons-left .input, + .control.has-icons-left .select select { + padding-left: 2.25em; } + .control.has-icons-left .icon.is-left { + left: 0; } + .control.has-icons-right .input, + .control.has-icons-right .select select { + padding-right: 2.25em; } + .control.has-icons-right .icon.is-right { + right: 0; } + .control.is-loading::after { + position: absolute !important; + right: 0.625em; + top: 0.625em; + z-index: 4; } + .control.is-loading.is-small:after { + font-size: 0.75rem; } + .control.is-loading.is-medium:after { + font-size: 1.25rem; } + .control.is-loading.is-large:after { + font-size: 1.5rem; } + .breadcrumb { font-size: 1rem; white-space: nowrap; } @@ -7228,463 +8156,3 @@ label.panel-block { padding: 2rem 1.5rem; } */ -.timeline { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - .timeline .timeline-header { - width: 4em; - min-width: 4em; - max-width: 8em; - word-wrap: normal; - text-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .timeline .timeline-item { - display: -webkit-box; - display: flex; - display: -ms-flexbox; - display: -webkit-flex; - position: relative; - margin-left: 2em; - padding-bottom: 2em; } - .timeline .timeline-item::before { - content: ""; - background-color: #dbdbdb; - display: block; - width: 0.1em; - height: 100%; - position: absolute; - left: 0; - top: 0; } - .timeline .timeline-item .timeline-marker { - position: absolute; - background: #dbdbdb; - border: 0.1em solid #dbdbdb; - border-radius: 100%; - content: ""; - display: block; - height: 0.8em; - left: -0.35em; - top: 1.2rem; - width: 0.8em; } - .timeline .timeline-item .timeline-marker.is-image { - background: #dbdbdb; - border: 0.1em solid #dbdbdb; - border-radius: 100%; - display: block; - overflow: hidden; } - .timeline .timeline-item .timeline-marker.is-image.is-16x16 { - height: 16px; - width: 16px; - left: -8px; } - .timeline .timeline-item .timeline-marker.is-image.is-24x24 { - height: 24px; - width: 24px; - left: -12px; } - .timeline .timeline-item .timeline-marker.is-image.is-32x32 { - height: 32px; - width: 32px; - left: -16px; } - .timeline .timeline-item .timeline-marker.is-image.is-48x48 { - height: 48px; - width: 48px; - left: -24px; } - .timeline .timeline-item .timeline-marker.is-image.is-64x64 { - height: 64px; - width: 64px; - left: -32px; } - .timeline .timeline-item .timeline-marker.is-image.is-96x96 { - height: 96px; - width: 96px; - left: -48px; } - .timeline .timeline-item .timeline-marker.is-image.is-128x128 { - height: 128px; - width: 128px; - left: -64px; } - .timeline .timeline-item .timeline-marker.is-icon { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - height: 1.5em; - width: 1.5em; - left: -0.7em; - line-height: .75rem; - padding: 0.25rem; - background: #dbdbdb; - border: 0.1em solid #dbdbdb; - border-radius: 100%; } - .timeline .timeline-item .timeline-marker.is-icon > i { - color: white; - font-size: 0.75rem !important; } - .timeline .timeline-item .timeline-marker.is-outlined .image { - background: white; } - .timeline .timeline-item .timeline-marker.is-outlined.is-icon { - background: white; } - .timeline .timeline-item .timeline-marker.is-outlined.is-icon > i { - color: #dbdbdb; } - .timeline .timeline-item .timeline-marker.is-white { - background-color: white !important; - border-color: white !important; } - .timeline .timeline-item .timeline-marker.is-white .image { - border-color: white !important; } - .timeline .timeline-item .timeline-marker.is-white.is-icon { - background-color: white !important; - border-color: white !important; } - .timeline .timeline-item .timeline-marker.is-white.is-icon > i { - color: #0a0a0a !important; } - .timeline .timeline-item .timeline-marker.is-white.is-outlined { - background-color: white !important; - border-color: white !important; } - .timeline .timeline-item .timeline-marker.is-white.is-outlined .image { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-white.is-outlined.is-icon { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-white.is-outlined.is-icon > i { - color: white !important; } - .timeline .timeline-item .timeline-marker.is-black { - background-color: #0a0a0a !important; - border-color: #0a0a0a !important; } - .timeline .timeline-item .timeline-marker.is-black .image { - border-color: #0a0a0a !important; } - .timeline .timeline-item .timeline-marker.is-black.is-icon { - background-color: #0a0a0a !important; - border-color: #0a0a0a !important; } - .timeline .timeline-item .timeline-marker.is-black.is-icon > i { - color: white !important; } - .timeline .timeline-item .timeline-marker.is-black.is-outlined { - background-color: white !important; - border-color: #0a0a0a !important; } - .timeline .timeline-item .timeline-marker.is-black.is-outlined .image { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-black.is-outlined.is-icon { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-black.is-outlined.is-icon > i { - color: #0a0a0a !important; } - .timeline .timeline-item .timeline-marker.is-light { - background-color: whitesmoke !important; - border-color: whitesmoke !important; } - .timeline .timeline-item .timeline-marker.is-light .image { - border-color: whitesmoke !important; } - .timeline .timeline-item .timeline-marker.is-light.is-icon { - background-color: whitesmoke !important; - border-color: whitesmoke !important; } - .timeline .timeline-item .timeline-marker.is-light.is-icon > i { - color: #363636 !important; } - .timeline .timeline-item .timeline-marker.is-light.is-outlined { - background-color: white !important; - border-color: whitesmoke !important; } - .timeline .timeline-item .timeline-marker.is-light.is-outlined .image { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-light.is-outlined.is-icon { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-light.is-outlined.is-icon > i { - color: whitesmoke !important; } - .timeline .timeline-item .timeline-marker.is-dark { - background-color: #363636 !important; - border-color: #363636 !important; } - .timeline .timeline-item .timeline-marker.is-dark .image { - border-color: #363636 !important; } - .timeline .timeline-item .timeline-marker.is-dark.is-icon { - background-color: #363636 !important; - border-color: #363636 !important; } - .timeline .timeline-item .timeline-marker.is-dark.is-icon > i { - color: whitesmoke !important; } - .timeline .timeline-item .timeline-marker.is-dark.is-outlined { - background-color: white !important; - border-color: #363636 !important; } - .timeline .timeline-item .timeline-marker.is-dark.is-outlined .image { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-dark.is-outlined.is-icon { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-dark.is-outlined.is-icon > i { - color: #363636 !important; } - .timeline .timeline-item .timeline-marker.is-primary { - background-color: #478D00 !important; - border-color: #478D00 !important; } - .timeline .timeline-item .timeline-marker.is-primary .image { - border-color: #478D00 !important; } - .timeline .timeline-item .timeline-marker.is-primary.is-icon { - background-color: #478D00 !important; - border-color: #478D00 !important; } - .timeline .timeline-item .timeline-marker.is-primary.is-icon > i { - color: #fff !important; } - .timeline .timeline-item .timeline-marker.is-primary.is-outlined { - background-color: white !important; - border-color: #478D00 !important; } - .timeline .timeline-item .timeline-marker.is-primary.is-outlined .image { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-primary.is-outlined.is-icon { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-primary.is-outlined.is-icon > i { - color: #478D00 !important; } - .timeline .timeline-item .timeline-marker.is-link { - background-color: #4391E0 !important; - border-color: #4391E0 !important; } - .timeline .timeline-item .timeline-marker.is-link .image { - border-color: #4391E0 !important; } - .timeline .timeline-item .timeline-marker.is-link.is-icon { - background-color: #4391E0 !important; - border-color: #4391E0 !important; } - .timeline .timeline-item .timeline-marker.is-link.is-icon > i { - color: #fff !important; } - .timeline .timeline-item .timeline-marker.is-link.is-outlined { - background-color: white !important; - border-color: #4391E0 !important; } - .timeline .timeline-item .timeline-marker.is-link.is-outlined .image { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-link.is-outlined.is-icon { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-link.is-outlined.is-icon > i { - color: #4391E0 !important; } - .timeline .timeline-item .timeline-marker.is-info { - background-color: #209cee !important; - border-color: #209cee !important; } - .timeline .timeline-item .timeline-marker.is-info .image { - border-color: #209cee !important; } - .timeline .timeline-item .timeline-marker.is-info.is-icon { - background-color: #209cee !important; - border-color: #209cee !important; } - .timeline .timeline-item .timeline-marker.is-info.is-icon > i { - color: #fff !important; } - .timeline .timeline-item .timeline-marker.is-info.is-outlined { - background-color: white !important; - border-color: #209cee !important; } - .timeline .timeline-item .timeline-marker.is-info.is-outlined .image { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-info.is-outlined.is-icon { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-info.is-outlined.is-icon > i { - color: #209cee !important; } - .timeline .timeline-item .timeline-marker.is-success { - background-color: #478D00 !important; - border-color: #478D00 !important; } - .timeline .timeline-item .timeline-marker.is-success .image { - border-color: #478D00 !important; } - .timeline .timeline-item .timeline-marker.is-success.is-icon { - background-color: #478D00 !important; - border-color: #478D00 !important; } - .timeline .timeline-item .timeline-marker.is-success.is-icon > i { - color: #fff !important; } - .timeline .timeline-item .timeline-marker.is-success.is-outlined { - background-color: white !important; - border-color: #478D00 !important; } - .timeline .timeline-item .timeline-marker.is-success.is-outlined .image { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-success.is-outlined.is-icon { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-success.is-outlined.is-icon > i { - color: #478D00 !important; } - .timeline .timeline-item .timeline-marker.is-warning { - background-color: #ffdd57 !important; - border-color: #ffdd57 !important; } - .timeline .timeline-item .timeline-marker.is-warning .image { - border-color: #ffdd57 !important; } - .timeline .timeline-item .timeline-marker.is-warning.is-icon { - background-color: #ffdd57 !important; - border-color: #ffdd57 !important; } - .timeline .timeline-item .timeline-marker.is-warning.is-icon > i { - color: rgba(0, 0, 0, 0.7) !important; } - .timeline .timeline-item .timeline-marker.is-warning.is-outlined { - background-color: white !important; - border-color: #ffdd57 !important; } - .timeline .timeline-item .timeline-marker.is-warning.is-outlined .image { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-warning.is-outlined.is-icon { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-warning.is-outlined.is-icon > i { - color: #ffdd57 !important; } - .timeline .timeline-item .timeline-marker.is-danger { - background-color: #a70c20 !important; - border-color: #a70c20 !important; } - .timeline .timeline-item .timeline-marker.is-danger .image { - border-color: #a70c20 !important; } - .timeline .timeline-item .timeline-marker.is-danger.is-icon { - background-color: #a70c20 !important; - border-color: #a70c20 !important; } - .timeline .timeline-item .timeline-marker.is-danger.is-icon > i { - color: #fff !important; } - .timeline .timeline-item .timeline-marker.is-danger.is-outlined { - background-color: white !important; - border-color: #a70c20 !important; } - .timeline .timeline-item .timeline-marker.is-danger.is-outlined .image { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-danger.is-outlined.is-icon { - background-color: white !important; } - .timeline .timeline-item .timeline-marker.is-danger.is-outlined.is-icon > i { - color: #a70c20 !important; } - .timeline .timeline-item .timeline-content { - padding: 1em 0 0 .5em; - padding: 1em 0 0 2em; } - .timeline .timeline-item .timeline-content .heading { - font-weight: 600; } - .timeline .timeline-item.is-white::before { - background-color: white; } - .timeline .timeline-item.is-black::before { - background-color: #0a0a0a; } - .timeline .timeline-item.is-light::before { - background-color: whitesmoke; } - .timeline .timeline-item.is-dark::before { - background-color: #363636; } - .timeline .timeline-item.is-primary::before { - background-color: #478D00; } - .timeline .timeline-item.is-link::before { - background-color: #4391E0; } - .timeline .timeline-item.is-info::before { - background-color: #209cee; } - .timeline .timeline-item.is-success::before { - background-color: #478D00; } - .timeline .timeline-item.is-warning::before { - background-color: #ffdd57; } - .timeline .timeline-item.is-danger::before { - background-color: #a70c20; } - .timeline.is-centered .timeline-header { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; - -ms-flex-item-align: center; - align-self: center; } - .timeline.is-centered .timeline-item { - width: 50%; - -ms-flex-item-align: end; - align-self: flex-end; } - .timeline.is-centered .timeline-item:nth-of-type(2n) { - -ms-flex-item-align: start; - align-self: flex-start; - margin-left: 0; - margin-right: 2em; } - .timeline.is-centered .timeline-item:nth-of-type(2n)::before { - right: -0.1em; - left: auto; } - .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker { - left: auto; - right: -0.45em; } - .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-16x16 { - left: auto; - right: -8px; } - .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-24x24 { - left: auto; - right: -12px; } - .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-32x32 { - left: auto; - right: -16px; } - .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-48x48 { - left: auto; - right: -24px; } - .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-64x64 { - left: auto; - right: -32px; } - .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-96x96 { - left: auto; - right: -48px; } - .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-image.is-128x128 { - left: auto; - right: -64px; } - .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-marker.is-icon { - left: auto; - right: -0.8em; } - .timeline.is-centered .timeline-item:nth-of-type(2n) .timeline-content { - padding: 1em 2em 0 0; - text-align: right; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; } - .timeline.is-centered .timeline-item:nth-of-type(2n+1)::before { - content: ""; - background-color: #dbdbdb; - display: block; - width: 0.1em; - height: 100%; - position: absolute; - top: 0; } - .timeline.is-centered .timeline-item.is-white::before { - background-color: white; } - .timeline.is-centered .timeline-item.is-black::before { - background-color: #0a0a0a; } - .timeline.is-centered .timeline-item.is-light::before { - background-color: whitesmoke; } - .timeline.is-centered .timeline-item.is-dark::before { - background-color: #363636; } - .timeline.is-centered .timeline-item.is-primary::before { - background-color: #478D00; } - .timeline.is-centered .timeline-item.is-link::before { - background-color: #4391E0; } - .timeline.is-centered .timeline-item.is-info::before { - background-color: #209cee; } - .timeline.is-centered .timeline-item.is-success::before { - background-color: #478D00; } - .timeline.is-centered .timeline-item.is-warning::before { - background-color: #ffdd57; } - .timeline.is-centered .timeline-item.is-danger::before { - background-color: #a70c20; } - .timeline.is-rtl { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; } - .timeline.is-rtl .timeline-item { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - border-left: none; - margin-left: 0; - margin-right: 2em; } - .timeline.is-rtl .timeline-item::before { - right: 0; - left: auto; } - .timeline.is-rtl .timeline-item .timeline-marker { - left: auto; - right: -0.35em; } - .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-16x16 { - left: auto; - right: -8px; } - .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-24x24 { - left: auto; - right: -12px; } - .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-32x32 { - left: auto; - right: -16px; } - .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-48x48 { - left: auto; - right: -24px; } - .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-64x64 { - left: auto; - right: -32px; } - .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-96x96 { - left: auto; - right: -48px; } - .timeline.is-rtl .timeline-item .timeline-marker.is-image.is-128x128 { - left: auto; - right: -64px; } - .timeline.is-rtl .timeline-item .timeline-marker.is-icon { - left: auto; - right: -0.7em; } - .timeline.is-rtl .timeline-item .timeline-content { - padding: 1em 2em 0 0; - text-align: right; } diff --git a/web/themes/custom/geofresco/src/global/global.scss b/web/themes/custom/geofresco/src/global/global.scss index 218b8dc..5ca0c70 100644 --- a/web/themes/custom/geofresco/src/global/global.scss +++ b/web/themes/custom/geofresco/src/global/global.scss @@ -30,4 +30,4 @@ $navbar-breakpoint: $tablet; // You can add final styles below or import another Sass or SCSS stylesheet here // and it will have access to Bulma variables and mixins. -@import '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline'; +// @import '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';