diff --git a/.gitignore b/.gitignore index 3eec6c0..cd5e4ae 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ resources public +node_modules diff --git a/assets/blason.xcf b/assets/blason.xcf new file mode 100644 index 0000000..1a5ebe4 Binary files /dev/null and b/assets/blason.xcf differ diff --git a/assets/fonts/source-sans-pro.css b/assets/fonts/source-sans-pro.css new file mode 100755 index 0000000..f307575 --- /dev/null +++ b/assets/fonts/source-sans-pro.css @@ -0,0 +1,131 @@ +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 200; + font-style: normal; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-ExtraLight.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-ExtraLight.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-ExtraLight.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 200; + font-style: italic; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-ExtraLightIt.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-ExtraLightIt.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-ExtraLightIt.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 300; + font-style: normal; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Light.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Light.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-Light.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-Light.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 300; + font-style: italic; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-LightIt.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-LightIt.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-LightIt.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-LightIt.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 400; + font-style: normal; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Regular.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-Regular.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-Regular.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 400; + font-style: italic; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-It.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-It.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-It.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-It.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 600; + font-style: normal; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Semibold.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Semibold.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-Semibold.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-Semibold.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 600; + font-style: italic; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-SemiboldIt.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-SemiboldIt.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 700; + font-style: normal; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Bold.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-Bold.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-Bold.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 700; + font-style: italic; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-BoldIt.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BoldIt.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-BoldIt.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-BoldIt.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 900; + font-style: normal; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Black.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Black.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-Black.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-Black.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Pro'; + font-weight: 900; + font-style: italic; + font-stretch: normal; + src: url('/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-BlackIt.ttf.woff2') format('woff2'), + url('/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BlackIt.otf.woff') format('woff'), + url('/fonts/source-sans-pro/OTF/SourceSansPro-BlackIt.otf') format('opentype'), + url('/fonts/source-sans-pro/TTF/SourceSansPro-BlackIt.ttf') format('truetype'); +} diff --git a/assets/styles/header.sass b/assets/styles/header.sass index d5f5f74..1497db7 100644 --- a/assets/styles/header.sass +++ b/assets/styles/header.sass @@ -1,53 +1,28 @@ -.header - background-color: white - margin-bottom: 90px +.container-header + box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1) + background: white - .container - display: flex - justify-content: space-between - align-items: end - height: 100% - position: relative - padding-top: 1rem - border-bottom: 1px $gris dashed + .navbar-main + min-height: 80px - &::after - content: "" - border-top: 1px $gris dashed - height: 1px - bottom: -40px - width: 100% - position: absolute + .navbar-submenu + border-top: 1px solid #e5e9eb + justify-content: center - .title - color: $gris - text-align: center - text-decoration: none + .btn + border-radius: 0 - h1 - font-size: 4rem - font-family: subscriber - word-wrap: break-word - padding: 0 - margin: 0 + &:first-child + border-left-width: 0 - &::before - background: url(/Blason_ville_Cremeaux_42.svg) - background-size: contain - background-repeat: no-repeat - background-position: center - width: 100% - height: 70px - display: block +.rouge .navbar-submenu .btn-link + border-left-color: $rouge +.vert .navbar-submenu .btn-link + border-left-color: $vert -.home .header - margin-bottom: 58px +.jaune .navbar-submenu .btn-link + border-left-color: $jaune -@media screen and (min-width: 800px) - .home .title::before - content: "" - -@media screen and (min-width: 800px) - .header button - display: none +.bleu .navbar-submenu .btn-link + border-left-color: $bleu diff --git a/assets/styles/header2.sass b/assets/styles/header2.sass new file mode 100644 index 0000000..9a1981f --- /dev/null +++ b/assets/styles/header2.sass @@ -0,0 +1,59 @@ +.container-header + border-bottom: 1px solid #e5e9eb + + .navbar + min-height: 79px + +.header + background-color: white + margin-bottom: 90px + + .container + display: flex + justify-content: space-between + align-items: end + height: 100% + position: relative + padding-top: 1rem + border-bottom: 1px $gris dashed + + &::after + content: "" + border-top: 1px $gris dashed + height: 1px + bottom: -40px + width: 100% + position: absolute + + .title + color: $gris + text-align: center + text-decoration: none + + h1 + font-size: 4rem + font-family: subscriber + word-wrap: break-word + padding: 0 + margin: 0 + + &::before + background: url(/Blason_ville_Cremeaux_42.svg) + background-size: contain + background-repeat: no-repeat + background-position: center + width: 100% + height: 70px + display: block + + +.home .header + margin-bottom: 58px + +@media screen and (min-width: 800px) + .home .title::before + content: "" + +@media screen and (min-width: 800px) + .header button + display: none diff --git a/assets/styles/index.sass b/assets/styles/index.sass new file mode 100644 index 0000000..39f6ac0 --- /dev/null +++ b/assets/styles/index.sass @@ -0,0 +1,9 @@ +.hero-image + background-position: center + background-size: cover + color: white + +.hero h2 + font-size: 3rem + line-height: 3rem + font-weight: 400 diff --git a/assets/styles/main.sass b/assets/styles/main.sass index e9c94a2..1e1cf2b 100644 --- a/assets/styles/main.sass +++ b/assets/styles/main.sass @@ -1,296 +1,122 @@ @import "./variables" -@import "./reset" -@import "./html" +// @import "./reset" +// @import "./html" +// @import "./menu" +@import "./spectre.css/spectre" +// @import "./header" +@import "../fonts/source-sans-pro" @import "./header" -@import "./menu" +@import "./index" -@font-face - font-family: "subscriber" - src: url("/fonts/subscriber.woff") format("woff") +/* Make images easier to work with */ +img + max-width: 100% + display: block + &.round + border-radius: 100% -h1, h2 - font-family: subscriber +.maire + img + margin: 2rem auto -h2 - text-transform: uppercase +.person + text-align: center + width: 250px + margin: 0 auto 2rem + +body + font-family: 'Source Sans Pro', sans-serif + background-color: #f7f4f1 + +.card + border: 0 + box-shadow: 0 .25rem 1rem rgba(48,55,66,.15) + +.hero.hero-lg + padding: 12rem 0 + +h1 + font-size: 3rem + font-weight: 500 + line-height: 1 text-align: center -html, body - min-height: 100% - background-color: white - padding: 0 - margin: 0 +.cover + width: 100% + height: 40vh + object-fit: cover + z-index: 2 + position: relative -.container - width: $content-width - margin: 0 auto +.contenu + background: white + margin: 2rem auto + padding: 2rem + z-index: 3 + position: relative -@media screen and (max-width: 800px) - .container - width: inherit + &.contenu-image + margin-top: -4rem -.jaune - h2 - color: $jaune -.rouge - h2 - color: $rouge -.vert - h2 - color: $vert -.bleu - h2 - color: $bleu - -@media screen and (max-width: 800px) - .header .title - z-index: 20000 - display: block - top: 1rem - position: absolute - left: 0 - right: 0 - background: white - - .nav - // display: none - display: flex - position: absolute - top: 100px - bottom: 0 - left: 0 - right: 0 - z-index: 1000 - background-color: white - width: 100vw - height: calc(100vh - 100px) - justify-content: center - align-items: center - - .menu - margin: 0 - padding: 0 - list-style: none - - > li - padding: .5rem 1rem - text-align: center - - > a - margin: 0 auto - padding: .2rem - color: red - border: 2px solid red - width: 200px - display: block - - &.vert - a - color: $vert - border-color: $vert - background-color: scale-color($vert, $lightness: +50%) - - &.jaune - a - color: $jaune - border-color: $jaune - background-color: scale-color($jaune, $lightness: +50%) - - &.rouge - a - color: $rouge - border-color: $rouge - background-color: scale-color($rouge, $lightness: +50%) - - &.bleu - a - color: $bleu - border-color: $bleu - background-color: scale-color($bleu, $lightness: +50%) - - .sousmenu - padding: 0 - li - display: inline - a - background-color: white!important - - .header button - display: block - -@media screen and (min-width: 800px) - .nav - margin-bottom: 22px - - ul - display: flex - margin: 0 - padding: 0 - list-style: none - - ul.menu - - .sousmenu - position: absolute - display: none - padding-top: 20px - top: calc(100% - 18px) - left: 0 - right: 0 - justify-content: space-around - background-color: white - - &::before, - &::after - content: "" - border-top: 1px $gris dashed - height: 1px - width: 100% - position: absolute - - &::after - bottom: -1px - - &::before - top: 18px - - a - border: 0 - color: $gris!important - - .sousmenu.active - display: flex - - - li - margin: .2rem - - &:hover ul - display: flex - z-index: 20 - - - &:last-child - margin-right: 0 - - a - padding: .5rem - border: 2px solid white - text-decoration: none - font-size: 1rem - color: white - - &:hover - opacity: .8 - - .vert - a - color: $vert - border-color: $vert - - .jaune - a - color: $jaune - border-color: $jaune - - .rouge - a - color: $rouge - border-color: $rouge - - .bleu - a - color: $bleu - border-color: $bleu - - .active - a - background-color: white - border-style: dashed - border-color: white!important - - &.jaune - a - color: $jaune - border-bottom-color: $jaune - - &.rouge - a - color: $rouge - border-bottom-color: $rouge - - &.vert - a - color: $vert - border-bottom-color: $vert - - &.bleu - a - color: $bleu - border-bottom-color: $bleu - -#content - width: 800px - margin: 0 auto - margin-bottom: 2rem +.btn.jaune + color: $jaune + &:hover, &.active, &.focus + color: darken($jaune, 10%) + &.btn-primary + background-color: $jaune + border-color: $jaune + color: black + &:hover, &.active, &.focus + background-color: darken($jaune, 10%) + border-color: $jaune +.btn.rouge + color: $rouge + &:hover, &.active, &.focus + color: darken($rouge, 10%) + &.btn-primary + background-color: $rouge + border-color: $rouge + color: white + &:hover, &.active, &.focus + background-color: darken($rouge, 10%) + border-color: $rouge +.btn.vert + color: $vert + &:hover + color: darken($vert, 10%) + &:active + color: darken($vert, 10%) + &:focus + color: darken($vert, 10%) + &.btn-primary + background-color: $vert + border-color: $vert + color: white + &:hover, &.active, &.focus + background-color: darken($vert, 10%) + border-color: $vert +.btn.bleu + color: $bleu + &:hover + &.active + &.focus + color: darken($bleu, 10%) + &.btn-primary + background-color: $bleu + border-color: $bleu + color: white + &:hover, &.active, &.focus + background-color: darken($bleu, 10%) + border-color: $bleu .footer - background-color: #222 - color: white + margin: 2rem - h4 - text-align: center + .card + margin: 0 2rem - .container - padding: 2rem 0 - display: flex - - > div - margin: 0 10px - padding: 10px - background-color: scale-color(#222, $lightness: +15%) - - div:first-child - margin-left: 0 - - div:last-child - margin-right: 0 - - .title - height: 130px - display: flex - align-items: flex-end - justify-content: center - -.conseilmunicipal - display: flex - margin: 0 auto - padding: 0 10px 10px - list-style: none - flex-wrap: wrap - max-width: 1300px - justify-content: space-around - - li - width: 250px - padding: 10px - - figcaption - text-align: center - - h3 - margin: 10px 0 - font-size: 1em - - p - margin: 0 - font-size: .8em - line-height: 1em - -img.round - border-radius: 100% - -img.paysage - width: 100% - height: 600px - object-fit: cover + button + overflow-wrap: anywhere + word-break: break-all + white-space: normal + user-select: inherit diff --git a/assets/styles/spectre.css/spectre-exp.css b/assets/styles/spectre.css/spectre-exp.css new file mode 100644 index 0000000..446b277 --- /dev/null +++ b/assets/styles/spectre.css/spectre-exp.css @@ -0,0 +1,1231 @@ +/*! Spectre.css Experimentals v0.5.9 | MIT License | github.com/picturepan2/spectre */ +.form-autocomplete { + position: relative; +} + +.form-autocomplete .form-autocomplete-input { + align-content: flex-start; + display: -ms-flexbox; + display: flex; + -ms-flex-line-pack: start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + height: auto; + min-height: 1.6rem; + padding: .1rem; +} + +.form-autocomplete .form-autocomplete-input.is-focused { + border-color: #5755d9; + box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); +} + +.form-autocomplete .form-autocomplete-input .form-input { + border-color: transparent; + box-shadow: none; + display: inline-block; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + height: 1.2rem; + line-height: .8rem; + margin: .1rem; + width: auto; +} + +.form-autocomplete .menu { + left: 0; + position: absolute; + top: 100%; + width: 100%; +} + +.form-autocomplete.autocomplete-oneline .form-autocomplete-input { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; +} + +.form-autocomplete.autocomplete-oneline .chip { + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} + +.calendar { + border: .05rem solid #dadee4; + border-radius: .1rem; + display: block; + min-width: 280px; +} + +.calendar .calendar-nav { + align-items: center; + background: #f7f8f9; + border-top-left-radius: .1rem; + border-top-right-radius: .1rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + font-size: .9rem; + padding: .4rem; +} + +.calendar .calendar-header, +.calendar .calendar-body { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + justify-content: center; + padding: .4rem 0; +} + +.calendar .calendar-header .calendar-date, +.calendar .calendar-body .calendar-date { + -ms-flex: 0 0 14.28%; + flex: 0 0 14.28%; + max-width: 14.28%; +} + +.calendar .calendar-header { + background: #f7f8f9; + border-bottom: .05rem solid #dadee4; + color: #bcc3ce; + font-size: .7rem; + text-align: center; +} + +.calendar .calendar-body { + color: #66758c; +} + +.calendar .calendar-date { + border: 0; + padding: .2rem; +} + +.calendar .calendar-date .date-item { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: transparent; + border: .05rem solid transparent; + border-radius: 50%; + color: #66758c; + cursor: pointer; + font-size: .7rem; + height: 1.4rem; + line-height: 1rem; + outline: none; + padding: .1rem; + position: relative; + text-align: center; + text-decoration: none; + transition: background .2s, border .2s, box-shadow .2s, color .2s; + vertical-align: middle; + white-space: nowrap; + width: 1.4rem; +} + +.calendar .calendar-date .date-item.date-today { + border-color: #e5e5f9; + color: #5755d9; +} + +.calendar .calendar-date .date-item:focus { + box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); +} + +.calendar .calendar-date .date-item:focus, +.calendar .calendar-date .date-item:hover { + background: #fefeff; + border-color: #e5e5f9; + color: #5755d9; + text-decoration: none; +} + +.calendar .calendar-date .date-item:active, +.calendar .calendar-date .date-item.active { + background: #4b48d6; + border-color: #3634d2; + color: #fff; +} + +.calendar .calendar-date .date-item.badge::after { + position: absolute; + right: 3px; + top: 3px; + transform: translate(50%, -50%); +} + +.calendar .calendar-date .date-item:disabled, +.calendar .calendar-date .date-item.disabled, +.calendar .calendar-date .calendar-event:disabled, +.calendar .calendar-date .calendar-event.disabled { + cursor: default; + opacity: .25; + pointer-events: none; +} + +.calendar .calendar-date.prev-month .date-item, +.calendar .calendar-date.prev-month .calendar-event, +.calendar .calendar-date.next-month .date-item, +.calendar .calendar-date.next-month .calendar-event { + opacity: .25; +} + +.calendar .calendar-range { + position: relative; +} + +.calendar .calendar-range::before { + background: #f1f1fc; + content: ""; + height: 1.4rem; + left: 0; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); +} + +.calendar .calendar-range.range-start::before { + left: 50%; +} + +.calendar .calendar-range.range-end::before { + right: 50%; +} + +.calendar .calendar-range.range-start .date-item, +.calendar .calendar-range.range-end .date-item { + background: #4b48d6; + border-color: #3634d2; + color: #fff; +} + +.calendar .calendar-range .date-item { + color: #5755d9; +} + +.calendar.calendar-lg .calendar-body { + padding: 0; +} + +.calendar.calendar-lg .calendar-body .calendar-date { + border-bottom: .05rem solid #dadee4; + border-right: .05rem solid #dadee4; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + height: 5.5rem; + padding: 0; +} + +.calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n) { + border-right: 0; +} + +.calendar.calendar-lg .calendar-body .calendar-date:nth-last-child(-n+7) { + border-bottom: 0; +} + +.calendar.calendar-lg .date-item { + align-self: flex-end; + -ms-flex-item-align: end; + height: 1.4rem; + margin-right: .2rem; + margin-top: .2rem; +} + +.calendar.calendar-lg .calendar-range::before { + top: 19px; +} + +.calendar.calendar-lg .calendar-range.range-start::before { + left: auto; + width: 19px; +} + +.calendar.calendar-lg .calendar-range.range-end::before { + right: 19px; +} + +.calendar.calendar-lg .calendar-events { + flex-grow: 1; + -ms-flex-positive: 1; + line-height: 1; + overflow-y: auto; + padding: .2rem; +} + +.calendar.calendar-lg .calendar-event { + border-radius: .1rem; + display: block; + font-size: .7rem; + margin: .1rem auto; + overflow: hidden; + padding: 3px 4px; + text-overflow: ellipsis; + white-space: nowrap; +} + +.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-container .carousel-item:nth-of-type(1), +.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-container .carousel-item:nth-of-type(2), +.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-container .carousel-item:nth-of-type(3), +.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-container .carousel-item:nth-of-type(4), +.carousel .carousel-locator:nth-of-type(5):checked ~ .carousel-container .carousel-item:nth-of-type(5), +.carousel .carousel-locator:nth-of-type(6):checked ~ .carousel-container .carousel-item:nth-of-type(6), +.carousel .carousel-locator:nth-of-type(7):checked ~ .carousel-container .carousel-item:nth-of-type(7), +.carousel .carousel-locator:nth-of-type(8):checked ~ .carousel-container .carousel-item:nth-of-type(8) { + animation: carousel-slidein .75s ease-in-out 1; + opacity: 1; + z-index: 100; +} + +.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-nav .nav-item:nth-of-type(1), +.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-nav .nav-item:nth-of-type(2), +.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-nav .nav-item:nth-of-type(3), +.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-nav .nav-item:nth-of-type(4), +.carousel .carousel-locator:nth-of-type(5):checked ~ .carousel-nav .nav-item:nth-of-type(5), +.carousel .carousel-locator:nth-of-type(6):checked ~ .carousel-nav .nav-item:nth-of-type(6), +.carousel .carousel-locator:nth-of-type(7):checked ~ .carousel-nav .nav-item:nth-of-type(7), +.carousel .carousel-locator:nth-of-type(8):checked ~ .carousel-nav .nav-item:nth-of-type(8) { + color: #f7f8f9; +} + +.carousel { + background: #f7f8f9; + display: block; + overflow: hidden; + -webkit-overflow-scrolling: touch; + position: relative; + width: 100%; + z-index: 1; +} + +.carousel .carousel-container { + height: 100%; + left: 0; + position: relative; +} + +.carousel .carousel-container::before { + content: ""; + display: block; + padding-bottom: 56.25%; +} + +.carousel .carousel-container .carousel-item { + animation: carousel-slideout 1s ease-in-out 1; + height: 100%; + left: 0; + margin: 0; + opacity: 0; + position: absolute; + top: 0; + width: 100%; +} + +.carousel .carousel-container .carousel-item:hover .item-prev, +.carousel .carousel-container .carousel-item:hover .item-next { + opacity: 1; +} + +.carousel .carousel-container .item-prev, +.carousel .carousel-container .item-next { + background: rgba(247, 248, 249, .25); + border-color: rgba(247, 248, 249, .5); + color: #f7f8f9; + opacity: 0; + position: absolute; + top: 50%; + transform: translateY(-50%); + transition: all .4s; + z-index: 100; +} + +.carousel .carousel-container .item-prev { + left: 1rem; +} + +.carousel .carousel-container .item-next { + right: 1rem; +} + +.carousel .carousel-nav { + bottom: .4rem; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: center; + justify-content: center; + left: 50%; + position: absolute; + transform: translateX(-50%); + width: 10rem; + z-index: 100; +} + +.carousel .carousel-nav .nav-item { + color: rgba(247, 248, 249, .5); + display: block; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + height: 1.6rem; + margin: .2rem; + max-width: 2.5rem; + position: relative; +} + +.carousel .carousel-nav .nav-item::before { + background: currentColor; + content: ""; + display: block; + height: .1rem; + position: absolute; + top: .5rem; + width: 100%; +} + +@keyframes carousel-slidein { + 0% { + transform: translateX(100%); + } + 100% { + transform: translateX(0); + } +} + +@keyframes carousel-slideout { + 0% { + opacity: 1; + transform: translateX(0); + } + 100% { + opacity: 1; + transform: translateX(-50%); + } +} + +.comparison-slider { + height: 50vh; + overflow: hidden; + -webkit-overflow-scrolling: touch; + position: relative; + width: 100%; +} + +.comparison-slider .comparison-before, +.comparison-slider .comparison-after { + height: 100%; + left: 0; + margin: 0; + overflow: hidden; + position: absolute; + top: 0; +} + +.comparison-slider .comparison-before img, +.comparison-slider .comparison-after img { + height: 100%; + object-fit: cover; + object-position: left center; + position: absolute; + width: 100%; +} + +.comparison-slider .comparison-before { + width: 100%; + z-index: 1; +} + +.comparison-slider .comparison-before .comparison-label { + right: .8rem; +} + +.comparison-slider .comparison-after { + max-width: 100%; + min-width: 0; + z-index: 2; +} + +.comparison-slider .comparison-after::before { + background: transparent; + content: ""; + cursor: default; + height: 100%; + left: 0; + position: absolute; + right: .8rem; + top: 0; + z-index: 1; +} + +.comparison-slider .comparison-after::after { + background: currentColor; + border-radius: 50%; + box-shadow: 0 -5px, 0 5px; + color: #fff; + content: ""; + height: 3px; + pointer-events: none; + position: absolute; + right: .4rem; + top: 50%; + transform: translate(50%, -50%); + width: 3px; +} + +.comparison-slider .comparison-after .comparison-label { + left: .8rem; +} + +.comparison-slider .comparison-resizer { + animation: first-run 1.5s 1 ease-in-out; + cursor: ew-resize; + height: .8rem; + left: 0; + max-width: 100%; + min-width: .8rem; + opacity: 0; + outline: none; + position: relative; + resize: horizontal; + top: 50%; + transform: translateY(-50%) scaleY(30); + width: 0; +} + +.comparison-slider .comparison-label { + background: rgba(48, 55, 66, .5); + bottom: .8rem; + color: #fff; + padding: .2rem .4rem; + position: absolute; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +@keyframes first-run { + 0% { + width: 0; + } + 25% { + width: 2.4rem; + } + 50% { + width: .8rem; + } + 75% { + width: 1.2rem; + } + 100% { + width: 0; + } +} + +.filter .filter-tag#tag-0:checked ~ .filter-nav .chip[for="tag-0"], +.filter .filter-tag#tag-1:checked ~ .filter-nav .chip[for="tag-1"], +.filter .filter-tag#tag-2:checked ~ .filter-nav .chip[for="tag-2"], +.filter .filter-tag#tag-3:checked ~ .filter-nav .chip[for="tag-3"], +.filter .filter-tag#tag-4:checked ~ .filter-nav .chip[for="tag-4"], +.filter .filter-tag#tag-5:checked ~ .filter-nav .chip[for="tag-5"], +.filter .filter-tag#tag-6:checked ~ .filter-nav .chip[for="tag-6"], +.filter .filter-tag#tag-7:checked ~ .filter-nav .chip[for="tag-7"], +.filter .filter-tag#tag-8:checked ~ .filter-nav .chip[for="tag-8"] { + background: #5755d9; + color: #fff; +} + +.filter .filter-tag#tag-1:checked ~ .filter-body .filter-item:not([data-tag~="tag-1"]), +.filter .filter-tag#tag-2:checked ~ .filter-body .filter-item:not([data-tag~="tag-2"]), +.filter .filter-tag#tag-3:checked ~ .filter-body .filter-item:not([data-tag~="tag-3"]), +.filter .filter-tag#tag-4:checked ~ .filter-body .filter-item:not([data-tag~="tag-4"]), +.filter .filter-tag#tag-5:checked ~ .filter-body .filter-item:not([data-tag~="tag-5"]), +.filter .filter-tag#tag-6:checked ~ .filter-body .filter-item:not([data-tag~="tag-6"]), +.filter .filter-tag#tag-7:checked ~ .filter-body .filter-item:not([data-tag~="tag-7"]), +.filter .filter-tag#tag-8:checked ~ .filter-body .filter-item:not([data-tag~="tag-8"]) { + display: none; +} + +.filter .filter-nav { + margin: .4rem 0; +} + +.filter .filter-body { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.meter { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: #f7f8f9; + border: 0; + border-radius: .1rem; + display: block; + height: .8rem; + width: 100%; +} + +.meter::-webkit-meter-inner-element { + display: block; +} + +.meter::-webkit-meter-bar, +.meter::-webkit-meter-optimum-value, +.meter::-webkit-meter-suboptimum-value, +.meter::-webkit-meter-even-less-good-value { + border-radius: .1rem; +} + +.meter::-webkit-meter-bar { + background: #f7f8f9; +} + +.meter::-webkit-meter-optimum-value { + background: #32b643; +} + +.meter::-webkit-meter-suboptimum-value { + background: #ffb700; +} + +.meter::-webkit-meter-even-less-good-value { + background: #e85600; +} + +.meter::-moz-meter-bar, +.meter:-moz-meter-optimum, +.meter:-moz-meter-sub-optimum, +.meter:-moz-meter-sub-sub-optimum { + border-radius: .1rem; +} + +.meter:-moz-meter-optimum::-moz-meter-bar { + background: #32b643; +} + +.meter:-moz-meter-sub-optimum::-moz-meter-bar { + background: #ffb700; +} + +.meter:-moz-meter-sub-sub-optimum::-moz-meter-bar { + background: #e85600; +} + +.off-canvas { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: nowrap; + flex-flow: nowrap; + height: 100%; + position: relative; + width: 100%; +} + +.off-canvas .off-canvas-toggle { + display: block; + left: .4rem; + position: absolute; + top: .4rem; + transition: none; + z-index: 1; +} + +.off-canvas .off-canvas-sidebar { + background: #f7f8f9; + bottom: 0; + left: 0; + min-width: 10rem; + overflow-y: auto; + position: fixed; + top: 0; + transform: translateX(-100%); + transition: transform .25s; + z-index: 200; +} + +.off-canvas .off-canvas-content { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + height: 100%; + padding: .4rem .4rem .4rem 4rem; +} + +.off-canvas .off-canvas-overlay { + background: rgba(48, 55, 66, .1); + border-color: transparent; + border-radius: 0; + bottom: 0; + display: none; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; +} + +.off-canvas .off-canvas-sidebar:target, +.off-canvas .off-canvas-sidebar.active { + transform: translateX(0); +} + +.off-canvas .off-canvas-sidebar:target ~ .off-canvas-overlay, +.off-canvas .off-canvas-sidebar.active ~ .off-canvas-overlay { + display: block; + z-index: 100; +} + +@media (min-width: 960px) { + .off-canvas.off-canvas-sidebar-show .off-canvas-toggle { + display: none; + } + .off-canvas.off-canvas-sidebar-show .off-canvas-sidebar { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + position: relative; + transform: none; + } + .off-canvas.off-canvas-sidebar-show .off-canvas-overlay { + display: none !important; + } +} + +.parallax { + display: block; + height: auto; + position: relative; + width: auto; +} + +.parallax .parallax-content { + box-shadow: 0 1rem 2.1rem rgba(48, 55, 66, .3); + height: auto; + transform: perspective(1000px); + transform-style: preserve-3d; + transition: all .4s ease; + width: 100%; +} + +.parallax .parallax-content::before { + content: ""; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} + +.parallax .parallax-front { + align-items: center; + color: #fff; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + -ms-flex-pack: center; + height: 100%; + justify-content: center; + left: 0; + position: absolute; + text-align: center; + text-shadow: 0 0 20px rgba(48, 55, 66, .75); + top: 0; + transform: translateZ(50px) scale(.95); + transition: transform .4s; + width: 100%; + z-index: 1; +} + +.parallax .parallax-top-left { + height: 50%; + left: 0; + outline: none; + position: absolute; + top: 0; + width: 50%; + z-index: 100; +} + +.parallax .parallax-top-left:focus ~ .parallax-content, +.parallax .parallax-top-left:hover ~ .parallax-content { + transform: perspective(1000px) rotateX(3deg) rotateY(-3deg); +} + +.parallax .parallax-top-left:focus ~ .parallax-content::before, +.parallax .parallax-top-left:hover ~ .parallax-content::before { + background: linear-gradient(135deg, rgba(255, 255, 255, .35) 0%, transparent 50%); +} + +.parallax .parallax-top-left:focus ~ .parallax-content .parallax-front, +.parallax .parallax-top-left:hover ~ .parallax-content .parallax-front { + transform: translate3d(4.5px, 4.5px, 50px) scale(.95); +} + +.parallax .parallax-top-right { + height: 50%; + outline: none; + position: absolute; + right: 0; + top: 0; + width: 50%; + z-index: 100; +} + +.parallax .parallax-top-right:focus ~ .parallax-content, +.parallax .parallax-top-right:hover ~ .parallax-content { + transform: perspective(1000px) rotateX(3deg) rotateY(3deg); +} + +.parallax .parallax-top-right:focus ~ .parallax-content::before, +.parallax .parallax-top-right:hover ~ .parallax-content::before { + background: linear-gradient(-135deg, rgba(255, 255, 255, .35) 0%, transparent 50%); +} + +.parallax .parallax-top-right:focus ~ .parallax-content .parallax-front, +.parallax .parallax-top-right:hover ~ .parallax-content .parallax-front { + transform: translate3d(-4.5px, 4.5px, 50px) scale(.95); +} + +.parallax .parallax-bottom-left { + bottom: 0; + height: 50%; + left: 0; + outline: none; + position: absolute; + width: 50%; + z-index: 100; +} + +.parallax .parallax-bottom-left:focus ~ .parallax-content, +.parallax .parallax-bottom-left:hover ~ .parallax-content { + transform: perspective(1000px) rotateX(-3deg) rotateY(-3deg); +} + +.parallax .parallax-bottom-left:focus ~ .parallax-content::before, +.parallax .parallax-bottom-left:hover ~ .parallax-content::before { + background: linear-gradient(45deg, rgba(255, 255, 255, .35) 0%, transparent 50%); +} + +.parallax .parallax-bottom-left:focus ~ .parallax-content .parallax-front, +.parallax .parallax-bottom-left:hover ~ .parallax-content .parallax-front { + transform: translate3d(4.5px, -4.5px, 50px) scale(.95); +} + +.parallax .parallax-bottom-right { + bottom: 0; + height: 50%; + outline: none; + position: absolute; + right: 0; + width: 50%; + z-index: 100; +} + +.parallax .parallax-bottom-right:focus ~ .parallax-content, +.parallax .parallax-bottom-right:hover ~ .parallax-content { + transform: perspective(1000px) rotateX(-3deg) rotateY(3deg); +} + +.parallax .parallax-bottom-right:focus ~ .parallax-content::before, +.parallax .parallax-bottom-right:hover ~ .parallax-content::before { + background: linear-gradient(-45deg, rgba(255, 255, 255, .35) 0%, transparent 50%); +} + +.parallax .parallax-bottom-right:focus ~ .parallax-content .parallax-front, +.parallax .parallax-bottom-right:hover ~ .parallax-content .parallax-front { + transform: translate3d(-4.5px, -4.5px, 50px) scale(.95); +} + +.progress { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: #eef0f3; + border: 0; + border-radius: .1rem; + color: #5755d9; + height: .2rem; + position: relative; + width: 100%; +} + +.progress::-webkit-progress-bar { + background: transparent; + border-radius: .1rem; +} + +.progress::-webkit-progress-value { + background: #5755d9; + border-radius: .1rem; +} + +.progress::-moz-progress-bar { + background: #5755d9; + border-radius: .1rem; +} + +.progress:indeterminate { + animation: progress-indeterminate 1.5s linear infinite; + background: #eef0f3 linear-gradient(to right, #5755d9 30%, #eef0f3 30%) top left/150% 150% no-repeat; +} + +.progress:indeterminate::-moz-progress-bar { + background: transparent; +} + +@keyframes progress-indeterminate { + 0% { + background-position: 200% 0; + } + 100% { + background-position: -200% 0; + } +} + +.slider { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: transparent; + display: block; + height: 1.2rem; + width: 100%; +} + +.slider:focus { + box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); + outline: none; +} + +.slider.tooltip:not([data-tooltip])::after { + content: attr(value); +} + +.slider::-webkit-slider-thumb { + -webkit-appearance: none; + background: #5755d9; + border: 0; + border-radius: 50%; + height: .6rem; + margin-top: -.25rem; + -webkit-transition: transform .2s; + transition: transform .2s; + width: .6rem; +} + +.slider::-moz-range-thumb { + background: #5755d9; + border: 0; + border-radius: 50%; + height: .6rem; + -moz-transition: transform .2s; + transition: transform .2s; + width: .6rem; +} + +.slider::-ms-thumb { + background: #5755d9; + border: 0; + border-radius: 50%; + height: .6rem; + -ms-transition: transform .2s; + transition: transform .2s; + width: .6rem; +} + +.slider:active::-webkit-slider-thumb { + transform: scale(1.25); +} + +.slider:active::-moz-range-thumb { + transform: scale(1.25); +} + +.slider:active::-ms-thumb { + transform: scale(1.25); +} + +.slider:disabled::-webkit-slider-thumb, +.slider.disabled::-webkit-slider-thumb { + background: #f7f8f9; + transform: scale(1); +} + +.slider:disabled::-moz-range-thumb, +.slider.disabled::-moz-range-thumb { + background: #f7f8f9; + transform: scale(1); +} + +.slider:disabled::-ms-thumb, +.slider.disabled::-ms-thumb { + background: #f7f8f9; + transform: scale(1); +} + +.slider::-webkit-slider-runnable-track { + background: #eef0f3; + border-radius: .1rem; + height: .1rem; + width: 100%; +} + +.slider::-moz-range-track { + background: #eef0f3; + border-radius: .1rem; + height: .1rem; + width: 100%; +} + +.slider::-ms-track { + background: #eef0f3; + border-radius: .1rem; + height: .1rem; + width: 100%; +} + +.slider::-ms-fill-lower { + background: #5755d9; +} + +.timeline .timeline-item { + display: -ms-flexbox; + display: flex; + margin-bottom: 1.2rem; + position: relative; +} + +.timeline .timeline-item::before { + background: #dadee4; + content: ""; + height: 100%; + left: 11px; + position: absolute; + top: 1.2rem; + width: 2px; +} + +.timeline .timeline-item .timeline-left { + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.timeline .timeline-item .timeline-content { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 2px 0 2px .8rem; +} + +.timeline .timeline-item .timeline-icon { + align-items: center; + border-radius: 50%; + color: #fff; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + -ms-flex-pack: center; + height: 1.2rem; + justify-content: center; + text-align: center; + width: 1.2rem; +} + +.timeline .timeline-item .timeline-icon::before { + border: .1rem solid #5755d9; + border-radius: 50%; + content: ""; + display: block; + height: .4rem; + left: .4rem; + position: absolute; + top: .4rem; + width: .4rem; +} + +.timeline .timeline-item .timeline-icon.icon-lg { + background: #5755d9; + line-height: 1.2rem; +} + +.timeline .timeline-item .timeline-icon.icon-lg::before { + content: none; +} + +.viewer-360 { + align-items: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + -ms-flex-direction: column; + flex-direction: column; +} + +.viewer-360 .viewer-slider[max="36"][value="1"] + .viewer-image { + background-position-y: 0; +} + +.viewer-360 .viewer-slider[max="36"][value="2"] + .viewer-image { + background-position-y: 2.8571428571%; +} + +.viewer-360 .viewer-slider[max="36"][value="3"] + .viewer-image { + background-position-y: 5.7142857143%; +} + +.viewer-360 .viewer-slider[max="36"][value="4"] + .viewer-image { + background-position-y: 8.5714285714%; +} + +.viewer-360 .viewer-slider[max="36"][value="5"] + .viewer-image { + background-position-y: 11.4285714286%; +} + +.viewer-360 .viewer-slider[max="36"][value="6"] + .viewer-image { + background-position-y: 14.2857142857%; +} + +.viewer-360 .viewer-slider[max="36"][value="7"] + .viewer-image { + background-position-y: 17.1428571429%; +} + +.viewer-360 .viewer-slider[max="36"][value="8"] + .viewer-image { + background-position-y: 20%; +} + +.viewer-360 .viewer-slider[max="36"][value="9"] + .viewer-image { + background-position-y: 22.8571428571%; +} + +.viewer-360 .viewer-slider[max="36"][value="10"] + .viewer-image { + background-position-y: 25.7142857143%; +} + +.viewer-360 .viewer-slider[max="36"][value="11"] + .viewer-image { + background-position-y: 28.5714285714%; +} + +.viewer-360 .viewer-slider[max="36"][value="12"] + .viewer-image { + background-position-y: 31.4285714286%; +} + +.viewer-360 .viewer-slider[max="36"][value="13"] + .viewer-image { + background-position-y: 34.2857142857%; +} + +.viewer-360 .viewer-slider[max="36"][value="14"] + .viewer-image { + background-position-y: 37.1428571429%; +} + +.viewer-360 .viewer-slider[max="36"][value="15"] + .viewer-image { + background-position-y: 40%; +} + +.viewer-360 .viewer-slider[max="36"][value="16"] + .viewer-image { + background-position-y: 42.8571428571%; +} + +.viewer-360 .viewer-slider[max="36"][value="17"] + .viewer-image { + background-position-y: 45.7142857143%; +} + +.viewer-360 .viewer-slider[max="36"][value="18"] + .viewer-image { + background-position-y: 48.5714285714%; +} + +.viewer-360 .viewer-slider[max="36"][value="19"] + .viewer-image { + background-position-y: 51.4285714286%; +} + +.viewer-360 .viewer-slider[max="36"][value="20"] + .viewer-image { + background-position-y: 54.2857142857%; +} + +.viewer-360 .viewer-slider[max="36"][value="21"] + .viewer-image { + background-position-y: 57.1428571429%; +} + +.viewer-360 .viewer-slider[max="36"][value="22"] + .viewer-image { + background-position-y: 60%; +} + +.viewer-360 .viewer-slider[max="36"][value="23"] + .viewer-image { + background-position-y: 62.8571428571%; +} + +.viewer-360 .viewer-slider[max="36"][value="24"] + .viewer-image { + background-position-y: 65.7142857143%; +} + +.viewer-360 .viewer-slider[max="36"][value="25"] + .viewer-image { + background-position-y: 68.5714285714%; +} + +.viewer-360 .viewer-slider[max="36"][value="26"] + .viewer-image { + background-position-y: 71.4285714286%; +} + +.viewer-360 .viewer-slider[max="36"][value="27"] + .viewer-image { + background-position-y: 74.2857142857%; +} + +.viewer-360 .viewer-slider[max="36"][value="28"] + .viewer-image { + background-position-y: 77.1428571429%; +} + +.viewer-360 .viewer-slider[max="36"][value="29"] + .viewer-image { + background-position-y: 80%; +} + +.viewer-360 .viewer-slider[max="36"][value="30"] + .viewer-image { + background-position-y: 82.8571428571%; +} + +.viewer-360 .viewer-slider[max="36"][value="31"] + .viewer-image { + background-position-y: 85.7142857143%; +} + +.viewer-360 .viewer-slider[max="36"][value="32"] + .viewer-image { + background-position-y: 88.5714285714%; +} + +.viewer-360 .viewer-slider[max="36"][value="33"] + .viewer-image { + background-position-y: 91.4285714286%; +} + +.viewer-360 .viewer-slider[max="36"][value="34"] + .viewer-image { + background-position-y: 94.2857142857%; +} + +.viewer-360 .viewer-slider[max="36"][value="35"] + .viewer-image { + background-position-y: 97.1428571429%; +} + +.viewer-360 .viewer-slider[max="36"][value="36"] + .viewer-image { + background-position-y: 100%; +} + +.viewer-360 .viewer-slider { + cursor: ew-resize; + -ms-flex-order: 2; + margin: 1rem; + order: 2; + width: 60%; +} + +.viewer-360 .viewer-image { + background-position-y: 0; + background-repeat: no-repeat; + background-size: 100%; + -ms-flex-order: 1; + max-width: 100%; + order: 1; +} \ No newline at end of file diff --git a/assets/styles/spectre.css/spectre-exp.min.css b/assets/styles/spectre.css/spectre-exp.min.css new file mode 100644 index 0000000..d313774 --- /dev/null +++ b/assets/styles/spectre.css/spectre-exp.min.css @@ -0,0 +1 @@ +/*! Spectre.css Experimentals v0.5.9 | MIT License | github.com/picturepan2/spectre */.form-autocomplete{position:relative}.form-autocomplete .form-autocomplete-input{align-content:flex-start;display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;min-height:1.6rem;padding:.1rem}.form-autocomplete .form-autocomplete-input.is-focused{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-autocomplete .form-autocomplete-input .form-input{border-color:transparent;box-shadow:none;display:inline-block;-ms-flex:1 0 auto;flex:1 0 auto;height:1.2rem;line-height:.8rem;margin:.1rem;width:auto}.form-autocomplete .menu{left:0;position:absolute;top:100%;width:100%}.form-autocomplete.autocomplete-oneline .form-autocomplete-input{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.form-autocomplete.autocomplete-oneline .chip{-ms-flex:1 0 auto;flex:1 0 auto}.calendar{border:.05rem solid #dadee4;border-radius:.1rem;display:block;min-width:280px}.calendar .calendar-nav{align-items:center;background:#f7f8f9;border-top-left-radius:.1rem;border-top-right-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:.9rem;padding:.4rem}.calendar .calendar-body,.calendar .calendar-header{display:-ms-flexbox;display:flex;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;padding:.4rem 0}.calendar .calendar-body .calendar-date,.calendar .calendar-header .calendar-date{-ms-flex:0 0 14.28%;flex:0 0 14.28%;max-width:14.28%}.calendar .calendar-header{background:#f7f8f9;border-bottom:.05rem solid #dadee4;color:#bcc3ce;font-size:.7rem;text-align:center}.calendar .calendar-body{color:#66758c}.calendar .calendar-date{border:0;padding:.2rem}.calendar .calendar-date .date-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:.05rem solid transparent;border-radius:50%;color:#66758c;cursor:pointer;font-size:.7rem;height:1.4rem;line-height:1rem;outline:0;padding:.1rem;position:relative;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;vertical-align:middle;white-space:nowrap;width:1.4rem}.calendar .calendar-date .date-item.date-today{border-color:#e5e5f9;color:#5755d9}.calendar .calendar-date .date-item:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.calendar .calendar-date .date-item:focus,.calendar .calendar-date .date-item:hover{background:#fefeff;border-color:#e5e5f9;color:#5755d9;text-decoration:none}.calendar .calendar-date .date-item.active,.calendar .calendar-date .date-item:active{background:#4b48d6;border-color:#3634d2;color:#fff}.calendar .calendar-date .date-item.badge::after{position:absolute;right:3px;top:3px;transform:translate(50%,-50%)}.calendar .calendar-date .calendar-event.disabled,.calendar .calendar-date .calendar-event:disabled,.calendar .calendar-date .date-item.disabled,.calendar .calendar-date .date-item:disabled{cursor:default;opacity:.25;pointer-events:none}.calendar .calendar-date.next-month .calendar-event,.calendar .calendar-date.next-month .date-item,.calendar .calendar-date.prev-month .calendar-event,.calendar .calendar-date.prev-month .date-item{opacity:.25}.calendar .calendar-range{position:relative}.calendar .calendar-range::before{background:#f1f1fc;content:"";height:1.4rem;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.calendar .calendar-range.range-start::before{left:50%}.calendar .calendar-range.range-end::before{right:50%}.calendar .calendar-range.range-end .date-item,.calendar .calendar-range.range-start .date-item{background:#4b48d6;border-color:#3634d2;color:#fff}.calendar .calendar-range .date-item{color:#5755d9}.calendar.calendar-lg .calendar-body{padding:0}.calendar.calendar-lg .calendar-body .calendar-date{border-bottom:.05rem solid #dadee4;border-right:.05rem solid #dadee4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:5.5rem;padding:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n){border-right:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-last-child(-n+7){border-bottom:0}.calendar.calendar-lg .date-item{align-self:flex-end;-ms-flex-item-align:end;height:1.4rem;margin-right:.2rem;margin-top:.2rem}.calendar.calendar-lg .calendar-range::before{top:19px}.calendar.calendar-lg .calendar-range.range-start::before{left:auto;width:19px}.calendar.calendar-lg .calendar-range.range-end::before{right:19px}.calendar.calendar-lg .calendar-events{flex-grow:1;-ms-flex-positive:1;line-height:1;overflow-y:auto;padding:.2rem}.calendar.calendar-lg .calendar-event{border-radius:.1rem;display:block;font-size:.7rem;margin:.1rem auto;overflow:hidden;padding:3px 4px;text-overflow:ellipsis;white-space:nowrap}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-container .carousel-item:nth-of-type(1),.carousel .carousel-locator:nth-of-type(2):checked~.carousel-container .carousel-item:nth-of-type(2),.carousel .carousel-locator:nth-of-type(3):checked~.carousel-container .carousel-item:nth-of-type(3),.carousel .carousel-locator:nth-of-type(4):checked~.carousel-container .carousel-item:nth-of-type(4),.carousel .carousel-locator:nth-of-type(5):checked~.carousel-container .carousel-item:nth-of-type(5),.carousel .carousel-locator:nth-of-type(6):checked~.carousel-container .carousel-item:nth-of-type(6),.carousel .carousel-locator:nth-of-type(7):checked~.carousel-container .carousel-item:nth-of-type(7),.carousel .carousel-locator:nth-of-type(8):checked~.carousel-container .carousel-item:nth-of-type(8){animation:carousel-slidein .75s ease-in-out 1;opacity:1;z-index:100}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-nav .nav-item:nth-of-type(1),.carousel .carousel-locator:nth-of-type(2):checked~.carousel-nav .nav-item:nth-of-type(2),.carousel .carousel-locator:nth-of-type(3):checked~.carousel-nav .nav-item:nth-of-type(3),.carousel .carousel-locator:nth-of-type(4):checked~.carousel-nav .nav-item:nth-of-type(4),.carousel .carousel-locator:nth-of-type(5):checked~.carousel-nav .nav-item:nth-of-type(5),.carousel .carousel-locator:nth-of-type(6):checked~.carousel-nav .nav-item:nth-of-type(6),.carousel .carousel-locator:nth-of-type(7):checked~.carousel-nav .nav-item:nth-of-type(7),.carousel .carousel-locator:nth-of-type(8):checked~.carousel-nav .nav-item:nth-of-type(8){color:#f7f8f9}.carousel{background:#f7f8f9;display:block;overflow:hidden;-webkit-overflow-scrolling:touch;position:relative;width:100%;z-index:1}.carousel .carousel-container{height:100%;left:0;position:relative}.carousel .carousel-container::before{content:"";display:block;padding-bottom:56.25%}.carousel .carousel-container .carousel-item{animation:carousel-slideout 1s ease-in-out 1;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.carousel .carousel-container .carousel-item:hover .item-next,.carousel .carousel-container .carousel-item:hover .item-prev{opacity:1}.carousel .carousel-container .item-next,.carousel .carousel-container .item-prev{background:rgba(247,248,249,.25);border-color:rgba(247,248,249,.5);color:#f7f8f9;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s;z-index:100}.carousel .carousel-container .item-prev{left:1rem}.carousel .carousel-container .item-next{right:1rem}.carousel .carousel-nav{bottom:.4rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:10rem;z-index:100}.carousel .carousel-nav .nav-item{color:rgba(247,248,249,.5);display:block;-ms-flex:1 0 auto;flex:1 0 auto;height:1.6rem;margin:.2rem;max-width:2.5rem;position:relative}.carousel .carousel-nav .nav-item::before{background:currentColor;content:"";display:block;height:.1rem;position:absolute;top:.5rem;width:100%}@keyframes carousel-slidein{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes carousel-slideout{0%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(-50%)}}.comparison-slider{height:50vh;overflow:hidden;-webkit-overflow-scrolling:touch;position:relative;width:100%}.comparison-slider .comparison-after,.comparison-slider .comparison-before{height:100%;left:0;margin:0;overflow:hidden;position:absolute;top:0}.comparison-slider .comparison-after img,.comparison-slider .comparison-before img{height:100%;object-fit:cover;object-position:left center;position:absolute;width:100%}.comparison-slider .comparison-before{width:100%;z-index:1}.comparison-slider .comparison-before .comparison-label{right:.8rem}.comparison-slider .comparison-after{max-width:100%;min-width:0;z-index:2}.comparison-slider .comparison-after::before{background:0 0;content:"";cursor:default;height:100%;left:0;position:absolute;right:.8rem;top:0;z-index:1}.comparison-slider .comparison-after::after{background:currentColor;border-radius:50%;box-shadow:0 -5px,0 5px;color:#fff;content:"";height:3px;pointer-events:none;position:absolute;right:.4rem;top:50%;transform:translate(50%,-50%);width:3px}.comparison-slider .comparison-after .comparison-label{left:.8rem}.comparison-slider .comparison-resizer{animation:first-run 1.5s 1 ease-in-out;cursor:ew-resize;height:.8rem;left:0;max-width:100%;min-width:.8rem;opacity:0;outline:0;position:relative;resize:horizontal;top:50%;transform:translateY(-50%) scaleY(30);width:0}.comparison-slider .comparison-label{background:rgba(48,55,66,.5);bottom:.8rem;color:#fff;padding:.2rem .4rem;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes first-run{0%{width:0}25%{width:2.4rem}50%{width:.8rem}75%{width:1.2rem}100%{width:0}}.filter .filter-tag#tag-0:checked~.filter-nav .chip[for=tag-0],.filter .filter-tag#tag-1:checked~.filter-nav .chip[for=tag-1],.filter .filter-tag#tag-2:checked~.filter-nav .chip[for=tag-2],.filter .filter-tag#tag-3:checked~.filter-nav .chip[for=tag-3],.filter .filter-tag#tag-4:checked~.filter-nav .chip[for=tag-4],.filter .filter-tag#tag-5:checked~.filter-nav .chip[for=tag-5],.filter .filter-tag#tag-6:checked~.filter-nav .chip[for=tag-6],.filter .filter-tag#tag-7:checked~.filter-nav .chip[for=tag-7],.filter .filter-tag#tag-8:checked~.filter-nav .chip[for=tag-8]{background:#5755d9;color:#fff}.filter .filter-tag#tag-1:checked~.filter-body .filter-item:not([data-tag~=tag-1]),.filter .filter-tag#tag-2:checked~.filter-body .filter-item:not([data-tag~=tag-2]),.filter .filter-tag#tag-3:checked~.filter-body .filter-item:not([data-tag~=tag-3]),.filter .filter-tag#tag-4:checked~.filter-body .filter-item:not([data-tag~=tag-4]),.filter .filter-tag#tag-5:checked~.filter-body .filter-item:not([data-tag~=tag-5]),.filter .filter-tag#tag-6:checked~.filter-body .filter-item:not([data-tag~=tag-6]),.filter .filter-tag#tag-7:checked~.filter-body .filter-item:not([data-tag~=tag-7]),.filter .filter-tag#tag-8:checked~.filter-body .filter-item:not([data-tag~=tag-8]){display:none}.filter .filter-nav{margin:.4rem 0}.filter .filter-body{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.meter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f7f8f9;border:0;border-radius:.1rem;display:block;height:.8rem;width:100%}.meter::-webkit-meter-inner-element{display:block}.meter::-webkit-meter-bar,.meter::-webkit-meter-even-less-good-value,.meter::-webkit-meter-optimum-value,.meter::-webkit-meter-suboptimum-value{border-radius:.1rem}.meter::-webkit-meter-bar{background:#f7f8f9}.meter::-webkit-meter-optimum-value{background:#32b643}.meter::-webkit-meter-suboptimum-value{background:#ffb700}.meter::-webkit-meter-even-less-good-value{background:#e85600}.meter:-moz-meter-optimum,.meter:-moz-meter-sub-optimum,.meter:-moz-meter-sub-sub-optimum,.meter::-moz-meter-bar{border-radius:.1rem}.meter:-moz-meter-optimum::-moz-meter-bar{background:#32b643}.meter:-moz-meter-sub-optimum::-moz-meter-bar{background:#ffb700}.meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:#e85600}.off-canvas{display:-ms-flexbox;display:flex;-ms-flex-flow:nowrap;flex-flow:nowrap;height:100%;position:relative;width:100%}.off-canvas .off-canvas-toggle{display:block;left:.4rem;position:absolute;top:.4rem;transition:none;z-index:1}.off-canvas .off-canvas-sidebar{background:#f7f8f9;bottom:0;left:0;min-width:10rem;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s;z-index:200}.off-canvas .off-canvas-content{-ms-flex:1 1 auto;flex:1 1 auto;height:100%;padding:.4rem .4rem .4rem 4rem}.off-canvas .off-canvas-overlay{background:rgba(48,55,66,.1);border-color:transparent;border-radius:0;bottom:0;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.off-canvas .off-canvas-sidebar.active,.off-canvas .off-canvas-sidebar:target{transform:translateX(0)}.off-canvas .off-canvas-sidebar.active~.off-canvas-overlay,.off-canvas .off-canvas-sidebar:target~.off-canvas-overlay{display:block;z-index:100}@media (min-width:960px){.off-canvas.off-canvas-sidebar-show .off-canvas-toggle{display:none}.off-canvas.off-canvas-sidebar-show .off-canvas-sidebar{-ms-flex:0 0 auto;flex:0 0 auto;position:relative;transform:none}.off-canvas.off-canvas-sidebar-show .off-canvas-overlay{display:none!important}}.parallax{display:block;height:auto;position:relative;width:auto}.parallax .parallax-content{box-shadow:0 1rem 2.1rem rgba(48,55,66,.3);height:auto;transform:perspective(1000px);transform-style:preserve-3d;transition:all .4s ease;width:100%}.parallax .parallax-content::before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.parallax .parallax-front{align-items:center;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:100%;justify-content:center;left:0;position:absolute;text-align:center;text-shadow:0 0 20px rgba(48,55,66,.75);top:0;transform:translateZ(50px) scale(.95);transition:transform .4s;width:100%;z-index:1}.parallax .parallax-top-left{height:50%;left:0;outline:0;position:absolute;top:0;width:50%;z-index:100}.parallax .parallax-top-left:focus~.parallax-content,.parallax .parallax-top-left:hover~.parallax-content{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg)}.parallax .parallax-top-left:focus~.parallax-content::before,.parallax .parallax-top-left:hover~.parallax-content::before{background:linear-gradient(135deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-top-left:focus~.parallax-content .parallax-front,.parallax .parallax-top-left:hover~.parallax-content .parallax-front{transform:translate3d(4.5px,4.5px,50px) scale(.95)}.parallax .parallax-top-right{height:50%;outline:0;position:absolute;right:0;top:0;width:50%;z-index:100}.parallax .parallax-top-right:focus~.parallax-content,.parallax .parallax-top-right:hover~.parallax-content{transform:perspective(1000px) rotateX(3deg) rotateY(3deg)}.parallax .parallax-top-right:focus~.parallax-content::before,.parallax .parallax-top-right:hover~.parallax-content::before{background:linear-gradient(-135deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-top-right:focus~.parallax-content .parallax-front,.parallax .parallax-top-right:hover~.parallax-content .parallax-front{transform:translate3d(-4.5px,4.5px,50px) scale(.95)}.parallax .parallax-bottom-left{bottom:0;height:50%;left:0;outline:0;position:absolute;width:50%;z-index:100}.parallax .parallax-bottom-left:focus~.parallax-content,.parallax .parallax-bottom-left:hover~.parallax-content{transform:perspective(1000px) rotateX(-3deg) rotateY(-3deg)}.parallax .parallax-bottom-left:focus~.parallax-content::before,.parallax .parallax-bottom-left:hover~.parallax-content::before{background:linear-gradient(45deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-bottom-left:focus~.parallax-content .parallax-front,.parallax .parallax-bottom-left:hover~.parallax-content .parallax-front{transform:translate3d(4.5px,-4.5px,50px) scale(.95)}.parallax .parallax-bottom-right{bottom:0;height:50%;outline:0;position:absolute;right:0;width:50%;z-index:100}.parallax .parallax-bottom-right:focus~.parallax-content,.parallax .parallax-bottom-right:hover~.parallax-content{transform:perspective(1000px) rotateX(-3deg) rotateY(3deg)}.parallax .parallax-bottom-right:focus~.parallax-content::before,.parallax .parallax-bottom-right:hover~.parallax-content::before{background:linear-gradient(-45deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-bottom-right:focus~.parallax-content .parallax-front,.parallax .parallax-bottom-right:hover~.parallax-content .parallax-front{transform:translate3d(-4.5px,-4.5px,50px) scale(.95)}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eef0f3;border:0;border-radius:.1rem;color:#5755d9;height:.2rem;position:relative;width:100%}.progress::-webkit-progress-bar{background:0 0;border-radius:.1rem}.progress::-webkit-progress-value{background:#5755d9;border-radius:.1rem}.progress::-moz-progress-bar{background:#5755d9;border-radius:.1rem}.progress:indeterminate{animation:progress-indeterminate 1.5s linear infinite;background:#eef0f3 linear-gradient(to right,#5755d9 30%,#eef0f3 30%) top left/150% 150% no-repeat}.progress:indeterminate::-moz-progress-bar{background:0 0}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;display:block;height:1.2rem;width:100%}.slider:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2);outline:0}.slider.tooltip:not([data-tooltip])::after{content:attr(value)}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#5755d9;border:0;border-radius:50%;height:.6rem;margin-top:-.25rem;-webkit-transition:transform .2s;transition:transform .2s;width:.6rem}.slider::-moz-range-thumb{background:#5755d9;border:0;border-radius:50%;height:.6rem;-moz-transition:transform .2s;transition:transform .2s;width:.6rem}.slider::-ms-thumb{background:#5755d9;border:0;border-radius:50%;height:.6rem;-ms-transition:transform .2s;transition:transform .2s;width:.6rem}.slider:active::-webkit-slider-thumb{transform:scale(1.25)}.slider:active::-moz-range-thumb{transform:scale(1.25)}.slider:active::-ms-thumb{transform:scale(1.25)}.slider.disabled::-webkit-slider-thumb,.slider:disabled::-webkit-slider-thumb{background:#f7f8f9;transform:scale(1)}.slider.disabled::-moz-range-thumb,.slider:disabled::-moz-range-thumb{background:#f7f8f9;transform:scale(1)}.slider.disabled::-ms-thumb,.slider:disabled::-ms-thumb{background:#f7f8f9;transform:scale(1)}.slider::-webkit-slider-runnable-track{background:#eef0f3;border-radius:.1rem;height:.1rem;width:100%}.slider::-moz-range-track{background:#eef0f3;border-radius:.1rem;height:.1rem;width:100%}.slider::-ms-track{background:#eef0f3;border-radius:.1rem;height:.1rem;width:100%}.slider::-ms-fill-lower{background:#5755d9}.timeline .timeline-item{display:-ms-flexbox;display:flex;margin-bottom:1.2rem;position:relative}.timeline .timeline-item::before{background:#dadee4;content:"";height:100%;left:11px;position:absolute;top:1.2rem;width:2px}.timeline .timeline-item .timeline-left{-ms-flex:0 0 auto;flex:0 0 auto}.timeline .timeline-item .timeline-content{-ms-flex:1 1 auto;flex:1 1 auto;padding:2px 0 2px .8rem}.timeline .timeline-item .timeline-icon{align-items:center;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:1.2rem;justify-content:center;text-align:center;width:1.2rem}.timeline .timeline-item .timeline-icon::before{border:.1rem solid #5755d9;border-radius:50%;content:"";display:block;height:.4rem;left:.4rem;position:absolute;top:.4rem;width:.4rem}.timeline .timeline-item .timeline-icon.icon-lg{background:#5755d9;line-height:1.2rem}.timeline .timeline-item .timeline-icon.icon-lg::before{content:none}.viewer-360{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column}.viewer-360 .viewer-slider[max="36"][value="1"]+.viewer-image{background-position-y:0}.viewer-360 .viewer-slider[max="36"][value="2"]+.viewer-image{background-position-y:2.8571428571%}.viewer-360 .viewer-slider[max="36"][value="3"]+.viewer-image{background-position-y:5.7142857143%}.viewer-360 .viewer-slider[max="36"][value="4"]+.viewer-image{background-position-y:8.5714285714%}.viewer-360 .viewer-slider[max="36"][value="5"]+.viewer-image{background-position-y:11.4285714286%}.viewer-360 .viewer-slider[max="36"][value="6"]+.viewer-image{background-position-y:14.2857142857%}.viewer-360 .viewer-slider[max="36"][value="7"]+.viewer-image{background-position-y:17.1428571429%}.viewer-360 .viewer-slider[max="36"][value="8"]+.viewer-image{background-position-y:20%}.viewer-360 .viewer-slider[max="36"][value="9"]+.viewer-image{background-position-y:22.8571428571%}.viewer-360 .viewer-slider[max="36"][value="10"]+.viewer-image{background-position-y:25.7142857143%}.viewer-360 .viewer-slider[max="36"][value="11"]+.viewer-image{background-position-y:28.5714285714%}.viewer-360 .viewer-slider[max="36"][value="12"]+.viewer-image{background-position-y:31.4285714286%}.viewer-360 .viewer-slider[max="36"][value="13"]+.viewer-image{background-position-y:34.2857142857%}.viewer-360 .viewer-slider[max="36"][value="14"]+.viewer-image{background-position-y:37.1428571429%}.viewer-360 .viewer-slider[max="36"][value="15"]+.viewer-image{background-position-y:40%}.viewer-360 .viewer-slider[max="36"][value="16"]+.viewer-image{background-position-y:42.8571428571%}.viewer-360 .viewer-slider[max="36"][value="17"]+.viewer-image{background-position-y:45.7142857143%}.viewer-360 .viewer-slider[max="36"][value="18"]+.viewer-image{background-position-y:48.5714285714%}.viewer-360 .viewer-slider[max="36"][value="19"]+.viewer-image{background-position-y:51.4285714286%}.viewer-360 .viewer-slider[max="36"][value="20"]+.viewer-image{background-position-y:54.2857142857%}.viewer-360 .viewer-slider[max="36"][value="21"]+.viewer-image{background-position-y:57.1428571429%}.viewer-360 .viewer-slider[max="36"][value="22"]+.viewer-image{background-position-y:60%}.viewer-360 .viewer-slider[max="36"][value="23"]+.viewer-image{background-position-y:62.8571428571%}.viewer-360 .viewer-slider[max="36"][value="24"]+.viewer-image{background-position-y:65.7142857143%}.viewer-360 .viewer-slider[max="36"][value="25"]+.viewer-image{background-position-y:68.5714285714%}.viewer-360 .viewer-slider[max="36"][value="26"]+.viewer-image{background-position-y:71.4285714286%}.viewer-360 .viewer-slider[max="36"][value="27"]+.viewer-image{background-position-y:74.2857142857%}.viewer-360 .viewer-slider[max="36"][value="28"]+.viewer-image{background-position-y:77.1428571429%}.viewer-360 .viewer-slider[max="36"][value="29"]+.viewer-image{background-position-y:80%}.viewer-360 .viewer-slider[max="36"][value="30"]+.viewer-image{background-position-y:82.8571428571%}.viewer-360 .viewer-slider[max="36"][value="31"]+.viewer-image{background-position-y:85.7142857143%}.viewer-360 .viewer-slider[max="36"][value="32"]+.viewer-image{background-position-y:88.5714285714%}.viewer-360 .viewer-slider[max="36"][value="33"]+.viewer-image{background-position-y:91.4285714286%}.viewer-360 .viewer-slider[max="36"][value="34"]+.viewer-image{background-position-y:94.2857142857%}.viewer-360 .viewer-slider[max="36"][value="35"]+.viewer-image{background-position-y:97.1428571429%}.viewer-360 .viewer-slider[max="36"][value="36"]+.viewer-image{background-position-y:100%}.viewer-360 .viewer-slider{cursor:ew-resize;-ms-flex-order:2;margin:1rem;order:2;width:60%}.viewer-360 .viewer-image{background-position-y:0;background-repeat:no-repeat;background-size:100%;-ms-flex-order:1;max-width:100%;order:1} \ No newline at end of file diff --git a/assets/styles/spectre.css/spectre-icons.css b/assets/styles/spectre.css/spectre-icons.css new file mode 100644 index 0000000..fd881f1 --- /dev/null +++ b/assets/styles/spectre.css/spectre-icons.css @@ -0,0 +1,597 @@ +/*! Spectre.css Icons v0.5.9 | MIT License | github.com/picturepan2/spectre */ +.icon { + box-sizing: border-box; + display: inline-block; + font-size: inherit; + font-style: normal; + height: 1em; + position: relative; + text-indent: -9999px; + vertical-align: middle; + width: 1em; +} + +.icon::before, +.icon::after { + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); +} + +.icon.icon-2x { + font-size: 1.6rem; +} + +.icon.icon-3x { + font-size: 2.4rem; +} + +.icon.icon-4x { + font-size: 3.2rem; +} + +.accordion .icon, +.btn .icon, +.toast .icon, +.menu .icon { + vertical-align: -10%; +} + +.btn-lg .icon { + vertical-align: -15%; +} + +.icon-arrow-down::before, +.icon-arrow-left::before, +.icon-arrow-right::before, +.icon-arrow-up::before, +.icon-downward::before, +.icon-back::before, +.icon-forward::before, +.icon-upward::before { + border: .1rem solid currentColor; + border-bottom: 0; + border-right: 0; + height: .65em; + width: .65em; +} + +.icon-arrow-down::before { + transform: translate(-50%, -75%) rotate(225deg); +} + +.icon-arrow-left::before { + transform: translate(-25%, -50%) rotate(-45deg); +} + +.icon-arrow-right::before { + transform: translate(-75%, -50%) rotate(135deg); +} + +.icon-arrow-up::before { + transform: translate(-50%, -25%) rotate(45deg); +} + +.icon-back::after, +.icon-forward::after { + background: currentColor; + height: .1rem; + width: .8em; +} + +.icon-downward::after, +.icon-upward::after { + background: currentColor; + height: .8em; + width: .1rem; +} + +.icon-back::after { + left: 55%; +} + +.icon-back::before { + transform: translate(-50%, -50%) rotate(-45deg); +} + +.icon-downward::after { + top: 45%; +} + +.icon-downward::before { + transform: translate(-50%, -50%) rotate(-135deg); +} + +.icon-forward::after { + left: 45%; +} + +.icon-forward::before { + transform: translate(-50%, -50%) rotate(135deg); +} + +.icon-upward::after { + top: 55%; +} + +.icon-upward::before { + transform: translate(-50%, -50%) rotate(45deg); +} + +.icon-caret::before { + border-left: .3em solid transparent; + border-right: .3em solid transparent; + border-top: .3em solid currentColor; + height: 0; + transform: translate(-50%, -25%); + width: 0; +} + +.icon-menu::before { + background: currentColor; + box-shadow: 0 -.35em, 0 .35em; + height: .1rem; + width: 100%; +} + +.icon-apps::before { + background: currentColor; + box-shadow: -.35em -.35em, -.35em 0, -.35em .35em, 0 -.35em, 0 .35em, .35em -.35em, .35em 0, .35em .35em; + height: 3px; + width: 3px; +} + +.icon-resize-horiz::before, +.icon-resize-horiz::after, +.icon-resize-vert::before, +.icon-resize-vert::after { + border: .1rem solid currentColor; + border-bottom: 0; + border-right: 0; + height: .45em; + width: .45em; +} + +.icon-resize-horiz::before, +.icon-resize-vert::before { + transform: translate(-50%, -90%) rotate(45deg); +} + +.icon-resize-horiz::after, +.icon-resize-vert::after { + transform: translate(-50%, -10%) rotate(225deg); +} + +.icon-resize-horiz::before { + transform: translate(-90%, -50%) rotate(-45deg); +} + +.icon-resize-horiz::after { + transform: translate(-10%, -50%) rotate(135deg); +} + +.icon-more-horiz::before, +.icon-more-vert::before { + background: currentColor; + border-radius: 50%; + box-shadow: -.4em 0, .4em 0; + height: 3px; + width: 3px; +} + +.icon-more-vert::before { + box-shadow: 0 -.4em, 0 .4em; +} + +.icon-plus::before, +.icon-minus::before, +.icon-cross::before { + background: currentColor; + height: .1rem; + width: 100%; +} + +.icon-plus::after, +.icon-cross::after { + background: currentColor; + height: 100%; + width: .1rem; +} + +.icon-cross::before { + width: 100%; +} + +.icon-cross::after { + height: 100%; +} + +.icon-cross::before, +.icon-cross::after { + transform: translate(-50%, -50%) rotate(45deg); +} + +.icon-check::before { + border: .1rem solid currentColor; + border-right: 0; + border-top: 0; + height: .5em; + transform: translate(-50%, -75%) rotate(-45deg); + width: .9em; +} + +.icon-stop { + border: .1rem solid currentColor; + border-radius: 50%; +} + +.icon-stop::before { + background: currentColor; + height: .1rem; + transform: translate(-50%, -50%) rotate(45deg); + width: 1em; +} + +.icon-shutdown { + border: .1rem solid currentColor; + border-radius: 50%; + border-top-color: transparent; +} + +.icon-shutdown::before { + background: currentColor; + content: ""; + height: .5em; + top: .1em; + width: .1rem; +} + +.icon-refresh::before { + border: .1rem solid currentColor; + border-radius: 50%; + border-right-color: transparent; + height: 1em; + width: 1em; +} + +.icon-refresh::after { + border: .2em solid currentColor; + border-left-color: transparent; + border-top-color: transparent; + height: 0; + left: 80%; + top: 20%; + width: 0; +} + +.icon-search::before { + border: .1rem solid currentColor; + border-radius: 50%; + height: .75em; + left: 5%; + top: 5%; + transform: translate(0, 0) rotate(45deg); + width: .75em; +} + +.icon-search::after { + background: currentColor; + height: .1rem; + left: 80%; + top: 80%; + transform: translate(-50%, -50%) rotate(45deg); + width: .4em; +} + +.icon-edit::before { + border: .1rem solid currentColor; + height: .4em; + transform: translate(-40%, -60%) rotate(-45deg); + width: .85em; +} + +.icon-edit::after { + border: .15em solid currentColor; + border-right-color: transparent; + border-top-color: transparent; + height: 0; + left: 5%; + top: 95%; + transform: translate(0, -100%); + width: 0; +} + +.icon-delete::before { + border: .1rem solid currentColor; + border-bottom-left-radius: .1rem; + border-bottom-right-radius: .1rem; + border-top: 0; + height: .75em; + top: 60%; + width: .75em; +} + +.icon-delete::after { + background: currentColor; + box-shadow: -.25em .2em, .25em .2em; + height: .1rem; + top: .05rem; + width: .5em; +} + +.icon-share { + border: .1rem solid currentColor; + border-radius: .1rem; + border-right: 0; + border-top: 0; +} + +.icon-share::before { + border: .1rem solid currentColor; + border-left: 0; + border-top: 0; + height: .4em; + left: 100%; + top: .25em; + transform: translate(-125%, -50%) rotate(-45deg); + width: .4em; +} + +.icon-share::after { + border: .1rem solid currentColor; + border-bottom: 0; + border-radius: 75% 0; + border-right: 0; + height: .5em; + width: .6em; +} + +.icon-flag::before { + background: currentColor; + height: 1em; + left: 15%; + width: .1rem; +} + +.icon-flag::after { + border: .1rem solid currentColor; + border-bottom-right-radius: .1rem; + border-left: 0; + border-top-right-radius: .1rem; + height: .65em; + left: 60%; + top: 35%; + width: .8em; +} + +.icon-bookmark::before { + border: .1rem solid currentColor; + border-bottom: 0; + border-top-left-radius: .1rem; + border-top-right-radius: .1rem; + height: .9em; + width: .8em; +} + +.icon-bookmark::after { + border: .1rem solid currentColor; + border-bottom: 0; + border-left: 0; + border-radius: .1rem; + height: .5em; + transform: translate(-50%, 35%) rotate(-45deg) skew(15deg, 15deg); + width: .5em; +} + +.icon-download, +.icon-upload { + border-bottom: .1rem solid currentColor; +} + +.icon-download::before, +.icon-upload::before { + border: .1rem solid currentColor; + border-bottom: 0; + border-right: 0; + height: .5em; + transform: translate(-50%, -60%) rotate(-135deg); + width: .5em; +} + +.icon-download::after, +.icon-upload::after { + background: currentColor; + height: .6em; + top: 40%; + width: .1rem; +} + +.icon-upload::before { + transform: translate(-50%, -60%) rotate(45deg); +} + +.icon-upload::after { + top: 50%; +} + +.icon-copy::before { + border: .1rem solid currentColor; + border-bottom: 0; + border-radius: .1rem; + border-right: 0; + height: .8em; + left: 40%; + top: 35%; + width: .8em; +} + +.icon-copy::after { + border: .1rem solid currentColor; + border-radius: .1rem; + height: .8em; + left: 60%; + top: 60%; + width: .8em; +} + +.icon-time { + border: .1rem solid currentColor; + border-radius: 50%; +} + +.icon-time::before { + background: currentColor; + height: .4em; + transform: translate(-50%, -75%); + width: .1rem; +} + +.icon-time::after { + background: currentColor; + height: .3em; + transform: translate(-50%, -75%) rotate(90deg); + transform-origin: 50% 90%; + width: .1rem; +} + +.icon-mail::before { + border: .1rem solid currentColor; + border-radius: .1rem; + height: .8em; + width: 1em; +} + +.icon-mail::after { + border: .1rem solid currentColor; + border-right: 0; + border-top: 0; + height: .5em; + transform: translate(-50%, -90%) rotate(-45deg) skew(10deg, 10deg); + width: .5em; +} + +.icon-people::before { + border: .1rem solid currentColor; + border-radius: 50%; + height: .45em; + top: 25%; + width: .45em; +} + +.icon-people::after { + border: .1rem solid currentColor; + border-radius: 50% 50% 0 0; + height: .4em; + top: 75%; + width: .9em; +} + +.icon-message { + border: .1rem solid currentColor; + border-bottom: 0; + border-radius: .1rem; + border-right: 0; +} + +.icon-message::before { + border: .1rem solid currentColor; + border-bottom-right-radius: .1rem; + border-left: 0; + border-top: 0; + height: .8em; + left: 65%; + top: 40%; + width: .7em; +} + +.icon-message::after { + background: currentColor; + border-radius: .1rem; + height: .3em; + left: 10%; + top: 100%; + transform: translate(0, -90%) rotate(45deg); + width: .1rem; +} + +.icon-photo { + border: .1rem solid currentColor; + border-radius: .1rem; +} + +.icon-photo::before { + border: .1rem solid currentColor; + border-radius: 50%; + height: .25em; + left: 35%; + top: 35%; + width: .25em; +} + +.icon-photo::after { + border: .1rem solid currentColor; + border-bottom: 0; + border-left: 0; + height: .5em; + left: 60%; + transform: translate(-50%, 25%) rotate(-45deg); + width: .5em; +} + +.icon-link::before, +.icon-link::after { + border: .1rem solid currentColor; + border-radius: 5em 0 0 5em; + border-right: 0; + height: .5em; + width: .75em; +} + +.icon-link::before { + transform: translate(-70%, -45%) rotate(-45deg); +} + +.icon-link::after { + transform: translate(-30%, -55%) rotate(135deg); +} + +.icon-location::before { + border: .1rem solid currentColor; + border-radius: 50% 50% 50% 0; + height: .8em; + transform: translate(-50%, -60%) rotate(-45deg); + width: .8em; +} + +.icon-location::after { + border: .1rem solid currentColor; + border-radius: 50%; + height: .2em; + transform: translate(-50%, -80%); + width: .2em; +} + +.icon-emoji { + border: .1rem solid currentColor; + border-radius: 50%; +} + +.icon-emoji::before { + border-radius: 50%; + box-shadow: -.17em -.1em, .17em -.1em; + height: .15em; + width: .15em; +} + +.icon-emoji::after { + border: .1rem solid currentColor; + border-bottom-color: transparent; + border-radius: 50%; + border-right-color: transparent; + height: .5em; + transform: translate(-50%, -40%) rotate(-135deg); + width: .5em; +} \ No newline at end of file diff --git a/assets/styles/spectre.css/spectre-icons.min.css b/assets/styles/spectre.css/spectre-icons.min.css new file mode 100644 index 0000000..0276f7b --- /dev/null +++ b/assets/styles/spectre.css/spectre-icons.min.css @@ -0,0 +1 @@ +/*! Spectre.css Icons v0.5.9 | MIT License | github.com/picturepan2/spectre */.icon{box-sizing:border-box;display:inline-block;font-size:inherit;font-style:normal;height:1em;position:relative;text-indent:-9999px;vertical-align:middle;width:1em}.icon::after,.icon::before{content:"";display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.icon.icon-2x{font-size:1.6rem}.icon.icon-3x{font-size:2.4rem}.icon.icon-4x{font-size:3.2rem}.accordion .icon,.btn .icon,.menu .icon,.toast .icon{vertical-align:-10%}.btn-lg .icon{vertical-align:-15%}.icon-arrow-down::before,.icon-arrow-left::before,.icon-arrow-right::before,.icon-arrow-up::before,.icon-back::before,.icon-downward::before,.icon-forward::before,.icon-upward::before{border:.1rem solid currentColor;border-bottom:0;border-right:0;height:.65em;width:.65em}.icon-arrow-down::before{transform:translate(-50%,-75%) rotate(225deg)}.icon-arrow-left::before{transform:translate(-25%,-50%) rotate(-45deg)}.icon-arrow-right::before{transform:translate(-75%,-50%) rotate(135deg)}.icon-arrow-up::before{transform:translate(-50%,-25%) rotate(45deg)}.icon-back::after,.icon-forward::after{background:currentColor;height:.1rem;width:.8em}.icon-downward::after,.icon-upward::after{background:currentColor;height:.8em;width:.1rem}.icon-back::after{left:55%}.icon-back::before{transform:translate(-50%,-50%) rotate(-45deg)}.icon-downward::after{top:45%}.icon-downward::before{transform:translate(-50%,-50%) rotate(-135deg)}.icon-forward::after{left:45%}.icon-forward::before{transform:translate(-50%,-50%) rotate(135deg)}.icon-upward::after{top:55%}.icon-upward::before{transform:translate(-50%,-50%) rotate(45deg)}.icon-caret::before{border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid currentColor;height:0;transform:translate(-50%,-25%);width:0}.icon-menu::before{background:currentColor;box-shadow:0 -.35em,0 .35em;height:.1rem;width:100%}.icon-apps::before{background:currentColor;box-shadow:-.35em -.35em,-.35em 0,-.35em .35em,0 -.35em,0 .35em,.35em -.35em,.35em 0,.35em .35em;height:3px;width:3px}.icon-resize-horiz::after,.icon-resize-horiz::before,.icon-resize-vert::after,.icon-resize-vert::before{border:.1rem solid currentColor;border-bottom:0;border-right:0;height:.45em;width:.45em}.icon-resize-horiz::before,.icon-resize-vert::before{transform:translate(-50%,-90%) rotate(45deg)}.icon-resize-horiz::after,.icon-resize-vert::after{transform:translate(-50%,-10%) rotate(225deg)}.icon-resize-horiz::before{transform:translate(-90%,-50%) rotate(-45deg)}.icon-resize-horiz::after{transform:translate(-10%,-50%) rotate(135deg)}.icon-more-horiz::before,.icon-more-vert::before{background:currentColor;border-radius:50%;box-shadow:-.4em 0,.4em 0;height:3px;width:3px}.icon-more-vert::before{box-shadow:0 -.4em,0 .4em}.icon-cross::before,.icon-minus::before,.icon-plus::before{background:currentColor;height:.1rem;width:100%}.icon-cross::after,.icon-plus::after{background:currentColor;height:100%;width:.1rem}.icon-cross::before{width:100%}.icon-cross::after{height:100%}.icon-cross::after,.icon-cross::before{transform:translate(-50%,-50%) rotate(45deg)}.icon-check::before{border:.1rem solid currentColor;border-right:0;border-top:0;height:.5em;transform:translate(-50%,-75%) rotate(-45deg);width:.9em}.icon-stop{border:.1rem solid currentColor;border-radius:50%}.icon-stop::before{background:currentColor;height:.1rem;transform:translate(-50%,-50%) rotate(45deg);width:1em}.icon-shutdown{border:.1rem solid currentColor;border-radius:50%;border-top-color:transparent}.icon-shutdown::before{background:currentColor;content:"";height:.5em;top:.1em;width:.1rem}.icon-refresh::before{border:.1rem solid currentColor;border-radius:50%;border-right-color:transparent;height:1em;width:1em}.icon-refresh::after{border:.2em solid currentColor;border-left-color:transparent;border-top-color:transparent;height:0;left:80%;top:20%;width:0}.icon-search::before{border:.1rem solid currentColor;border-radius:50%;height:.75em;left:5%;top:5%;transform:translate(0,0) rotate(45deg);width:.75em}.icon-search::after{background:currentColor;height:.1rem;left:80%;top:80%;transform:translate(-50%,-50%) rotate(45deg);width:.4em}.icon-edit::before{border:.1rem solid currentColor;height:.4em;transform:translate(-40%,-60%) rotate(-45deg);width:.85em}.icon-edit::after{border:.15em solid currentColor;border-right-color:transparent;border-top-color:transparent;height:0;left:5%;top:95%;transform:translate(0,-100%);width:0}.icon-delete::before{border:.1rem solid currentColor;border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem;border-top:0;height:.75em;top:60%;width:.75em}.icon-delete::after{background:currentColor;box-shadow:-.25em .2em,.25em .2em;height:.1rem;top:.05rem;width:.5em}.icon-share{border:.1rem solid currentColor;border-radius:.1rem;border-right:0;border-top:0}.icon-share::before{border:.1rem solid currentColor;border-left:0;border-top:0;height:.4em;left:100%;top:.25em;transform:translate(-125%,-50%) rotate(-45deg);width:.4em}.icon-share::after{border:.1rem solid currentColor;border-bottom:0;border-radius:75% 0;border-right:0;height:.5em;width:.6em}.icon-flag::before{background:currentColor;height:1em;left:15%;width:.1rem}.icon-flag::after{border:.1rem solid currentColor;border-bottom-right-radius:.1rem;border-left:0;border-top-right-radius:.1rem;height:.65em;left:60%;top:35%;width:.8em}.icon-bookmark::before{border:.1rem solid currentColor;border-bottom:0;border-top-left-radius:.1rem;border-top-right-radius:.1rem;height:.9em;width:.8em}.icon-bookmark::after{border:.1rem solid currentColor;border-bottom:0;border-left:0;border-radius:.1rem;height:.5em;transform:translate(-50%,35%) rotate(-45deg) skew(15deg,15deg);width:.5em}.icon-download,.icon-upload{border-bottom:.1rem solid currentColor}.icon-download::before,.icon-upload::before{border:.1rem solid currentColor;border-bottom:0;border-right:0;height:.5em;transform:translate(-50%,-60%) rotate(-135deg);width:.5em}.icon-download::after,.icon-upload::after{background:currentColor;height:.6em;top:40%;width:.1rem}.icon-upload::before{transform:translate(-50%,-60%) rotate(45deg)}.icon-upload::after{top:50%}.icon-copy::before{border:.1rem solid currentColor;border-bottom:0;border-radius:.1rem;border-right:0;height:.8em;left:40%;top:35%;width:.8em}.icon-copy::after{border:.1rem solid currentColor;border-radius:.1rem;height:.8em;left:60%;top:60%;width:.8em}.icon-time{border:.1rem solid currentColor;border-radius:50%}.icon-time::before{background:currentColor;height:.4em;transform:translate(-50%,-75%);width:.1rem}.icon-time::after{background:currentColor;height:.3em;transform:translate(-50%,-75%) rotate(90deg);transform-origin:50% 90%;width:.1rem}.icon-mail::before{border:.1rem solid currentColor;border-radius:.1rem;height:.8em;width:1em}.icon-mail::after{border:.1rem solid currentColor;border-right:0;border-top:0;height:.5em;transform:translate(-50%,-90%) rotate(-45deg) skew(10deg,10deg);width:.5em}.icon-people::before{border:.1rem solid currentColor;border-radius:50%;height:.45em;top:25%;width:.45em}.icon-people::after{border:.1rem solid currentColor;border-radius:50% 50% 0 0;height:.4em;top:75%;width:.9em}.icon-message{border:.1rem solid currentColor;border-bottom:0;border-radius:.1rem;border-right:0}.icon-message::before{border:.1rem solid currentColor;border-bottom-right-radius:.1rem;border-left:0;border-top:0;height:.8em;left:65%;top:40%;width:.7em}.icon-message::after{background:currentColor;border-radius:.1rem;height:.3em;left:10%;top:100%;transform:translate(0,-90%) rotate(45deg);width:.1rem}.icon-photo{border:.1rem solid currentColor;border-radius:.1rem}.icon-photo::before{border:.1rem solid currentColor;border-radius:50%;height:.25em;left:35%;top:35%;width:.25em}.icon-photo::after{border:.1rem solid currentColor;border-bottom:0;border-left:0;height:.5em;left:60%;transform:translate(-50%,25%) rotate(-45deg);width:.5em}.icon-link::after,.icon-link::before{border:.1rem solid currentColor;border-radius:5em 0 0 5em;border-right:0;height:.5em;width:.75em}.icon-link::before{transform:translate(-70%,-45%) rotate(-45deg)}.icon-link::after{transform:translate(-30%,-55%) rotate(135deg)}.icon-location::before{border:.1rem solid currentColor;border-radius:50% 50% 50% 0;height:.8em;transform:translate(-50%,-60%) rotate(-45deg);width:.8em}.icon-location::after{border:.1rem solid currentColor;border-radius:50%;height:.2em;transform:translate(-50%,-80%);width:.2em}.icon-emoji{border:.1rem solid currentColor;border-radius:50%}.icon-emoji::before{border-radius:50%;box-shadow:-.17em -.1em,.17em -.1em;height:.15em;width:.15em}.icon-emoji::after{border:.1rem solid currentColor;border-bottom-color:transparent;border-radius:50%;border-right-color:transparent;height:.5em;transform:translate(-50%,-40%) rotate(-135deg);width:.5em} \ No newline at end of file diff --git a/assets/styles/spectre.css/spectre.css b/assets/styles/spectre.css/spectre.css new file mode 100644 index 0000000..1499dcc --- /dev/null +++ b/assets/styles/spectre.css/spectre.css @@ -0,0 +1,3760 @@ +/*! Spectre.css v0.5.9 | MIT License | github.com/picturepan2/spectre */ +/* Manually forked from Normalize.css */ +/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ +/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */ +/* Document ========================================================================== */ +html { + font-family: sans-serif; /* 1 */ + -webkit-text-size-adjust: 100%; /* 3 */ + -ms-text-size-adjust: 100%; /* 3 */ +} + +/* Sections ========================================================================== */ +/** Remove the margin in all browsers (opinionated). */ +body { + margin: 0; +} + +/** Add the correct display in IE 9-. */ +article, +aside, +footer, +header, +nav, +section { + display: block; +} + +/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */ +h1 { + font-size: 2em; + margin: .67em 0; +} + +/* Grouping content ========================================================================== */ +/** Add the correct display in IE 9-. 1. Add the correct display in IE. */ +figcaption, +figure, +main { + /* 1 */ display: block; +} + +/** Add the correct margin in IE 8 (removed). */ +/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */ +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** 1. Correct the inheritance and scaling of font size in all browsers. (removed) 2. Correct the odd `em` font sizing in all browsers. */ +/* Text-level semantics ========================================================================== */ +/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ +a { + background-color: transparent; /* 1 */ + -webkit-text-decoration-skip: objects; /* 2 */ +} + +/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */ +a:active, +a:hover { + outline-width: 0; +} + +/** Modify default styling of address. */ +address { + font-style: normal; +} + +/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. (removed) */ +/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ +b, +strong { + font-weight: inherit; +} + +/** Add the correct font weight in Chrome, Edge, and Safari. */ +b, +strong { + font-weight: bolder; +} + +/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */ +code, +kbd, +pre, +samp { + font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace; /* 1 (changed) */ + font-size: 1em; /* 2 */ +} + +/** Add the correct font style in Android 4.3-. */ +dfn { + font-style: italic; +} + +/** Add the correct background and color in IE 9-. (Removed) */ +/** Add the correct font size in all browsers. */ +small { + font-size: 80%; + font-weight: 400; /* (added) */ +} + +/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +/* Embedded content ========================================================================== */ +/** Add the correct display in IE 9-. */ +audio, +video { + display: inline-block; +} + +/** Add the correct display in iOS 4-7. */ +audio:not([controls]) { + display: none; + height: 0; +} + +/** Remove the border on images inside links in IE 10-. */ +img { + border-style: none; +} + +/** Hide the overflow in IE. */ +svg:not(:root) { + overflow: hidden; +} + +/* Forms ========================================================================== */ +/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 (changed) */ + font-size: inherit; /* 1 (changed) */ + line-height: inherit; /* 1 (changed) */ + margin: 0; /* 2 */ +} + +/** Show the overflow in IE. 1. Show the overflow in Edge. */ +button, +input { + /* 1 */ overflow: visible; +} + +/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */ +button, +select { + /* 1 */ text-transform: none; +} + +/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */ +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; /* 2 */ +} + +/** Remove the inner border and padding in Firefox. */ +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** Restore the focus styles unset by the previous rule (removed). */ +/** Change the border, margin, and padding in all browsers (opinionated) (changed). */ +fieldset { + border: 0; + margin: 0; + padding: 0; +} + +/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ +progress { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** Remove the default vertical scrollbar in IE. */ +textarea { + overflow: auto; +} + +/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */ +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** Correct the cursor style of increment and decrement buttons in Chrome. */ +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive ========================================================================== */ +/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */ +details, +menu { + display: block; +} + +/* Add the correct display in all browsers. */ +summary { + display: list-item; + outline: none; +} + +/* Scripting ========================================================================== */ +/** Add the correct display in IE 9-. */ +canvas { + display: inline-block; +} + +/** Add the correct display in IE. */ +template { + display: none; +} + +/* Hidden ========================================================================== */ +/** Add the correct display in IE 10-. */ +[hidden] { + display: none; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + +html { + box-sizing: border-box; + font-size: 20px; + line-height: 1.5; + -webkit-tap-highlight-color: transparent; +} + +body { + background: #fff; + color: #3b4351; + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; + font-size: .8rem; + overflow-x: hidden; + text-rendering: optimizeLegibility; +} + +a { + color: #5755d9; + outline: none; + text-decoration: none; +} + +a:focus { + box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); +} + +a:focus, +a:hover, +a:active, +a.active { + color: #302ecd; + text-decoration: underline; +} + +a:visited { + color: #807fe2; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: inherit; + font-weight: 500; + line-height: 1.2; + margin-bottom: .5em; + margin-top: 0; +} + +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-weight: 500; +} + +h1, +.h1 { + font-size: 2rem; +} + +h2, +.h2 { + font-size: 1.6rem; +} + +h3, +.h3 { + font-size: 1.4rem; +} + +h4, +.h4 { + font-size: 1.2rem; +} + +h5, +.h5 { + font-size: 1rem; +} + +h6, +.h6 { + font-size: .8rem; +} + +p { + margin: 0 0 1.2rem; +} + +a, +ins, +u { + -webkit-text-decoration-skip: ink edges; + text-decoration-skip: ink edges; +} + +abbr[title] { + border-bottom: .05rem dotted; + cursor: help; + text-decoration: none; +} + +kbd { + background: #303742; + border-radius: .1rem; + color: #fff; + font-size: .7rem; + line-height: 1.25; + padding: .1rem .2rem; +} + +mark { + background: #ffe9b3; + border-bottom: .05rem solid #ffd367; + border-radius: .1rem; + color: #3b4351; + padding: .05rem .1rem 0; +} + +blockquote { + border-left: .1rem solid #dadee4; + margin-left: 0; + padding: .4rem .8rem; +} + +blockquote p:last-child { + margin-bottom: 0; +} + +ul, +ol { + margin: .8rem 0 .8rem .8rem; + padding: 0; +} + +ul ul, +ul ol, +ol ul, +ol ol { + margin: .8rem 0 .8rem .8rem; +} + +ul li, +ol li { + margin-top: .4rem; +} + +ul { + list-style: disc inside; +} + +ul ul { + list-style-type: circle; +} + +ol { + list-style: decimal inside; +} + +ol ol { + list-style-type: lower-alpha; +} + +dl dt { + font-weight: bold; +} + +dl dd { + margin: .4rem 0 .8rem 0; +} + +html:lang(zh), +html:lang(zh-Hans), +.lang-zh, +.lang-zh-hans { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif; +} + +html:lang(zh-Hant), +.lang-zh-hant { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", "Helvetica Neue", sans-serif; +} + +html:lang(ja), +.lang-ja { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", sans-serif; +} + +html:lang(ko), +.lang-ko { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Malgun Gothic", "Helvetica Neue", sans-serif; +} + +:lang(zh) ins, +:lang(zh) u, +:lang(ja) ins, +:lang(ja) u, +.lang-cjk ins, +.lang-cjk u { + border-bottom: .05rem solid; + text-decoration: none; +} + +:lang(zh) del + del, +:lang(zh) del + s, +:lang(zh) ins + ins, +:lang(zh) ins + u, +:lang(zh) s + del, +:lang(zh) s + s, +:lang(zh) u + ins, +:lang(zh) u + u, +:lang(ja) del + del, +:lang(ja) del + s, +:lang(ja) ins + ins, +:lang(ja) ins + u, +:lang(ja) s + del, +:lang(ja) s + s, +:lang(ja) u + ins, +:lang(ja) u + u, +.lang-cjk del + del, +.lang-cjk del + s, +.lang-cjk ins + ins, +.lang-cjk ins + u, +.lang-cjk s + del, +.lang-cjk s + s, +.lang-cjk u + ins, +.lang-cjk u + u { + margin-left: .125em; +} + +.table { + border-collapse: collapse; + border-spacing: 0; + text-align: left; + width: 100%; +} + +.table.table-striped tbody tr:nth-of-type(odd) { + background: #f7f8f9; +} + +.table tbody tr.active, +.table.table-striped tbody tr.active { + background: #eef0f3; +} + +.table.table-hover tbody tr:hover { + background: #eef0f3; +} + +.table.table-scroll { + display: block; + overflow-x: auto; + padding-bottom: .75rem; + white-space: nowrap; +} + +.table td, +.table th { + border-bottom: .05rem solid #dadee4; + padding: .6rem .4rem; +} + +.table th { + border-bottom-width: .1rem; +} + +.btn { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: #fff; + border: .05rem solid #5755d9; + border-radius: .1rem; + color: #5755d9; + cursor: pointer; + display: inline-block; + font-size: .8rem; + height: 1.8rem; + line-height: 1.2rem; + outline: none; + padding: .25rem .4rem; + text-align: center; + text-decoration: none; + transition: background .2s, border .2s, box-shadow .2s, color .2s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + vertical-align: middle; + white-space: nowrap; +} + +.btn:focus { + box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); +} + +.btn:focus, +.btn:hover { + background: #f1f1fc; + border-color: #4b48d6; + text-decoration: none; +} + +.btn:active, +.btn.active { + background: #4b48d6; + border-color: #3634d2; + color: #fff; + text-decoration: none; +} + +.btn:active.loading::after, +.btn.active.loading::after { + border-bottom-color: #fff; + border-left-color: #fff; +} + +.btn[disabled], +.btn:disabled, +.btn.disabled { + cursor: default; + opacity: .5; + pointer-events: none; +} + +.btn.btn-primary { + background: #5755d9; + border-color: #4b48d6; + color: #fff; +} + +.btn.btn-primary:focus, +.btn.btn-primary:hover { + background: #4240d4; + border-color: #3634d2; + color: #fff; +} + +.btn.btn-primary:active, +.btn.btn-primary.active { + background: #3a38d2; + border-color: #302ecd; + color: #fff; +} + +.btn.btn-primary.loading::after { + border-bottom-color: #fff; + border-left-color: #fff; +} + +.btn.btn-success { + background: #32b643; + border-color: #2faa3f; + color: #fff; +} + +.btn.btn-success:focus { + box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2); +} + +.btn.btn-success:focus, +.btn.btn-success:hover { + background: #30ae40; + border-color: #2da23c; + color: #fff; +} + +.btn.btn-success:active, +.btn.btn-success.active { + background: #2a9a39; + border-color: #278e34; + color: #fff; +} + +.btn.btn-success.loading::after { + border-bottom-color: #fff; + border-left-color: #fff; +} + +.btn.btn-error { + background: #e85600; + border-color: #d95000; + color: #fff; +} + +.btn.btn-error:focus { + box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); +} + +.btn.btn-error:focus, +.btn.btn-error:hover { + background: #de5200; + border-color: #cf4d00; + color: #fff; +} + +.btn.btn-error:active, +.btn.btn-error.active { + background: #c44900; + border-color: #b54300; + color: #fff; +} + +.btn.btn-error.loading::after { + border-bottom-color: #fff; + border-left-color: #fff; +} + +.btn.btn-link { + background: transparent; + border-color: transparent; + color: #5755d9; +} + +.btn.btn-link:focus, +.btn.btn-link:hover, +.btn.btn-link:active, +.btn.btn-link.active { + color: #302ecd; +} + +.btn.btn-sm { + font-size: .7rem; + height: 1.4rem; + padding: .05rem .3rem; +} + +.btn.btn-lg { + font-size: .9rem; + height: 2rem; + padding: .35rem .6rem; +} + +.btn.btn-block { + display: block; + width: 100%; +} + +.btn.btn-action { + padding-left: 0; + padding-right: 0; + width: 1.8rem; +} + +.btn.btn-action.btn-sm { + width: 1.4rem; +} + +.btn.btn-action.btn-lg { + width: 2rem; +} + +.btn.btn-clear { + background: transparent; + border: 0; + color: currentColor; + height: 1rem; + line-height: .8rem; + margin-left: .2rem; + margin-right: -2px; + opacity: 1; + padding: .1rem; + text-decoration: none; + width: 1rem; +} + +.btn.btn-clear:focus, +.btn.btn-clear:hover { + background: rgba(247, 248, 249, .5); + opacity: .95; +} + +.btn.btn-clear::before { + content: "\2715"; +} + +.btn-group { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.btn-group .btn { + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} + +.btn-group .btn:first-child:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.btn-group .btn:not(:first-child):not(:last-child) { + border-radius: 0; + margin-left: -.05rem; +} + +.btn-group .btn:last-child:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + margin-left: -.05rem; +} + +.btn-group .btn:focus, +.btn-group .btn:hover, +.btn-group .btn:active, +.btn-group .btn.active { + z-index: 1; +} + +.btn-group.btn-group-block { + display: -ms-flexbox; + display: flex; +} + +.btn-group.btn-group-block .btn { + -ms-flex: 1 0 0; + flex: 1 0 0; +} + +.form-group:not(:last-child) { + margin-bottom: .4rem; +} + +fieldset { + margin-bottom: .8rem; +} + +legend { + font-size: .9rem; + font-weight: 500; + margin-bottom: .8rem; +} + +.form-label { + display: block; + line-height: 1.2rem; + padding: .3rem 0; +} + +.form-label.label-sm { + font-size: .7rem; + padding: .1rem 0; +} + +.form-label.label-lg { + font-size: .9rem; + padding: .4rem 0; +} + +.form-input { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: #fff; + background-image: none; + border: .05rem solid #bcc3ce; + border-radius: .1rem; + color: #3b4351; + display: block; + font-size: .8rem; + height: 1.8rem; + line-height: 1.2rem; + max-width: 100%; + outline: none; + padding: .25rem .4rem; + position: relative; + transition: background .2s, border .2s, box-shadow .2s, color .2s; + width: 100%; +} + +.form-input:focus { + border-color: #5755d9; + box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); +} + +.form-input:-ms-input-placeholder { + color: #bcc3ce; +} + +.form-input::-ms-input-placeholder { + color: #bcc3ce; +} + +.form-input::placeholder { + color: #bcc3ce; +} + +.form-input.input-sm { + font-size: .7rem; + height: 1.4rem; + padding: .05rem .3rem; +} + +.form-input.input-lg { + font-size: .9rem; + height: 2rem; + padding: .35rem .6rem; +} + +.form-input.input-inline { + display: inline-block; + vertical-align: middle; + width: auto; +} + +.form-input[type="file"] { + height: auto; +} + +textarea.form-input, +textarea.form-input.input-lg, +textarea.form-input.input-sm { + height: auto; +} + +.form-input-hint { + color: #bcc3ce; + font-size: .7rem; + margin-top: .2rem; +} + +.has-success .form-input-hint, +.is-success + .form-input-hint { + color: #32b643; +} + +.has-error .form-input-hint, +.is-error + .form-input-hint { + color: #e85600; +} + +.form-select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: #fff; + border: .05rem solid #bcc3ce; + border-radius: .1rem; + color: inherit; + font-size: .8rem; + height: 1.8rem; + line-height: 1.2rem; + outline: none; + padding: .25rem .4rem; + vertical-align: middle; + width: 100%; +} + +.form-select:focus { + border-color: #5755d9; + box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); +} + +.form-select::-ms-expand { + display: none; +} + +.form-select.select-sm { + font-size: .7rem; + height: 1.4rem; + padding: .05rem 1.1rem .05rem .3rem; +} + +.form-select.select-lg { + font-size: .9rem; + height: 2rem; + padding: .35rem 1.4rem .35rem .6rem; +} + +.form-select[size], +.form-select[multiple] { + height: auto; + padding: .25rem .4rem; +} + +.form-select[size] option, +.form-select[multiple] option { + padding: .1rem .2rem; +} + +.form-select:not([multiple]):not([size]) { + background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem; + padding-right: 1.2rem; +} + +.has-icon-left, +.has-icon-right { + position: relative; +} + +.has-icon-left .form-icon, +.has-icon-right .form-icon { + height: .8rem; + margin: 0 .25rem; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: .8rem; + z-index: 2; +} + +.has-icon-left .form-icon { + left: .05rem; +} + +.has-icon-left .form-input { + padding-left: 1.3rem; +} + +.has-icon-right .form-icon { + right: .05rem; +} + +.has-icon-right .form-input { + padding-right: 1.3rem; +} + +.form-checkbox, +.form-radio, +.form-switch { + display: block; + line-height: 1.2rem; + margin: .2rem 0; + min-height: 1.4rem; + padding: .1rem .4rem .1rem 1.2rem; + position: relative; +} + +.form-checkbox input, +.form-radio input, +.form-switch input { + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + position: absolute; + width: 1px; +} + +.form-checkbox input:focus + .form-icon, +.form-radio input:focus + .form-icon, +.form-switch input:focus + .form-icon { + border-color: #5755d9; + box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2); +} + +.form-checkbox input:checked + .form-icon, +.form-radio input:checked + .form-icon, +.form-switch input:checked + .form-icon { + background: #5755d9; + border-color: #5755d9; +} + +.form-checkbox .form-icon, +.form-radio .form-icon, +.form-switch .form-icon { + border: .05rem solid #bcc3ce; + cursor: pointer; + display: inline-block; + position: absolute; + transition: background .2s, border .2s, box-shadow .2s, color .2s; +} + +.form-checkbox.input-sm, +.form-radio.input-sm, +.form-switch.input-sm { + font-size: .7rem; + margin: 0; +} + +.form-checkbox.input-lg, +.form-radio.input-lg, +.form-switch.input-lg { + font-size: .9rem; + margin: .3rem 0; +} + +.form-checkbox .form-icon, +.form-radio .form-icon { + background: #fff; + height: .8rem; + left: 0; + top: .3rem; + width: .8rem; +} + +.form-checkbox input:active + .form-icon, +.form-radio input:active + .form-icon { + background: #eef0f3; +} + +.form-checkbox .form-icon { + border-radius: .1rem; +} + +.form-checkbox input:checked + .form-icon::before { + background-clip: padding-box; + border: .1rem solid #fff; + border-left-width: 0; + border-top-width: 0; + content: ""; + height: 9px; + left: 50%; + margin-left: -3px; + margin-top: -6px; + position: absolute; + top: 50%; + transform: rotate(45deg); + width: 6px; +} + +.form-checkbox input:indeterminate + .form-icon { + background: #5755d9; + border-color: #5755d9; +} + +.form-checkbox input:indeterminate + .form-icon::before { + background: #fff; + content: ""; + height: 2px; + left: 50%; + margin-left: -5px; + margin-top: -1px; + position: absolute; + top: 50%; + width: 10px; +} + +.form-radio .form-icon { + border-radius: 50%; +} + +.form-radio input:checked + .form-icon::before { + background: #fff; + border-radius: 50%; + content: ""; + height: 6px; + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + width: 6px; +} + +.form-switch { + padding-left: 2rem; +} + +.form-switch .form-icon { + background: #bcc3ce; + background-clip: padding-box; + border-radius: .45rem; + height: .9rem; + left: 0; + top: .25rem; + width: 1.6rem; +} + +.form-switch .form-icon::before { + background: #fff; + border-radius: 50%; + content: ""; + display: block; + height: .8rem; + left: 0; + position: absolute; + top: 0; + transition: background .2s, border .2s, box-shadow .2s, color .2s, left .2s; + width: .8rem; +} + +.form-switch input:checked + .form-icon::before { + left: 14px; +} + +.form-switch input:active + .form-icon::before { + background: #f7f8f9; +} + +.input-group { + display: -ms-flexbox; + display: flex; +} + +.input-group .input-group-addon { + background: #f7f8f9; + border: .05rem solid #bcc3ce; + border-radius: .1rem; + line-height: 1.2rem; + padding: .25rem .4rem; + white-space: nowrap; +} + +.input-group .input-group-addon.addon-sm { + font-size: .7rem; + padding: .05rem .3rem; +} + +.input-group .input-group-addon.addon-lg { + font-size: .9rem; + padding: .35rem .6rem; +} + +.input-group .form-input, +.input-group .form-select { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + width: 1%; +} + +.input-group .input-group-btn { + z-index: 1; +} + +.input-group .form-input:first-child:not(:last-child), +.input-group .form-select:first-child:not(:last-child), +.input-group .input-group-addon:first-child:not(:last-child), +.input-group .input-group-btn:first-child:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.input-group .form-input:not(:first-child):not(:last-child), +.input-group .form-select:not(:first-child):not(:last-child), +.input-group .input-group-addon:not(:first-child):not(:last-child), +.input-group .input-group-btn:not(:first-child):not(:last-child) { + border-radius: 0; + margin-left: -.05rem; +} + +.input-group .form-input:last-child:not(:first-child), +.input-group .form-select:last-child:not(:first-child), +.input-group .input-group-addon:last-child:not(:first-child), +.input-group .input-group-btn:last-child:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + margin-left: -.05rem; +} + +.input-group .form-input:focus, +.input-group .form-select:focus, +.input-group .input-group-addon:focus, +.input-group .input-group-btn:focus { + z-index: 2; +} + +.input-group .form-select { + width: auto; +} + +.input-group.input-inline { + display: -ms-inline-flexbox; + display: inline-flex; +} + +.has-success .form-input, +.form-input.is-success, +.has-success .form-select, +.form-select.is-success { + background: #f9fdfa; + border-color: #32b643; +} + +.has-success .form-input:focus, +.form-input.is-success:focus, +.has-success .form-select:focus, +.form-select.is-success:focus { + box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2); +} + +.has-error .form-input, +.form-input.is-error, +.has-error .form-select, +.form-select.is-error { + background: #fffaf7; + border-color: #e85600; +} + +.has-error .form-input:focus, +.form-input.is-error:focus, +.has-error .form-select:focus, +.form-select.is-error:focus { + box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); +} + +.has-error .form-checkbox .form-icon, +.form-checkbox.is-error .form-icon, +.has-error .form-radio .form-icon, +.form-radio.is-error .form-icon, +.has-error .form-switch .form-icon, +.form-switch.is-error .form-icon { + border-color: #e85600; +} + +.has-error .form-checkbox input:checked + .form-icon, +.form-checkbox.is-error input:checked + .form-icon, +.has-error .form-radio input:checked + .form-icon, +.form-radio.is-error input:checked + .form-icon, +.has-error .form-switch input:checked + .form-icon, +.form-switch.is-error input:checked + .form-icon { + background: #e85600; + border-color: #e85600; +} + +.has-error .form-checkbox input:focus + .form-icon, +.form-checkbox.is-error input:focus + .form-icon, +.has-error .form-radio input:focus + .form-icon, +.form-radio.is-error input:focus + .form-icon, +.has-error .form-switch input:focus + .form-icon, +.form-switch.is-error input:focus + .form-icon { + border-color: #e85600; + box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); +} + +.has-error .form-checkbox input:indeterminate + .form-icon, +.form-checkbox.is-error input:indeterminate + .form-icon { + background: #e85600; + border-color: #e85600; +} + +.form-input:not(:-ms-input-placeholder):invalid { + border-color: #e85600; +} + +.form-input:not(:placeholder-shown):invalid { + border-color: #e85600; +} + +.form-input:not(:-ms-input-placeholder):invalid:focus { + background: #fffaf7; + box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); +} + +.form-input:not(:placeholder-shown):invalid:focus { + background: #fffaf7; + box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2); +} + +.form-input:not(:-ms-input-placeholder):invalid + .form-input-hint { + color: #e85600; +} + +.form-input:not(:placeholder-shown):invalid + .form-input-hint { + color: #e85600; +} + +.form-input:disabled, +.form-input.disabled, +.form-select:disabled, +.form-select.disabled { + background-color: #eef0f3; + cursor: not-allowed; + opacity: .5; +} + +.form-input[readonly] { + background-color: #f7f8f9; +} + +input:disabled + .form-icon, +input.disabled + .form-icon { + background: #eef0f3; + cursor: not-allowed; + opacity: .5; +} + +.form-switch input:disabled + .form-icon::before, +.form-switch input.disabled + .form-icon::before { + background: #fff; +} + +.form-horizontal { + padding: .4rem 0; +} + +.form-horizontal .form-group { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.form-inline { + display: inline-block; +} + +.label { + background: #eef0f3; + border-radius: .1rem; + color: #455060; + display: inline-block; + line-height: 1.25; + padding: .1rem .2rem; +} + +.label.label-rounded { + border-radius: 5rem; + padding-left: .4rem; + padding-right: .4rem; +} + +.label.label-primary { + background: #5755d9; + color: #fff; +} + +.label.label-secondary { + background: #f1f1fc; + color: #5755d9; +} + +.label.label-success { + background: #32b643; + color: #fff; +} + +.label.label-warning { + background: #ffb700; + color: #fff; +} + +.label.label-error { + background: #e85600; + color: #fff; +} + +code { + background: #fcf2f2; + border-radius: .1rem; + color: #d73e48; + font-size: 85%; + line-height: 1.25; + padding: .1rem .2rem; +} + +.code { + border-radius: .1rem; + color: #3b4351; + position: relative; +} + +.code::before { + color: #bcc3ce; + content: attr(data-lang); + font-size: .7rem; + position: absolute; + right: .4rem; + top: .1rem; +} + +.code code { + background: #f7f8f9; + color: inherit; + display: block; + line-height: 1.5; + overflow-x: auto; + padding: 1rem; + width: 100%; +} + +.img-responsive { + display: block; + height: auto; + max-width: 100%; +} + +.img-fit-cover { + object-fit: cover; +} + +.img-fit-contain { + object-fit: contain; +} + +.video-responsive { + display: block; + overflow: hidden; + padding: 0; + position: relative; + width: 100%; +} + +.video-responsive::before { + content: ""; + display: block; + padding-bottom: 56.25%; +} + +.video-responsive iframe, +.video-responsive object, +.video-responsive embed { + border: 0; + bottom: 0; + height: 100%; + left: 0; + position: absolute; + right: 0; + top: 0; + width: 100%; +} + +video.video-responsive { + height: auto; + max-width: 100%; +} + +video.video-responsive::before { + content: none; +} + +.video-responsive-4-3::before { + padding-bottom: 75%; +} + +.video-responsive-1-1::before { + padding-bottom: 100%; +} + +.figure { + margin: 0 0 .4rem 0; +} + +.figure .figure-caption { + color: #66758c; + margin-top: .4rem; +} + +.container { + margin-left: auto; + margin-right: auto; + padding-left: .4rem; + padding-right: .4rem; + width: 100%; +} + +.container.grid-xl { + max-width: 1296px; +} + +.container.grid-lg { + max-width: 976px; +} + +.container.grid-md { + max-width: 856px; +} + +.container.grid-sm { + max-width: 616px; +} + +.container.grid-xs { + max-width: 496px; +} + +.show-xs, +.show-sm, +.show-md, +.show-lg, +.show-xl { + display: none !important; +} + +.cols, +.columns { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-left: -.4rem; + margin-right: -.4rem; +} + +.cols.col-gapless, +.columns.col-gapless { + margin-left: 0; + margin-right: 0; +} + +.cols.col-gapless > .column, +.columns.col-gapless > .column { + padding-left: 0; + padding-right: 0; +} + +.cols.col-oneline, +.columns.col-oneline { + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; +} + +[class~="col-"], +.column { + -ms-flex: 1; + flex: 1; + max-width: 100%; + padding-left: .4rem; + padding-right: .4rem; +} + +[class~="col-"].col-12, +[class~="col-"].col-11, +[class~="col-"].col-10, +[class~="col-"].col-9, +[class~="col-"].col-8, +[class~="col-"].col-7, +[class~="col-"].col-6, +[class~="col-"].col-5, +[class~="col-"].col-4, +[class~="col-"].col-3, +[class~="col-"].col-2, +[class~="col-"].col-1, +[class~="col-"].col-auto, +.column.col-12, +.column.col-11, +.column.col-10, +.column.col-9, +.column.col-8, +.column.col-7, +.column.col-6, +.column.col-5, +.column.col-4, +.column.col-3, +.column.col-2, +.column.col-1, +.column.col-auto { + -ms-flex: none; + flex: none; +} + +.col-12 { + width: 100%; +} + +.col-11 { + width: 91.66666667%; +} + +.col-10 { + width: 83.33333333%; +} + +.col-9 { + width: 75%; +} + +.col-8 { + width: 66.66666667%; +} + +.col-7 { + width: 58.33333333%; +} + +.col-6 { + width: 50%; +} + +.col-5 { + width: 41.66666667%; +} + +.col-4 { + width: 33.33333333%; +} + +.col-3 { + width: 25%; +} + +.col-2 { + width: 16.66666667%; +} + +.col-1 { + width: 8.33333333%; +} + +.col-auto { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + max-width: none; + width: auto; +} + +.col-mx-auto { + margin-left: auto; + margin-right: auto; +} + +.col-ml-auto { + margin-left: auto; +} + +.col-mr-auto { + margin-right: auto; +} + +@media (max-width: 1280px) { + .col-xl-12, + .col-xl-11, + .col-xl-10, + .col-xl-9, + .col-xl-8, + .col-xl-7, + .col-xl-6, + .col-xl-5, + .col-xl-4, + .col-xl-3, + .col-xl-2, + .col-xl-1, + .col-xl-auto { + -ms-flex: none; + flex: none; + } + .col-xl-12 { + width: 100%; + } + .col-xl-11 { + width: 91.66666667%; + } + .col-xl-10 { + width: 83.33333333%; + } + .col-xl-9 { + width: 75%; + } + .col-xl-8 { + width: 66.66666667%; + } + .col-xl-7 { + width: 58.33333333%; + } + .col-xl-6 { + width: 50%; + } + .col-xl-5 { + width: 41.66666667%; + } + .col-xl-4 { + width: 33.33333333%; + } + .col-xl-3 { + width: 25%; + } + .col-xl-2 { + width: 16.66666667%; + } + .col-xl-1 { + width: 8.33333333%; + } + .col-xl-auto { + width: auto; + } + .hide-xl { + display: none !important; + } + .show-xl { + display: block !important; + } +} + +@media (max-width: 960px) { + .col-lg-12, + .col-lg-11, + .col-lg-10, + .col-lg-9, + .col-lg-8, + .col-lg-7, + .col-lg-6, + .col-lg-5, + .col-lg-4, + .col-lg-3, + .col-lg-2, + .col-lg-1, + .col-lg-auto { + -ms-flex: none; + flex: none; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-auto { + width: auto; + } + .hide-lg { + display: none !important; + } + .show-lg { + display: block !important; + } +} + +@media (max-width: 840px) { + .col-md-12, + .col-md-11, + .col-md-10, + .col-md-9, + .col-md-8, + .col-md-7, + .col-md-6, + .col-md-5, + .col-md-4, + .col-md-3, + .col-md-2, + .col-md-1, + .col-md-auto { + -ms-flex: none; + flex: none; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-auto { + width: auto; + } + .hide-md { + display: none !important; + } + .show-md { + display: block !important; + } +} + +@media (max-width: 600px) { + .col-sm-12, + .col-sm-11, + .col-sm-10, + .col-sm-9, + .col-sm-8, + .col-sm-7, + .col-sm-6, + .col-sm-5, + .col-sm-4, + .col-sm-3, + .col-sm-2, + .col-sm-1, + .col-sm-auto { + -ms-flex: none; + flex: none; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-auto { + width: auto; + } + .hide-sm { + display: none !important; + } + .show-sm { + display: block !important; + } +} + +@media (max-width: 480px) { + .col-xs-12, + .col-xs-11, + .col-xs-10, + .col-xs-9, + .col-xs-8, + .col-xs-7, + .col-xs-6, + .col-xs-5, + .col-xs-4, + .col-xs-3, + .col-xs-2, + .col-xs-1, + .col-xs-auto { + -ms-flex: none; + flex: none; + } + .col-xs-12 { + width: 100%; + } + .col-xs-11 { + width: 91.66666667%; + } + .col-xs-10 { + width: 83.33333333%; + } + .col-xs-9 { + width: 75%; + } + .col-xs-8 { + width: 66.66666667%; + } + .col-xs-7 { + width: 58.33333333%; + } + .col-xs-6 { + width: 50%; + } + .col-xs-5 { + width: 41.66666667%; + } + .col-xs-4 { + width: 33.33333333%; + } + .col-xs-3 { + width: 25%; + } + .col-xs-2 { + width: 16.66666667%; + } + .col-xs-1 { + width: 8.33333333%; + } + .col-xs-auto { + width: auto; + } + .hide-xs { + display: none !important; + } + .show-xs { + display: block !important; + } +} + +.hero { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 4rem; + padding-top: 4rem; +} + +.hero.hero-sm { + padding-bottom: 2rem; + padding-top: 2rem; +} + +.hero.hero-lg { + padding-bottom: 8rem; + padding-top: 8rem; +} + +.hero .hero-body { + padding: .4rem; +} + +.navbar { + align-items: stretch; + display: -ms-flexbox; + display: flex; + -ms-flex-align: stretch; + -ms-flex-pack: justify; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + justify-content: space-between; +} + +.navbar .navbar-section { + align-items: center; + display: -ms-flexbox; + display: flex; + -ms-flex: 1 0 0; + flex: 1 0 0; + -ms-flex-align: center; +} + +.navbar .navbar-section:not(:first-child):last-child { + -ms-flex-pack: end; + justify-content: flex-end; +} + +.navbar .navbar-center { + align-items: center; + display: -ms-flexbox; + display: flex; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -ms-flex-align: center; +} + +.navbar .navbar-brand { + font-size: .9rem; + text-decoration: none; +} + +.accordion input:checked ~ .accordion-header > .icon:first-child, +.accordion[open] .accordion-header > .icon:first-child { + transform: rotate(90deg); +} + +.accordion input:checked ~ .accordion-body, +.accordion[open] .accordion-body { + max-height: 50rem; +} + +.accordion .accordion-header { + display: block; + padding: .2rem .4rem; +} + +.accordion .accordion-header .icon { + transition: transform .25s; +} + +.accordion .accordion-body { + margin-bottom: .4rem; + max-height: 0; + overflow: hidden; + transition: max-height .25s; +} + +summary.accordion-header::-webkit-details-marker { + display: none; +} + +.avatar { + background: #5755d9; + border-radius: 50%; + color: rgba(255, 255, 255, .85); + display: inline-block; + font-size: .8rem; + font-weight: 300; + height: 1.6rem; + line-height: 1.25; + margin: 0; + position: relative; + vertical-align: middle; + width: 1.6rem; +} + +.avatar.avatar-xs { + font-size: .4rem; + height: .8rem; + width: .8rem; +} + +.avatar.avatar-sm { + font-size: .6rem; + height: 1.2rem; + width: 1.2rem; +} + +.avatar.avatar-lg { + font-size: 1.2rem; + height: 2.4rem; + width: 2.4rem; +} + +.avatar.avatar-xl { + font-size: 1.6rem; + height: 3.2rem; + width: 3.2rem; +} + +.avatar img { + border-radius: 50%; + height: 100%; + position: relative; + width: 100%; + z-index: 1; +} + +.avatar .avatar-icon, +.avatar .avatar-presence { + background: #fff; + bottom: 14.64%; + height: 50%; + padding: .1rem; + position: absolute; + right: 14.64%; + transform: translate(50%, 50%); + width: 50%; + z-index: 2; +} + +.avatar .avatar-presence { + background: #bcc3ce; + border-radius: 50%; + box-shadow: 0 0 0 .1rem #fff; + height: .5em; + width: .5em; +} + +.avatar .avatar-presence.online { + background: #32b643; +} + +.avatar .avatar-presence.busy { + background: #e85600; +} + +.avatar .avatar-presence.away { + background: #ffb700; +} + +.avatar[data-initial]::before { + color: currentColor; + content: attr(data-initial); + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + z-index: 1; +} + +.badge { + position: relative; + white-space: nowrap; +} + +.badge[data-badge]::after, +.badge:not([data-badge])::after { + background: #5755d9; + background-clip: padding-box; + border-radius: .5rem; + box-shadow: 0 0 0 .1rem #fff; + color: #fff; + content: attr(data-badge); + display: inline-block; + transform: translate(-.05rem, -.5rem); +} + +.badge[data-badge]::after { + font-size: .7rem; + height: .9rem; + line-height: 1; + min-width: .9rem; + padding: .1rem .2rem; + text-align: center; + white-space: nowrap; +} + +.badge:not([data-badge])::after, +.badge[data-badge=""]::after { + height: 6px; + min-width: 6px; + padding: 0; + width: 6px; +} + +.badge.btn::after { + position: absolute; + right: 0; + top: 0; + transform: translate(50%, -50%); +} + +.badge.avatar::after { + position: absolute; + right: 14.64%; + top: 14.64%; + transform: translate(50%, -50%); + z-index: 100; +} + +.breadcrumb { + list-style: none; + margin: .2rem 0; + padding: .2rem 0; +} + +.breadcrumb .breadcrumb-item { + color: #66758c; + display: inline-block; + margin: 0; + padding: .2rem 0; +} + +.breadcrumb .breadcrumb-item:not(:last-child) { + margin-right: .2rem; +} + +.breadcrumb .breadcrumb-item:not(:last-child) a { + color: #66758c; +} + +.breadcrumb .breadcrumb-item:not(:first-child)::before { + color: #66758c; + content: "/"; + padding-right: .4rem; +} + +.bar { + background: #eef0f3; + border-radius: .1rem; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + height: .8rem; + width: 100%; +} + +.bar.bar-sm { + height: .2rem; +} + +.bar .bar-item { + background: #5755d9; + color: #fff; + display: block; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: .7rem; + height: 100%; + line-height: .8rem; + position: relative; + text-align: center; + width: 0; +} + +.bar .bar-item:first-child { + border-bottom-left-radius: .1rem; + border-top-left-radius: .1rem; +} + +.bar .bar-item:last-child { + border-bottom-right-radius: .1rem; + border-top-right-radius: .1rem; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.bar-slider { + height: .1rem; + margin: .4rem 0; + position: relative; +} + +.bar-slider .bar-item { + left: 0; + padding: 0; + position: absolute; +} + +.bar-slider .bar-item:not(:last-child):first-child { + background: #eef0f3; + z-index: 1; +} + +.bar-slider .bar-slider-btn { + background: #5755d9; + border: 0; + border-radius: 50%; + height: .6rem; + padding: 0; + position: absolute; + right: 0; + top: 50%; + transform: translate(50%, -50%); + width: .6rem; +} + +.bar-slider .bar-slider-btn:active { + box-shadow: 0 0 0 .1rem #5755d9; +} + +.card { + background: #fff; + border: .05rem solid #dadee4; + border-radius: .1rem; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} + +.card .card-header, +.card .card-body, +.card .card-footer { + padding: .8rem; + padding-bottom: 0; +} + +.card .card-header:last-child, +.card .card-body:last-child, +.card .card-footer:last-child { + padding-bottom: .8rem; +} + +.card .card-body { + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.card .card-image { + padding-top: .8rem; +} + +.card .card-image:first-child { + padding-top: 0; +} + +.card .card-image:first-child img { + border-top-left-radius: .1rem; + border-top-right-radius: .1rem; +} + +.card .card-image:last-child img { + border-bottom-left-radius: .1rem; + border-bottom-right-radius: .1rem; +} + +.chip { + align-items: center; + background: #eef0f3; + border-radius: 5rem; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-align: center; + font-size: 90%; + height: 1.2rem; + line-height: .8rem; + margin: .1rem; + max-width: 320px; + overflow: hidden; + padding: .2rem .4rem; + text-decoration: none; + text-overflow: ellipsis; + vertical-align: middle; + white-space: nowrap; +} + +.chip.active { + background: #5755d9; + color: #fff; +} + +.chip .avatar { + margin-left: -.4rem; + margin-right: .2rem; +} + +.chip .btn-clear { + border-radius: 50%; + transform: scale(.75); +} + +.dropdown { + display: inline-block; + position: relative; +} + +.dropdown .menu { + animation: slide-down .15s ease 1; + display: none; + left: 0; + max-height: 50vh; + overflow-y: auto; + position: absolute; + top: 100%; +} + +.dropdown.dropdown-right .menu { + left: auto; + right: 0; +} + +.dropdown.active .menu, +.dropdown .dropdown-toggle:focus + .menu, +.dropdown .menu:hover { + display: block; +} + +.dropdown .btn-group .dropdown-toggle:nth-last-child(2) { + border-bottom-right-radius: .1rem; + border-top-right-radius: .1rem; +} + +.empty { + background: #f7f8f9; + border-radius: .1rem; + color: #66758c; + padding: 3.2rem 1.6rem; + text-align: center; +} + +.empty .empty-icon { + margin-bottom: .8rem; +} + +.empty .empty-title, +.empty .empty-subtitle { + margin: .4rem auto; +} + +.empty .empty-action { + margin-top: .8rem; +} + +.menu { + background: #fff; + border-radius: .1rem; + box-shadow: 0 .05rem .2rem rgba(48, 55, 66, .3); + list-style: none; + margin: 0; + min-width: 180px; + padding: .4rem; + transform: translateY(.2rem); + z-index: 300; +} + +.menu.menu-nav { + background: transparent; + box-shadow: none; +} + +.menu .menu-item { + margin-top: 0; + padding: 0 .4rem; + position: relative; + text-decoration: none; +} + +.menu .menu-item > a { + border-radius: .1rem; + color: inherit; + display: block; + margin: 0 -.4rem; + padding: .2rem .4rem; + text-decoration: none; +} + +.menu .menu-item > a:focus, +.menu .menu-item > a:hover { + background: #f1f1fc; + color: #5755d9; +} + +.menu .menu-item > a:active, +.menu .menu-item > a.active { + background: #f1f1fc; + color: #5755d9; +} + +.menu .menu-item .form-checkbox, +.menu .menu-item .form-radio, +.menu .menu-item .form-switch { + margin: .1rem 0; +} + +.menu .menu-item + .menu-item { + margin-top: .2rem; +} + +.menu .menu-badge { + align-items: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + height: 100%; + position: absolute; + right: 0; + top: 0; +} + +.menu .menu-badge .label { + margin-right: .4rem; +} + +.modal { + align-items: center; + bottom: 0; + display: none; + -ms-flex-align: center; + -ms-flex-pack: center; + justify-content: center; + left: 0; + opacity: 0; + overflow: hidden; + padding: .4rem; + position: fixed; + right: 0; + top: 0; +} + +.modal:target, +.modal.active { + display: -ms-flexbox; + display: flex; + opacity: 1; + z-index: 400; +} + +.modal:target .modal-overlay, +.modal.active .modal-overlay { + background: rgba(247, 248, 249, .75); + bottom: 0; + cursor: default; + display: block; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.modal:target .modal-container, +.modal.active .modal-container { + animation: slide-down .2s ease 1; + z-index: 1; +} + +.modal.modal-sm .modal-container { + max-width: 320px; + padding: 0 .4rem; +} + +.modal.modal-lg .modal-overlay { + background: #fff; +} + +.modal.modal-lg .modal-container { + box-shadow: none; + max-width: 960px; +} + +.modal-container { + background: #fff; + border-radius: .1rem; + box-shadow: 0 .2rem .5rem rgba(48, 55, 66, .3); + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + max-height: 75vh; + max-width: 640px; + padding: 0 .8rem; + width: 100%; +} + +.modal-container.modal-fullheight { + max-height: 100vh; +} + +.modal-container .modal-header { + color: #303742; + padding: .8rem; +} + +.modal-container .modal-body { + overflow-y: auto; + padding: .8rem; + position: relative; +} + +.modal-container .modal-footer { + padding: .8rem; + text-align: right; +} + +.nav { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + list-style: none; + margin: .2rem 0; +} + +.nav .nav-item a { + color: #66758c; + padding: .2rem .4rem; + text-decoration: none; +} + +.nav .nav-item a:focus, +.nav .nav-item a:hover { + color: #5755d9; +} + +.nav .nav-item.active > a { + color: #505c6e; + font-weight: bold; +} + +.nav .nav-item.active > a:focus, +.nav .nav-item.active > a:hover { + color: #5755d9; +} + +.nav .nav { + margin-bottom: .4rem; + margin-left: .8rem; +} + +.pagination { + display: -ms-flexbox; + display: flex; + list-style: none; + margin: .2rem 0; + padding: .2rem 0; +} + +.pagination .page-item { + margin: .2rem .05rem; +} + +.pagination .page-item span { + display: inline-block; + padding: .2rem .2rem; +} + +.pagination .page-item a { + border-radius: .1rem; + display: inline-block; + padding: .2rem .4rem; + text-decoration: none; +} + +.pagination .page-item a:focus, +.pagination .page-item a:hover { + color: #5755d9; +} + +.pagination .page-item.disabled a { + cursor: default; + opacity: .5; + pointer-events: none; +} + +.pagination .page-item.active a { + background: #5755d9; + color: #fff; +} + +.pagination .page-item.page-prev, +.pagination .page-item.page-next { + -ms-flex: 1 0 50%; + flex: 1 0 50%; +} + +.pagination .page-item.page-next { + text-align: right; +} + +.pagination .page-item .page-item-title { + margin: 0; +} + +.pagination .page-item .page-item-subtitle { + margin: 0; + opacity: .5; +} + +.panel { + border: .05rem solid #dadee4; + border-radius: .1rem; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} + +.panel .panel-header, +.panel .panel-footer { + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding: .8rem; +} + +.panel .panel-nav { + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.panel .panel-body { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + overflow-y: auto; + padding: 0 .8rem; +} + +.popover { + display: inline-block; + position: relative; +} + +.popover .popover-container { + left: 50%; + opacity: 0; + padding: .4rem; + position: absolute; + top: 0; + transform: translate(-50%, -50%) scale(0); + transition: transform .2s; + width: 320px; + z-index: 300; +} + +.popover *:focus + .popover-container, +.popover:hover .popover-container { + display: block; + opacity: 1; + transform: translate(-50%, -100%) scale(1); +} + +.popover.popover-right .popover-container { + left: 100%; + top: 50%; +} + +.popover.popover-right *:focus + .popover-container, +.popover.popover-right:hover .popover-container { + transform: translate(0, -50%) scale(1); +} + +.popover.popover-bottom .popover-container { + left: 50%; + top: 100%; +} + +.popover.popover-bottom *:focus + .popover-container, +.popover.popover-bottom:hover .popover-container { + transform: translate(-50%, 0) scale(1); +} + +.popover.popover-left .popover-container { + left: 0; + top: 50%; +} + +.popover.popover-left *:focus + .popover-container, +.popover.popover-left:hover .popover-container { + transform: translate(-100%, -50%) scale(1); +} + +.popover .card { + border: 0; + box-shadow: 0 .2rem .5rem rgba(48, 55, 66, .3); +} + +.step { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + list-style: none; + margin: .2rem 0; + width: 100%; +} + +.step .step-item { + -ms-flex: 1 1 0; + flex: 1 1 0; + margin-top: 0; + min-height: 1rem; + position: relative; + text-align: center; +} + +.step .step-item:not(:first-child)::before { + background: #5755d9; + content: ""; + height: 2px; + left: -50%; + position: absolute; + top: 9px; + width: 100%; +} + +.step .step-item a { + color: #5755d9; + display: inline-block; + padding: 20px 10px 0; + text-decoration: none; +} + +.step .step-item a::before { + background: #5755d9; + border: .1rem solid #fff; + border-radius: 50%; + content: ""; + display: block; + height: .6rem; + left: 50%; + position: absolute; + top: .2rem; + transform: translateX(-50%); + width: .6rem; + z-index: 1; +} + +.step .step-item.active a::before { + background: #fff; + border: .1rem solid #5755d9; +} + +.step .step-item.active ~ .step-item::before { + background: #dadee4; +} + +.step .step-item.active ~ .step-item a { + color: #bcc3ce; +} + +.step .step-item.active ~ .step-item a::before { + background: #dadee4; +} + +.tab { + align-items: center; + border-bottom: .05rem solid #dadee4; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + margin: .2rem 0 .15rem 0; +} + +.tab .tab-item { + margin-top: 0; +} + +.tab .tab-item a { + border-bottom: .1rem solid transparent; + color: inherit; + display: block; + margin: 0 .4rem 0 0; + padding: .4rem .2rem .3rem .2rem; + text-decoration: none; +} + +.tab .tab-item a:focus, +.tab .tab-item a:hover { + color: #5755d9; +} + +.tab .tab-item.active a, +.tab .tab-item a.active { + border-bottom-color: #5755d9; + color: #5755d9; +} + +.tab .tab-item.tab-action { + -ms-flex: 1 0 auto; + flex: 1 0 auto; + text-align: right; +} + +.tab .tab-item .btn-clear { + margin-top: -.2rem; +} + +.tab.tab-block .tab-item { + -ms-flex: 1 0 0; + flex: 1 0 0; + text-align: center; +} + +.tab.tab-block .tab-item a { + margin: 0; +} + +.tab.tab-block .tab-item .badge[data-badge]::after { + position: absolute; + right: .1rem; + top: .1rem; + transform: translate(0, 0); +} + +.tab:not(.tab-block) .badge { + padding-right: 0; +} + +.tile { + align-content: space-between; + align-items: flex-start; + display: -ms-flexbox; + display: flex; + -ms-flex-align: start; + -ms-flex-line-pack: justify; +} + +.tile .tile-icon, +.tile .tile-action { + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +.tile .tile-content { + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.tile .tile-content:not(:first-child) { + padding-left: .4rem; +} + +.tile .tile-content:not(:last-child) { + padding-right: .4rem; +} + +.tile .tile-title, +.tile .tile-subtitle { + line-height: 1.2rem; +} + +.tile.tile-centered { + align-items: center; + -ms-flex-align: center; +} + +.tile.tile-centered .tile-content { + overflow: hidden; +} + +.tile.tile-centered .tile-title, +.tile.tile-centered .tile-subtitle { + margin-bottom: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.toast { + background: rgba(48, 55, 66, .95); + border: .05rem solid #303742; + border-color: #303742; + border-radius: .1rem; + color: #fff; + display: block; + padding: .4rem; + width: 100%; +} + +.toast.toast-primary { + background: rgba(87, 85, 217, .95); + border-color: #5755d9; +} + +.toast.toast-success { + background: rgba(50, 182, 67, .95); + border-color: #32b643; +} + +.toast.toast-warning { + background: rgba(255, 183, 0, .95); + border-color: #ffb700; +} + +.toast.toast-error { + background: rgba(232, 86, 0, .95); + border-color: #e85600; +} + +.toast a { + color: #fff; + text-decoration: underline; +} + +.toast a:focus, +.toast a:hover, +.toast a:active, +.toast a.active { + opacity: .75; +} + +.toast .btn-clear { + margin: .1rem; +} + +.toast p:last-child { + margin-bottom: 0; +} + +.tooltip { + position: relative; +} + +.tooltip::after { + background: rgba(48, 55, 66, .95); + border-radius: .1rem; + bottom: 100%; + color: #fff; + content: attr(data-tooltip); + display: block; + font-size: .7rem; + left: 50%; + max-width: 320px; + opacity: 0; + overflow: hidden; + padding: .2rem .4rem; + pointer-events: none; + position: absolute; + text-overflow: ellipsis; + transform: translate(-50%, .4rem); + transition: opacity .2s, transform .2s; + white-space: pre; + z-index: 300; +} + +.tooltip:focus::after, +.tooltip:hover::after { + opacity: 1; + transform: translate(-50%, -.2rem); +} + +.tooltip[disabled], +.tooltip.disabled { + pointer-events: auto; +} + +.tooltip.tooltip-right::after { + bottom: 50%; + left: 100%; + transform: translate(-.2rem, 50%); +} + +.tooltip.tooltip-right:focus::after, +.tooltip.tooltip-right:hover::after { + transform: translate(.2rem, 50%); +} + +.tooltip.tooltip-bottom::after { + bottom: auto; + top: 100%; + transform: translate(-50%, -.4rem); +} + +.tooltip.tooltip-bottom:focus::after, +.tooltip.tooltip-bottom:hover::after { + transform: translate(-50%, .2rem); +} + +.tooltip.tooltip-left::after { + bottom: 50%; + left: auto; + right: 100%; + transform: translate(.4rem, 50%); +} + +.tooltip.tooltip-left:focus::after, +.tooltip.tooltip-left:hover::after { + transform: translate(-.2rem, 50%); +} + +@keyframes loading { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes slide-down { + 0% { + opacity: 0; + transform: translateY(-1.6rem); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.text-primary { + color: #5755d9 !important; +} + +a.text-primary:focus, +a.text-primary:hover { + color: #4240d4; +} + +a.text-primary:visited { + color: #6c6ade; +} + +.text-secondary { + color: #e5e5f9 !important; +} + +a.text-secondary:focus, +a.text-secondary:hover { + color: #d1d0f4; +} + +a.text-secondary:visited { + color: #fafafe; +} + +.text-gray { + color: #bcc3ce !important; +} + +a.text-gray:focus, +a.text-gray:hover { + color: #adb6c4; +} + +a.text-gray:visited { + color: #cbd0d9; +} + +.text-light { + color: #fff !important; +} + +a.text-light:focus, +a.text-light:hover { + color: #f2f2f2; +} + +a.text-light:visited { + color: white; +} + +.text-dark { + color: #3b4351 !important; +} + +a.text-dark:focus, +a.text-dark:hover { + color: #303742; +} + +a.text-dark:visited { + color: #455060; +} + +.text-success { + color: #32b643 !important; +} + +a.text-success:focus, +a.text-success:hover { + color: #2da23c; +} + +a.text-success:visited { + color: #39c94b; +} + +.text-warning { + color: #ffb700 !important; +} + +a.text-warning:focus, +a.text-warning:hover { + color: #e6a500; +} + +a.text-warning:visited { + color: #ffbe1a; +} + +.text-error { + color: #e85600 !important; +} + +a.text-error:focus, +a.text-error:hover { + color: #cf4d00; +} + +a.text-error:visited { + color: #ff6003; +} + +.bg-primary { + background: #5755d9 !important; + color: #fff; +} + +.bg-secondary { + background: #f1f1fc !important; +} + +.bg-dark { + background: #303742 !important; + color: #fff; +} + +.bg-gray { + background: #f7f8f9 !important; +} + +.bg-success { + background: #32b643 !important; + color: #fff; +} + +.bg-warning { + background: #ffb700 !important; + color: #fff; +} + +.bg-error { + background: #e85600 !important; + color: #fff; +} + +.c-hand { + cursor: pointer; +} + +.c-move { + cursor: move; +} + +.c-zoom-in { + cursor: zoom-in; +} + +.c-zoom-out { + cursor: zoom-out; +} + +.c-not-allowed { + cursor: not-allowed; +} + +.c-auto { + cursor: auto; +} + +.d-block { + display: block; +} + +.d-inline { + display: inline; +} + +.d-inline-block { + display: inline-block; +} + +.d-flex { + display: -ms-flexbox; + display: flex; +} + +.d-inline-flex { + display: -ms-inline-flexbox; + display: inline-flex; +} + +.d-none, +.d-hide { + display: none !important; +} + +.d-visible { + visibility: visible; +} + +.d-invisible { + visibility: hidden; +} + +.text-hide { + background: transparent; + border: 0; + color: transparent; + font-size: 0; + line-height: 0; + text-shadow: none; +} + +.text-assistive { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.divider, +.divider-vert { + display: block; + position: relative; +} + +.divider[data-content]::after, +.divider-vert[data-content]::after { + background: #fff; + color: #bcc3ce; + content: attr(data-content); + display: inline-block; + font-size: .7rem; + padding: 0 .4rem; + transform: translateY(-.65rem); +} + +.divider { + border-top: .05rem solid #f1f3f5; + height: .05rem; + margin: .4rem 0; +} + +.divider[data-content] { + margin: .8rem 0; +} + +.divider-vert { + display: block; + padding: .8rem; +} + +.divider-vert::before { + border-left: .05rem solid #dadee4; + bottom: .4rem; + content: ""; + display: block; + left: 50%; + position: absolute; + top: .4rem; + transform: translateX(-50%); +} + +.divider-vert[data-content]::after { + left: 50%; + padding: .2rem 0; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); +} + +.loading { + color: transparent !important; + min-height: .8rem; + pointer-events: none; + position: relative; +} + +.loading::after { + animation: loading 500ms infinite linear; + background: transparent; + border: .1rem solid #5755d9; + border-radius: 50%; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: .8rem; + left: 50%; + margin-left: -.4rem; + margin-top: -.4rem; + opacity: 1; + padding: 0; + position: absolute; + top: 50%; + width: .8rem; + z-index: 1; +} + +.loading.loading-lg { + min-height: 2rem; +} + +.loading.loading-lg::after { + height: 1.6rem; + margin-left: -.8rem; + margin-top: -.8rem; + width: 1.6rem; +} + +.clearfix::after { + clear: both; + content: ""; + display: table; +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.p-relative { + position: relative !important; +} + +.p-absolute { + position: absolute !important; +} + +.p-fixed { + position: fixed !important; +} + +.p-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} + +.p-centered { + display: block; + float: none; + margin-left: auto; + margin-right: auto; +} + +.flex-centered { + align-items: center; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + -ms-flex-pack: center; + justify-content: center; +} + +.m-0 { + margin: 0 !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.ml-0 { + margin-left: 0 !important; +} + +.mr-0 { + margin-right: 0 !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; +} + +.my-0 { + margin-bottom: 0 !important; + margin-top: 0 !important; +} + +.m-1 { + margin: .2rem !important; +} + +.mb-1 { + margin-bottom: .2rem !important; +} + +.ml-1 { + margin-left: .2rem !important; +} + +.mr-1 { + margin-right: .2rem !important; +} + +.mt-1 { + margin-top: .2rem !important; +} + +.mx-1 { + margin-left: .2rem !important; + margin-right: .2rem !important; +} + +.my-1 { + margin-bottom: .2rem !important; + margin-top: .2rem !important; +} + +.m-2 { + margin: .4rem !important; +} + +.mb-2 { + margin-bottom: .4rem !important; +} + +.ml-2 { + margin-left: .4rem !important; +} + +.mr-2 { + margin-right: .4rem !important; +} + +.mt-2 { + margin-top: .4rem !important; +} + +.mx-2 { + margin-left: .4rem !important; + margin-right: .4rem !important; +} + +.my-2 { + margin-bottom: .4rem !important; + margin-top: .4rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pl-0 { + padding-left: 0 !important; +} + +.pr-0 { + padding-right: 0 !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.px-0 { + padding-left: 0 !important; + padding-right: 0 !important; +} + +.py-0 { + padding-bottom: 0 !important; + padding-top: 0 !important; +} + +.p-1 { + padding: .2rem !important; +} + +.pb-1 { + padding-bottom: .2rem !important; +} + +.pl-1 { + padding-left: .2rem !important; +} + +.pr-1 { + padding-right: .2rem !important; +} + +.pt-1 { + padding-top: .2rem !important; +} + +.px-1 { + padding-left: .2rem !important; + padding-right: .2rem !important; +} + +.py-1 { + padding-bottom: .2rem !important; + padding-top: .2rem !important; +} + +.p-2 { + padding: .4rem !important; +} + +.pb-2 { + padding-bottom: .4rem !important; +} + +.pl-2 { + padding-left: .4rem !important; +} + +.pr-2 { + padding-right: .4rem !important; +} + +.pt-2 { + padding-top: .4rem !important; +} + +.px-2 { + padding-left: .4rem !important; + padding-right: .4rem !important; +} + +.py-2 { + padding-bottom: .4rem !important; + padding-top: .4rem !important; +} + +.s-rounded { + border-radius: .1rem; +} + +.s-circle { + border-radius: 50%; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +.text-justify { + text-align: justify; +} + +.text-lowercase { + text-transform: lowercase; +} + +.text-uppercase { + text-transform: uppercase; +} + +.text-capitalize { + text-transform: capitalize; +} + +.text-normal { + font-weight: normal; +} + +.text-bold { + font-weight: bold; +} + +.text-italic { + font-style: italic; +} + +.text-large { + font-size: 1.2em; +} + +.text-small { + font-size: .9em; +} + +.text-tiny { + font-size: .8em; +} + +.text-muted { + opacity: .8; +} + +.text-ellipsis { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.text-clip { + overflow: hidden; + text-overflow: clip; + white-space: nowrap; +} + +.text-break { + -webkit-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + word-break: break-word; + word-wrap: break-word; +} \ No newline at end of file diff --git a/assets/styles/spectre.css/spectre.min.css b/assets/styles/spectre.css/spectre.min.css new file mode 100644 index 0000000..0fe23d9 --- /dev/null +++ b/assets/styles/spectre.css/spectre.min.css @@ -0,0 +1 @@ +/*! Spectre.css v0.5.9 | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#fff;color:#3b4351;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.8rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#5755d9;outline:0;text-decoration:none}a:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}a.active,a:active,a:focus,a:hover{color:#302ecd;text-decoration:underline}a:visited{color:#807fe2}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}.h1,h1{font-size:2rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.4rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}abbr[title]{border-bottom:.05rem dotted;cursor:help;text-decoration:none}kbd{background:#303742;border-radius:.1rem;color:#fff;font-size:.7rem;line-height:1.25;padding:.1rem .2rem}mark{background:#ffe9b3;border-bottom:.05rem solid #ffd367;border-radius:.1rem;color:#3b4351;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #dadee4;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ol,ul{margin:.8rem 0 .8rem .8rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:.8rem 0 .8rem .8rem}ol li,ul li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.4rem 0 .8rem 0}.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}.lang-zh-hant,html:lang(zh-Hant){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}.lang-ja,html:lang(ja){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}.lang-ko,html:lang(ko){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u{border-bottom:.05rem solid;text-decoration:none}.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u{margin-left:.125em}.table{border-collapse:collapse;border-spacing:0;text-align:left;width:100%}.table.table-striped tbody tr:nth-of-type(odd){background:#f7f8f9}.table tbody tr.active,.table.table-striped tbody tr.active{background:#eef0f3}.table.table-hover tbody tr:hover{background:#eef0f3}.table.table-scroll{display:block;overflow-x:auto;padding-bottom:.75rem;white-space:nowrap}.table td,.table th{border-bottom:.05rem solid #dadee4;padding:.6rem .4rem}.table th{border-bottom-width:.1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:.05rem solid #5755d9;border-radius:.1rem;color:#5755d9;cursor:pointer;display:inline-block;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.btn:focus,.btn:hover{background:#f1f1fc;border-color:#4b48d6;text-decoration:none}.btn.active,.btn:active{background:#4b48d6;border-color:#3634d2;color:#fff;text-decoration:none}.btn.active.loading::after,.btn:active.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.disabled,.btn:disabled,.btn[disabled]{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#5755d9;border-color:#4b48d6;color:#fff}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#4240d4;border-color:#3634d2;color:#fff}.btn.btn-primary.active,.btn.btn-primary:active{background:#3a38d2;border-color:#302ecd;color:#fff}.btn.btn-primary.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-success{background:#32b643;border-color:#2faa3f;color:#fff}.btn.btn-success:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.btn.btn-success:focus,.btn.btn-success:hover{background:#30ae40;border-color:#2da23c;color:#fff}.btn.btn-success.active,.btn.btn-success:active{background:#2a9a39;border-color:#278e34;color:#fff}.btn.btn-success.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-error{background:#e85600;border-color:#d95000;color:#fff}.btn.btn-error:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.btn.btn-error:focus,.btn.btn-error:hover{background:#de5200;border-color:#cf4d00;color:#fff}.btn.btn-error.active,.btn.btn-error:active{background:#c44900;border-color:#b54300;color:#fff}.btn.btn-error.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-link{background:0 0;border-color:transparent;color:#5755d9}.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{color:#302ecd}.btn.btn-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:0 0;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(247,248,249,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.btn-group.btn-group-block{display:-ms-flexbox;display:flex}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.7rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:none;border:.05rem solid #bcc3ce;border-radius:.1rem;color:#3b4351;display:block;font-size:.8rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.25rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-input:-ms-input-placeholder{color:#bcc3ce}.form-input::-ms-input-placeholder{color:#bcc3ce}.form-input::placeholder{color:#bcc3ce}.form-input.input-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.form-input.input-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type=file]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#bcc3ce;font-size:.7rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:.05rem solid #bcc3ce;border-radius:.1rem;color:inherit;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.7rem;height:1.4rem;padding:.05rem 1.1rem .05rem .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.35rem 1.4rem .35rem .6rem}.form-select[multiple],.form-select[size]{height:auto;padding:.25rem .4rem}.form-select[multiple] option,.form-select[size] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .25rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.05rem}.has-icon-left .form-input{padding-left:1.3rem}.has-icon-right .form-icon{right:.05rem}.has-icon-right .form-input{padding-right:1.3rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.4rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.05rem solid #bcc3ce;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.7rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#eef0f3}.form-checkbox .form-icon{border-radius:.1rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#bcc3ce;background-clip:padding-box;border-radius:.45rem;height:.9rem;left:0;top:.25rem;width:1.6rem}.form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#f7f8f9}.input-group{display:-ms-flexbox;display:flex}.input-group .input-group-addon{background:#f7f8f9;border:.05rem solid #bcc3ce;border-radius:.1rem;line-height:1.2rem;padding:.25rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.7rem;padding:.05rem .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.35rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:-ms-inline-flexbox;display:inline-flex}.form-input.is-success,.form-select.is-success,.has-success .form-input,.has-success .form-select{background:#f9fdfa;border-color:#32b643}.form-input.is-success:focus,.form-select.is-success:focus,.has-success .form-input:focus,.has-success .form-select:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.form-input.is-error,.form-select.is-error,.has-error .form-input,.has-error .form-select{background:#fffaf7;border-color:#e85600}.form-input.is-error:focus,.form-select.is-error:focus,.has-error .form-input:focus,.has-error .form-select:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error .form-icon,.form-radio.is-error .form-icon,.form-switch.is-error .form-icon,.has-error .form-checkbox .form-icon,.has-error .form-radio .form-icon,.has-error .form-switch .form-icon{border-color:#e85600}.form-checkbox.is-error input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon,.has-error .form-checkbox input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon{background:#e85600;border-color:#e85600}.form-checkbox.is-error input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon,.has-error .form-checkbox input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error input:indeterminate+.form-icon,.has-error .form-checkbox input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:-ms-input-placeholder):invalid+.form-input-hint{color:#e85600}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled{background-color:#eef0f3;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#f7f8f9}input.disabled+.form-icon,input:disabled+.form-icon{background:#eef0f3;cursor:not-allowed;opacity:.5}.form-switch input.disabled+.form-icon::before,.form-switch input:disabled+.form-icon::before{background:#fff}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#eef0f3;border-radius:.1rem;color:#455060;display:inline-block;line-height:1.25;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#5755d9;color:#fff}.label.label-secondary{background:#f1f1fc;color:#5755d9}.label.label-success{background:#32b643;color:#fff}.label.label-warning{background:#ffb700;color:#fff}.label.label-error{background:#e85600;color:#fff}code{background:#fcf2f2;border-radius:.1rem;color:#d73e48;font-size:85%;line-height:1.25;padding:.1rem .2rem}.code{border-radius:.1rem;color:#3b4351;position:relative}.code::before{color:#bcc3ce;content:attr(data-lang);font-size:.7rem;position:absolute;right:.4rem;top:.1rem}.code code{background:#f7f8f9;color:inherit;display:block;line-height:1.5;overflow-x:auto;padding:1rem;width:100%}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#66758c;margin-top:.4rem}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-lg,.show-md,.show-sm,.show-xl,.show-xs{display:none!important}.cols,.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.cols.col-gapless,.columns.col-gapless{margin-left:0;margin-right:0}.cols.col-gapless>.column,.columns.col-gapless>.column{padding-left:0;padding-right:0}.cols.col-oneline,.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.column,[class~=col-]{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9,.column.col-auto,[class~=col-].col-1,[class~=col-].col-10,[class~=col-].col-11,[class~=col-].col-12,[class~=col-].col-2,[class~=col-].col-3,[class~=col-].col-4,[class~=col-].col-5,[class~=col-].col-6,[class~=col-].col-7,[class~=col-].col-8,[class~=col-].col-9,[class~=col-].col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media (max-width:1280px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none!important}.show-xl{display:block!important}}@media (max-width:960px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none!important}.show-lg{display:block!important}}@media (max-width:840px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none!important}.show-md{display:block!important}}@media (max-width:600px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none!important}.show-sm{display:block!important}}@media (max-width:480px){.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none!important}.show-xs{display:block!important}}.hero{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:4rem;padding-top:4rem}.hero.hero-sm{padding-bottom:2rem;padding-top:2rem}.hero.hero-lg{padding-bottom:8rem;padding-top:8rem}.hero .hero-body{padding:.4rem}.navbar{align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.accordion input:checked~.accordion-header>.icon:first-child,.accordion[open] .accordion-header>.icon:first-child{transform:rotate(90deg)}.accordion input:checked~.accordion-body,.accordion[open] .accordion-body{max-height:50rem}.accordion .accordion-header{display:block;padding:.2rem .4rem}.accordion .accordion-header .icon{transition:transform .25s}.accordion .accordion-body{margin-bottom:.4rem;max-height:0;overflow:hidden;transition:max-height .25s}summary.accordion-header::-webkit-details-marker{display:none}.avatar{background:#5755d9;border-radius:50%;color:rgba(255,255,255,.85);display:inline-block;font-size:.8rem;font-weight:300;height:1.6rem;line-height:1.25;margin:0;position:relative;vertical-align:middle;width:1.6rem}.avatar.avatar-xs{font-size:.4rem;height:.8rem;width:.8rem}.avatar.avatar-sm{font-size:.6rem;height:1.2rem;width:1.2rem}.avatar.avatar-lg{font-size:1.2rem;height:2.4rem;width:2.4rem}.avatar.avatar-xl{font-size:1.6rem;height:3.2rem;width:3.2rem}.avatar img{border-radius:50%;height:100%;position:relative;width:100%;z-index:1}.avatar .avatar-icon,.avatar .avatar-presence{background:#fff;bottom:14.64%;height:50%;padding:.1rem;position:absolute;right:14.64%;transform:translate(50%,50%);width:50%;z-index:2}.avatar .avatar-presence{background:#bcc3ce;border-radius:50%;box-shadow:0 0 0 .1rem #fff;height:.5em;width:.5em}.avatar .avatar-presence.online{background:#32b643}.avatar .avatar-presence.busy{background:#e85600}.avatar .avatar-presence.away{background:#ffb700}.avatar[data-initial]::before{color:currentColor;content:attr(data-initial);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.badge{position:relative;white-space:nowrap}.badge:not([data-badge])::after,.badge[data-badge]::after{background:#5755d9;background-clip:padding-box;border-radius:.5rem;box-shadow:0 0 0 .1rem #fff;color:#fff;content:attr(data-badge);display:inline-block;transform:translate(-.05rem,-.5rem)}.badge[data-badge]::after{font-size:.7rem;height:.9rem;line-height:1;min-width:.9rem;padding:.1rem .2rem;text-align:center;white-space:nowrap}.badge:not([data-badge])::after,.badge[data-badge=""]::after{height:6px;min-width:6px;padding:0;width:6px}.badge.btn::after{position:absolute;right:0;top:0;transform:translate(50%,-50%)}.badge.avatar::after{position:absolute;right:14.64%;top:14.64%;transform:translate(50%,-50%);z-index:100}.breadcrumb{list-style:none;margin:.2rem 0;padding:.2rem 0}.breadcrumb .breadcrumb-item{color:#66758c;display:inline-block;margin:0;padding:.2rem 0}.breadcrumb .breadcrumb-item:not(:last-child){margin-right:.2rem}.breadcrumb .breadcrumb-item:not(:last-child) a{color:#66758c}.breadcrumb .breadcrumb-item:not(:first-child)::before{color:#66758c;content:"/";padding-right:.4rem}.bar{background:#eef0f3;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:.8rem;width:100%}.bar.bar-sm{height:.2rem}.bar .bar-item{background:#5755d9;color:#fff;display:block;-ms-flex-negative:0;flex-shrink:0;font-size:.7rem;height:100%;line-height:.8rem;position:relative;text-align:center;width:0}.bar .bar-item:first-child{border-bottom-left-radius:.1rem;border-top-left-radius:.1rem}.bar .bar-item:last-child{border-bottom-right-radius:.1rem;border-top-right-radius:.1rem;-ms-flex-negative:1;flex-shrink:1}.bar-slider{height:.1rem;margin:.4rem 0;position:relative}.bar-slider .bar-item{left:0;padding:0;position:absolute}.bar-slider .bar-item:not(:last-child):first-child{background:#eef0f3;z-index:1}.bar-slider .bar-slider-btn{background:#5755d9;border:0;border-radius:50%;height:.6rem;padding:0;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:.6rem}.bar-slider .bar-slider-btn:active{box-shadow:0 0 0 .1rem #5755d9}.card{background:#fff;border:.05rem solid #dadee4;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card .card-body,.card .card-footer,.card .card-header{padding:.8rem;padding-bottom:0}.card .card-body:last-child,.card .card-footer:last-child,.card .card-header:last-child{padding-bottom:.8rem}.card .card-body{-ms-flex:1 1 auto;flex:1 1 auto}.card .card-image{padding-top:.8rem}.card .card-image:first-child{padding-top:0}.card .card-image:first-child img{border-top-left-radius:.1rem;border-top-right-radius:.1rem}.card .card-image:last-child img{border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem}.chip{align-items:center;background:#eef0f3;border-radius:5rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;font-size:90%;height:1.2rem;line-height:.8rem;margin:.1rem;max-width:320px;overflow:hidden;padding:.2rem .4rem;text-decoration:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.chip.active{background:#5755d9;color:#fff}.chip .avatar{margin-left:-.4rem;margin-right:.2rem}.chip .btn-clear{border-radius:50%;transform:scale(.75)}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover,.dropdown.active .menu{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.1rem;border-top-right-radius:.1rem}.empty{background:#f7f8f9;border-radius:.1rem;color:#66758c;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-subtitle,.empty .empty-title{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#fff;border-radius:.1rem;box-shadow:0 .05rem .2rem rgba(48,55,66,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:0 0;box-shadow:none}.menu .menu-item{margin-top:0;padding:0 .4rem;position:relative;text-decoration:none}.menu .menu-item>a{border-radius:.1rem;color:inherit;display:block;margin:0 -.4rem;padding:.2rem .4rem;text-decoration:none}.menu .menu-item>a:focus,.menu .menu-item>a:hover{background:#f1f1fc;color:#5755d9}.menu .menu-item>a.active,.menu .menu-item>a:active{background:#f1f1fc;color:#5755d9}.menu .menu-item .form-checkbox,.menu .menu-item .form-radio,.menu .menu-item .form-switch{margin:.1rem 0}.menu .menu-item+.menu-item{margin-top:.2rem}.menu .menu-badge{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;height:100%;position:absolute;right:0;top:0}.menu .menu-badge .label{margin-right:.4rem}.modal{align-items:center;bottom:0;display:none;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:0;opacity:0;overflow:hidden;padding:.4rem;position:fixed;right:0;top:0}.modal.active,.modal:target{display:-ms-flexbox;display:flex;opacity:1;z-index:400}.modal.active .modal-overlay,.modal:target .modal-overlay{background:rgba(247,248,249,.75);bottom:0;cursor:default;display:block;left:0;position:absolute;right:0;top:0}.modal.active .modal-container,.modal:target .modal-container{animation:slide-down .2s ease 1;z-index:1}.modal.modal-sm .modal-container{max-width:320px;padding:0 .4rem}.modal.modal-lg .modal-overlay{background:#fff}.modal.modal-lg .modal-container{box-shadow:none;max-width:960px}.modal-container{background:#fff;border-radius:.1rem;box-shadow:0 .2rem .5rem rgba(48,55,66,.3);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:75vh;max-width:640px;padding:0 .8rem;width:100%}.modal-container.modal-fullheight{max-height:100vh}.modal-container .modal-header{color:#303742;padding:.8rem}.modal-container .modal-body{overflow-y:auto;padding:.8rem;position:relative}.modal-container .modal-footer{padding:.8rem;text-align:right}.nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:.2rem 0}.nav .nav-item a{color:#66758c;padding:.2rem .4rem;text-decoration:none}.nav .nav-item a:focus,.nav .nav-item a:hover{color:#5755d9}.nav .nav-item.active>a{color:#505c6e;font-weight:700}.nav .nav-item.active>a:focus,.nav .nav-item.active>a:hover{color:#5755d9}.nav .nav{margin-bottom:.4rem;margin-left:.8rem}.pagination{display:-ms-flexbox;display:flex;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.1rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#5755d9}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#5755d9;color:#fff}.pagination .page-item.page-next,.pagination .page-item.page-prev{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.panel{border:.05rem solid #dadee4;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.panel .panel-footer,.panel .panel-header{-ms-flex:0 0 auto;flex:0 0 auto;padding:.8rem}.panel .panel-nav{-ms-flex:0 0 auto;flex:0 0 auto}.panel .panel-body{-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:auto;padding:0 .8rem}.popover{display:inline-block;position:relative}.popover .popover-container{left:50%;opacity:0;padding:.4rem;position:absolute;top:0;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:320px;z-index:300}.popover :focus+.popover-container,.popover:hover .popover-container{display:block;opacity:1;transform:translate(-50%,-100%) scale(1)}.popover.popover-right .popover-container{left:100%;top:50%}.popover.popover-right :focus+.popover-container,.popover.popover-right:hover .popover-container{transform:translate(0,-50%) scale(1)}.popover.popover-bottom .popover-container{left:50%;top:100%}.popover.popover-bottom :focus+.popover-container,.popover.popover-bottom:hover .popover-container{transform:translate(-50%,0) scale(1)}.popover.popover-left .popover-container{left:0;top:50%}.popover.popover-left :focus+.popover-container,.popover.popover-left:hover .popover-container{transform:translate(-100%,-50%) scale(1)}.popover .card{border:0;box-shadow:0 .2rem .5rem rgba(48,55,66,.3)}.step{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;list-style:none;margin:.2rem 0;width:100%}.step .step-item{-ms-flex:1 1 0;flex:1 1 0;margin-top:0;min-height:1rem;position:relative;text-align:center}.step .step-item:not(:first-child)::before{background:#5755d9;content:"";height:2px;left:-50%;position:absolute;top:9px;width:100%}.step .step-item a{color:#5755d9;display:inline-block;padding:20px 10px 0;text-decoration:none}.step .step-item a::before{background:#5755d9;border:.1rem solid #fff;border-radius:50%;content:"";display:block;height:.6rem;left:50%;position:absolute;top:.2rem;transform:translateX(-50%);width:.6rem;z-index:1}.step .step-item.active a::before{background:#fff;border:.1rem solid #5755d9}.step .step-item.active~.step-item::before{background:#dadee4}.step .step-item.active~.step-item a{color:#bcc3ce}.step .step-item.active~.step-item a::before{background:#dadee4}.tab{align-items:center;border-bottom:.05rem solid #dadee4;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:.2rem 0 .15rem 0}.tab .tab-item{margin-top:0}.tab .tab-item a{border-bottom:.1rem solid transparent;color:inherit;display:block;margin:0 .4rem 0 0;padding:.4rem .2rem .3rem .2rem;text-decoration:none}.tab .tab-item a:focus,.tab .tab-item a:hover{color:#5755d9}.tab .tab-item a.active,.tab .tab-item.active a{border-bottom-color:#5755d9;color:#5755d9}.tab .tab-item.tab-action{-ms-flex:1 0 auto;flex:1 0 auto;text-align:right}.tab .tab-item .btn-clear{margin-top:-.2rem}.tab.tab-block .tab-item{-ms-flex:1 0 0;flex:1 0 0;text-align:center}.tab.tab-block .tab-item a{margin:0}.tab.tab-block .tab-item .badge[data-badge]::after{position:absolute;right:.1rem;top:.1rem;transform:translate(0,0)}.tab:not(.tab-block) .badge{padding-right:0}.tile{align-content:space-between;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-action,.tile .tile-icon{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-subtitle,.tile .tile-title{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-subtitle,.tile.tile-centered .tile-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{background:rgba(48,55,66,.95);border:.05rem solid #303742;border-color:#303742;border-radius:.1rem;color:#fff;display:block;padding:.4rem;width:100%}.toast.toast-primary{background:rgba(87,85,217,.95);border-color:#5755d9}.toast.toast-success{background:rgba(50,182,67,.95);border-color:#32b643}.toast.toast-warning{background:rgba(255,183,0,.95);border-color:#ffb700}.toast.toast-error{background:rgba(232,86,0,.95);border-color:#e85600}.toast a{color:#fff;text-decoration:underline}.toast a.active,.toast a:active,.toast a:focus,.toast a:hover{opacity:.75}.toast .btn-clear{margin:.1rem}.toast p:last-child{margin-bottom:0}.tooltip{position:relative}.tooltip::after{background:rgba(48,55,66,.95);border-radius:.1rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.7rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip.disabled,.tooltip[disabled]{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#5755d9!important}a.text-primary:focus,a.text-primary:hover{color:#4240d4}a.text-primary:visited{color:#6c6ade}.text-secondary{color:#e5e5f9!important}a.text-secondary:focus,a.text-secondary:hover{color:#d1d0f4}a.text-secondary:visited{color:#fafafe}.text-gray{color:#bcc3ce!important}a.text-gray:focus,a.text-gray:hover{color:#adb6c4}a.text-gray:visited{color:#cbd0d9}.text-light{color:#fff!important}a.text-light:focus,a.text-light:hover{color:#f2f2f2}a.text-light:visited{color:#fff}.text-dark{color:#3b4351!important}a.text-dark:focus,a.text-dark:hover{color:#303742}a.text-dark:visited{color:#455060}.text-success{color:#32b643!important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700!important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600!important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#5755d9!important;color:#fff}.bg-secondary{background:#f1f1fc!important}.bg-dark{background:#303742!important;color:#fff}.bg-gray{background:#f7f8f9!important}.bg-success{background:#32b643!important;color:#fff}.bg-warning{background:#ffb700!important;color:#fff}.bg-error{background:#e85600!important;color:#fff}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.d-hide,.d-none{display:none!important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:0 0;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider-vert[data-content]::after,.divider[data-content]::after{background:#fff;color:#bcc3ce;content:attr(data-content);display:inline-block;font-size:.7rem;padding:0 .4rem;transform:translateY(-.65rem)}.divider{border-top:.05rem solid #f1f3f5;height:.05rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.05rem solid #dadee4;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent!important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading .5s infinite linear;background:0 0;border:.1rem solid #5755d9;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;opacity:1;padding:0;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left!important}.float-right{float:right!important}.p-relative{position:relative!important}.p-absolute{position:absolute!important}.p-fixed{position:fixed!important}.p-sticky{position:-webkit-sticky!important;position:sticky!important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mt-0{margin-top:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.2rem!important}.mb-1{margin-bottom:.2rem!important}.ml-1{margin-left:.2rem!important}.mr-1{margin-right:.2rem!important}.mt-1{margin-top:.2rem!important}.mx-1{margin-left:.2rem!important;margin-right:.2rem!important}.my-1{margin-bottom:.2rem!important;margin-top:.2rem!important}.m-2{margin:.4rem!important}.mb-2{margin-bottom:.4rem!important}.ml-2{margin-left:.4rem!important}.mr-2{margin-right:.4rem!important}.mt-2{margin-top:.4rem!important}.mx-2{margin-left:.4rem!important;margin-right:.4rem!important}.my-2{margin-bottom:.4rem!important;margin-top:.4rem!important}.p-0{padding:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pt-0{padding-top:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.2rem!important}.pb-1{padding-bottom:.2rem!important}.pl-1{padding-left:.2rem!important}.pr-1{padding-right:.2rem!important}.pt-1{padding-top:.2rem!important}.px-1{padding-left:.2rem!important;padding-right:.2rem!important}.py-1{padding-bottom:.2rem!important;padding-top:.2rem!important}.p-2{padding:.4rem!important}.pb-2{padding-bottom:.4rem!important}.pl-2{padding-left:.4rem!important}.pr-2{padding-right:.4rem!important}.pt-2{padding-top:.4rem!important}.px-2{padding-left:.4rem!important;padding-right:.4rem!important}.py-2{padding-bottom:.4rem!important;padding-top:.4rem!important}.s-rounded{border-radius:.1rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-small{font-size:.9em}.text-tiny{font-size:.8em}.text-muted{opacity:.8}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word} \ No newline at end of file diff --git a/assets/styles/v1.sass b/assets/styles/v1.sass new file mode 100644 index 0000000..b1361e7 --- /dev/null +++ b/assets/styles/v1.sass @@ -0,0 +1,291 @@ + +@font-face + font-family: "subscriber" + src: url("/fonts/subscriber.woff") format("woff") + +h1, h2 + font-family: subscriber + +h2 + text-transform: uppercase + text-align: center + +html, body + min-height: 100% + background-color: white + padding: 0 + margin: 0 + +.container + width: $content-width + margin: 0 auto + +@media screen and (max-width: 800px) + .container + width: inherit + +.jaune + h2 + color: $jaune +.rouge + h2 + color: $rouge +.vert + h2 + color: $vert +.bleu + h2 + color: $bleu + +@media screen and (max-width: 800px) + .header .title + z-index: 20000 + display: block + top: 1rem + position: absolute + left: 0 + right: 0 + background: white + + .nav + // display: none + display: flex + position: absolute + top: 100px + bottom: 0 + left: 0 + right: 0 + z-index: 1000 + background-color: white + width: 100vw + height: calc(100vh - 100px) + justify-content: center + align-items: center + + .menu + margin: 0 + padding: 0 + list-style: none + + > li + padding: .5rem 1rem + text-align: center + + > a + margin: 0 auto + padding: .2rem + color: red + border: 2px solid red + width: 200px + display: block + + &.vert + a + color: $vert + border-color: $vert + background-color: scale-color($vert, $lightness: +50%) + + &.jaune + a + color: $jaune + border-color: $jaune + background-color: scale-color($jaune, $lightness: +50%) + + &.rouge + a + color: $rouge + border-color: $rouge + background-color: scale-color($rouge, $lightness: +50%) + + &.bleu + a + color: $bleu + border-color: $bleu + background-color: scale-color($bleu, $lightness: +50%) + + .sousmenu + padding: 0 + li + display: inline + a + background-color: white!important + + .header button + display: block + +@media screen and (min-width: 800px) + .nav + margin-bottom: 22px + + ul + display: flex + margin: 0 + padding: 0 + list-style: none + + ul.menu + + .sousmenu + position: absolute + display: none + padding-top: 20px + top: calc(100% - 18px) + left: 0 + right: 0 + justify-content: space-around + background-color: white + + &::before, + &::after + content: "" + border-top: 1px $gris dashed + height: 1px + width: 100% + position: absolute + + &::after + bottom: -1px + + &::before + top: 18px + + a + border: 0 + color: $gris!important + + .sousmenu.active + display: flex + + + li + margin: .2rem + + &:hover ul + display: flex + z-index: 20 + + + &:last-child + margin-right: 0 + + a + padding: .5rem + border: 2px solid white + text-decoration: none + font-size: 1rem + color: white + + &:hover + opacity: .8 + + .vert + a + color: $vert + border-color: $vert + + .jaune + a + color: $jaune + border-color: $jaune + + .rouge + a + color: $rouge + border-color: $rouge + + .bleu + a + color: $bleu + border-color: $bleu + + .active + a + background-color: white + border-style: dashed + border-color: white!important + + &.jaune + a + color: $jaune + border-bottom-color: $jaune + + &.rouge + a + color: $rouge + border-bottom-color: $rouge + + &.vert + a + color: $vert + border-bottom-color: $vert + + &.bleu + a + color: $bleu + border-bottom-color: $bleu + +#content + width: 800px + margin: 0 auto + margin-bottom: 2rem + +.footer + background-color: #222 + color: white + + h4 + text-align: center + + .container + padding: 2rem 0 + display: flex + + > div + margin: 0 10px + padding: 10px + background-color: scale-color(#222, $lightness: +15%) + + div:first-child + margin-left: 0 + + div:last-child + margin-right: 0 + + .title + height: 130px + display: flex + align-items: flex-end + justify-content: center + +.conseilmunicipal + display: flex + margin: 0 auto + padding: 0 10px 10px + list-style: none + flex-wrap: wrap + max-width: 1300px + justify-content: space-around + + li + width: 250px + padding: 10px + + figcaption + text-align: center + + h3 + margin: 10px 0 + font-size: 1em + + p + margin: 0 + font-size: .8em + line-height: 1em + +img.round + border-radius: 100% + +img.paysage + width: 100% + height: 600px + object-fit: cover diff --git a/content/IMG_7317.JPG b/content/IMG_7317.JPG deleted file mode 100644 index a7f6321..0000000 Binary files a/content/IMG_7317.JPG and /dev/null differ diff --git a/content/_index.html b/content/_index.html deleted file mode 100644 index a845151..0000000 --- a/content/_index.html +++ /dev/null @@ -1,2 +0,0 @@ ---- ---- diff --git a/content/_index.md b/content/_index.md index f448503..95aac39 100644 --- a/content/_index.md +++ b/content/_index.md @@ -1 +1,5 @@ -Site en construction +--- +title: Actualités +--- + +Nous venons de mettre le site internet de Crémeaux en ligne. Comme vous pouvez le voir il y a encore peu d'information. Nous compléterons au fur et à mesure de l'année. Il y aura par la suite une section spécifique sur l'économie, les associations et le cadre de vie de Crémeaux. diff --git a/content/associations/_index.md b/content/associations/_index.md index d797caf..e94956b 100644 --- a/content/associations/_index.md +++ b/content/associations/_index.md @@ -1,5 +1,6 @@ --- -title: Le conseil municipal +title: Les associations +draft: true menu: main: identifier: associations @@ -8,8 +9,6 @@ menu: pre: bleu --- -## Les Associations - ![Les associations](/associations.png) La page n'est pas encore réalisé, nous voulons ajouter ici l'ensemble des informations des différentes associations de Crémeaux. diff --git a/content/cadredevie/_index.md b/content/cadredevie/_index.md index da18da3..81f1bb3 100644 --- a/content/cadredevie/_index.md +++ b/content/cadredevie/_index.md @@ -1,5 +1,6 @@ --- -title: Le mot du Maire +title: Cadre de vie +draft: true menu: main: identifier: cadre diff --git a/content/cadredevie/enseignement.md b/content/cadredevie/enseignement.md index 3fc2b4b..a802234 100644 --- a/content/cadredevie/enseignement.md +++ b/content/cadredevie/enseignement.md @@ -1,5 +1,6 @@ --- -title: Accueil +title: Enseignement +draft: true menu: main: parent: cadre @@ -7,5 +8,3 @@ menu: weight: 30 pre: vert --- - -## Enseignement diff --git a/content/cadredevie/histoireetculture.md b/content/cadredevie/histoireetculture.md index 0a3bc98..0a242d6 100644 --- a/content/cadredevie/histoireetculture.md +++ b/content/cadredevie/histoireetculture.md @@ -1,5 +1,6 @@ --- -title: Accueil +title: Histoire et Culture +draft: true menu: main: parent: cadre @@ -7,5 +8,3 @@ menu: weight: 40 pre: vert --- - -## Histoire et Culture diff --git a/content/cadredevie/leterritoire.md b/content/cadredevie/leterritoire.md index 80fa38e..d70148b 100644 --- a/content/cadredevie/leterritoire.md +++ b/content/cadredevie/leterritoire.md @@ -1,5 +1,6 @@ --- -title: Accueil +title: Le territoire +draft: true menu: main: parent: cadre @@ -7,5 +8,3 @@ menu: weight: 10 pre: vert --- - -## Le territoire diff --git a/content/cadredevie/santeetsoins.md b/content/cadredevie/santeetsoins.md index a898980..fbeb3b2 100644 --- a/content/cadredevie/santeetsoins.md +++ b/content/cadredevie/santeetsoins.md @@ -1,5 +1,6 @@ --- title: Accueil +draft: true menu: main: parent: cadre @@ -7,5 +8,3 @@ menu: weight: 20 pre: vert --- - -## Santé et soins diff --git a/content/economie/_index.md b/content/economie/_index.md index 29a0756..f88c7b5 100644 --- a/content/economie/_index.md +++ b/content/economie/_index.md @@ -1,5 +1,6 @@ --- title: Le conseil municipal +draft: true menu: main: identifier: economie @@ -8,8 +9,6 @@ menu: pre: jaune --- -## Économie - ![](/market.svg) Liste des commerces et entreprises avec des catégories diff --git a/content/homepage.jpg b/content/homepage.jpg new file mode 100644 index 0000000..a40d645 Binary files /dev/null and b/content/homepage.jpg differ diff --git a/content/viemunicipale/_index.md b/content/viemunicipale/_index.md index 804ac55..b5345ee 100644 --- a/content/viemunicipale/_index.md +++ b/content/viemunicipale/_index.md @@ -1,5 +1,5 @@ --- -title: Accueil +title: Vie Municipale menu: main: identifier: municipale @@ -7,3 +7,9 @@ menu: weight: 10 pre: rouge --- + +Voici les derniers comptes rendus des réunions du conseil municipal : + +- 10 septembre 2020 : Compte rendu en cours d'écriture +- [9 juillet 2020](/comptes-rendus/2020_07_09-Conseil_Municipal.pdf) +- [4 juin 2020](/comptes-rendus/2020_06_04-Conseil_Municipal.pdf) diff --git a/content/viemunicipale/bibliotheque.jpg b/content/viemunicipale/bibliotheque.jpg new file mode 100644 index 0000000..ea692af Binary files /dev/null and b/content/viemunicipale/bibliotheque.jpg differ diff --git a/content/viemunicipale/leconseilmunicipal/_index.md b/content/viemunicipale/leconseilmunicipal/_index.md deleted file mode 100644 index 3347c54..0000000 --- a/content/viemunicipale/leconseilmunicipal/_index.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: Accueil -menu: - main: - parent: municipale - name: Le Conseil Municipal - weight: 20 - pre: rouge -layout: conseil ---- - -## Le Conseil Municipal diff --git a/content/viemunicipale/leconseilmunicipal/index.md b/content/viemunicipale/leconseilmunicipal/index.md new file mode 100644 index 0000000..30471d1 --- /dev/null +++ b/content/viemunicipale/leconseilmunicipal/index.md @@ -0,0 +1,13 @@ +--- +title: Le Conseil Municipal +menu: + main: + parent: municipale + name: Le Conseil Municipal + weight: 20 + pre: rouge +layout: conseil +--- + +Le conseil municipal règle par ses délibérations les affaires de la commune. +Le nombre de conseillers municipaux, fixé par la loi, est fonction de [la population de la commune](https://www.collectivites-locales.gouv.fr/conseil-municipal#compositioncm). Dans notre cas nous avons le droit à 15 conseillers composé : du maire, 4 adjoints et de 10 conseillers municipaux. diff --git a/content/viemunicipale/lemotdumaire/_index.md b/content/viemunicipale/lemotdumaire/index.md similarity index 96% rename from content/viemunicipale/lemotdumaire/_index.md rename to content/viemunicipale/lemotdumaire/index.md index 3f4aee7..5b3d5ab 100644 --- a/content/viemunicipale/lemotdumaire/_index.md +++ b/content/viemunicipale/lemotdumaire/index.md @@ -1,5 +1,6 @@ --- -title: Accueil +title: Le mot du Maire +image: homepage.jpg menu: main: parent: municipale @@ -10,8 +11,6 @@ menu: {{< maire >}} -## Le mot du Maire - **Nous voilà maintenant en début de mandat 2020, une année spéciale avec cette crise sanitaire.** 2020 n’aura pas été facile pour tous, et une première pensée va diff --git a/content/viemunicipale/locations.md b/content/viemunicipale/locations.md deleted file mode 100644 index ee614dd..0000000 --- a/content/viemunicipale/locations.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: Accueil -menu: - main: - parent: municipale - name: Location - weight: 60 - pre: rouge ---- - -## Location diff --git a/content/viemunicipale/mairie.jpg b/content/viemunicipale/mairie.jpg new file mode 100644 index 0000000..4aaf7cb Binary files /dev/null and b/content/viemunicipale/mairie.jpg differ diff --git a/content/viemunicipale/poste.jpg b/content/viemunicipale/poste.jpg new file mode 100644 index 0000000..4502158 Binary files /dev/null and b/content/viemunicipale/poste.jpg differ diff --git a/data/conseilmunicipal.yml b/data/conseilmunicipal.yml index 872dfb8..2ef3727 100644 --- a/data/conseilmunicipal.yml +++ b/data/conseilmunicipal.yml @@ -2,6 +2,7 @@ conseilmunicipal: - prenom: Élodie nom: BOURG + fonction: Conseillère job: Technicienne contrôle qualité age: 29 image: elodie_bourg.jpg @@ -19,17 +20,19 @@ conseilmunicipal: image: thierry_clemencon.jpg - prenom: Simon nom: CONSTANS + fonction: Conseiller job: Informaticien age: 35 image: simon_constans.jpg - prenom: Jean-Christophe nom: DUBOST + fonction: Conseiller job: Enseignant age: 50 image: jeanchristophe_dubost.jpg - prenom: Sandra nom: GARRIVIER - fonction: Adjoint + fonction: Adjointe job: Chauffeur - livreur portage de repas age: 48 image: sandra_garrivier.jpg @@ -41,21 +44,25 @@ conseilmunicipal: image: laurent_loizzo.jpg - prenom: Aurélien nom: MAILLET-FEUGÈRE + fonction: Conseiller job: Agriculteur age: 38 image: aurelien_mailletfeugere.jpg - prenom: Suzanne nom: MANISSOLLE + fonction: Conseillère job: Retraitée fonction publique territoriale age: 65 image: suzanne_manissolle.jpg - prenom: Irène nom: MICHON + fonction: Conseillère job: Responsable d’exploitation informatique age: 48 image: irene_michon.jpg - prenom: Patricia nom: SESSEGOLO + fonction: Conseillère job: Dessinatrice, styliste age: 53 image: patricia_sessegolo.jpg @@ -67,16 +74,19 @@ conseilmunicipal: image: didier_poncet.jpg - prenom: Stéphane nom: PRAS + fonction: Conseiller job: Agent de vérification age: 47 image: stephane_pras.jpg - prenom: André nom: SANGLE + fonction: Conseiller job: Infirmier age: 30 image: andre_sangle.jpg - prenom: Georges nom: TRAVARD + fonction: Conseiller job: Technicien RGRS (responsable de la gestion de la route et de la sécurité) age: 40 image: georges_travard.jpg diff --git a/layouts/_default/list.html b/layouts/_default/list.html new file mode 100644 index 0000000..18da00d --- /dev/null +++ b/layouts/_default/list.html @@ -0,0 +1,11 @@ +{{ define "main" }} + {{ if .Params.Image }} + {{ .Title }} + {{ end }} +
+

