diff options
| -rw-r--r-- | Makefile | 6 | ||||
| -rw-r--r-- | README.md | 54 | ||||
| -rw-r--r-- | site/css/main.css | 952 |
3 files changed, 58 insertions, 954 deletions
@@ -2,4 +2,8 @@ site: soupault ${SOUPAULT_OPTS} -all: site +.PHONY: css +css: + sass -I sass/ sass/main.sass > build/css/main.css + +all: site css @@ -1,2 +1,54 @@ # community.vyos.net -VyOS community website + +The VyOS community website. + +## Repository structure + +``` +templates/ Page skeletons and chunks of reusable HTML. +templates/main.html An empty page skeleton. + +site/ Site pages. + +scripts/ Helper scripts. + +soupault.conf Configuration file for the soupault static site generator. +``` + +## Contributing + +The fundamental structure of the website is not set in stone yet, so if you want to add a new page +or rearrange any directories and pages, ask the maintainers first! + +Typo/grammar fixes, fixes for broken links or formatting, and other changes that fix a specific problem +are more than welcome! + +## Building + +We encourage you to make sure that the site builds and looks as expected before making a pull request. + +Two tools are _required_ for building: + +* The [soupault](https://soupault.app) static site generator. +* [SASS](https://sass-lang.com/) compiler, the Dart version. + +**Note:** the C++ `sassc` _will not_ work! The Dart and the C++ "reference implementations" don't behave the same, +and you'll need the Dart one (available from NPM, `npm install -g sass`). +Hopefully we'll rid this site of SASS some day and it will be no longer an issue. + +Running `make all` will build both the site and the CSS, generated files will be in `build/`. +You can then preview the site with any development web server, e.g. `python3 -m http.server --directory build/`. + +### snapshot and nightly build pages + +If you build the website as described, your `/get/snapshots` and `/get/nightly-builds` pages will not actually list any builds. +This is normal. Those image lists are generated from an S3 bucket contents by `scripts/list-snapshots.py` +and `scripts/list-nightly-builds.py`. Their output is inserted into pages at build time, +see `[widgets.list-snapshots]` and `[widgets.list-nightly-builds]` sections in `soupault.conf` for details. + +They are disabled by default, limited to the soupault profile `live`. + +You can force soupault to run them by building with `soupault --profile live`. You'll need an appropriate +S3 bucket that mimics our own setup and access credentials for it in your environment. +All in all you probably don't want to touch them since they are really specific to our own setup. +This section is here mostly for completeness. diff --git a/site/css/main.css b/site/css/main.css deleted file mode 100644 index f1484a1..0000000 --- a/site/css/main.css +++ /dev/null @@ -1,952 +0,0 @@ -body { - font-family: sans-serif; - margin: 0; - color: #18191C; -} - -h1, h2, h3, h4, h5, p, ul, li { - margin: 0; -} - -h1 { - font-weight: 800; - font-size: 45px; - line-height: 120%; - letter-spacing: 0.02em; - color: #18191C; -} -@media only screen and (max-width: 767px) { - h1 { - font-size: 32px; - } -} -@media only screen and (max-width: 575px) { - h1 { - font-size: 28px; - } -} - -h2 { - font-weight: 800; - font-size: 32px; - line-height: 140%; -} -@media only screen and (max-width: 767px) { - h2 { - font-size: 21px; - } -} - -p { - font-weight: normal; - line-height: 180%; - font-size: 16px; - color: #18191C; -} -@media only screen and (max-width: 575px) { - p { - font-size: 14px; - } -} -@supports ((-webkit-hyphens: auto) or (-ms-hyphens: auto) or (hyphens: auto)) { - p { - text-align: justify; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - } -} - -pre, code, sample { - white-space: pre-wrap; - -webkit-hyphens: none; - -ms-hyphens: none; - hyphens: none; -} - -div.container { - max-width: 1340px; - margin: 0 auto; - padding-left: 15px; - padding-right: 15px; -} -div.container.small { - max-width: 1000px; -} - -#content { - padding-top: 60px; - padding-bottom: 50px; -} -@media only screen and (max-width: 767px) { - #content { - padding-top: 40px; - padding-bottom: 20px; - } -} -@media only screen and (max-width: 575px) { - #content { - padding-top: 30px; - } -} -#content h1 { - margin-bottom: 25px; -} -@media only screen and (max-width: 575px) { - #content h1 { - margin-bottom: 15px; - } -} -#content h2 { - margin-top: 25px; - margin-bottom: 20px; -} -@media only screen and (max-width: 575px) { - #content h2 { - margin-top: 20px; - margin-bottom: 15px; - } -} -#content p { - margin: 15px 0; -} -@media only screen and (max-width: 575px) { - #content p { - margin: 9px 0; - } -} -#content ul { - list-style: none; -} -@media only screen and (max-width: 767px) { - #content ul { - padding-left: 25px; - } -} -@media only screen and (max-width: 575px) { - #content ul { - padding-left: 15px; - } -} -#content ul li { - padding-left: 25px; - margin: 16px 0; - line-height: 150%; -} -@media only screen and (max-width: 575px) { - #content ul li { - font-size: 14px; - margin: 13px 0; - } -} -#content ul li:before { - position: absolute; - margin-top: 1px; - margin-left: -25px; - content: url("../img/global/list-element.svg"); -} -@media only screen and (max-width: 575px) { - #content ul li:before { - margin-top: 2px; - } -} -#content a { - color: #FD8F01; -} -#content a:hover { - text-decoration: none; -} - -header { - background: #ffffff; - -webkit-box-shadow: 0px 5px 20px rgba(0, 56, 79, 0.07); - box-shadow: 0px 5px 20px rgba(0, 56, 79, 0.07); - padding: 20px 0; - position: relative; -} -@media only screen and (max-width: 991px) { - header { - padding: 15px 0; - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 2; - } -} -@media only screen and (max-width: 575px) { - header { - padding: 10px 0; - } -} -@media only screen and (max-width: 375px) { - header { - padding: 5px 0; - } -} -header div.header__inner { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -@media only screen and (max-width: 767px) { - header div.header__inner { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } -} -header div.header__inner div.header__logo-side { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -header div.header__inner div.header__logo-side a.header__logo { - display: inherit; - margin-right: 30px; -} -@media only screen and (max-width: 1199px) { - header div.header__inner div.header__logo-side a.header__logo { - margin-right: 16px; - } -} -@media only screen and (max-width: 991px) { - header div.header__inner div.header__logo-side a.header__logo { - margin-right: 10px; - } -} -header div.header__inner div.header__logo-side div.header__text { - font-weight: 500; - line-height: 25px; -} -@media only screen and (max-width: 767px) { - header div.header__inner div.header__logo-side div.header__text { - display: none; - } -} -header div.header__inner div.header__logo-side div.header__text p { - font-size: 16px; - color: #ACACAD; -} -@media only screen and (max-width: 991px) { - header div.header__inner div.header__logo-side div.header__text p { - font-size: 15px; - } -} -@media only screen and (max-width: 767px) { - header div.header__inner div.header__logo-side div.header__text p { - display: none; - } -} -header div.header__inner div.header__links-side { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -@media only screen and (max-width: 375px) { - header div.header__inner div.header__links-side { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } -} -header div.header__inner div.header__links-side a { - font-weight: 600; - font-size: 15px; - line-height: 140%; - text-transform: uppercase; - text-decoration: none; - color: #18191C; - -webkit-transition: 0.3s; - -o-transition: 0.3s; - transition: 0.3s; - margin-left: 31px; - text-align: center; -} -@media only screen and (max-width: 1199px) { - header div.header__inner div.header__links-side a { - font-size: 14px; - margin-left: 20px; - } -} -@media only screen and (max-width: 575px) { - header div.header__inner div.header__links-side a { - margin-left: 14px; - } -} -@media only screen and (max-width: 450px) { - header div.header__inner div.header__links-side a { - font-size: 13px; - } -} -@media only screen and (max-width: 375px) { - header div.header__inner div.header__links-side a { - line-height: 180%; - font-size: 14px; - margin-left: 24px; - } -} -header div.header__inner div.header__links-side a:nth-child(1) { - margin-left: 0; -} -@media only screen and (max-width: 450px) { - header div.header__inner div.header__links-side a:nth-child(3) { - max-width: 100px; - } -} -@media only screen and (max-width: 375px) { - header div.header__inner div.header__links-side a:nth-child(3) { - max-width: 100%; - } -} -header div.header__inner div.header__links-side a:hover { - color: #FFBE12; -} - -section.banner { - background-image: url("/img/front-page/banner/banner-bg.svg"); - background-position: bottom; - background-repeat: no-repeat; - -webkit-background-size: cover; - background-size: cover; - padding: 77px 0 87px; -} -@media only screen and (max-width: 767px) { - section.banner { - background-image: url("/img/front-page/banner/banner-bg-sm.svg"); - padding: 45px 0 0; - } -} -@media only screen and (max-width: 767px) { - section.banner div.sm-none { - padding: 0; - } -} -section.banner div.banner__text-button { - max-width: 50%; -} -@media only screen and (max-width: 991px) { - section.banner div.banner__text-button { - max-width: 60%; - } -} -@media only screen and (max-width: 767px) { - section.banner div.banner__text-button { - margin-bottom: 23px; - max-width: 100%; - } -} -section.banner div.banner__text-button h1 { - padding-bottom: 57px; -} -@media only screen and (max-width: 767px) { - section.banner div.banner__text-button h1 { - text-align: center; - padding-bottom: 51%; - padding-left: 20px; - padding-right: 20px; - } -} -@media only screen and (max-width: 767px) { - section.banner div.banner__text-button div.banner__btn_container { - background-color: #ffffff; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding-left: 20px; - padding-right: 20px; - } -} -section.banner div.banner__text-button div.banner__btn_container a { - max-width: 311px; - width: 100%; - height: 58px; - background: #18191C; - border: 1px solid #18191C; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 23px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-weight: 700; - font-size: 16px; - line-height: 15px; - color: #ffffff; - text-decoration: none; - -webkit-transition: 0.3s; - -o-transition: 0.3s; - transition: 0.3s; -} -@media only screen and (max-width: 767px) { - section.banner div.banner__text-button div.banner__btn_container a { - height: 38px; - font-size: 14px; - } -} -section.banner div.banner__text-button div.banner__btn_container a:hover { - background: #ffffff; - color: #18191C; -} - -section.main-text { - max-width: 884px; - margin-left: auto; - margin-right: auto; - padding: 143px 0; - text-align: center; -} -@media only screen and (max-width: 1199px) { - section.main-text { - padding: 143px 0; - } -} -@media only screen and (max-width: 991px) { - section.main-text { - padding: 90px 0; - } -} -@media only screen and (max-width: 767px) { - section.main-text { - padding: 0 0 55px; - } -} -section.main-text p { - font-size: 18px; -} -@media only screen and (max-width: 767px) { - section.main-text p { - font-size: 16px; - } -} -@media only screen and (max-width: 575px) { - section.main-text p { - font-size: 14px; - } -} - -section.inform-columns div.inform-column__inner { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 23px 30px; -} -@media only screen and (max-width: 1199px) { - section.inform-columns div.inform-column__inner { - grid-gap: 20px; - } -} -@media only screen and (max-width: 1199px) and (max-width: 767px) { - section.inform-columns div.inform-column__inner { - grid-template-columns: 1fr; - } -} -section.inform-columns div.inform-column__inner div.inform-column__item { - background: #F3F4F4; - display: grid; - grid-template-rows: auto 1fr auto; - grid-gap: 40px; - padding: 48px 54px 59px; -} -@media only screen and (max-width: 991px) { - section.inform-columns div.inform-column__inner div.inform-column__item { - grid-gap: 25px; - padding: 30px 25px; - } -} -@media only screen and (max-width: 767px) { - section.inform-columns div.inform-column__inner div.inform-column__item { - padding: 30px 24px 40px; - grid-gap: 15px; - grid-template-rows: auto 1fr 65px; - } -} -section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__header div.inform-column__icon { - padding-right: 19px; -} -section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__header div.inform-column__title h3 { - font-weight: bold; - font-size: 28px; - line-height: 150%; - letter-spacing: 0.02em; - color: #000000; -} -@media only screen and (max-width: 767px) { - section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__header div.inform-column__title h3 { - font-size: 21px; - } -} -section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__data p { - text-align: left; - margin-bottom: 29px; - font-size: 16px; -} -@media only screen and (max-width: 991px) { - section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__data p { - margin-bottom: 20px; - } -} -section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__data p:last-child { - margin-bottom: 10px; -} -@media only screen and (max-width: 767px) { - section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__data p:last-child { - margin-bottom: 0; - } -} -@media only screen and (max-width: 767px) { - section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__data p { - line-height: 180%; - font-size: 14px; - margin-bottom: 25px; - } -} -@media only screen and (max-width: 767px) { - section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__button { - -webkit-align-self: end; - -ms-flex-item-align: end; - align-self: end; - } -} -section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__button a.inform-column__btn { - max-width: 291px; - padding: 10px; - min-height: 38px; - color: #18191C !important; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - background: #FFBE12; - border: 1px solid #FFBE12; - font-weight: 700; - font-size: 16px; - color: #18191C; - text-decoration: none; - -webkit-transition: 0.3s; - -o-transition: 0.3s; - transition: 0.3s; - line-height: 1.5; -} -@media only screen and (max-width: 767px) { - section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__button a.inform-column__btn { - min-height: 28px; - font-size: 14px; - } -} -section.inform-columns div.inform-column__inner div.inform-column__item div.inform-column__button a.inform-column__btn:hover { - background: #ffffff; -} - -.bottom-text__inner { - padding: 138px 0 182px; - max-width: 657px; - margin-left: auto; - text-align: center; - margin-right: auto; -} -@media only screen and (max-width: 1199px) { - .bottom-text__inner { - padding: 138px 250px 182px; - } -} -@media only screen and (max-width: 991px) { - .bottom-text__inner { - padding: 90px 50px 126px; - } -} -@media only screen and (max-width: 767px) { - .bottom-text__inner { - padding: 56px 50px 64px; - } -} -@media only screen and (max-width: 575px) { - .bottom-text__inner { - padding: 56px 20px 64px; - } -} -.bottom-text__inner h2 { - padding-bottom: 25px; -} -@media only screen and (max-width: 767px) { - .bottom-text__inner h2 { - padding-bottom: 0; - } -} -.bottom-text__inner p { - font-size: 18px; -} -@media only screen and (max-width: 767px) { - .bottom-text__inner p { - font-size: 16px; - } -} -@media only screen and (max-width: 575px) { - .bottom-text__inner p { - font-size: 14px; - } -} - -footer div.footer__inner div.footer__logo-society { - display: grid; - grid-template-columns: 60px 1fr 191px; - grid-gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -@media only screen and (max-width: 767px) { - footer div.footer__inner div.footer__logo-society { - display: none; - } -} -footer div.footer__inner div.footer__logo-society div.footer__hr { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; -} -footer div.footer__inner div.footer__logo-society div.footer__hr img { - margin-bottom: 10px; - width: 100%; -} -@media only screen and (max-width: 991px) { - footer div.footer__inner div.footer__logo-society div.footer__hr img { - border-bottom: 1px solid #E0DFDF; - } -} -footer div.footer__inner div.footer__logo-society div.footer__socials { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-left: 6px; -} -footer div.footer__inner div.footer__links-trustpilot { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin-top: 36px; -} -@media only screen and (max-width: 767px) { - footer div.footer__inner div.footer__links-trustpilot { - display: none; - } -} -footer div.footer__inner div.footer__links-trustpilot div.footer__links { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -@media only screen and (max-width: 991px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } -} -footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column { - display: grid; - grid-template-rows: auto 1fr; - margin-right: 48px; -} -@media only screen and (max-width: 1199px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column { - margin-right: 28px; - } -} -@media only screen and (max-width: 991px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column { - margin: 0 0 30px; - grid-template-rows: 34px 1fr; - } -} -@media only screen and (max-width: 1199px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column:nth-child(1) { - width: 16%; - } -} -@media only screen and (max-width: 991px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column:nth-child(1) { - width: 40%; - } -} -@media only screen and (max-width: 1199px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column:nth-child(2) { - width: 18%; - } -} -@media only screen and (max-width: 991px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column:nth-child(2) { - width: 60%; - } -} -@media only screen and (max-width: 1199px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column:nth-child(3) { - width: 20%; - } -} -@media only screen and (max-width: 991px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column:nth-child(3) { - width: 40%; - } -} -footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column:nth-child(4) { - margin-right: 0; -} -@media only screen and (max-width: 1199px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column:nth-child(4) { - width: 32%; - } -} -@media only screen and (max-width: 991px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column:nth-child(4) { - width: 60%; - } -} -footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column h3 { - font-weight: 600; - font-size: 18px; - padding: 0 0 17px 0; - color: #18191C; -} -footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column ul { - padding-left: 0; - list-style: none; -} -footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column ul li { - padding: 5px 0; -} -footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column ul li a { - list-style: none; - font-weight: normal; - font-size: 16px; - line-height: 1.7; - color: #747577; - text-decoration: none; -} -@media only screen and (max-width: 991px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column ul li a { - font-size: 14px; - } -} -footer div.footer__inner div.footer__links-trustpilot div.footer__links div.footer__column ul li a:hover { - color: #FFBE12; - text-decoration: underline; -} -footer div.footer__inner div.footer__links-trustpilot div.footer__trustpilot { - justify-self: end; - border-left: 1px solid #E0DFDF; - padding-left: 33px; -} -@media only screen and (max-width: 1199px) { - footer div.footer__inner div.footer__links-trustpilot div.footer__trustpilot { - padding-left: 10px; - } -} -footer div.footer__inner div.footer__links-trustpilot div.footer__trustpilot div#tp-widget-wrapper { - margin: 0; -} -footer div.footer__inner div.footer__developer { - border-top: 1px solid #E0DFDF; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 40px 0; - margin-top: 37px; -} -@media only screen and (max-width: 767px) { - footer div.footer__inner div.footer__developer { - display: none; - } -} -footer div.footer__inner div.footer__developer div.footer__hosted { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -footer div.footer__inner div.footer__developer div.footer__hosted p { - font-weight: normal; - font-size: 13px; - line-height: 16px; - color: #ACACAD; - padding-right: 16px; -} -@media only screen and (max-width: 991px) { - footer div.footer__inner div.footer__developer div.footer__hosted p { - padding-right: 8px; - display: none; - } -} -footer div.footer__inner div.footer__developer div.footer__rights { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -footer div.footer__inner div.footer__developer div.footer__rights p, footer div.footer__inner div.footer__developer div.footer__rights a { - font-weight: normal; - font-size: 15px; - line-height: 150%; - text-decoration: none; - color: #ACACAD; - padding-right: 30px; -} -@media only screen and (max-width: 991px) { - footer div.footer__inner div.footer__developer div.footer__rights p, footer div.footer__inner div.footer__developer div.footer__rights a { - font-size: 14px; - padding-right: 22px; - } -} -footer div.footer__inner div.footer__developer div.footer__rights a:hover { - text-decoration: underline; - color: #FFBE12; -} -footer div.footer__inner div.footer__sm { - display: none; -} -@media only screen and (max-width: 767px) { - footer div.footer__inner div.footer__sm { - display: block; - } -} -footer div.footer__inner div.footer__sm div.footer__sm__contant { - border-top: 1px solid #ACACAD; - padding: 32px 0 23px; -} -footer div.footer__inner div.footer__sm div.footer__sm__contant div.footer__sm__logos { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -footer div.footer__inner div.footer__sm div.footer__sm__contant div.footer__sm__society { - max-width: 200px; - margin: 24px auto 17px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -footer div.footer__inner div.footer__sm div.footer__sm__contant div.footer__sm__developer p, footer div.footer__inner div.footer__sm div.footer__sm__contant div.footer__sm__developer a { - font-weight: normal; - font-size: 13px; - line-height: 16px; - color: #747577; - opacity: 0.5; -} -footer div.footer__inner div.footer__sm div.footer__sm__contant div.footer__sm__developer div.footer__sm__privacy-policy { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-bottom: 19px; -} -footer div.footer__inner div.footer__sm div.footer__sm__contant div.footer__sm__developer div.footer__sm__privacy-policy a { - text-decoration: none; - -webkit-transition: 0.3s; - -o-transition: 0.3s; - transition: 0.3s; -} -footer div.footer__inner div.footer__sm div.footer__sm__contant div.footer__sm__developer div.footer__sm__privacy-policy a:hover { - text-decoration: underline; -} -footer div.footer__inner div.footer__sm div.footer__sm__contant div.footer__sm__developer div.footer__sm__privacy-policy a:first-child { - margin-right: 20px; -} -footer div.footer__inner div.footer__sm div.footer__sm__contant div.footer__sm__developer div.footer__sm__rights { - text-align: center; -}
\ No newline at end of file |