diff --git a/.editorconfig b/.editorconfig index 6cee539..78136b4 100644 --- a/.editorconfig +++ b/.editorconfig @@ -5,6 +5,6 @@ root = true [*] charset = utf-8 indent_size = 2 -indent_style = space +indent_style = tab insert_final_newline = true trim_trailing_whitespace = true diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml new file mode 100644 index 0000000..a55e7a1 --- /dev/null +++ b/.idea/codeStyles/codeStyleConfig.xml @@ -0,0 +1,5 @@ + + + + \ No newline at end of file diff --git a/README.md b/README.md index 185d7c3..872eac7 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,13 @@ # Digital theory integration website by B. Lemoine contact@cipherbliss.com -# démo +# Maquette par Digital Theory +https://www.figma.com/file/dF3R9nfCqBP5FzQf9baE0e/Sesame-Digital-Website?node-id=261-431&t=PiTtYTt3zC5PwWQR-0 +# Démo - installer les paquets `npm i` -- lancer la page index avec `serve` +- lancer la page index avec `npm start` - visiter https://localhost:3000 +# Installer en production +il suffit de copier les fichiers HTML et les dossiers voisins puis de configurer son serveur pour avoir un domaine servant la page index.html afin de voir le tout. +il est conseillé d'optimiser les imports avec un compilateur de dépendances frontend tel que Rollup ou webpack. diff --git a/css/0-1-nav.css b/css/0-1-nav.css index d758e58..88ae60d 100644 --- a/css/0-1-nav.css +++ b/css/0-1-nav.css @@ -1,42 +1,44 @@ main nav { - padding: 24px; + color: #fffdfc; + font-size: 24px; font-style: normal; font-weight: 400; - font-size: 24px; line-height: 130%; - text-align: center; - color: #FFFDFC; - width: 100%; + padding: 24px; position: fixed; + text-align: center; top: 0; + width: 100%; } .burger-menu { + float: left; width: 150px; - float: left; } -.icon-burger{ + +.icon-burger { cursor: pointer; - width: 40px; - height: 1em; float: left; + height: 1em; margin-top: 0.3rem; + width: 40px; } -.icon-burger .line{ + +.icon-burger .line { border-top: 2px solid #fff; - margin-bottom: 6px; display: block; + margin-bottom: 6px; } .nav-main { + color: #fffdfc; + height: 54px; text-align: center; top: 54px; - color: #FFFDFC; width: 100%; - height: 54px; } -.fixed-nav{ +.fixed-nav { z-index: 30; } diff --git a/css/0-general.css b/css/0-general.css index aef2b62..caa9639 100644 --- a/css/0-general.css +++ b/css/0-general.css @@ -1,35 +1,34 @@ /******** all sections *********/ -body{ +body { background: #020225; padding-bottom: 50vh; } - main section { + font-family: "GT Walsheim Pro", Arial; height: 1300px; min-height: 1300px; width: 100vw; - font-family: 'GT Walsheim Pro', Arial; } main section h2 { - font-family: 'GT Walsheim Pro', Arial; + color: #fffdfc; + font-family: "GT Walsheim Pro", Arial; + font-size: 60px; font-style: normal; font-weight: 600; - font-size: 60px; - line-height: 110%; /* or 66px */ letter-spacing: -0.04em; /* Secondary 100 */ - color: #FFFDFC; + line-height: 110%; } -img{ + +img { max-width: 100vw; } - -.credits{ +.credits { margin-top: 10vh; } diff --git a/css/1-2-main_title.css b/css/1-2-main_title.css index d3fe15d..3a203c6 100644 --- a/css/1-2-main_title.css +++ b/css/1-2-main_title.css @@ -12,19 +12,19 @@ #main_title { - box-sizing: border-box; - background: url('/img/sesame.png') no-repeat; + background: url("/img/sesame.png") no-repeat; background-size: contain; + box-sizing: border-box; + height: 35vh; + margin: 0 auto; + max-width: 1200px; position: relative; top: 4rem; - height: 35vh; width: 95vw; - max-width: 1200px; - margin: 0 auto; } -#main_title_container h2{ - margin-top:33vh; +#main_title_container h2 { + margin-top: 33vh; } diff --git a/css/1-cover.css b/css/1-cover.css index 4e47f41..ea300ed 100644 --- a/css/1-cover.css +++ b/css/1-cover.css @@ -1,61 +1,63 @@ - #hand { - background: url('/img/hand 1.png') center; + background: url("/img/hand 1.png") center; background-size: cover; - position: relative; - width: 100vw; height: 1300px; left: 1px; + position: relative; top: -2px; + width: 100vw; z-index: 0 } -#main_title_container{ - position:absolute; - z-index: 2; - top: 0; + +#main_title_container { backdrop-filter: blur(3px); + position: absolute; + top: 0; + z-index: 2; } + #cover { - background: url('/img/BG 1.png') center no-repeat; + background: url("/img/BG 1.png") center no-repeat; background-size: cover; } #cover -.title-container{ - text-align:center; +.title-container { + text-align: center; } + #cover h2 { + color: #fffdfc; + font-size: 40px; font-style: normal; font-weight: 600; - font-size: 40px; - line-height: 120%; - text-align: center; letter-spacing: -0.04em; + line-height: 120%; - color: #FFFDFC; - z-index: 2; position: relative; + text-align: center; + z-index: 2; } #cover .button { - top: 16vh; - - box-sizing: border-box; - - position: relative; - right: 0; + backdrop-filter: blur(3px); + background: linear-gradient(329.49deg, + rgba(255, 216, 244, 0) 34.06%, + rgba(255, 207, 242, 0.2) 77.26%); + border-radius: 100%; bottom: 0; - width: 150px; - height: 150px; - padding: 1rem; + box-sizing: border-box; color: white; + font-size: 18px; font-style: normal; font-weight: 400; - font-size: 18px; + height: 150px; line-height: 26px; - background: linear-gradient(329.49deg, rgba(255, 216, 244, 0) 34.06%, rgba(255, 207, 242, 0.2) 77.26%); - backdrop-filter: blur(3px); - border-radius: 100%; + padding: 1rem; + position: relative; + right: 0; + top: 16vh; + width: 150px; } diff --git a/css/2-we-come-from.css b/css/2-we-come-from.css index 575a98a..c4a9501 100644 --- a/css/2-we-come-from.css +++ b/css/2-we-come-from.css @@ -1,73 +1,74 @@ - -#welcome{ - text-shadow: 0 0 1rem #333; - position: absolute; +#welcome { background: #000; + position: absolute; + text-shadow: 0 0 1rem #333; } + #welcome img { position: absolute; } + #welcome h2 { - font-weight: 600; + color: #f9f3f1; font-size: 8em; - line-height: 90px; - text-align: center; + font-weight: 600; letter-spacing: -0.04em; - color: #F9F3F1; - z-index: 2; + line-height: 90px; + margin-top: 400px; position: relative; + text-align: center; width: 80vw; - margin-top:400px; + z-index: 2; } -#welcome .color-emphasis { - color: #1E33DA; +#welcome .color-emphasis { + color: #1e33da; } #welcome .phone-container { - background: url('/img/section2_phone.png'); + background: url("/img/section2_phone.png"); background-size: cover; } /************ phones ************/ -.phones-land{ - z-index:-1; +.phones-land { + float: left; position: static; - float:left; + z-index: -1; } #phone-watches-1 { - position: absolute; - width: 345px; height: 690px; left: -137px; + position: absolute; top: 1531px; + width: 345px; } #phone-watches-2 { - width: 88px; + filter: blur(2px); height: 176px; left: -200px; top: 470px; - filter: blur(2px); + width: 88px; } #phone-watches-3 { - width: 171px; + filter: blur(4px); height: 342px; left: 916px; top: 475px; - filter: blur(4px); + width: 171px; } #phone-watches-4 { - width: 275px; + filter: blur(6px); height: 550px; left: 1222px; top: 523px; - filter: blur(6px); + width: 275px; } diff --git a/css/3-open-sesame.css b/css/3-open-sesame.css index d2f7289..28987f3 100644 --- a/css/3-open-sesame.css +++ b/css/3-open-sesame.css @@ -1,22 +1,17 @@ #open { box-sizing: border-box; - - position: relative; - - top: 88vh; + color: rgba(248, 243, 241, 0.1); + font-size: 200px; font-style: normal; font-weight: 600; - font-size: 200px; - line-height: 90%; - text-align: center; + height: 50vh; letter-spacing: -0.04em; - color: rgba(248, 243, 241, 0.1); + line-height: 90%; padding-top: 310px; - padding-bottom: 310px; - - color: rgba(248, 243, 241, 0.1); - /*height: 72vh;*/ + position: relative; + text-align: center; + top: 88vh; } #open .text { @@ -24,10 +19,11 @@ margin-bottom: 400px; } -#open img{ +#open img { max-width: 90vw; } -#open-handle{ - float:left; + +#open-handle { + float: left; height: 20vh; } diff --git a/css/4-content.css b/css/4-content.css index 513f1a9..cd26874 100644 --- a/css/4-content.css +++ b/css/4-content.css @@ -1,206 +1,213 @@ #content { - height: 200px; + height: 60vh; min-height: 200px; } + #content h2 { margin-top: 33vh; } #content_all { - position: relative; - top: 55vh; + color: #fffdfc; padding-top: 100px; - color: #FFFDFC; + position: relative; + top: 0; width: 120%; } -#content_all_img{ - background: url('/img/bg_content.png'); + +#content_all_img { + background: url("/img/bg_content.png"); background-size: cover; /*width: 100vw;*/ height: 150vh; + left: 0; margin-top: -50vh; - left:0; position: relative; } #content_all .columns { + font-size: 100px; margin: 0 auto; max-width: 80vw; - top: -133vh; position: relative; - font-size: 100px; + top: -133vh; } #content_all .text { - padding-top: 1vh; - padding-left: 80px; - font-weight: 400; font-size: 18px; + font-weight: 400; line-height: 26px; - text-align:left; + padding-right: 80px; + padding-top: 1vh; + text-align: left; } + #content_all h2 { font-size: 100px !important; - line-height: 90px; letter-spacing: -0.04em; + line-height: 90px; } + #content_all .columns > .column:nth-of-type(1) { font-size: 1em; - line-height: 90px; letter-spacing: -0.04em; + line-height: 90px; } + #content_all .color-emphasis { - color: #1E33DA; + color: #1e33da; } - - #content_first { - opacity: 0; - height: 35px; - margin-bottom: 40px; + backdrop-filter: blur(5px); + color: #e77064; + flex: none; + flex-grow: 0; + font-size: 40px; font-style: normal; font-weight: 600; - font-size: 40px; - line-height: 95%; - text-align: center; + height: 35px; letter-spacing: 0.2em; - text-transform: uppercase; - color: #E77064; - backdrop-filter: blur(5px); - flex: none; - order: 0; - flex-grow: 0; + line-height: 95%; + margin-bottom: 40px; margin-top: 20vh; + opacity: 0; + order: 0; + text-align: center; + text-transform: uppercase; } #content_second { - opacity: 0; - margin-bottom: 100px; - width: 90vw; - height: 170px; - font-family: 'GT Walsheim Pro'; + backdrop-filter: blur(5px); + color: rgba(255, 255, 255, 0.35); + flex: none; + flex-grow: 0; + font-family: "GT Walsheim Pro"; + font-size: 230px; font-style: normal; font-weight: 700; - font-size: 230px; + height: 170px; line-height: 65px; - text-align: center; - color: rgba(255, 255, 255, 0.35); - backdrop-filter: blur(5px); - flex: none; + margin-bottom: 100px; + opacity: 0; order: 1; - flex-grow: 0; + text-align: center; } -.flip-handle{ +.flip-handle { background: transparent; height: 10vh; - width: 2vw; position: relative; - top:-25vh; + top: -25vh; + width: 2vw; } -.flip-container{ - color: #FFFDFC; +.flip-container { + color: #fffdfc; padding-top: 15vh; transform-origin: right; } -.flip-container.flip-from-left{ + +.flip-container.flip-from-left { transform-origin: left; } -.flip-container + .flip-container{ - padding-top:0; +.flip-container + .flip-container { + height: 90vh; margin-top: -15vh; min-height: 91vh; - height: 90vh; + padding-top: 0; } -.flip-container .container-text{ - width: 50%; - position: relative; +.flip-container .container-text { left: 30vw; + position: relative; text-align: left; + width: 50%; } -.flip-container.flip-from-left .container-text{ - width: 320px; + +.flip-container.flip-from-left .container-text { left: 613px; + width: 320px; } .flip-container .color-emphasis { - color: #1E33DA; - max-width: 760px; + color: #1e33da; margin: 0 auto; + max-width: 760px; } -.flip-container .text-title{ - font-weight: 600; + +.flip-container .text-title { font-size: 60px; - line-height: 110%; + font-weight: 600; letter-spacing: -0.04em; - margin-top: 158px; + line-height: 110%; margin-bottom: 20px; + margin-top: 158px; } -.flip-container .text-description{ - font-weight: 400; + +.flip-container .text-description { font-size: 18px; + font-weight: 400; line-height: 26px; margin-bottom: 20px; width: 380px; } -.flip-container .phone-container{ - box-sizing: border-box; - position: relative; - left: 66vw; - top: -540px; + +.flip-container .phone-container { background: rgba(225, 196, 183, 0.2); + border-color: rgba(255, 255, 255, 0.4); border-radius: 70px; - width: 342px; - height: 700px; - border-color: rgba(255,255,255,0.4); border-width: 2px; + box-sizing: border-box; + height: 700px; + left: 66vw; + position: relative; + top: -540px; + width: 342px; } -.flip-container.flip-from-left .phone-container{ +.flip-container.flip-from-left .phone-container { left: 183px; top: -540px; } -.flip-container .phone-container img{ +.flip-container .phone-container img { + height: auto; margin-top: 70px; width: 318px; - height: auto; } -.flip-container .call-to-action{ - cursor:pointer; - box-sizing: border-box; - display: flex; - flex-direction: row; - justify-content: center; + +.flip-container .call-to-action { align-items: center; - padding: 12px 36px; - gap: 10px; - width: 198px; - height: 56px; - flex: none; - order: 2; - flex-grow: 0; background: transparent; - color: #fff; border: 2px solid #743ad5; border-radius: 70px; + box-sizing: border-box; + color: #fff; + cursor: pointer; + display: flex; + flex: none; + flex-direction: row; + flex-grow: 0; + gap: 10px; + height: 56px; + justify-content: center; + order: 2; + padding: 12px 36px; + width: 198px; /*border-image-slice: 1;*/ /*border-width: 5px;*/ /*border-image-source: linear-gradient(to left, #743ad5, #d53a9d);*/ } - -#content-2{ - margin-top:50vh; +#content-2 { + margin-top: 50vh; } -#flipping_zone{ - margin-top: -100vh; +#flipping_zone { + margin-top: -180vh; position: relative; } diff --git a/css/5-popover.css b/css/5-popover.css index 2ab1a2f..da22f30 100644 --- a/css/5-popover.css +++ b/css/5-popover.css @@ -1,34 +1,34 @@ /******** phone base *********/ #popover { - background: url('/img/bg_pink.png') no-repeat; + background: url("/img/bg_pink.png") no-repeat; background-position: center; background-size: cover; } #popover .dark-emphasis { - color: #3B3B49; - font-family: 'GT Walsheim Pro'; + color: #3b3b49; + font-family: "GT Walsheim Pro"; + font-size: 60px; font-style: normal; font-weight: 600; - font-size: 60px; - line-height: 110%; - /* identical to box height, or 66px */ letter-spacing: -0.04em; + /* identical to box height, or 66px */ + line-height: 110%; } .text-grey { - font-weight: 400; font-size: 18px; + font-weight: 400; line-height: 26px; } .slider-screen .text { - position: relative; left: 55vw; + position: relative; + text-align: left; top: -30%; width: 400px; - text-align: left; } .slider-screen .text-title { @@ -41,76 +41,76 @@ } .phone-container .top { - height: 60px; - background: url('/img/phone_rectangle_top.jpg') no-repeat center; + background: url("/img/phone_rectangle_top.jpg") no-repeat center; + border-top-left-radius: 1rem; border-top-right-radius: 1rem; - border-top-left-radius: 1rem; + height: 60px; } .phone-container .bottom { - height: 62px; - background: url('/img/phone_rectangle_bottom.jpg') no-repeat center; - top: 676.5px; - position: relative; - border-bottom-right-radius: 2rem; + background: url("/img/phone_rectangle_bottom.jpg") no-repeat center; border-bottom-left-radius: 2rem; + border-bottom-right-radius: 2rem; + height: 62px; + position: relative; + top: 676.5px; } .phone-container.transparent { background: rgba(248, 243, 241, 0.1); border-radius: 70px; - width: 350px; height: 700px; + width: 350px; } .slider-screen .phone-container { - height: 776px; - width: 411px; - background: url('/img/phone_cream.png') no-repeat; + background: url("/img/phone_cream.png") no-repeat; background-position: center; background-size: cover; - position: relative; + height: 776px; left: 20vw; + position: relative; top: 20vh; + width: 411px; } .close-button { + float: right; position: relative; right: 40px; top: 56px; - float: right; } .arrow-left, .arrow-right { - padding: 1.5rem; - border: solid 2px #1E33DA; - background: linear-gradient(310.41deg, rgba(255, 255, 255, 0.3) 10.9%, rgba(255, 255, 255, 0) 81.35%); backdrop-filter: blur(5px); + background: linear-gradient(310.41deg, rgba(255, 255, 255, 0.3) 10.9%, rgba(255, 255, 255, 0) 81.35%); + border: solid 2px #1e33da; + border-radius: 70px; /* Note: backdrop-filter has minimal browser support */ - border-radius: 70px; - transform: matrix(-1, 0, 0, 1, 0, 0); cursor: pointer; + padding: 1.5rem; + transform: matrix(-1, 0, 0, 1, 0, 0); } .arrow-right { + float: right; position: relative; top: 50vh; - float: right; transform: rotate(0deg); } .arrow-left { - position: relative; - left: 40px; - top: 50vh; float: left; + left: 40px; + position: relative; + top: 50vh; } .bullets { - position: relative; left: 0; + position: relative; top: 30vh; } diff --git a/css/6-portfolio.css b/css/6-portfolio.css index e1028c8..27c9cdd 100644 --- a/css/6-portfolio.css +++ b/css/6-portfolio.css @@ -1,6 +1,6 @@ #portfolio { - background: url('/img/bg_grey.jpg') no-repeat; + background: url("/img/bg_grey.jpg") no-repeat; background-position: center; background-size: cover; color: white; @@ -8,12 +8,12 @@ #popover .color-emphasis, #portfolio .color-emphasis { - color: #E77064; + color: #e77064; font-weight: 600; margin-bottom: 20px; } #portfolio .phone-container { + background: url("/img/phone_shoes.png"); height: 776px; - background: url('/img/phone_shoes.png'); } diff --git a/css/libs/boilerplate.css b/css/libs/boilerplate.css index 4cd4a14..d2ceedd 100644 --- a/css/libs/boilerplate.css +++ b/css/libs/boilerplate.css @@ -13,18 +13,18 @@ html { - font-size: 1em; - line-height: 1.4; + background: #020225; + color: #f9f3f1; - font-family: 'GT Walsheim Pro'; + font-family: "GT Walsheim Pro"; /* or 90% */ - text-align: center; + font-size: 1em; letter-spacing: -0.04em; /* Secondary 100 */ - color: #F9F3F1; - background: #020225; + line-height: 1.4; + text-align: center; } ::-moz-selection { @@ -42,10 +42,10 @@ html { */ hr { - display: block; - height: 1px; border: 0; border-top: 1px solid #ccc; + display: block; + height: 1px; margin: 1em 0; padding: 0; } @@ -197,9 +197,9 @@ textarea { *::before, *::after { background: #fff !important; - color: #000 !important; - /* Black prints faster */ box-shadow: none !important; + /* Black prints faster */ + color: #000 !important; text-shadow: none !important; } @@ -261,13 +261,12 @@ textarea { } } - body { + font-family: "GT Walsheim Pro", Arial; + font-style: normal; + left: 0; position: relative; top: 0; - left: 0; - font-family: 'GT Walsheim Pro', Arial; - font-style: normal; } .margin-auto { diff --git a/css/libs/bulma.css b/css/libs/bulma.css index 1dbfc86..0b8feea 100644 --- a/css/libs/bulma.css +++ b/css/libs/bulma.css @@ -5,9 +5,9 @@ .pagination-next, .pagination-link, .pagination-ellipsis { + align-items: center; -moz-appearance: none; -webkit-appearance: none; - align-items: center; border: 1px solid transparent; border-radius: 4px; box-shadow: none; @@ -68,9 +68,9 @@ fieldset[disabled] .pagination-ellipsis { .pagination-link, .pagination-ellipsis, .tabs, .is-unselectable { -webkit-touch-callout: none; - -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; + -webkit-user-select: none; user-select: none; } @@ -97,18 +97,12 @@ fieldset[disabled] .pagination-ellipsis { } .delete, .modal-close { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -moz-appearance: none; -webkit-appearance: none; background-color: rgba(10, 10, 10, 0.2); border: none; border-radius: 9999px; cursor: pointer; - pointer-events: auto; display: inline-block; flex-grow: 0; flex-shrink: 0; @@ -119,7 +113,13 @@ fieldset[disabled] .pagination-ellipsis { min-height: 20px; min-width: 20px; outline: none; + pointer-events: auto; position: relative; + -webkit-touch-callout: none; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; vertical-align: top; width: 20px; } @@ -182,7 +182,7 @@ fieldset[disabled] .pagination-ellipsis { .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after { -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 9999px; border-right-color: transparent; @@ -317,15 +317,15 @@ th:not([align]) { html { background-color: white; font-size: 16px; - -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; + -moz-osx-font-smoothing: grayscale; overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; + -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; - -moz-text-size-adjust: 100%; - text-size-adjust: 100%; + text-size-adjust: 100%; } article, @@ -349,9 +349,9 @@ textarea { code, pre { - -moz-osx-font-smoothing: auto; - -webkit-font-smoothing: auto; font-family: monospace; + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } body { @@ -420,10 +420,10 @@ fieldset { } pre { - -webkit-overflow-scrolling: touch; background-color: whitesmoke; color: #4a4a4a; font-size: 0.875em; + -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; @@ -800,7 +800,7 @@ fieldset[disabled] .button.is-black.is-inverted.is-outlined { } .button.is-light:hover, .button.is-light.is-hovered { - background-color: #eeeeee; + background-color: #eee; border-color: transparent; color: rgba(0, 0, 0, 0.7); } @@ -1782,17 +1782,17 @@ fieldset[disabled] .button { } .button.is-loading::after { - position: absolute; left: calc(50% - (1em * 0.5)); - top: calc(50% - (1em * 0.5)); + position: absolute; position: absolute !important; + top: calc(50% - (1em * 0.5)); } .button.is-static { background-color: whitesmoke; border-color: #dbdbdb; - color: #7a7a7a; box-shadow: none; + color: #7a7a7a; pointer-events: none; } @@ -1895,13 +1895,16 @@ fieldset[disabled] .button { .button.is-responsive.is-small { font-size: 0.5625rem; } + .button.is-responsive, .button.is-responsive.is-normal { font-size: 0.65625rem; } + .button.is-responsive.is-medium { font-size: 0.75rem; } + .button.is-responsive.is-large { font-size: 1rem; } @@ -1911,13 +1914,16 @@ fieldset[disabled] .button { .button.is-responsive.is-small { font-size: 0.65625rem; } + .button.is-responsive, .button.is-responsive.is-normal { font-size: 0.75rem; } + .button.is-responsive.is-medium { font-size: 1rem; } + .button.is-responsive.is-large { font-size: 1.25rem; } @@ -2180,8 +2186,8 @@ fieldset[disabled] .button { .icon { align-items: center; display: inline-flex; - justify-content: center; height: 1.5rem; + justify-content: center; width: 1.5rem; } @@ -2364,8 +2370,8 @@ div.icon-text { .notification { background-color: whitesmoke; border-radius: 4px; - position: relative; padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative; } .notification a:not(.button):not(.dropdown-item) { @@ -2387,8 +2393,8 @@ div.icon-text { } .notification > .delete { - right: 0.5rem; position: absolute; + right: 0.5rem; top: 0.5rem; } @@ -2669,13 +2675,13 @@ div.icon-text { .progress:indeterminate { -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; + animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; + animation-iteration-count: infinite; -webkit-animation-name: moveIndeterminate; - animation-name: moveIndeterminate; + animation-name: moveIndeterminate; -webkit-animation-timing-function: linear; - animation-timing-function: linear; + animation-timing-function: linear; background-color: #ededed; background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%); background-position: top left; @@ -2921,10 +2927,10 @@ div.icon-text { } .table-container { - -webkit-overflow-scrolling: touch; - overflow: auto; - overflow-y: hidden; max-width: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + overflow-y: hidden; } .tags { @@ -2963,8 +2969,8 @@ div.icon-text { } .tags.is-centered .tag { - margin-right: 0.25rem; margin-left: 0.25rem; + margin-right: 0.25rem; } .tags.is-right { @@ -2984,14 +2990,14 @@ div.icon-text { } .tags.has-addons .tag:not(:first-child) { - margin-left: 0; - border-top-left-radius: 0; border-bottom-left-radius: 0; + border-top-left-radius: 0; + margin-left: 0; } .tags.has-addons .tag:not(:last-child) { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } .tag:not(body) { @@ -3879,7 +3885,7 @@ fieldset[disabled] .select select:hover { } .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { - background-color: #eeeeee; + background-color: #eee; border-color: transparent; color: rgba(0, 0, 0, 0.7); } @@ -4179,15 +4185,15 @@ fieldset[disabled] .select select:hover { .file-label { align-items: stretch; - display: flex; cursor: pointer; + display: flex; justify-content: flex-start; overflow: hidden; position: relative; } .file-label:hover .file-cta { - background-color: #eeeeee; + background-color: #eee; color: #363636; } @@ -4472,17 +4478,21 @@ fieldset[disabled] .select select:hover { margin-right: 1.5rem; text-align: right; } + .field-label.is-small { font-size: 0.75rem; padding-top: 0.375em; } + .field-label.is-normal { padding-top: 0.375em; } + .field-label.is-medium { font-size: 1.25rem; padding-top: 0.375em; } + .field-label.is-large { font-size: 1.5rem; padding-top: 0.375em; @@ -4500,15 +4510,19 @@ fieldset[disabled] .select select:hover { flex-grow: 5; flex-shrink: 1; } + .field-body .field { margin-bottom: 0; } + .field-body > .field { flex-shrink: 1; } + .field-body > .field:not(.is-narrow) { flex-grow: 1; } + .field-body > .field:not(:last-child) { margin-right: 0.75rem; } @@ -4705,8 +4719,8 @@ fieldset[disabled] .select select:hover { } .card-header { - background-color: transparent; align-items: stretch; + background-color: transparent; box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1); display: flex; } @@ -4725,20 +4739,20 @@ fieldset[disabled] .select select:hover { } .card-header-icon { + align-items: center; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; color: currentColor; - font-family: inherit; - font-size: 1em; - margin: 0; - padding: 0; - align-items: center; cursor: pointer; display: flex; + font-family: inherit; + font-size: 1em; justify-content: center; + margin: 0; + padding: 0; padding: 0.75rem 1rem; } @@ -4763,9 +4777,9 @@ fieldset[disabled] .select select:hover { } .card-footer { + align-items: stretch; background-color: transparent; border-top: 1px solid #ededed; - align-items: stretch; display: flex; } @@ -4904,6 +4918,7 @@ button.dropdown-item.is-active { .level { display: flex; } + .level > .level-item:not(.is-narrow) { flex-grow: 1; } @@ -5285,9 +5300,9 @@ button.dropdown-item.is-active { } .message-header + .message-body { - border-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; + border-width: 0; } .message-body { @@ -5397,11 +5412,11 @@ button.dropdown-item.is-active { } .modal-card-body { - -webkit-overflow-scrolling: touch; background-color: white; flex-grow: 1; flex-shrink: 1; overflow: auto; + -webkit-overflow-scrolling: touch; padding: 20px; } @@ -5445,6 +5460,7 @@ button.dropdown-item.is-active { .navbar.is-white .navbar-end .navbar-link { color: #0a0a0a; } + .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, @@ -5458,16 +5474,19 @@ button.dropdown-item.is-active { background-color: #f2f2f2; color: #0a0a0a; } + .navbar.is-white .navbar-start .navbar-link::after, .navbar.is-white .navbar-end .navbar-link::after { border-color: #0a0a0a; } + .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { background-color: #f2f2f2; color: #0a0a0a; } + .navbar.is-white .navbar-dropdown a.navbar-item.is-active { background-color: white; color: #0a0a0a; @@ -5507,6 +5526,7 @@ button.dropdown-item.is-active { .navbar.is-black .navbar-end .navbar-link { color: white; } + .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, @@ -5520,16 +5540,19 @@ button.dropdown-item.is-active { background-color: black; color: white; } + .navbar.is-black .navbar-start .navbar-link::after, .navbar.is-black .navbar-end .navbar-link::after { border-color: white; } + .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: black; color: white; } + .navbar.is-black .navbar-dropdown a.navbar-item.is-active { background-color: #0a0a0a; color: white; @@ -5569,6 +5592,7 @@ button.dropdown-item.is-active { .navbar.is-light .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } + .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, @@ -5582,16 +5606,19 @@ button.dropdown-item.is-active { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } + .navbar.is-light .navbar-start .navbar-link::after, .navbar.is-light .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } + .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { background-color: #e8e8e8; color: rgba(0, 0, 0, 0.7); } + .navbar.is-light .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: rgba(0, 0, 0, 0.7); @@ -5631,6 +5658,7 @@ button.dropdown-item.is-active { .navbar.is-dark .navbar-end .navbar-link { color: #fff; } + .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, @@ -5644,16 +5672,19 @@ button.dropdown-item.is-active { background-color: #292929; color: #fff; } + .navbar.is-dark .navbar-start .navbar-link::after, .navbar.is-dark .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { background-color: #292929; color: #fff; } + .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { background-color: #363636; color: #fff; @@ -5693,6 +5724,7 @@ button.dropdown-item.is-active { .navbar.is-primary .navbar-end .navbar-link { color: #fff; } + .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, @@ -5706,16 +5738,19 @@ button.dropdown-item.is-active { background-color: #00b89c; color: #fff; } + .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { background-color: #00b89c; color: #fff; } + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { background-color: #00d1b2; color: #fff; @@ -5755,6 +5790,7 @@ button.dropdown-item.is-active { .navbar.is-link .navbar-end .navbar-link { color: #fff; } + .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, @@ -5768,16 +5804,19 @@ button.dropdown-item.is-active { background-color: #3a51bb; color: #fff; } + .navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { background-color: #3a51bb; color: #fff; } + .navbar.is-link .navbar-dropdown a.navbar-item.is-active { background-color: #485fc7; color: #fff; @@ -5817,6 +5856,7 @@ button.dropdown-item.is-active { .navbar.is-info .navbar-end .navbar-link { color: #fff; } + .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, @@ -5830,16 +5870,19 @@ button.dropdown-item.is-active { background-color: #3082c5; color: #fff; } + .navbar.is-info .navbar-start .navbar-link::after, .navbar.is-info .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { background-color: #3082c5; color: #fff; } + .navbar.is-info .navbar-dropdown a.navbar-item.is-active { background-color: #3e8ed0; color: #fff; @@ -5879,6 +5922,7 @@ button.dropdown-item.is-active { .navbar.is-success .navbar-end .navbar-link { color: #fff; } + .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, @@ -5892,16 +5936,19 @@ button.dropdown-item.is-active { background-color: #3abb81; color: #fff; } + .navbar.is-success .navbar-start .navbar-link::after, .navbar.is-success .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { background-color: #3abb81; color: #fff; } + .navbar.is-success .navbar-dropdown a.navbar-item.is-active { background-color: #48c78e; color: #fff; @@ -5941,6 +5988,7 @@ button.dropdown-item.is-active { .navbar.is-warning .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } + .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, @@ -5954,16 +6002,19 @@ button.dropdown-item.is-active { background-color: #ffd970; color: rgba(0, 0, 0, 0.7); } + .navbar.is-warning .navbar-start .navbar-link::after, .navbar.is-warning .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } + .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { background-color: #ffd970; color: rgba(0, 0, 0, 0.7); } + .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { background-color: #ffe08a; color: rgba(0, 0, 0, 0.7); @@ -6003,6 +6054,7 @@ button.dropdown-item.is-active { .navbar.is-danger .navbar-end .navbar-link { color: #fff; } + .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, @@ -6016,16 +6068,19 @@ button.dropdown-item.is-active { background-color: #ef2e55; color: #fff; } + .navbar.is-danger .navbar-start .navbar-link::after, .navbar.is-danger .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { background-color: #ef2e55; color: #fff; } + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { background-color: #f14668; color: #fff; @@ -6085,25 +6140,25 @@ body.has-navbar-fixed-bottom { } .navbar-tabs { - -webkit-overflow-scrolling: touch; max-width: 100vw; + -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; } .navbar-burger { - color: #4a4a4a; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; + color: #4a4a4a; cursor: pointer; display: block; height: 3.25rem; + margin-left: auto; position: relative; width: 3.25rem; - margin-left: auto; } .navbar-burger span { @@ -6256,46 +6311,57 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i .navbar > .container { display: block; } + .navbar-brand .navbar-item, .navbar-tabs .navbar-item { align-items: center; display: flex; } + .navbar-link::after { display: none; } + .navbar-menu { background-color: white; box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); padding: 0.5rem 0; } + .navbar-menu.is-active { display: block; } + .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { left: 0; position: fixed; right: 0; z-index: 30; } + .navbar.is-fixed-bottom-touch { bottom: 0; } + .navbar.is-fixed-bottom-touch.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } + .navbar.is-fixed-top-touch { top: 0; } + .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { - -webkit-overflow-scrolling: touch; max-height: calc(100vh - 3.25rem); overflow: auto; + -webkit-overflow-scrolling: touch; } + html.has-navbar-fixed-top-touch, body.has-navbar-fixed-top-touch { padding-top: 3.25rem; } + html.has-navbar-fixed-bottom-touch, body.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; @@ -6310,51 +6376,64 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i align-items: stretch; display: flex; } + .navbar { min-height: 3.25rem; } + .navbar.is-spaced { padding: 1rem 2rem; } + .navbar.is-spaced .navbar-start, .navbar.is-spaced .navbar-end { align-items: center; } + .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link { border-radius: 4px; } + .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; } + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } + .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: whitesmoke; color: #0a0a0a; } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #485fc7; } + .navbar-burger { display: none; } + .navbar-item, .navbar-link { align-items: center; display: flex; } + .navbar-item.has-dropdown { align-items: stretch; } + .navbar-item.has-dropdown-up .navbar-link::after { transform: rotate(135deg) translate(0.25em, -0.25em); } + .navbar-item.has-dropdown-up .navbar-dropdown { border-bottom: 2px solid #dbdbdb; border-radius: 6px 6px 0 0; @@ -6363,26 +6442,32 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); top: auto; } + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; } + .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; transform: translateY(0); } + .navbar-menu { flex-grow: 1; flex-shrink: 0; } + .navbar-start { justify-content: flex-start; margin-right: auto; } + .navbar-end { justify-content: flex-end; margin-left: auto; } + .navbar-dropdown { background-color: white; border-bottom-left-radius: 6px; @@ -6397,21 +6482,26 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i top: 100%; z-index: 20; } + .navbar-dropdown .navbar-item { padding: 0.375rem 1rem; white-space: nowrap; } + .navbar-dropdown a.navbar-item { padding-right: 3rem; } + .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { background-color: whitesmoke; color: #0a0a0a; } + .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #485fc7; } + .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { border-radius: 6px; border-top: none; @@ -6424,60 +6514,75 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i transition-duration: 86ms; transition-property: opacity, transform; } + .navbar-dropdown.is-right { left: auto; right: 0; } + .navbar-divider { display: block; } + .navbar > .container .navbar-brand, .container > .navbar .navbar-brand { margin-left: -0.75rem; } + .navbar > .container .navbar-menu, .container > .navbar .navbar-menu { margin-right: -0.75rem; } + .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { left: 0; position: fixed; right: 0; z-index: 30; } + .navbar.is-fixed-bottom-desktop { bottom: 0; } + .navbar.is-fixed-bottom-desktop.has-shadow { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } + .navbar.is-fixed-top-desktop { top: 0; } + html.has-navbar-fixed-top-desktop, body.has-navbar-fixed-top-desktop { padding-top: 3.25rem; } + html.has-navbar-fixed-bottom-desktop, body.has-navbar-fixed-bottom-desktop { padding-bottom: 3.25rem; } + html.has-spaced-navbar-fixed-top, body.has-spaced-navbar-fixed-top { padding-top: 5.25rem; } + html.has-spaced-navbar-fixed-bottom, body.has-spaced-navbar-fixed-bottom { padding-bottom: 5.25rem; } + a.navbar-item.is-active, .navbar-link.is-active { color: #0a0a0a; } + a.navbar-item.is-active:not(:focus):not(:hover), .navbar-link.is-active:not(:focus):not(:hover) { background-color: transparent; } + .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { background-color: #fafafa; } @@ -6506,9 +6611,9 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i .pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next { + border-radius: 9999px; padding-left: 1em; padding-right: 1em; - border-radius: 9999px; } .pagination.is-rounded .pagination-link { @@ -6604,11 +6709,13 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i .pagination { flex-wrap: wrap; } + .pagination-previous, .pagination-next { flex-grow: 1; flex-shrink: 1; } + .pagination-list li { flex-grow: 1; flex-shrink: 1; @@ -6622,6 +6729,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i justify-content: flex-start; order: 1; } + .pagination-previous, .pagination-next, .pagination-link, @@ -6629,33 +6737,42 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i margin-bottom: 0; margin-top: 0; } + .pagination-previous { order: 2; } + .pagination-next { order: 3; } + .pagination { justify-content: space-between; margin-bottom: 0; margin-top: 0; } + .pagination.is-centered .pagination-previous { order: 1; } + .pagination.is-centered .pagination-list { justify-content: center; order: 2; } + .pagination.is-centered .pagination-next { order: 3; } + .pagination.is-right .pagination-previous { order: 1; } + .pagination.is-right .pagination-next { order: 2; } + .pagination.is-right .pagination-list { justify-content: flex-end; order: 3; @@ -6890,15 +7007,15 @@ label.panel-block:hover { } .panel-icon { + color: #7a7a7a; display: inline-block; font-size: 14px; height: 1em; line-height: 1em; + margin-right: 0.75em; text-align: center; vertical-align: top; width: 1em; - color: #7a7a7a; - margin-right: 0.75em; } .panel-icon .fa { @@ -6907,12 +7024,12 @@ label.panel-block:hover { } .tabs { - -webkit-overflow-scrolling: touch; align-items: stretch; display: flex; font-size: 1rem; justify-content: space-between; overflow: hidden; + -webkit-overflow-scrolling: touch; overflow-x: auto; white-space: nowrap; } @@ -6999,8 +7116,8 @@ label.panel-block:hover { .tabs.is-boxed li.is-active a { background-color: white; - border-color: #dbdbdb; border-bottom-color: transparent !important; + border-color: #dbdbdb; } .tabs.is-fullwidth li { @@ -7027,13 +7144,13 @@ label.panel-block:hover { } .tabs.is-toggle li:first-child a { - border-top-left-radius: 4px; border-bottom-left-radius: 4px; + border-top-left-radius: 4px; } .tabs.is-toggle li:last-child a { - border-top-right-radius: 4px; border-bottom-right-radius: 4px; + border-top-right-radius: 4px; } .tabs.is-toggle li.is-active a { @@ -7293,161 +7410,206 @@ label.panel-block:hover { flex: none; width: unset; } + .column.is-full-mobile { flex: none; width: 100%; } + .column.is-three-quarters-mobile { flex: none; width: 75%; } + .column.is-two-thirds-mobile { flex: none; width: 66.6666%; } + .column.is-half-mobile { flex: none; width: 50%; } + .column.is-one-third-mobile { flex: none; width: 33.3333%; } + .column.is-one-quarter-mobile { flex: none; width: 25%; } + .column.is-one-fifth-mobile { flex: none; width: 20%; } + .column.is-two-fifths-mobile { flex: none; width: 40%; } + .column.is-three-fifths-mobile { flex: none; width: 60%; } + .column.is-four-fifths-mobile { flex: none; width: 80%; } + .column.is-offset-three-quarters-mobile { margin-left: 75%; } + .column.is-offset-two-thirds-mobile { margin-left: 66.6666%; } + .column.is-offset-half-mobile { margin-left: 50%; } + .column.is-offset-one-third-mobile { margin-left: 33.3333%; } + .column.is-offset-one-quarter-mobile { margin-left: 25%; } + .column.is-offset-one-fifth-mobile { margin-left: 20%; } + .column.is-offset-two-fifths-mobile { margin-left: 40%; } + .column.is-offset-three-fifths-mobile { margin-left: 60%; } + .column.is-offset-four-fifths-mobile { margin-left: 80%; } + .column.is-0-mobile { flex: none; width: 0%; } + .column.is-offset-0-mobile { margin-left: 0%; } + .column.is-1-mobile { flex: none; width: 8.33333%; } + .column.is-offset-1-mobile { margin-left: 8.33333%; } + .column.is-2-mobile { flex: none; width: 16.66667%; } + .column.is-offset-2-mobile { margin-left: 16.66667%; } + .column.is-3-mobile { flex: none; width: 25%; } + .column.is-offset-3-mobile { margin-left: 25%; } + .column.is-4-mobile { flex: none; width: 33.33333%; } + .column.is-offset-4-mobile { margin-left: 33.33333%; } + .column.is-5-mobile { flex: none; width: 41.66667%; } + .column.is-offset-5-mobile { margin-left: 41.66667%; } + .column.is-6-mobile { flex: none; width: 50%; } + .column.is-offset-6-mobile { margin-left: 50%; } + .column.is-7-mobile { flex: none; width: 58.33333%; } + .column.is-offset-7-mobile { margin-left: 58.33333%; } + .column.is-8-mobile { flex: none; width: 66.66667%; } + .column.is-offset-8-mobile { margin-left: 66.66667%; } + .column.is-9-mobile { flex: none; width: 75%; } + .column.is-offset-9-mobile { margin-left: 75%; } + .column.is-10-mobile { flex: none; width: 83.33333%; } + .column.is-offset-10-mobile { margin-left: 83.33333%; } + .column.is-11-mobile { flex: none; width: 91.66667%; } + .column.is-offset-11-mobile { margin-left: 91.66667%; } + .column.is-12-mobile { flex: none; width: 100%; } + .column.is-offset-12-mobile { margin-left: 100%; } @@ -7458,161 +7620,206 @@ label.panel-block:hover { flex: none; width: unset; } + .column.is-full, .column.is-full-tablet { flex: none; width: 100%; } + .column.is-three-quarters, .column.is-three-quarters-tablet { flex: none; width: 75%; } + .column.is-two-thirds, .column.is-two-thirds-tablet { flex: none; width: 66.6666%; } + .column.is-half, .column.is-half-tablet { flex: none; width: 50%; } + .column.is-one-third, .column.is-one-third-tablet { flex: none; width: 33.3333%; } + .column.is-one-quarter, .column.is-one-quarter-tablet { flex: none; width: 25%; } + .column.is-one-fifth, .column.is-one-fifth-tablet { flex: none; width: 20%; } + .column.is-two-fifths, .column.is-two-fifths-tablet { flex: none; width: 40%; } + .column.is-three-fifths, .column.is-three-fifths-tablet { flex: none; width: 60%; } + .column.is-four-fifths, .column.is-four-fifths-tablet { flex: none; width: 80%; } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { margin-left: 75%; } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { margin-left: 66.6666%; } + .column.is-offset-half, .column.is-offset-half-tablet { margin-left: 50%; } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { margin-left: 33.3333%; } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { margin-left: 25%; } + .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { margin-left: 20%; } + .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { margin-left: 40%; } + .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { margin-left: 60%; } + .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; } + .column.is-0, .column.is-0-tablet { flex: none; width: 0%; } + .column.is-offset-0, .column.is-offset-0-tablet { margin-left: 0%; } + .column.is-1, .column.is-1-tablet { flex: none; width: 8.33333%; } + .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333%; } + .column.is-2, .column.is-2-tablet { flex: none; width: 16.66667%; } + .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.66667%; } + .column.is-3, .column.is-3-tablet { flex: none; width: 25%; } + .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; } + .column.is-4, .column.is-4-tablet { flex: none; width: 33.33333%; } + .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.33333%; } + .column.is-5, .column.is-5-tablet { flex: none; width: 41.66667%; } + .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.66667%; } + .column.is-6, .column.is-6-tablet { flex: none; width: 50%; } + .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; } + .column.is-7, .column.is-7-tablet { flex: none; width: 58.33333%; } + .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.33333%; } + .column.is-8, .column.is-8-tablet { flex: none; width: 66.66667%; } + .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.66667%; } + .column.is-9, .column.is-9-tablet { flex: none; width: 75%; } + .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; } + .column.is-10, .column.is-10-tablet { flex: none; width: 83.33333%; } + .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.33333%; } + .column.is-11, .column.is-11-tablet { flex: none; width: 91.66667%; } + .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.66667%; } + .column.is-12, .column.is-12-tablet { flex: none; width: 100%; } + .column.is-offset-12, .column.is-offset-12-tablet { margin-left: 100%; } @@ -7623,161 +7830,206 @@ label.panel-block:hover { flex: none; width: unset; } + .column.is-full-touch { flex: none; width: 100%; } + .column.is-three-quarters-touch { flex: none; width: 75%; } + .column.is-two-thirds-touch { flex: none; width: 66.6666%; } + .column.is-half-touch { flex: none; width: 50%; } + .column.is-one-third-touch { flex: none; width: 33.3333%; } + .column.is-one-quarter-touch { flex: none; width: 25%; } + .column.is-one-fifth-touch { flex: none; width: 20%; } + .column.is-two-fifths-touch { flex: none; width: 40%; } + .column.is-three-fifths-touch { flex: none; width: 60%; } + .column.is-four-fifths-touch { flex: none; width: 80%; } + .column.is-offset-three-quarters-touch { margin-left: 75%; } + .column.is-offset-two-thirds-touch { margin-left: 66.6666%; } + .column.is-offset-half-touch { margin-left: 50%; } + .column.is-offset-one-third-touch { margin-left: 33.3333%; } + .column.is-offset-one-quarter-touch { margin-left: 25%; } + .column.is-offset-one-fifth-touch { margin-left: 20%; } + .column.is-offset-two-fifths-touch { margin-left: 40%; } + .column.is-offset-three-fifths-touch { margin-left: 60%; } + .column.is-offset-four-fifths-touch { margin-left: 80%; } + .column.is-0-touch { flex: none; width: 0%; } + .column.is-offset-0-touch { margin-left: 0%; } + .column.is-1-touch { flex: none; width: 8.33333%; } + .column.is-offset-1-touch { margin-left: 8.33333%; } + .column.is-2-touch { flex: none; width: 16.66667%; } + .column.is-offset-2-touch { margin-left: 16.66667%; } + .column.is-3-touch { flex: none; width: 25%; } + .column.is-offset-3-touch { margin-left: 25%; } + .column.is-4-touch { flex: none; width: 33.33333%; } + .column.is-offset-4-touch { margin-left: 33.33333%; } + .column.is-5-touch { flex: none; width: 41.66667%; } + .column.is-offset-5-touch { margin-left: 41.66667%; } + .column.is-6-touch { flex: none; width: 50%; } + .column.is-offset-6-touch { margin-left: 50%; } + .column.is-7-touch { flex: none; width: 58.33333%; } + .column.is-offset-7-touch { margin-left: 58.33333%; } + .column.is-8-touch { flex: none; width: 66.66667%; } + .column.is-offset-8-touch { margin-left: 66.66667%; } + .column.is-9-touch { flex: none; width: 75%; } + .column.is-offset-9-touch { margin-left: 75%; } + .column.is-10-touch { flex: none; width: 83.33333%; } + .column.is-offset-10-touch { margin-left: 83.33333%; } + .column.is-11-touch { flex: none; width: 91.66667%; } + .column.is-offset-11-touch { margin-left: 91.66667%; } + .column.is-12-touch { flex: none; width: 100%; } + .column.is-offset-12-touch { margin-left: 100%; } @@ -7788,161 +8040,206 @@ label.panel-block:hover { flex: none; width: unset; } + .column.is-full-desktop { flex: none; width: 100%; } + .column.is-three-quarters-desktop { flex: none; width: 75%; } + .column.is-two-thirds-desktop { flex: none; width: 66.6666%; } + .column.is-half-desktop { flex: none; width: 50%; } + .column.is-one-third-desktop { flex: none; width: 33.3333%; } + .column.is-one-quarter-desktop { flex: none; width: 25%; } + .column.is-one-fifth-desktop { flex: none; width: 20%; } + .column.is-two-fifths-desktop { flex: none; width: 40%; } + .column.is-three-fifths-desktop { flex: none; width: 60%; } + .column.is-four-fifths-desktop { flex: none; width: 80%; } + .column.is-offset-three-quarters-desktop { margin-left: 75%; } + .column.is-offset-two-thirds-desktop { margin-left: 66.6666%; } + .column.is-offset-half-desktop { margin-left: 50%; } + .column.is-offset-one-third-desktop { margin-left: 33.3333%; } + .column.is-offset-one-quarter-desktop { margin-left: 25%; } + .column.is-offset-one-fifth-desktop { margin-left: 20%; } + .column.is-offset-two-fifths-desktop { margin-left: 40%; } + .column.is-offset-three-fifths-desktop { margin-left: 60%; } + .column.is-offset-four-fifths-desktop { margin-left: 80%; } + .column.is-0-desktop { flex: none; width: 0%; } + .column.is-offset-0-desktop { margin-left: 0%; } + .column.is-1-desktop { flex: none; width: 8.33333%; } + .column.is-offset-1-desktop { margin-left: 8.33333%; } + .column.is-2-desktop { flex: none; width: 16.66667%; } + .column.is-offset-2-desktop { margin-left: 16.66667%; } + .column.is-3-desktop { flex: none; width: 25%; } + .column.is-offset-3-desktop { margin-left: 25%; } + .column.is-4-desktop { flex: none; width: 33.33333%; } + .column.is-offset-4-desktop { margin-left: 33.33333%; } + .column.is-5-desktop { flex: none; width: 41.66667%; } + .column.is-offset-5-desktop { margin-left: 41.66667%; } + .column.is-6-desktop { flex: none; width: 50%; } + .column.is-offset-6-desktop { margin-left: 50%; } + .column.is-7-desktop { flex: none; width: 58.33333%; } + .column.is-offset-7-desktop { margin-left: 58.33333%; } + .column.is-8-desktop { flex: none; width: 66.66667%; } + .column.is-offset-8-desktop { margin-left: 66.66667%; } + .column.is-9-desktop { flex: none; width: 75%; } + .column.is-offset-9-desktop { margin-left: 75%; } + .column.is-10-desktop { flex: none; width: 83.33333%; } + .column.is-offset-10-desktop { margin-left: 83.33333%; } + .column.is-11-desktop { flex: none; width: 91.66667%; } + .column.is-offset-11-desktop { margin-left: 91.66667%; } + .column.is-12-desktop { flex: none; width: 100%; } + .column.is-offset-12-desktop { margin-left: 100%; } @@ -7953,161 +8250,206 @@ label.panel-block:hover { flex: none; width: unset; } + .column.is-full-widescreen { flex: none; width: 100%; } + .column.is-three-quarters-widescreen { flex: none; width: 75%; } + .column.is-two-thirds-widescreen { flex: none; width: 66.6666%; } + .column.is-half-widescreen { flex: none; width: 50%; } + .column.is-one-third-widescreen { flex: none; width: 33.3333%; } + .column.is-one-quarter-widescreen { flex: none; width: 25%; } + .column.is-one-fifth-widescreen { flex: none; width: 20%; } + .column.is-two-fifths-widescreen { flex: none; width: 40%; } + .column.is-three-fifths-widescreen { flex: none; width: 60%; } + .column.is-four-fifths-widescreen { flex: none; width: 80%; } + .column.is-offset-three-quarters-widescreen { margin-left: 75%; } + .column.is-offset-two-thirds-widescreen { margin-left: 66.6666%; } + .column.is-offset-half-widescreen { margin-left: 50%; } + .column.is-offset-one-third-widescreen { margin-left: 33.3333%; } + .column.is-offset-one-quarter-widescreen { margin-left: 25%; } + .column.is-offset-one-fifth-widescreen { margin-left: 20%; } + .column.is-offset-two-fifths-widescreen { margin-left: 40%; } + .column.is-offset-three-fifths-widescreen { margin-left: 60%; } + .column.is-offset-four-fifths-widescreen { margin-left: 80%; } + .column.is-0-widescreen { flex: none; width: 0%; } + .column.is-offset-0-widescreen { margin-left: 0%; } + .column.is-1-widescreen { flex: none; width: 8.33333%; } + .column.is-offset-1-widescreen { margin-left: 8.33333%; } + .column.is-2-widescreen { flex: none; width: 16.66667%; } + .column.is-offset-2-widescreen { margin-left: 16.66667%; } + .column.is-3-widescreen { flex: none; width: 25%; } + .column.is-offset-3-widescreen { margin-left: 25%; } + .column.is-4-widescreen { flex: none; width: 33.33333%; } + .column.is-offset-4-widescreen { margin-left: 33.33333%; } + .column.is-5-widescreen { flex: none; width: 41.66667%; } + .column.is-offset-5-widescreen { margin-left: 41.66667%; } + .column.is-6-widescreen { flex: none; width: 50%; } + .column.is-offset-6-widescreen { margin-left: 50%; } + .column.is-7-widescreen { flex: none; width: 58.33333%; } + .column.is-offset-7-widescreen { margin-left: 58.33333%; } + .column.is-8-widescreen { flex: none; width: 66.66667%; } + .column.is-offset-8-widescreen { margin-left: 66.66667%; } + .column.is-9-widescreen { flex: none; width: 75%; } + .column.is-offset-9-widescreen { margin-left: 75%; } + .column.is-10-widescreen { flex: none; width: 83.33333%; } + .column.is-offset-10-widescreen { margin-left: 83.33333%; } + .column.is-11-widescreen { flex: none; width: 91.66667%; } + .column.is-offset-11-widescreen { margin-left: 91.66667%; } + .column.is-12-widescreen { flex: none; width: 100%; } + .column.is-offset-12-widescreen { margin-left: 100%; } @@ -8118,161 +8460,206 @@ label.panel-block:hover { flex: none; width: unset; } + .column.is-full-fullhd { flex: none; width: 100%; } + .column.is-three-quarters-fullhd { flex: none; width: 75%; } + .column.is-two-thirds-fullhd { flex: none; width: 66.6666%; } + .column.is-half-fullhd { flex: none; width: 50%; } + .column.is-one-third-fullhd { flex: none; width: 33.3333%; } + .column.is-one-quarter-fullhd { flex: none; width: 25%; } + .column.is-one-fifth-fullhd { flex: none; width: 20%; } + .column.is-two-fifths-fullhd { flex: none; width: 40%; } + .column.is-three-fifths-fullhd { flex: none; width: 60%; } + .column.is-four-fifths-fullhd { flex: none; width: 80%; } + .column.is-offset-three-quarters-fullhd { margin-left: 75%; } + .column.is-offset-two-thirds-fullhd { margin-left: 66.6666%; } + .column.is-offset-half-fullhd { margin-left: 50%; } + .column.is-offset-one-third-fullhd { margin-left: 33.3333%; } + .column.is-offset-one-quarter-fullhd { margin-left: 25%; } + .column.is-offset-one-fifth-fullhd { margin-left: 20%; } + .column.is-offset-two-fifths-fullhd { margin-left: 40%; } + .column.is-offset-three-fifths-fullhd { margin-left: 60%; } + .column.is-offset-four-fifths-fullhd { margin-left: 80%; } + .column.is-0-fullhd { flex: none; width: 0%; } + .column.is-offset-0-fullhd { margin-left: 0%; } + .column.is-1-fullhd { flex: none; width: 8.33333%; } + .column.is-offset-1-fullhd { margin-left: 8.33333%; } + .column.is-2-fullhd { flex: none; width: 16.66667%; } + .column.is-offset-2-fullhd { margin-left: 16.66667%; } + .column.is-3-fullhd { flex: none; width: 25%; } + .column.is-offset-3-fullhd { margin-left: 25%; } + .column.is-4-fullhd { flex: none; width: 33.33333%; } + .column.is-offset-4-fullhd { margin-left: 33.33333%; } + .column.is-5-fullhd { flex: none; width: 41.66667%; } + .column.is-offset-5-fullhd { margin-left: 41.66667%; } + .column.is-6-fullhd { flex: none; width: 50%; } + .column.is-offset-6-fullhd { margin-left: 50%; } + .column.is-7-fullhd { flex: none; width: 58.33333%; } + .column.is-offset-7-fullhd { margin-left: 58.33333%; } + .column.is-8-fullhd { flex: none; width: 66.66667%; } + .column.is-offset-8-fullhd { margin-left: 66.66667%; } + .column.is-9-fullhd { flex: none; width: 75%; } + .column.is-offset-9-fullhd { margin-left: 75%; } + .column.is-10-fullhd { flex: none; width: 83.33333%; } + .column.is-offset-10-fullhd { margin-left: 83.33333%; } + .column.is-11-fullhd { flex: none; width: 91.66667%; } + .column.is-offset-11-fullhd { margin-left: 91.66667%; } + .column.is-12-fullhd { flex: none; width: 100%; } + .column.is-offset-12-fullhd { margin-left: 100%; } @@ -8917,50 +9304,62 @@ label.panel-block:hover { .tile:not(.is-child) { display: flex; } + .tile.is-1 { flex: none; width: 8.33333%; } + .tile.is-2 { flex: none; width: 16.66667%; } + .tile.is-3 { flex: none; width: 25%; } + .tile.is-4 { flex: none; width: 33.33333%; } + .tile.is-5 { flex: none; width: 41.66667%; } + .tile.is-6 { flex: none; width: 50%; } + .tile.is-7 { flex: none; width: 58.33333%; } + .tile.is-8 { flex: none; width: 66.66667%; } + .tile.is-9 { flex: none; width: 75%; } + .tile.is-10 { flex: none; width: 83.33333%; } + .tile.is-11 { flex: none; width: 91.66667%; } + .tile.is-12 { flex: none; width: 100%; @@ -9589,8 +9988,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .my-0 { - margin-top: 0 !important; margin-bottom: 0 !important; + margin-top: 0 !important; } .m-1 { @@ -9619,8 +10018,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .my-1 { - margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; + margin-top: 0.25rem !important; } .m-2 { @@ -9649,8 +10048,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .my-2 { - margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; } .m-3 { @@ -9679,8 +10078,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .my-3 { - margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; + margin-top: 0.75rem !important; } .m-4 { @@ -9709,8 +10108,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .my-4 { - margin-top: 1rem !important; margin-bottom: 1rem !important; + margin-top: 1rem !important; } .m-5 { @@ -9739,8 +10138,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .my-5 { - margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; + margin-top: 1.5rem !important; } .m-6 { @@ -9769,8 +10168,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .my-6 { - margin-top: 3rem !important; margin-bottom: 3rem !important; + margin-top: 3rem !important; } .m-auto { @@ -9799,8 +10198,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .my-auto { - margin-top: auto !important; margin-bottom: auto !important; + margin-top: auto !important; } .p-0 { @@ -9829,8 +10228,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .py-0 { - padding-top: 0 !important; padding-bottom: 0 !important; + padding-top: 0 !important; } .p-1 { @@ -9859,8 +10258,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .py-1 { - padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; + padding-top: 0.25rem !important; } .p-2 { @@ -9889,8 +10288,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .py-2 { - padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; + padding-top: 0.5rem !important; } .p-3 { @@ -9919,8 +10318,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .py-3 { - padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; + padding-top: 0.75rem !important; } .p-4 { @@ -9949,8 +10348,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .py-4 { - padding-top: 1rem !important; padding-bottom: 1rem !important; + padding-top: 1rem !important; } .p-5 { @@ -9979,8 +10378,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .py-5 { - padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; + padding-top: 1.5rem !important; } .p-6 { @@ -10009,8 +10408,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .py-6 { - padding-top: 3rem !important; padding-bottom: 3rem !important; + padding-top: 3rem !important; } .p-auto { @@ -10039,8 +10438,8 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { } .py-auto { - padding-top: auto !important; padding-bottom: auto !important; + padding-top: auto !important; } .is-size-1 { @@ -10075,21 +10474,27 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { .is-size-1-mobile { font-size: 3rem !important; } + .is-size-2-mobile { font-size: 2.5rem !important; } + .is-size-3-mobile { font-size: 2rem !important; } + .is-size-4-mobile { font-size: 1.5rem !important; } + .is-size-5-mobile { font-size: 1.25rem !important; } + .is-size-6-mobile { font-size: 1rem !important; } + .is-size-7-mobile { font-size: 0.75rem !important; } @@ -10099,21 +10504,27 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { .is-size-1-tablet { font-size: 3rem !important; } + .is-size-2-tablet { font-size: 2.5rem !important; } + .is-size-3-tablet { font-size: 2rem !important; } + .is-size-4-tablet { font-size: 1.5rem !important; } + .is-size-5-tablet { font-size: 1.25rem !important; } + .is-size-6-tablet { font-size: 1rem !important; } + .is-size-7-tablet { font-size: 0.75rem !important; } @@ -10123,21 +10534,27 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { .is-size-1-touch { font-size: 3rem !important; } + .is-size-2-touch { font-size: 2.5rem !important; } + .is-size-3-touch { font-size: 2rem !important; } + .is-size-4-touch { font-size: 1.5rem !important; } + .is-size-5-touch { font-size: 1.25rem !important; } + .is-size-6-touch { font-size: 1rem !important; } + .is-size-7-touch { font-size: 0.75rem !important; } @@ -10147,21 +10564,27 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { .is-size-1-desktop { font-size: 3rem !important; } + .is-size-2-desktop { font-size: 2.5rem !important; } + .is-size-3-desktop { font-size: 2rem !important; } + .is-size-4-desktop { font-size: 1.5rem !important; } + .is-size-5-desktop { font-size: 1.25rem !important; } + .is-size-6-desktop { font-size: 1rem !important; } + .is-size-7-desktop { font-size: 0.75rem !important; } @@ -10171,21 +10594,27 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { .is-size-1-widescreen { font-size: 3rem !important; } + .is-size-2-widescreen { font-size: 2.5rem !important; } + .is-size-3-widescreen { font-size: 2rem !important; } + .is-size-4-widescreen { font-size: 1.5rem !important; } + .is-size-5-widescreen { font-size: 1.25rem !important; } + .is-size-6-widescreen { font-size: 1rem !important; } + .is-size-7-widescreen { font-size: 0.75rem !important; } @@ -10195,21 +10624,27 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { .is-size-1-fullhd { font-size: 3rem !important; } + .is-size-2-fullhd { font-size: 2.5rem !important; } + .is-size-3-fullhd { font-size: 2rem !important; } + .is-size-4-fullhd { font-size: 1.5rem !important; } + .is-size-5-fullhd { font-size: 1.25rem !important; } + .is-size-6-fullhd { font-size: 1rem !important; } + .is-size-7-fullhd { font-size: 0.75rem !important; } @@ -11795,6 +12230,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { .hero-buttons .button { display: flex; } + .hero-buttons .button:not(:last-child) { margin-bottom: 0.75rem; } @@ -11805,6 +12241,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { display: flex; justify-content: center; } + .hero-buttons .button:not(:last-child) { margin-right: 1.5rem; } @@ -11836,9 +12273,11 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { .section { padding: 3rem 3rem; } + .section.is-medium { padding: 9rem 4.5rem; } + .section.is-large { padding: 18rem 6rem; } @@ -11848,4 +12287,5 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { background-color: #fafafa; padding: 3rem 1.5rem 6rem; } -/*# sourceMappingURL=bulma.css.map */ \ No newline at end of file + +/*# sourceMappingURL=bulma.css.map */ diff --git a/css/main.css b/css/main.css index 7161fbf..4902257 100644 --- a/css/main.css +++ b/css/main.css @@ -1,21 +1,20 @@ - /** libs */ -@import 'libs/boilerplate.css'; -@import 'libs/normalize.css'; -@import url('https://fonts.cdnfonts.com/css/gt-walsheim-pro'); -@import 'libs/bulma.css'; +@import "libs/boilerplate.css"; +@import "libs/normalize.css"; +@import url("https://fonts.cdnfonts.com/css/gt-walsheim-pro"); +@import "libs/bulma.css"; /** custom */ -@import '0-general.css'; -@import '0-1-nav.css'; -@import '1-cover.css'; -@import '1-2-main_title.css'; -@import '2-we-come-from.css'; -@import '3-open-sesame.css'; -@import '4-content.css'; -@import '5-popover.css'; -@import '6-portfolio.css'; +@import "0-general.css"; +@import "0-1-nav.css"; +@import "1-cover.css"; +@import "1-2-main_title.css"; +@import "2-we-come-from.css"; +@import "3-open-sesame.css"; +@import "4-content.css"; +@import "5-popover.css"; +@import "6-portfolio.css"; diff --git a/humans.txt b/humans.txt index 8d2330f..bfe2e5a 100644 --- a/humans.txt +++ b/humans.txt @@ -3,11 +3,12 @@ # TEAM - -- -- + Digital Theory + Cipher Bliss # THANKS - + everyone # TECHNOLOGY COLOPHON diff --git a/icon.png b/icon.png index 8a42581..3fda3df 100644 Binary files a/icon.png and b/icon.png differ diff --git a/index.html b/index.html index d9a4658..ee20fbe 100644 --- a/index.html +++ b/index.html @@ -270,6 +270,8 @@
B. Lemoine - cipherbliss.com +
+ Digital Theory