{{ .Title }}

+
+ {{ .Content }} +
+
+{{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..18da00d --- /dev/null +++ b/layouts/_default/single.html @@ -0,0 +1,11 @@ +{{ define "main" }} + {{ if .Params.Image }} + {{ .Title }} + {{ end }} +
+

{{ .Title }}

+
+ {{ .Content }} +
+
+{{ end }} diff --git a/layouts/index.html b/layouts/index.html index b937078..601df81 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,5 +1,22 @@ {{ define "all" }} + {{ $image := .Resources.GetMatch "*" }} {{ $resized := $image.Fill "1400x600 Top"}} - Vue sur Crémeaux +
+
+
+
+
+

Bienvenue sur le nouveau site de Crémeaux

+
+
+
+
+
+
+

{{ .Title }}

+
+ {{ .Content }} +
+
{{ end }} diff --git a/layouts/partials/conseilmunicipal.html b/layouts/partials/conseilmunicipal.html index 17309a1..4439943 100644 --- a/layouts/partials/conseilmunicipal.html +++ b/layouts/partials/conseilmunicipal.html @@ -1,11 +1,13 @@ {{ $headless := .Site.GetPage "/viemunicipale/leconseilmunicipal" }} - + + diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index d514cdb..72e5cdd 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,27 +1,63 @@ +{{ $headless := .Site.GetPage "/viemunicipale" }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index f3f964f..f480cfb 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,29 +1,31 @@ -
-
- -

Crémeaux

- - - - - + +
- + {{ $currentPage := . }} + {{ range .Site.Menus.main }} + {{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} + {{ if .HasChildren }} +
+
+ {{ $color := .Pre }} + {{ range .Children }} + {{ .Name }} + {{ end }} +
+
+ {{ end }} + {{ end }} + {{ end }} + diff --git a/layouts/partials/maire.html b/layouts/partials/maire.html index 97f8fa1..e89d94c 100644 --- a/layouts/partials/maire.html +++ b/layouts/partials/maire.html @@ -1,6 +1,6 @@ {{ $headless := .Site.GetPage "/viemunicipale/lemotdumaire" }} -
+
{{ $image := $headless.Resources.GetMatch "*" }} {{ $resized := $image.Resize "300x" }} Didier PONCET -
+ diff --git a/layouts/partials/person.html b/layouts/partials/person.html index 3c4e894..113ed62 100644 --- a/layouts/partials/person.html +++ b/layouts/partials/person.html @@ -1,7 +1,15 @@ -
- Photo de {{ .prenom }} {{ .nom }} -
-

{{ .prenom }} {{ .nom }}{{ if isset . "fonction" }} - {{ .fonction }}{{ end }}

-

{{ .job }}, {{ .age }} ans

-
-
+
+
+ Photo de {{ .prenom }} {{ .nom }} +
+
+
{{ .prenom }} {{ .nom }}
+
{{ .fonction }}
+
+
+ {{ .job }} +
+
+ {{ .age }} ans +
+
diff --git a/layouts/viemunicipale/conseil.html b/layouts/viemunicipale/conseil.html index 16c5d7c..c2dc0a1 100644 --- a/layouts/viemunicipale/conseil.html +++ b/layouts/viemunicipale/conseil.html @@ -1,7 +1,9 @@ -{{ define "all" }} - - {{ .Content }} -
+{{ define "main" }} +
+

{{ .Title }}

+
+ {{ .Content }} +
+
{{ partial "conseilmunicipal.html" . }} -
{{ end }} diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..2992cb0 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,16 @@ +{ + "requires": true, + "lockfileVersion": 1, + "dependencies": { + "source-sans-pro": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/source-sans-pro/-/source-sans-pro-3.6.0.tgz", + "integrity": "sha512-C1RFUGu+YASuqpgDRInTM7Y6OwqeWNOuKn7v0P/4Kh66epTI4PYWwPWP5kdA4l/VqzBAWiqoz5dk0trof73R7w==" + }, + "spectre.css": { + "version": "0.5.9", + "resolved": "https://registry.npmjs.org/spectre.css/-/spectre.css-0.5.9.tgz", + "integrity": "sha512-9jUqwZmCnvflrxFGcK+ize43TvjwDjqMwZPVubEtSIHzvinH0TBUESm1LcOJx3Ur7bdPaeOHQIjOqBl1Y5kLFw==" + } + } +} diff --git a/static/blason.png b/static/blason.png new file mode 100644 index 0000000..6d0ba3c Binary files /dev/null and b/static/blason.png differ diff --git a/static/carte.png b/static/carte.png new file mode 100644 index 0000000..ea9acc4 Binary files /dev/null and b/static/carte.png differ diff --git a/static/comptes-rendus/2020_06_04-Conseil_Municipal.pdf b/static/comptes-rendus/2020_06_04-Conseil_Municipal.pdf new file mode 100644 index 0000000..58619bf Binary files /dev/null and b/static/comptes-rendus/2020_06_04-Conseil_Municipal.pdf differ diff --git a/static/comptes-rendus/2020_07_09-Conseil_Municipal.pdf b/static/comptes-rendus/2020_07_09-Conseil_Municipal.pdf new file mode 100644 index 0000000..3144cce Binary files /dev/null and b/static/comptes-rendus/2020_07_09-Conseil_Municipal.pdf differ diff --git a/static/fonts/source-sans-pro/LICENSE.md b/static/fonts/source-sans-pro/LICENSE.md new file mode 100644 index 0000000..9eeeb0d --- /dev/null +++ b/static/fonts/source-sans-pro/LICENSE.md @@ -0,0 +1,93 @@ +Copyright 2010-2018 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe in the United States and/or other countries. + +This Font Software is licensed under the SIL Open Font License, Version 1.1. + +This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-Black.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-Black.otf new file mode 100644 index 0000000..0445f10 Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-Black.otf differ diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-BlackIt.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-BlackIt.otf new file mode 100644 index 0000000..e7cf42b Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-BlackIt.otf differ diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-Bold.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-Bold.otf new file mode 100644 index 0000000..e33da9c Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-Bold.otf differ diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-BoldIt.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-BoldIt.otf new file mode 100644 index 0000000..c8854d4 Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-BoldIt.otf differ diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-ExtraLight.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-ExtraLight.otf new file mode 100644 index 0000000..cce7fa5 Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-ExtraLight.otf differ diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-ExtraLightIt.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-ExtraLightIt.otf new file mode 100644 index 0000000..8c5be71 Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-ExtraLightIt.otf differ diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-It.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-It.otf new file mode 100644 index 0000000..634f8ff Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-It.otf differ diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-Light.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-Light.otf new file mode 100644 index 0000000..6737932 Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-Light.otf differ diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-LightIt.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-LightIt.otf new file mode 100644 index 0000000..c37cef3 Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-LightIt.otf differ diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-Regular.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-Regular.otf new file mode 100644 index 0000000..9edaa2d Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-Regular.otf differ diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-Semibold.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-Semibold.otf new file mode 100644 index 0000000..7fbac1c Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-Semibold.otf differ diff --git a/static/fonts/source-sans-pro/OTF/SourceSansPro-SemiboldIt.otf b/static/fonts/source-sans-pro/OTF/SourceSansPro-SemiboldIt.otf new file mode 100644 index 0000000..9ff80c3 Binary files /dev/null and b/static/fonts/source-sans-pro/OTF/SourceSansPro-SemiboldIt.otf differ diff --git a/static/fonts/source-sans-pro/README.md b/static/fonts/source-sans-pro/README.md new file mode 100644 index 0000000..8f6039c --- /dev/null +++ b/static/fonts/source-sans-pro/README.md @@ -0,0 +1,18 @@ +# Source Sans Pro + +[Source Sans Pro](http://adobe-fonts.github.io/source-sans-pro/) +is a set of OpenType fonts that have been designed to work well +in user interface (UI) environments. + +## Open source files + +The fonts' source files and build instructions are available in the [repository's `master` branch](https://github.com/adobe-fonts/source-sans-pro/tree/master). + +## Getting involved + +[Open an issue](https://github.com/adobe-fonts/source-sans-pro/issues) or send a suggestion to Source Sans' designer [Paul D. Hunt](mailto:opensourcefonts@adobe.com?subject=[GitHub]%20Source%20Sans%20Pro), for consideration. + +## Releases + +* [Latest release](../../releases/latest) +* [All releases](../../releases) diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-Black.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-Black.ttf new file mode 100644 index 0000000..8926883 Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-Black.ttf differ diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-BlackIt.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-BlackIt.ttf new file mode 100644 index 0000000..a04d9bd Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-BlackIt.ttf differ diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-Bold.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-Bold.ttf new file mode 100644 index 0000000..a253fdc Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-Bold.ttf differ diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-BoldIt.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-BoldIt.ttf new file mode 100644 index 0000000..61505f2 Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-BoldIt.ttf differ diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-ExtraLight.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-ExtraLight.ttf new file mode 100644 index 0000000..9afd2d4 Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-ExtraLight.ttf differ diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-ExtraLightIt.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-ExtraLightIt.ttf new file mode 100644 index 0000000..8510b36 Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-ExtraLightIt.ttf differ diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-It.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-It.ttf new file mode 100644 index 0000000..51e6342 Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-It.ttf differ diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-Light.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-Light.ttf new file mode 100644 index 0000000..15313b1 Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-Light.ttf differ diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-LightIt.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-LightIt.ttf new file mode 100644 index 0000000..5cdcc3d Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-LightIt.ttf differ diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-Regular.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-Regular.ttf new file mode 100644 index 0000000..d9344ce Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-Regular.ttf differ diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-Semibold.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-Semibold.ttf new file mode 100644 index 0000000..bf69cc2 Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-Semibold.ttf differ diff --git a/static/fonts/source-sans-pro/TTF/SourceSansPro-SemiboldIt.ttf b/static/fonts/source-sans-pro/TTF/SourceSansPro-SemiboldIt.ttf new file mode 100644 index 0000000..a4660c4 Binary files /dev/null and b/static/fonts/source-sans-pro/TTF/SourceSansPro-SemiboldIt.ttf differ diff --git a/static/fonts/source-sans-pro/VAR/SourceSansVariable-Italic.otf b/static/fonts/source-sans-pro/VAR/SourceSansVariable-Italic.otf new file mode 100644 index 0000000..30dff05 Binary files /dev/null and b/static/fonts/source-sans-pro/VAR/SourceSansVariable-Italic.otf differ diff --git a/static/fonts/source-sans-pro/VAR/SourceSansVariable-Italic.ttf b/static/fonts/source-sans-pro/VAR/SourceSansVariable-Italic.ttf new file mode 100644 index 0000000..cffdba7 Binary files /dev/null and b/static/fonts/source-sans-pro/VAR/SourceSansVariable-Italic.ttf differ diff --git a/static/fonts/source-sans-pro/VAR/SourceSansVariable-Roman.otf b/static/fonts/source-sans-pro/VAR/SourceSansVariable-Roman.otf new file mode 100644 index 0000000..326ad12 Binary files /dev/null and b/static/fonts/source-sans-pro/VAR/SourceSansVariable-Roman.otf differ diff --git a/static/fonts/source-sans-pro/VAR/SourceSansVariable-Roman.ttf b/static/fonts/source-sans-pro/VAR/SourceSansVariable-Roman.ttf new file mode 100644 index 0000000..d6222c1 Binary files /dev/null and b/static/fonts/source-sans-pro/VAR/SourceSansVariable-Roman.ttf differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Black.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Black.otf.woff new file mode 100644 index 0000000..3b9d88d Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Black.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BlackIt.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BlackIt.otf.woff new file mode 100644 index 0000000..2e75318 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BlackIt.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Bold.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Bold.otf.woff new file mode 100644 index 0000000..b6a721b Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Bold.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BoldIt.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BoldIt.otf.woff new file mode 100644 index 0000000..64f6bd8 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-BoldIt.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-ExtraLight.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-ExtraLight.otf.woff new file mode 100644 index 0000000..1e75047 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-ExtraLight.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-ExtraLightIt.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-ExtraLightIt.otf.woff new file mode 100644 index 0000000..3dec74e Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-ExtraLightIt.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-It.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-It.otf.woff new file mode 100644 index 0000000..ac17d62 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-It.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Light.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Light.otf.woff new file mode 100644 index 0000000..d6653ed Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Light.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-LightIt.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-LightIt.otf.woff new file mode 100644 index 0000000..0be5921 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-LightIt.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Regular.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Regular.otf.woff new file mode 100644 index 0000000..ad1d51e Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Regular.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Semibold.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Semibold.otf.woff new file mode 100644 index 0000000..e8876fb Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-Semibold.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff new file mode 100644 index 0000000..ac87c47 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Black.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Black.ttf.woff new file mode 100644 index 0000000..a04e026 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Black.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-BlackIt.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-BlackIt.ttf.woff new file mode 100644 index 0000000..27bfe80 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-BlackIt.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Bold.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Bold.ttf.woff new file mode 100644 index 0000000..5385b76 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Bold.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-BoldIt.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-BoldIt.ttf.woff new file mode 100644 index 0000000..2d199fe Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-BoldIt.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-ExtraLight.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-ExtraLight.ttf.woff new file mode 100644 index 0000000..59ff1ad Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-ExtraLight.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-ExtraLightIt.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-ExtraLightIt.ttf.woff new file mode 100644 index 0000000..ee3e6a4 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-ExtraLightIt.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-It.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-It.ttf.woff new file mode 100644 index 0000000..32eee02 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-It.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Light.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Light.ttf.woff new file mode 100644 index 0000000..351d246 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Light.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-LightIt.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-LightIt.ttf.woff new file mode 100644 index 0000000..462594f Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-LightIt.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Regular.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Regular.ttf.woff new file mode 100644 index 0000000..ede21c5 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Regular.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Semibold.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Semibold.ttf.woff new file mode 100644 index 0000000..f17f6c4 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-Semibold.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-SemiboldIt.ttf.woff b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-SemiboldIt.ttf.woff new file mode 100644 index 0000000..f76619f Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/TTF/SourceSansPro-SemiboldIt.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Italic.otf.woff b/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Italic.otf.woff new file mode 100644 index 0000000..e580b29 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Italic.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Italic.ttf.woff b/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Italic.ttf.woff new file mode 100644 index 0000000..8708d93 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Italic.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Roman.otf.woff b/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Roman.otf.woff new file mode 100644 index 0000000..c354fcf Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Roman.otf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Roman.ttf.woff b/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Roman.ttf.woff new file mode 100644 index 0000000..f8c861c Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF/VAR/SourceSansVariable-Roman.ttf.woff differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Black.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Black.otf.woff2 new file mode 100644 index 0000000..a5618c0 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Black.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-BlackIt.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-BlackIt.otf.woff2 new file mode 100644 index 0000000..a81277f Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-BlackIt.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Bold.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Bold.otf.woff2 new file mode 100644 index 0000000..edc11b3 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Bold.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-BoldIt.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-BoldIt.otf.woff2 new file mode 100644 index 0000000..9b659fe Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-BoldIt.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-ExtraLight.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-ExtraLight.otf.woff2 new file mode 100644 index 0000000..e8383bc Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-ExtraLight.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-ExtraLightIt.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-ExtraLightIt.otf.woff2 new file mode 100644 index 0000000..970bb23 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-ExtraLightIt.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-It.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-It.otf.woff2 new file mode 100644 index 0000000..f384ac6 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-It.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Light.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Light.otf.woff2 new file mode 100644 index 0000000..b53ed65 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Light.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-LightIt.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-LightIt.otf.woff2 new file mode 100644 index 0000000..8b8e01f Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-LightIt.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Regular.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Regular.otf.woff2 new file mode 100644 index 0000000..51a6329 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Regular.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Semibold.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Semibold.otf.woff2 new file mode 100644 index 0000000..ee29125 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-Semibold.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-SemiboldIt.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-SemiboldIt.otf.woff2 new file mode 100644 index 0000000..caa153e Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/OTF/SourceSansPro-SemiboldIt.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Black.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Black.ttf.woff2 new file mode 100644 index 0000000..67f7167 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Black.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-BlackIt.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-BlackIt.ttf.woff2 new file mode 100644 index 0000000..494d2c6 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-BlackIt.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2 new file mode 100644 index 0000000..e01e053 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-BoldIt.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-BoldIt.ttf.woff2 new file mode 100644 index 0000000..0155811 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-BoldIt.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-ExtraLight.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-ExtraLight.ttf.woff2 new file mode 100644 index 0000000..c7ab9ec Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-ExtraLight.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-ExtraLightIt.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-ExtraLightIt.ttf.woff2 new file mode 100644 index 0000000..9b92fd0 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-ExtraLightIt.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-It.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-It.ttf.woff2 new file mode 100644 index 0000000..74a50ae Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-It.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Light.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Light.ttf.woff2 new file mode 100644 index 0000000..71ec0ac Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Light.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-LightIt.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-LightIt.ttf.woff2 new file mode 100644 index 0000000..44386bf Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-LightIt.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2 new file mode 100644 index 0000000..3e12f88 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Semibold.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Semibold.ttf.woff2 new file mode 100644 index 0000000..724035a Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-Semibold.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-SemiboldIt.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-SemiboldIt.ttf.woff2 new file mode 100644 index 0000000..d5f105c Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/TTF/SourceSansPro-SemiboldIt.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Italic.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Italic.otf.woff2 new file mode 100644 index 0000000..2b7c0d2 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Italic.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Italic.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Italic.ttf.woff2 new file mode 100644 index 0000000..13bcc86 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Italic.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Roman.otf.woff2 b/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Roman.otf.woff2 new file mode 100644 index 0000000..230b1f8 Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Roman.otf.woff2 differ diff --git a/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Roman.ttf.woff2 b/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Roman.ttf.woff2 new file mode 100644 index 0000000..b60988f Binary files /dev/null and b/static/fonts/source-sans-pro/WOFF2/VAR/SourceSansVariable-Roman.ttf.woff2 differ diff --git a/static/fonts/source-sans-pro/package.json b/static/fonts/source-sans-pro/package.json new file mode 100644 index 0000000..4628b72 --- /dev/null +++ b/static/fonts/source-sans-pro/package.json @@ -0,0 +1,59 @@ +{ + "_from": "source-sans-pro", + "_id": "source-sans-pro@3.6.0", + "_inBundle": false, + "_integrity": "sha512-C1RFUGu+YASuqpgDRInTM7Y6OwqeWNOuKn7v0P/4Kh66epTI4PYWwPWP5kdA4l/VqzBAWiqoz5dk0trof73R7w==", + "_location": "/source-sans-pro", + "_phantomChildren": {}, + "_requested": { + "type": "tag", + "registry": true, + "raw": "source-sans-pro", + "name": "source-sans-pro", + "escapedName": "source-sans-pro", + "rawSpec": "", + "saveSpec": null, + "fetchSpec": "latest" + }, + "_requiredBy": [ + "#USER", + "/" + ], + "_resolved": "https://registry.npmjs.org/source-sans-pro/-/source-sans-pro-3.6.0.tgz", + "_shasum": "f4167065ebf096136b1b4f141dbd48886dda1486", + "_spec": "source-sans-pro", + "_where": "/home/kosssi/Documents/Informatiques/Sites/cremeaux.fr", + "author": { + "name": "Paul D. Hunt" + }, + "bugs": { + "url": "https://github.com/adobe-fonts/source-sans-pro/issues" + }, + "bundleDependencies": false, + "contributors": [ + { + "name": "Miguel Sousa" + } + ], + "deprecated": false, + "description": "Source Sans Pro is a set of OpenType fonts that have been designed to work well in user interface (UI) environments.", + "homepage": "https://adobe-fonts.github.io/source-sans-pro", + "keywords": [ + "font", + "sans-serif", + "Adobe", + "OpenType", + "otf", + "ttf", + "woff", + "woff2", + "variable" + ], + "license": "OFL-1.1", + "name": "source-sans-pro", + "repository": { + "type": "git", + "url": "git+https://github.com/adobe-fonts/source-sans-pro.git#release" + }, + "version": "3.6.0" +} diff --git a/static/fonts/source-sans-pro/source-sans-variable.css b/static/fonts/source-sans-pro/source-sans-variable.css new file mode 100755 index 0000000..3c5c696 --- /dev/null +++ b/static/fonts/source-sans-pro/source-sans-variable.css @@ -0,0 +1,19 @@ +@font-face{ + font-family: 'Source Sans Variable'; + font-weight: 200 900; + font-style: normal; + font-stretch: normal; + src: url('WOFF2/VAR/SourceSansVariable-Roman.ttf.woff2') format('woff2'), + url('WOFF/VAR/SourceSansVariable-Roman.ttf.woff') format('woff'), + url('VAR/SourceSansVariable-Roman.ttf') format('truetype'); +} + +@font-face{ + font-family: 'Source Sans Variable'; + font-weight: 200 900; + font-style: italic; + font-stretch: normal; + src: url('WOFF2/VAR/SourceSansVariable-Italic.ttf.woff2') format('woff2'), + url('WOFF/VAR/SourceSansVariable-Italic.ttf.woff') format('woff'), + url('VAR/SourceSansVariable-Italic.ttf') format('truetype'); +} diff --git a/static/logo.png b/static/logo.png new file mode 100644 index 0000000..fbdc010 Binary files /dev/null and b/static/logo.png differ diff --git a/static/macos-sierra.jpg b/static/macos-sierra.jpg new file mode 100644 index 0000000..32f3d9f Binary files /dev/null and b/static/macos-sierra.jpg differ