diff --git a/weblate_web/static/style-rtl.css b/weblate_web/static/style-rtl.css deleted file mode 100644 index 67e978051..000000000 --- a/weblate_web/static/style-rtl.css +++ /dev/null @@ -1,4805 +0,0 @@ -button, -hr, -input { - overflow: visible; -} - -audio, -canvas, -progress, -video { - display: inline-block; -} - -progress, -sub, -sup { - vertical-align: baseline; -} - -[type="checkbox"], -[type="radio"], -legend { - box-sizing: border-box; - padding: 0; -} - -html { - line-height: 1.15; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section { - display: block; -} - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -figure { - margin: 1em 40px; -} - -hr { - box-sizing: content-box; - height: 0; -} - -a { - background-color: transparent; - -webkit-text-decoration-skip: objects; -} - -abbr[title] { - border-bottom: none; - text-decoration: underline; - text-decoration: underline dotted; -} - -b, -strong { - font-weight: bolder; -} - -dfn { - font-style: italic; -} - -mark { - background-color: #ff0; - color: #000; -} - -small { - font-size: 80%; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -svg:not(:root) { - overflow: hidden; -} - -button, -input, -optgroup, -select, -textarea { - font-family: "Source Sans 3", Arial, sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; -} - -button, -select { - text-transform: none; -} - -[type="reset"], -[type="submit"], -button, -html [type="button"] { - -webkit-appearance: button; -} - -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner, -button::-moz-focus-inner { - border-style: none; - padding: 0; -} - -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring, -button:-moz-focusring { - outline: ButtonText dotted 1px; -} - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -legend { - color: inherit; - display: table; - max-width: 100%; - white-space: normal; -} - -textarea { - overflow: auto; -} - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -[type="search"] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -summary { - display: list-item; -} - -[hidden], -template { - display: none; -} - -html, -body { - box-sizing: border-box; - margin: 0; - padding: 0; -} - -*, -*::before, -*::after { - box-sizing: inherit; -} - -body { - font-family: "Source Sans 3", Arial, sans-serif; - color: #2a3744; - font-size: 16px; - letter-spacing: normal; - font-weight: 400; - transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); - overflow-x: hidden; - text-rendering: optimizeLegibility !important; - -webkit-font-smoothing: antialiased !important; -} - -code, -kbd, -pre, -samp { - font-family: "Source Code Pro", monospace; - font-size: 20px; -} - -pre { - width: 100%; - padding: 20px 30px; - color: #2a3744; - letter-spacing: 0; - overflow: auto; - line-height: 30px; - border-radius: 20px; - margin: 0 0 100px; - background-color: #f8f9f9; -} - -header { - width: 100%; - position: absolute; - z-index: 333; - right: 0; - top: 0; - padding: 38px 0; -} - -a, -input.link, -input.button { - cursor: pointer; - transition: all 300ms linear; - -webkit-transition: all 300ms linear; - text-decoration: none; -} -input.link { - background: none; - border: none; -} - -img { - border-style: none; - width: auto; - max-width: 100%; -} - -p { - margin: 0; -} - -.row { - margin: 0 auto; - max-width: 1330px; - width: 100%; - padding: 0 20px; -} - -header .row { - position: relative; -} - -.logo { - float: right; -} - -.logo a { - background-image: url("img/logo.svg"); - background-position: right center; - background-repeat: no-repeat; - background-size: auto 100%; - color: #fff; - font-size: 30px; - font-weight: 600; - letter-spacing: 2px; - text-transform: uppercase; - padding-right: 120px; - height: 75px; - float: right; - line-height: 75px; -} - -.logo a:hover { - opacity: 0.7; -} - -.user-tab { - display: block; - position: absolute; - top: -38px; - left: 20px; - height: 40px; - width: 40px; - border-radius: 0 0 20px 20px; - background-color: #fff; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); - text-align: center; - padding-top: 4px; -} - -.user-anonymous { - background-image: url("img/icon-user.svg"); - background-repeat: no-repeat; - background-size: 16px 16px; - background-position: center center; -} - -.user-anonymous:hover { - height: 45px; - background-image: url("img/icon-user-black.svg"); -} - -.user-tab img { - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; -} - -.user-logout { - display: block; - position: absolute; - top: -24px; - left: 80px; - color: #1fa385; - font-size: 14px; - letter-spacing: 0; - line-height: 18px; - border: none; - background: transparent; - cursor: pointer; -} - -.user-logout:hover { - color: #2eccaa; -} - -a.button.app { - float: left; - min-width: 140px; - border: 1px solid #fff; - margin: 17px 15px 0 0; -} - -.main-menu { - margin-top: 26px; - margin-right: 10px; - float: right; - text-align: left; -} - -.main-menu ul { - list-style: none; - padding: 0; - margin: 0; -} - -.main-menu ul li { - display: inline-block; -} - -.main-menu ul li:hover ul { - display: block; -} - -.main-menu ul li a { - color: #fff; - font-weight: 600; - font-size: 18px; - line-height: 23px; - padding: 0 10px 10px; - border-bottom: 1px solid transparent; -} - -.main-menu ul li.menu-light a { - font-weight: normal; -} - -.main-menu ul li.gethelp::before { - content: "•"; - color: #fff; - font-size: 18px; - display: inline-block; -} - -body.light .main-menu ul li.gethelp::before { - color: #2a3744; -} - -body.light .logo a { - color: #2a3744; -} - -.main-menu ul li:hover > a, -body.light .main-menu ul li:hover > a { - color: #1fa385; - border-color: #1fa385; -} - -.main-menu ul li.active a, -body.light .main-menu ul li.active a { - color: #1fa385; -} - -header .menu-show { - position: absolute; - left: 28px; - top: 10px; - display: none; - width: 25px; - font-size: 0; - height: 28px; - padding-top: 55px; - z-index: 15; - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-transition: 300ms linear; - -moz-transition: 300ms linear; - -ms-transition: 300ms linear; - -o-transition: 300ms linear; - transition: 300ms linear; - cursor: pointer; - text-transform: uppercase; -} - -header .menu-show span { - position: absolute; - right: 0; - display: block; - width: 25px; - height: 2px; - background: #1fa385; - opacity: 1; - filter: progid:dximagetransform.microsoft.alpha(opacity=100); - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-transition: 0.25s ease-in-out; - -moz-transition: 0.25s ease-in-out; - -ms-transition: 0.25s ease-in-out; - -o-transition: 0.25s ease-in-out; - transition: 0.25s ease-in-out; -} - -header .menu-show span:nth-child(1) { - top: 18px; -} - -header .menu-show span:nth-child(2), -header .menu-show span:nth-child(3) { - top: 26px; -} - -header .menu-show span:nth-child(4) { - top: 34px; -} - -.open-mobile header .menu-show span:nth-child(1) { - top: 23px; - right: 50%; - width: 0%; -} - -.open-mobile header .menu-show span:nth-child(2) { - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - transform: rotate(-45deg); - top: 26px; -} - -.open-mobile header .menu-show span:nth-child(3) { - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - top: 26px; -} - -.open-mobile header .menu-show span:nth-child(4) { - top: 20px; - right: 50%; - width: 0%; -} - -.mobile-menu { - display: none; - position: absolute; - width: 200px !important; - height: 100vh; - transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); - background-color: #1fa385; - top: 0; - left: 0; - min-height: 500px; - z-index: 999; - -webkit-transform: translate3d(-200px, 0, 0); - transform: translate3d(-200px, 0, 0); - text-align: right !important; - margin: 0 !important; - padding: 20px !important; -} -.is-visible { - display: block !important; -} - -.mobile-menu .logo a { - line-height: 45px; - height: 45px; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjMxLjQ5NjE3NiIgICBoZWlnaHQ9IjIzLjMyNiIgICB2aWV3Qm94PSIwIDAgMzEuNDk2MTc2IDIzLjMyNiIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzMzIiAgIHNvZGlwb2RpOmRvY25hbWU9Im1vYmlsZS1sb2dvLnN2ZyIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIj4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMzciPiAgICA8cmRmOlJERj4gICAgICA8Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj4gICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PiAgICAgICAgPGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+ICAgICAgICA8ZGM6dGl0bGU+MkZCNzAxMzQtN0Y5My00RjJFLTg0NDQtNTU5QTMxRTVCOEU4PC9kYzp0aXRsZT4gICAgICA8L2NjOldvcms+ICAgIDwvcmRmOlJERj4gIDwvbWV0YWRhdGE+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IiAgICAgaWQ9Im5hbWVkdmlldzM1IiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgZml0LW1hcmdpbi10b3A9IjAiICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiICAgICBpbmtzY2FwZTp6b29tPSIzLjE4OTE4OTIiICAgICBpbmtzY2FwZTpjeD0iMzQuMjgzOTE3IiAgICAgaW5rc2NhcGU6Y3k9IjM2LjUyMjQyNiIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmczMyIgLz4gICAgPHRpdGxlICAgICBpZD0idGl0bGUyIj4yRkI3MDEzNC03RjkzLTRGMkUtODQ0NC01NTlBMzFFNUI4RTg8L3RpdGxlPiAgPGRlc2MgICAgIGlkPSJkZXNjNCI+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPiAgPGRlZnMgICAgIGlkPSJkZWZzMjMiPiAgICA8bGluZWFyR3JhZGllbnQgICAgICAgeDE9IjAiICAgICAgIHkxPSIwLjM4MDU2NTE0IiAgICAgICB4Mj0iMC42ODI2MDQ0MyIgICAgICAgeTI9IjAuMzgwNTY1MTQiICAgICAgIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4gICAgICA8c3RvcCAgICAgICAgIHN0b3AtY29sb3I9IiMwMEQyRTYiICAgICAgICAgb2Zmc2V0PSIwJSIgICAgICAgICBpZD0ic3RvcDYiIC8+ICAgICAgPHN0b3AgICAgICAgICBzdG9wLWNvbG9yPSIjMkVDQ0FBIiAgICAgICAgIG9mZnNldD0iMTAwJSIgICAgICAgICBpZD0ic3RvcDgiIC8+ICAgIDwvbGluZWFyR3JhZGllbnQ+ICAgIDxsaW5lYXJHcmFkaWVudCAgICAgICB4MT0iMC4xNzI3NDc4OCIgICAgICAgeTE9IjAuNTk3MTkyMjkiICAgICAgIHgyPSIwLjc4OTk5NTk3IiAgICAgICB5Mj0iMC4zMDYzNTI3OSIgICAgICAgaWQ9ImxpbmVhckdyYWRpZW50LTIiPiAgICAgIDxzdG9wICAgICAgICAgc3RvcC1jb2xvcj0iIzAwMDAwMCIgICAgICAgICBzdG9wLW9wYWNpdHk9IjAiICAgICAgICAgb2Zmc2V0PSIwJSIgICAgICAgICBpZD0ic3RvcDExIiAvPiAgICAgIDxzdG9wICAgICAgICAgc3RvcC1jb2xvcj0iIzAwMDAwMCIgICAgICAgICBvZmZzZXQ9IjUxLjQxMjUzMzMlIiAgICAgICAgIGlkPSJzdG9wMTMiIC8+ICAgICAgPHN0b3AgICAgICAgICBzdG9wLWNvbG9yPSIjMDAwMDAwIiAgICAgICAgIHN0b3Atb3BhY2l0eT0iMCIgICAgICAgICBvZmZzZXQ9IjEwMCUiICAgICAgICAgaWQ9InN0b3AxNSIgLz4gICAgPC9saW5lYXJHcmFkaWVudD4gICAgPGxpbmVhckdyYWRpZW50ICAgICAgIHgxPSIxIiAgICAgICB5MT0iMC4zOTcxODUzIiAgICAgICB4Mj0iMC4zMTg1NTAzMiIgICAgICAgeTI9IjAuMzk3MTg1MyIgICAgICAgaWQ9ImxpbmVhckdyYWRpZW50LTMiPiAgICAgIDxzdG9wICAgICAgICAgc3RvcC1jb2xvcj0iIzFGQTM4NSIgICAgICAgICBvZmZzZXQ9IjAlIiAgICAgICAgIGlkPSJzdG9wMTgiIC8+ICAgICAgPHN0b3AgICAgICAgICBzdG9wLWNvbG9yPSIjMkVDQ0FBIiAgICAgICAgIG9mZnNldD0iMTAwJSIgICAgICAgICBpZD0ic3RvcDIwIiAvPiAgICA8L2xpbmVhckdyYWRpZW50PiAgPC9kZWZzPiAgPGcgICAgIGlkPSJXZWJsYXRlIiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6My4xNDM1MjkxOCIgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMzE4MTEzNzksMCwwLDAuMzE4MTEzNzksLTAuMDYxOTk5MTgsLTAuMDYyNDk3OCkiPiAgICA8ZyAgICAgICBpZD0iSG9tZSIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxNSwtNDApIiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO3N0cm9rZS13aWR0aDozLjE0MzUyOTE4Ij4gICAgICA8ZyAgICAgICAgIGlkPSJXZWJsYXRlTG9nbyIgICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTUsNDApIiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjMuMTQzNTI5MTgiPiAgICAgICAgPGcgICAgICAgICAgIGlkPSJnMjgiICAgICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO3N0cm9rZS13aWR0aDozLjE0MzUyOTE4Ij4gICAgICAgICAgPHBhdGggICAgICAgICAgICAgZD0ibSA2My42MjM2MjQsNTUuODAzMjA0IGMgLTEuNDQ0MTgsLTAuMDA3MyAtMi44ODMyNzksLTAuMzAxMiAtNC4yMzk4NjMsLTAuODkyMzM3IC0zLjA1NTgzOCwtMS4zMzEyOTMgLTUuNzQ2NzA5LC0zLjg0NTU3OSAtNy45MzU3ODEsLTcuMjQ3Mzk2IDAuNjI0MjgxLC0xLjEwOTY1NCAxLjE4NjksLTIuMjU4NjY5IDEuNjg5MjE0LC0zLjQyNjczMiAyLjIwMjUzMiwtNS4xMjE2MTEgMy4yNTAwMTQsLTEwLjcyOTg2MyAzLjMzMDM1MSwtMTYuMjk2NjYgLTAuMDExNjcsLTAuMTEwNDEzIC0wLjAyMDgxLC0wLjIyMTIxOCAtMC4wMjc2MiwtMC4zMzI0MTcgbCAtMC4wMDYsLTAuMjg1NjU4IGMgLTAuMDA0OSwtMi4xODI3MTEgLTAuMzM3Mjk1LC00LjM5NDg5MiAtMS4wODgzMzEsLTYuNDU0NDIxIC0wLjg2NTIxOCwtMi4zNzI4ODggLTIuMjQ0MzU0LC00Ljc0Nzc0IC00LjQzMjQ5MiwtNS42NzM4NyAtMC4zOTc1OTYsLTAuMTY3OTc2IC0wLjgxNTgxMSwtMC4yMzg1MDcgLTEuMjMyMDgsLTAuMjI4NjgzIC0yLjc1MjQzNywtNS4xNDQ0MDEzIC0yLjgzOTk3LC0xMC4wNzQyNjM4IDAsLTE0Ljc2ODU2NjM1IDAuMDUwNTcsMCAwLjEwMzA5NCwxLjk2NDdlLTQgMC4xNTM2NjksNS44OTRlLTQgMy4zNTA1ODEsMC4wMzY5MzUyIDYuNjcwMDM5LDEuMDcwOTIzMzUgOS41MTA1OTIsMi44NzY4MTcyNSA3LjczNDYzOCw0LjkxNzQ4NTMgMTEuNTkwOTY2LDE0LjUwMDM5MjcgMTEuNjc1OTcxLDIzLjkwOTAzNzcgMC4wMDEyLDAuMTEwNDEyIC0xLjk1ZS00LDAuMjIwNjI4IC0wLjAwMzUsMC4zMzA4NDQgaCAwLjA0MzM4IGMgLTAuMDExMjgsOS45NDM0MDEgLTIuNDAyNDQxLDIwLjAyNjgwNiAtNy40Mzc0NzQsMjguNDg5NDUyIHogTSA0Ni40NzM4MTIsNzEuNDExMTI5IEMgMzkuMjQ5ODc3LDc0LjM4MjM2MSAzMC44NTk3MTcsNzQuMjIyOTI3IDIzLjY5OTE1OCw3MC44OTg2MjUgMTUuNDYxMzAxLDY3LjA3NDg1MyA5LjE2NjY4MjksNTkuNjQyNjMzIDUuMjg5OTI5OCw1MS4xNTkxMzYgLTEuMzQxMjA0OCwzNi42NDgzMyAtMS40OTI5MjkyLDE5LjMwMTU3MiA0Ljc5NTg1MjksNC41NjgzNjkzIDkuNTE4NzYxMyw2LjQ1Nzc2MDMgMTMuNzE4NDE1LDMuNDQ4NTI2NSAxMy43MTg0MTUsMy40NDg1MjY1IGMgMCwwIC0wLjAwOTcsNC42MzAyNTU0IDQuNDczOTI1LDYuOTUyNDU1NSAtNC42MDAzNjIsMTAuNzc4MTkzIC00LjQ4OTQ4NiwyMy41ODMzMDEgMC4xMjA2MDEsMzQuMDg2NDQ0IDIuMjE5NDU2LDUuMDUzNjM1IDUuNjA5OTEzLDkuNzU5NTI5IDEwLjMwOTQ3OSwxMi40MjA4MjUgMS42NzczNjYsMC45NDk3OTggMy41MjA0OTksMS41NjMwMSA1LjQxNjUwOSwxLjc5MzA4OCAwLjAwNywwLjAxMDk3IDAuMDE0MDQsMC4wMjE5NCAwLjAyMTA3LDAuMDMyOSAzLjM0ODI2MSw1LjIyNDQ4OCA3LjU2NjEwNCw5LjU3ODQwMiAxMi40MTM4MTYsMTIuNjc2ODg5IHoiICAgICAgICAgICAgIGlkPSJMZWZ0LTIiICAgICAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlLXdpZHRoOjMuMTQzNTI5MTgiICAgICAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+ICAgICAgICAgIDxwYXRoICAgICAgICAgICAgIGQ9Im0gNjMuNjIxNDg3LDU1LjgwNjczIGMgLTEuNDQzNDYyLC0wLjAwNzUgLTIuODgxODEyLC0wLjMwMTQ4MiAtNC4yMzc3MjYsLTAuODkyMzI2IC0zLjA1NjMzMiwtMS4zMzE1MDggLTUuNzQ3NTc5LC0zLjg0NjM5MyAtNy45MzY4NDMsLTcuMjQ5MDQ2IDAuNjI0NzA2LC0xLjExMDIzOCAxLjE4NzY3NywtMi4yNTk4OTQgMS42OTAyNzYsLTMuNDI4NjE5IDAuNjY0MDg2LC0xLjU0NDIwNSAxLjIyMzEzMiwtMy4xMzI0MTcgMS42ODIxOTYsLTQuNzUwNDkyIDEuMDY0MDE2LC0zLjc0ODkxOSAxNS4xOTA5MiwxLjAwOTAzOCAxMy4wMzU4NDksNy4xODU0NjIgLTEuMTExOTMxLDMuMTg2NDkxIC0yLjUxOTcxMyw2LjI1NDYxMSAtNC4yMzM3NTIsOS4xMzUwMjEgeiBNIDQ2LjQ3MDQ0Niw3MS40MTI1MTMgYyAtNy4yMjMxNzYsMi45Njk3OTggLTE1LjYxMTg0MSwyLjgwOTg5NyAtMjIuNzcxMjg4LC0wLjUxMzg4OCAtOC4yMzc4NTcsLTMuODIzNzcyIDAuMjIzNjk2LC0xNi42NTE2NyA0LjkyMzI2MiwtMTMuOTkwMzc0IDEuNjc2NjQzLDAuOTQ5Mzg5IDMuNTE4OTEsMS41NjI0ODEgNS40MTQwNTYsMS43OTI3OSAwLjAwNzgsMC4wMTIyNSAwLjAxNTY4LDAuMDI0NDkgMC4wMjM1MiwwLjAzNjc0IDMuMzQ3NDg2LDUuMjIzMjc4IDcuNTY0MTUxLDkuNTc2Mzg1IDEyLjQxMDQ1LDEyLjY3NDczNiB6IiAgICAgICAgICAgICBpZD0iU2hhZG93LTIiICAgICAgICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNzttaXgtYmxlbmQtbW9kZTpzb2Z0LWxpZ2h0O2ZpbGw6I2ZmZmZmZjtzdHJva2Utd2lkdGg6My4xNDM1MjkxOCIgICAgICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4gICAgICAgICAgPHBhdGggICAgICAgICAgICAgZD0ibSAyOC4zODEyMTcsMjcuMzEzNzUyIGMgLTAuMDAzMywtMC4xMTAyMTYgLTAuMDA0NywtMC4yMjA0MzIgLTAuMDAzNSwtMC4zMzA4NDQgMC4wODUsLTkuNDA4NjQ1IDMuOTQxMzMzLC0xOC45OTE1NTI0IDExLjY3NTk3MSwtMjMuOTA5MDM3NyAyLjg0MDU1MywtMS44MDU4OTM5IDYuMTYwMDExLC0yLjgzOTg4MjA5IDkuNTEwNTkyLC0yLjg3NjgxNzI1IDAuMDUwNTcsLTMuOTI5M2UtNCAwLjEwMzA5NCwtNS44OTRlLTQgMC4xNTM2NjksLTUuODk0ZS00IFYgMTQuOTY1MDMgYyAtMC40MTYyNjksLTAuMDA5OCAtMC44MzQ0ODQsMC4wNjA3MSAtMS4yMzIwOCwwLjIyODY4MyAtMi4xODgxMzgsMC45MjYxMyAtMy41NjcyNzQsMy4zMDA5ODIgLTQuNDMyNDkyLDUuNjczODcgLTAuNzUxMDM2LDIuMDU5NTI5IC0xLjA4MzQ2OCw0LjI3MTcxIC0xLjA4ODMzMSw2LjQ1NDQyMSBsIC0wLjAwNiwwLjI4NTY1OCBjIC0wLjAwNjgsMC4xMTExOTkgLTAuMDE1OTUsMC4yMjIwMDQgLTAuMDI3NjIsMC4zMzI0MTcgMC4wODAzNCw1LjU2Njc5NyAxLjEyNzgxOCwxMS4xNzUwNDkgMy4zMzAzNTEsMTYuMjk2NjYgMi40NjY2ODksNS43MzU5NTMgNi4zODc1OTgsMTEuMDEyNTczIDExLjkyMzU5MywxMy40MjQzNjEgNC4xNzYzMTIsMS44MTk4NDMgOC44MDU4NTEsMS4zOTA1NyAxMi41OTExODEsLTAuNzUyODQ5IDQuNjk5NTY2LC0yLjY2MTI5NiA4LjA5MDAyMywtNy4zNjcxOSAxMC4zMDk0NzksLTEyLjQyMDgyNSA0LjYxMDA4NywtMTAuNTAzMTQzIDQuNzIwOTYzLC0yMy4zMDgyNTEgMC4xMjA2MDEsLTM0LjA4NjQ0NCA0LjQ4MzY1MSwtMi4zMjIyMDAxIDQuNDczOTI1LC02Ljk1MjQ1NTUgNC40NzM5MjUsLTYuOTUyNDU1NSAwLDAgNC4xOTk2NTQsMy4wMDkyMzM4IDguOTIyNTYyLDEuMTE5ODQyOCBDIDEwMC44OTE4NywxOS4zMDE1NzIgMTAwLjc0MDE0LDM2LjY0ODMzIDk0LjEwOTAwOCw1MS4xNTkxMzYgOTAuMjMyMjU1LDU5LjY0MjYzMyA4My45Mzc2MzcsNjcuMDc0ODUzIDc1LjY5OTc4LDcwLjg5ODYyNSA2OC4zNjY0MzQsNzQuMzAzMTQzIDU5Ljc0MzQzLDc0LjM4ODIxMiA1Mi40MDQyNDgsNzEuMTkwNTcgNDUuODA5MSw2OC4zMTYxMSA0MC40NDUwNTgsNjMuMTM3MzI4IDM2LjU4NTgxMiw1Ny4xMTU1MjEgMzAuOTk2NTE4LDQ4LjM5NDEwNiAyOC4zNDk3MDUsMzcuNzc2NDI0IDI4LjMzNzg0LDI3LjMxMzc1MiBaIiAgICAgICAgICAgICBpZD0iUmlnaHQiICAgICAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlLXdpZHRoOjMuMTQzNTI5MTgiICAgICAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+ICAgICAgICA8L2c+ICAgICAgPC9nPiAgICA8L2c+ICA8L2c+PC9zdmc+); - color: #fff !important; - font-size: 20px; - background-size: auto 23px; - padding-right: 45px; -} - -.mobile-menu .main-menu { - padding: 0 10px !important; - width: 100%; - margin-top: 5px; -} - -.mobile-menu .main-menu ul { - display: block; -} - -.mobile-menu .main-menu ul li { - width: 100%; - margin: 5px 0; - text-align: right !important; -} - -.mobile-menu .main-menu ul li.gethelp::before { - display: none; -} - -.mobile-menu li a { - padding: 0 !important; - font-size: 20px !important; - font-weight: 400 !important; - color: #fff !important; -} - -.mobile-menu .langs { - float: right; - position: absolute; - bottom: 60px; -} - -.mobile-menu li:hover > a { - color: #2eccaa !important; -} - -body.open-mobile { - -webkit-transform: translate3d(200px, 0, 0); - transform: translate3d(200px, 0, 0); -} - -body.open-mobile.light header .menu-show span { - background: #1fa385; -} - -section { - width: 100%; - float: right; -} - -a.button, -input.button { - background-color: #2eccaa; - min-height: 50px; - min-width: 180px; - color: #fff; - font-size: 18px; - line-height: normal; - border: 1px solid transparent; - padding: 12px 25px; - display: table; - font-weight: 600; - text-align: center; - letter-spacing: 0.4px; - -webkit-border-radius: 30px; - -moz-border-radius: 30px; - border-radius: 30px; -} - -a.button:hover, -input.button:hover { - background-color: #fff; - color: #2eccaa; - border-color: #2eccaa; -} - -a.button.inline, -input.button.inline { - display: inline-block; - margin: 0 15px 15px; -} - -a.button.right, -input.button.right { - float: left; -} - -a.button.left, -input.button.left { - float: right; -} - -a.button.border, -input.button.border { - background: none; - border: 1px solid #fff; -} - -a.button.border.rev, -input.button.border.rev { - background-color: #fff; - border: 1px solid #2eccaa; - color: #1fa385; -} - -a.button.border.rev:hover, -input.button.border.rev:hover { - background: #2eccaa; - color: #fff; -} - -.button.black { - background-color: #2a3744; -} - -.button.black:hover { - color: #2a3744; - background-color: #fff; - border-color: #2a3744; -} - -a.button.border:hover, -input.button.border:hover { - color: #1fa385; - border-color: #1fa385; -} - -a.button.app:hover { - background-color: #fff; - color: #2eccaa; - border-color: #2eccaa; -} - -a.button.small, -input.button.small { - padding: 7px 25px; - min-height: 40px; -} - -a.button.center, -input.button.center { - margin: 0 auto; -} - -.main-box { - background-position: center top; - background-repeat: no-repeat; - background-color: #125252; - position: relative; - color: #fff; - text-align: center; - min-height: 650px; - background-image: url("img/main-box.jpg"); -} - -.main-box .box { - width: 100%; - font-size: 16px; - padding-top: 250px; -} - -.main-box .box h1 { - color: #fff; - font-size: 60px; - font-weight: 400; - margin: 0 0 30px; - letter-spacing: -1px; - line-height: 75px; - text-align: center; -} - -.main-box .box h1 strong { - font-weight: 700; -} - -.main-box .box p { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 30px; - text-align: center; - max-width: 820px; - display: block; - margin: 0 auto 40px; -} - -section.content { - padding: 80px 0; -} - -section.messages + section.content { - margin-top: 0 !important; -} - -div.alert { - font-weight: 600; - height: 50px; - font-size: 18px; - line-height: 48px; - border: 1px solid transparent; - padding: 0 25px; - letter-spacing: 0.4px; - -webkit-border-radius: 30px; - -moz-border-radius: 30px; - border-radius: 30px; -} - -div.alert.error { - background-color: #f6664c; - border-color: red; - color: white; -} - -div.alert.info { - border-color: #2eccaa; -} - -div.alert.success { - border-color: #2eccaa; -} - -div.alert.warning { - border-color: red; -} - -ul.errorlist { - list-style: none; - font-weight: 600; - color: red; -} - -div.wrap { - width: 100%; - float: right; - margin-bottom: 80px; -} - -section.messages div.wrap { - margin-bottom: 0; -} - -.section-title { - color: #2a3744; - font-size: 18px; - text-align: center; - font-weight: 300; - letter-spacing: 2px; - line-height: 23px; - margin: 0 0 35px; - text-transform: uppercase; -} - -.section-title.bold { - font-weight: 700; -} - -.supporters { - text-align: center; -} - -.supporters img { - margin: 0 25px 50px; - vertical-align: middle; -} - -.half { - float: right; - width: 50%; -} - -.countries { - background-image: url("img/world-map.png"); - background-position: right center; - background-repeat: no-repeat; - background-size: auto 450px; - margin-bottom: 100px; -} - -.countries .half-text { - max-width: 425px; - margin-right: 110px; -} - -.countries .countries-number { - margin-bottom: 30px; - font-size: 60px; - font-weight: 200; - letter-spacing: -1.5px; - line-height: 44px; - padding-top: 60px; -} - -.countries .half-text h2 { - color: #2a3744; - font-size: 40px; - font-weight: bold; - letter-spacing: -1px; - margin-bottom: 30px; - line-height: 44px; -} - -.countries .half-text p { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 25px; -} - -.countries .half-translations { - min-height: 520px; - float: left; - max-width: 630px; - border-radius: 50px; - background-color: #fff; - padding: 20px; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -} - -.trans-item { - min-height: 60px; - width: 47.5%; - color: #2a3744; - display: inline-table; - margin-right: 4%; - margin-bottom: 4%; - border: 1px solid #b3f0f6; - border-radius: 30px; - padding: 10px 25px; -} - -.trans-item:nth-child(2n + 1) { - margin-right: 0; -} - -.trans-item .trans-title { - font-size: 16px; - margin-bottom: 5px; - line-height: 20px; -} - -.trans-item .trans-project { - font-size: 12px; - letter-spacing: 0.86px; - line-height: 15px; - text-transform: uppercase; - padding-right: 10px; - white-space: nowrap; - overflow: hidden; - width: 220px; -} - -.trans-item .trans-project a { - color: #1fa385; - font-size: 12px; - letter-spacing: 0.86px; - line-height: 15px; -} - -.trans-bottom { - background-image: url("/img/activity.svg"); - background-repeat: no-repeat; - background-position: left center; - width: 100%; - float: right; - padding: 5px 0; -} - -.trans-number { - color: #2a3744; - font-size: 40px; - font-weight: 300; - letter-spacing: -1px; - line-height: 44px; - padding-right: 30px; - margin-bottom: 5px; -} - -.trans-days { - color: #2a3744; - font-size: 18px; - letter-spacing: 2px; - line-height: 23px; - padding-right: 40px; - text-transform: uppercase; -} - -.features .f-box { - display: inline-table; - margin: 0 0 50px; - width: 33%; - padding: 0 3%; - font-size: 20px; -} - -.features .f-box .icon { - border: 1px solid #2eccaa; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - width: 80px; - height: 80px; - display: block; - margin: 0 auto 30px; - position: relative; -} - -.features .f-box .icon img { - height: 50%; - width: 50%; - top: 25%; - position: relative; -} - -.features .f-box h3 { - color: #1fa385; - font-size: 26px; - font-weight: 400; - margin-bottom: 20px; - letter-spacing: -0.5px; - line-height: 33px; -} - -.features .f-box p { - line-height: 140%; - max-width: 330px; - margin: 0 auto; - display: block; -} - -.features .f-box a { - color: #000; -} - -.features { - text-align: center; -} - -section.pricing { - background-color: #d5f5ee; - padding: 80px 0; -} - -section.pricing h2.section-title { - font-size: 40px; - letter-spacing: -0.5px; - text-transform: none; - margin-bottom: 65px; -} - -section.pricing h2.section-title strong { - font-weight: 700; -} - -section.pricing .box { - min-height: 520px; - max-width: 410px; - padding-top: 40px; - width: 31.333%; - float: right; - margin-right: 3%; - margin-bottom: 40px; - border-radius: 30px; - background-color: #fff; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); -} - -section.pricing .pricing-tabs, -.pricing-table-tabs-menu ul { - list-style: none; - padding: 0; - margin: 0; - border-top: 1px solid #c0efe4; - border-bottom: 1px solid #c0efe4; - width: 100%; -} - -section.pricing .pricing-tabs { - text-align: center; -} - -section.pricing .pricing-tabs li, -.pricing-table-tabs-menu ul li { - line-height: 50px; - height: 50px; - cursor: pointer; - color: #1fa385; - padding: 0 10px; - font-size: 18px; - float: right; - margin-left: 5px; - font-weight: 600; - text-align: center; - border-radius: 30px; -} - -section.pricing .pricing-tabs li { - float: none; - display: inline-block; -} - -section.pricing .pricing-tabs li.current, -.pricing-table-tabs-menu ul li.current { - color: #fff; - background-color: #2eccaa; -} - -section.pricing .tab-content, -.pricing-table-tabs .tab-content { - display: none; - padding-top: 10px; -} - -section.pricing .tab-content.current, -.pricing-table-tabs .tab-content.current { - display: block; -} - -section.pricing .box h3 { - font-size: 28px; - font-weight: 700; - letter-spacing: -0.5px; - line-height: 36px; - margin: 0 0 5px; - text-align: center; -} - -section.pricing .box h3.green { - color: #1fa385; -} - -section.pricing .box p { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 25px; - text-align: center; - margin-bottom: 90px; -} - -section.pricing .box.box-tabs p { - margin-bottom: 28px; -} - -section.pricing .box table { - padding: 0 40px; - width: 100%; - font-size: 20px; - letter-spacing: 0.5px; - line-height: 25px; - margin-bottom: 20px; -} - -section.pricing .box table td { - padding: 7px 0; -} - -section.pricing .box table tr td:nth-child(2) { - text-align: left; -} - -section.pricing .box .box-price { - font-size: 18px; - letter-spacing: 2px; - line-height: 40px; - text-align: center; - width: 100%; - min-height: 150px; - position: relative; - text-transform: uppercase; -} - -section.pricing .box .box-price .save { - color: #f6664c; - font-size: 20px; - font-weight: 600; - letter-spacing: 0.5px; - text-transform: none; - display: block; - padding-bottom: 5px; -} -section.pricing .box .box-price .period { - display: block; - padding-top: 10px; - padding-bottom: -5px; -} - -section.pricing .box .first .box-price strong { - padding-top: 45px; -} -section.pricing .box .box-price strong { - font-size: 50px; - letter-spacing: -1px; - text-transform: none; - font-weight: 400; - display: block; -} - -section.pricing .box .box-price a { - color: #1fa385; - text-decoration: underline; -} - -section.pricing .box .box-price a:hover { - text-decoration: none; -} - -section.pricing .box .half.first { - border-left: 1px solid #2eccaa; -} - -section.pricing .box:first-child { - margin-right: 0; -} - -section.pricing a.button { - margin: 0 auto; -} - -section.bottom { - padding: 100px 0; -} - -section.bottom .box { - max-width: 630px; - padding: 60px; - color: #fff; - float: right; - width: 48.5%; - margin-right: 3%; - border-radius: 30px; - background-repeat: no-repeat; - background-position: center center; - background-size: cover; -} - -section.bottom .box:first-child { - margin-right: 0; -} - -section.bottom .box.join { - background-color: #38f; - background-image: url("img/box-join.jpg"); -} - -section.bottom .box.join a { - position: absolute; - bottom: 40px; -} - -section.bottom .box.donate { - background-color: #f6664c; - background-image: url("img/box-donate.jpg"); -} - -section.bottom .box.donate a { - position: absolute; - bottom: 40px; -} - -section.bottom .box .title { - font-size: 40px; - letter-spacing: -1px; - line-height: 44px; - margin-bottom: 20px; - font-weight: 400; -} - -section.bottom .box .title strong { - font-weight: 700; -} - -section.bottom .box p { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 25px; - margin-bottom: 70px; -} - -body.light .main-menu ul li a { - color: #2a3744; -} - -body.light header a.button.app { - color: #fff; - background: #2eccaa; - border-color: #2eccaa; -} - -body.light header a.button.app:hover { - background-color: #2a3744; - border-color: #2a3744; - color: #fff; -} - -body.page section.content { - margin-top: 170px; - padding-bottom: 0; -} - -body.page section.content.no-mar { - margin-top: 0; -} - -.wrap h1, -.wrap h2.section-title { - color: #2a3744; - font-size: 60px; - font-weight: 400; - letter-spacing: -1px; - line-height: 75px; - text-align: center; - margin: 0 auto 60px auto; - text-transform: none; - max-width: 850px; -} - -.wrap h2.section-title { - font-size: 44px; - margin-bottom: 15px; -} - -.article { - width: 48%; - border-radius: 30px; - margin-bottom: 60px; - border: 2px solid transparent; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); - transition: all 300ms linear; - -webkit-transition: all 300ms linear; -} -.discover { - width: calc(48% - 60px); - max-width: 570px; - margin: 0 30px 80px 30px; -} - -.article:hover { - border-color: #2eccaa; -} - -.articles { - display: flex; - flex-wrap: wrap; - justify-content: space-between; -} - -.article.big { - max-width: 850px; - width: 100%; - display: block; - margin: 0 auto 80px; -} - -.article .img { - border-radius: 28px 28px 0 0; - overflow: hidden; - width: 100%; -} -.article.discover p { - font-size: 16px; - letter-spacing: 0.4px; - line-height: 22px; -} -.discover p.projects { - padding-top: 10px; -} -.layered { - display: grid; - justify-items: center; - align-items: center; -} - -.layered > * { - grid-column-start: 1; - grid-row-start: 1; -} -.discover-name { - font-size: 18px; - color: #fff; - font-weight: 600; - letter-spacing: 3px; - text-transform: uppercase; -} -.discover-name span { - padding-right: 10px; -} -.discover-name img, -.discover-name span { - vertical-align: middle; -} -.discover p.projects a.project { - display: inline-block; - color: #e9eaec; - border-radius: 3px; - background-color: #2a3744; - font-size: 14px; - font-weight: 600; - letter-spacing: 0; - line-height: 18px; - padding: 0.5px 5px; - text-decoration: none; - margin: 0 5px 5px 0; -} -.discover p.projects a.project:hover { - color: #2eccaa; -} - -.search-bar { - text-align: center; - margin: 0 auto 50px; -} -.search-bar form { - display: inline-block; - width: 630px; - border: 2px solid #bfc3c7; - border-radius: 35px; -} -.search-bar input { - margin: 5px !important; - display: inline-block; - vertical-align: middle; -} -.search-bar input.button { - margin-left: -15px !important; -} -.search-input { - width: 400px; - border: none; - padding: 0 20px; - font-size: 30px; - letter-spacing: 0; -} -.search-input:focus { - outline: none; -} -.search-input::placeholder { - font-size: 30px; - letter-spacing: 0; - line-height: 38px; -} -.discover-add { - font-size: 18px; - padding: 28px 45px; -} -.article .content { - border-radius: 30px; - background-color: #fff; - padding: 30px 40px 40px; - width: 100%; -} - -.article .img + .article .content { - border-radius: 0 0 30px 30px; -} - -.article .content .counts { - font-size: 18px; - letter-spacing: 0; - line-height: 22px; - text-align: right; -} - -.article .content .date { - color: #bfc3c7; - font-size: 12px; - letter-spacing: 0.86px; - margin-bottom: 10px; - text-transform: uppercase; -} - -.article .content h2 { - letter-spacing: -1px; - line-height: 44px; - margin: 0 0 5px; -} - -.article .content h2 a { - color: #2a3744; - font-size: 40px; - font-weight: bold; - transition: all 300ms linear; - -webkit-transition: all 300ms linear; - text-decoration: none; -} - -.article .content, -p.article .content ul { - color: #2a3744; - font-size: 20px; - letter-spacing: 0.5px; - line-height: 30px; - transition: all 300ms linear; - -webkit-transition: all 300ms linear; -} - -.article .content a, -.article:hover h2 a, -a.link { - color: #2eccaa; - text-decoration: underline; -} -.article .content a.button { - color: #fff; - text-decoration: none; - margin-top: 10px; -} -.article .content a.button:hover { - color: #2eccaa; -} - -.float-right { - float: left; -} - -body.page section.bottom { - padding-top: 10px; -} - -.article.big.post { - box-shadow: none; - border: 0; -} - -.article.big.post .img { - margin-bottom: 50px; -} - -.article.big.post .img img { - border-radius: 30px; -} - -.article.big.post .content { - margin: 0 auto; - max-width: 640px; - display: block; - padding: 0; -} - -.article .post-links-top { - float: left; - max-width: 250px; - text-align: left; - width: 100%; - padding-top: 10px; -} - -.article .post-links span { - color: #2a3744; - font-size: 16px; - margin-left: 5px; - position: relative; - top: -18px; -} - -.article .post-links a.icon { - height: 50px; - width: 50px; - border: 1px solid white; - border-radius: 25px; - margin-right: 10px; - display: inline-block; - background-position: center center; - background-repeat: no-repeat; - filter: invert(62%) sepia(92%) saturate(304%) hue-rotate(117deg) - brightness(130%) contrast(141%); - transition: none; - -webkit-transition: none; -} - -.article .post-links a.icon:hover { - filter: none; - background-color: #1fa385; - border-color: #1fa385; -} - -.post-footer h2 { - font-weight: normal; -} - -.post-footer .button { - min-width: inherit; -} - -.article .author { - float: right; - max-width: 300px; - width: 100%; - color: #1d1d1b; - font-size: 16px; - line-height: 24px; -} - -.article .author .avatar { - float: right; - margin-left: 30px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - margin-top: -5px; -} - -.entry { - color: #2a3744; - font-size: 20px; - float: right; - width: 100%; - margin-top: 40px; -} - -.entry p { - line-height: 26px; - margin-bottom: 40px; -} - -.entry img { - margin-bottom: 40px; -} - -.entry p.desc { - font-size: 26px; - line-height: 36px; -} - -.article .content .entry h2 { - font-size: 30px; - font-weight: 600; - line-height: 38px; - margin: 0 0 15px; -} - -.entry blockquote { - margin: 5px 0 40px 0; - padding-right: 20px; - border-right: 20px solid #f6664c; -} - -.entry blockquote p { - margin-bottom: 25px; -} - -.related-posts .article { - width: 30%; -} - -.related-posts .article h2 { - line-height: 32px; -} - -.related-posts .article h2 a { - font-size: 28px; - color: #1fa385; -} - -.related-posts { - margin-top: 100px; -} - -.related-posts .section-title { - color: #2a3744; - font-size: 40px; - letter-spacing: -1px; - line-height: 44px; - text-transform: none; - font-weight: 400; -} - -.page-desc { - display: block; - margin: 0 auto 50px; - max-width: 850px; - text-align: center; - font-size: 20px; - letter-spacing: 0.5px; - line-height: 30px; -} - -.page-desc.small { - font-size: 16px; -} - -.page-desc p { - margin-bottom: 45px; -} - -.page-desc p.small { - margin-bottom: 5px; -} - -.page-desc p a { - text-decoration: underline; - color: #2eccaa; -} - -.page-desc a:hover { - text-decoration: none; -} - -.section-title.min-m { - margin-bottom: 40px; -} - -.formats { - background-color: #2eccaa; - padding: 20px 0; - text-align: center; -} - -.format-item { - height: 30px; - padding: 0 10px 0 0; - border-radius: 5px; - background-color: #144d3f; - margin: 10px 22px; - display: inline-table; - overflow: hidden; - color: #fff; - font-size: 16px; - font-weight: 600; -} - -.format-item span { - font-size: 14px; - padding: 0 12px; - font-weight: 400; - margin: 0 10px 0 -1px; - line-height: 30px; - border-radius: 5px 0 0 5px; - display: inline-block; - color: #fff; - background-color: #1fa385; -} - -section.about { - padding: 100px 0 85px 0; - text-align: center; -} - -section.contact { - padding: 0 0 100px 0; - text-align: center; -} - -section.about .section-title, -section.contact .section-title { - font-size: 60px; - letter-spacing: -1px; - line-height: 75px; - margin-bottom: 30px; - text-transform: none; - font-weight: 300; -} - -section.about p { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 30px; - max-width: 850px; - display: block; - margin: 0 auto 60px; -} - -.interface { - background-color: #2a3744; - color: #fff; - padding: 30px 0 0; -} - -.interface .row { - position: relative; - max-width: 850px; -} - -.interface img.photo { - display: block; -} - -.inter-title { - font-size: 40px; - letter-spacing: -1px; - line-height: 44px; - margin-bottom: 30px; - max-width: 300px; -} - -.inter-checks { - width: 430px; - position: absolute; - top: -135px; - left: 20px; - color: #bfc3c7; - font-size: 26px; - letter-spacing: -0.5px; - line-height: 33px; - text-align: left; -} - -.inter-checks img { - width: 200px; -} - -.inter-checks .title { - float: right; - width: 200px; - padding-top: 150px; -} - -.inter-context { - width: 220px; - position: absolute; - top: 90px; - left: -225px; - color: #bfc3c7; - font-size: 16px; - letter-spacing: 0.4px; - line-height: 24px; -} - -.interface .title { - font-size: 26px; - letter-spacing: -0.5px; - line-height: 33px; - margin-bottom: 15px; -} - -.inter-context p, -.inter-fluent p { - margin-bottom: 20px; -} - -.inter-context img, -.inter-fluent img, -.inter-checks img { - border-radius: 3px; - box-shadow: 0 0 3px 1px #ccc; -} - -.inter-fluent { - width: 490px; - position: absolute; - bottom: -30px; - right: -205px; - color: #bfc3c7; - font-size: 16px; - letter-spacing: 0.4px; - line-height: 24px; -} - -.inter-fluent .title, -.inter-fluent p { - width: 200px; -} - -body.download { - background-repeat: no-repeat; - background-position: center top; - background-image: url("img/download-bg.jpg"); -} - -body.donate { - background-repeat: no-repeat; - background-position: center top; - background-image: url("img/donate-bg.jpg"); -} - -body.contribute { - background-repeat: no-repeat; - background-position: center top; - background-image: url("img/contribute-bg.jpg"); -} - -body.pricing { - background-repeat: no-repeat; - background-position: center top; - background-image: url("img/pricing-bg.jpg"); -} - -body.gethelp { - background-repeat: no-repeat; - background-position: center top; - background-image: url("img/gethelp-bg.jpg"); -} - -body.pfeatures { - background-repeat: no-repeat; - background-position: center top; - background-image: url("img/features-bg.jpg"); -} - -body.pabout { - background-repeat: no-repeat; - background-position: center top; - background-image: url("img/about-bg.jpg"); -} - -.donations-cols .col { - width: calc(33.333% - 20px); - float: right; - margin-right: 30px; - border-radius: 20px; - background-color: #ccf6fa; - text-align: center; - position: relative; -} - -.donations-cols .col:first-child { - margin-right: 0; -} - -.donations-cols .col .title { - padding: 30px; - font-size: 28px; - font-weight: bold; - letter-spacing: -0.5px; - line-height: 36px; - margin-bottom: 195px; -} - -.donate.page .donations-cols .col .badges { - padding-top: 25px; - border-top: 1px solid #fff; - position: absolute; - bottom: 0; - width: 100%; -} - -.donations-cols .col a.format-item, -.box a.format-item { - height: 36px; -} - -.donations-cols .col a.format-item span, -.box a.format-item span { - line-height: 36px; -} - -.donations-cols .col a.button { - margin: 25px auto 40px; - min-width: 140px; -} - -.di-section { - float: right; - width: 100%; - margin: 50px 0; -} - -.di-section:nth-child(2n + 0) .half-content { - padding-right: 21%; - padding-left: 2%; -} - -.di-section:nth-child(2n + 0) .half-img { - float: left; - text-align: left; -} - -.half-img.border img { - border-radius: 20px 0 0 20px; -} - -.di-section .half-content { - padding: 40px 2% 0 0; -} - -.di-section .half-content h2 { - font-size: 40px; - letter-spacing: -1px; - line-height: 44px; - font-weight: 400; - margin-bottom: 25px; -} - -.di-section .half-content p { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 30px; - margin-bottom: 40px; - max-width: 550px; -} - -.di-section .half-content a.button { - margin-right: 0; -} - -.currency { - width: 100%; - float: right; - border-radius: 20px; - padding-bottom: 20px; - background-color: #fff; - margin-bottom: 100px; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -} - -.currency .head { - width: 100%; - float: right; - padding: 22px 30px; - font-size: 28px; - letter-spacing: -0.5px; - line-height: 36px; - margin-bottom: 10px; - border-bottom: 1px solid #e9eaec; -} - -.currency .line { - width: 100%; - float: right; - padding: 14px 30px; -} - -.currency .line-left { - width: 200px; - float: right; -} - -.currency .line-left a { - color: #1fa385; - font-size: 20px; - text-decoration: underline; - letter-spacing: 0.5px; - background-repeat: no-repeat; - background-position: right center; -} - -.currency .line-left a.icon-bitcoin { - background-image: url("img/icon-bitcoin.svg"); -} - -.currency .line-left a.icon-litecoin { - background-image: url("img/icon-litecoin.svg"); -} - -.currency .line-left a.icon-dash { - background-image: url("img/icon-dash.svg"); -} - -.currency .line-left a.icon-zcash { - background-image: url("img/icon-zcash.svg"); - background-position: calc(100% - 4px) center; -} - -.currency .line-left a.icon-ethereum { - background-image: url("img/icon-ethereum.svg"); - background-position: calc(100% - 3px) center; -} - -.currency .line-left a.icon-monero { - background-image: url("img/icon-monero.svg"); -} - -.currency .line-left a:hover { - text-decoration: none; -} - -.currency .line-right { - width: calc(100% - 200px); - float: right; - font-size: 18px; - word-wrap: break-word; - letter-spacing: 0.45px; -} - -.currency .line .line-left a { - padding-right: 35px; -} - -.currency .head .line-right { - font-size: 28px; - letter-spacing: -0.5px; - line-height: 36px; -} - -h2.section-title.crypto { - font-size: 40px; - letter-spacing: -1px; - line-height: 44px; - text-align: center; - margin-bottom: 30px; - text-transform: none; - font-weight: 400; -} - -h2.section-title.bigger { - font-size: 60px; -} - -img.supporters { - display: inline-block; - margin: 0 15px 15px; -} - -.supporters-items { - text-align: center; - margin-bottom: 35px; - width: 100%; -} - -body.page section.content.crypto { - padding-bottom: 100px; -} - -div.contact { - padding: 20px 20px 30px; - max-width: 400px; - width: 100%; - display: block; - margin: 0 auto; - letter-spacing: 0.5px; - line-height: 22px; -} - -div.contact a { - color: #1fa385; -} - -div.contact .form-line { - border-bottom: none; -} -div.contact .form-line:last-child { - border-top: none; -} - -div.contact .form-line .line-left { - width: calc(50% - 40px); - text-align: left; -} - -div.contact .form-line .line-right { - width: calc(50% - 40px); - text-align: right; -} - -div.contact .form-line > div { - font-size: 16px; - padding: 5px; -} - -.payment-form { - max-width: 910px; - width: 100%; - padding: 40px 40px 60px; - display: block; - margin: 0 auto 50px; - border-radius: 20px; - background-color: #fff; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -} - -.payment-form .title { - font-size: 40px; - letter-spacing: -1px; - line-height: 44px; - text-align: center; - margin-bottom: 35px; -} - -.payment-form .title.pick { - margin-top: 60px; - margin-bottom: 25px; -} - -p.small { - font-size: 16px; - line-height: 24px; - text-align: center; - max-width: 850px; - display: block; - margin: 0 auto; -} - -.payment-input { - height: 70px; - padding: 0 20px; - outline: none; - display: block; - margin: 0 auto 10px; - width: 250px; - border: 2px solid #bfc3c7; - border-radius: 10px; - background-color: #fff; - color: #000; - font-size: 30px; - line-height: 49px; -} - -.payment-form input[type="radio"] { - position: absolute; - visibility: hidden; -} - -.payment-form .biglabel { - background-color: #fff; - height: 100px; - line-height: 100px; - width: 190px; - color: #1fa385; - cursor: pointer; - font-weight: 600; - font-size: 18px; - text-align: center; - display: inline-table; - border: 1px solid #2eccaa; - border-radius: 10px; - margin: 15px; -} - -input[type="radio"]:checked + .biglabel { - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxNy41IiAgIGhlaWdodD0iMTMuNDEiICAgdmlld0JveD0iMCAwIDE3LjUgMTMuNDEiICAgaWQ9InN2ZzQiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2suc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczgiIC8+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIgICAgIGlua3NjYXBlOmN4PSIzLjQ2NjEwMTciICAgICBpbmtzY2FwZTpjeT0iNyIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPiAgPHBhdGggICAgIGQ9Im0gMTcuNSwxLjQxIC0xMiwxMiBMIDAsNy45MSAxLjQxLDYuNSA1LjUsMTAuNTggMTYuMDksMCBaIiAgICAgaWQ9InBhdGgyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmYiIC8+PC9zdmc+); - background-repeat: no-repeat; - background-position: center 20px; - background-color: #1fa385; - color: #fff; -} - -.payment-form .biglabel:hover { - background-color: #1fa385; - color: #fff; -} - -.text-muted, -.help { - font-size: 16px; - color: #777; -} - -.pick-items { - max-width: 450px; - display: block; - text-align: center; - margin: 0 auto 40px; -} - -.rewards { - width: 100%; - float: right; - margin-bottom: 35px; -} - -.rewards .reward { - height: 260px; - max-width: 380px; - width: calc(50% - 30px); - margin: 15px; - float: right; - border: 1px solid #2eccaa; - border-radius: 20px; - padding: 30px; - cursor: pointer; - position: relative; - text-align: center; - transition: all 300ms linear; - -webkit-transition: all 300ms linear; -} - -.rewards .reward.small { - opacity: 0.2; -} - -.rewards .reward.big { - border-color: #ccf6fa; - background-color: #ccf6fa; -} - -.rewards .reward.checked { - border-color: #d5f5ee; - padding-top: 70px; - background-color: #d5f5ee; - transition: all 300ms linear; - -webkit-transition: all 300ms linear; -} - -.rewards .reward a.button { - min-width: 140px; -} - -.rewards .reward .before { - display: none; -} - -.rewards .reward.checked .before { - display: block; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxNy41IiAgIGhlaWdodD0iMTMuNDEiICAgdmlld0JveD0iMCAwIDE3LjUgMTMuNDEiICAgaWQ9InN2ZzQiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2suc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczgiIC8+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIgICAgIGlua3NjYXBlOmN4PSIzLjQ2NjEwMTciICAgICBpbmtzY2FwZTpjeT0iNyIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPiAgPHBhdGggICAgIGQ9Im0gMTcuNSwxLjQxIC0xMiwxMiBMIDAsNy45MSAxLjQxLDYuNSA1LjUsMTAuNTggMTYuMDksMCBaIiAgICAgaWQ9InBhdGgyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmYiIC8+PC9zdmc+); - background-repeat: no-repeat; - background-position: calc(100% - 30px) center; - height: 60px; - width: 100%; - text-align: right; - position: absolute; - top: 0; - right: 0; - float: right; - line-height: 60px; - padding-right: 60px; - font-weight: 600; - border-radius: 20px 20px 0 0; - background-color: #1fa385; - font-size: 18px; - margin-bottom: 15px; - color: #fff; -} - -.rewards .reward.checked .choose, -.rewards .reward.small .choose { - display: none; -} - -.rewards .reward .unavailable { - display: none; -} - -.rewards .reward.small .unavailable { - display: block; -} - -.rewards .reward p { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 30px; - text-align: center; - margin: 20px 0; -} - -.rewards .reward .title { - font-size: 28px; - font-weight: bold; - letter-spacing: -0.5px; - line-height: 36px; - text-align: center; - margin-bottom: 20px; -} - -.rewards .reward a.close { - height: 50px; - width: 50px; - background-color: #fff; - text-align: center; - line-height: 50px; - font-weight: 100; - font-size: 25px; - color: #f00; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - display: none; - margin: 0 auto; -} - -.rewards .reward.checked a.close { - display: block; -} -.nowhoa, -.whoa { - display: none; -} - -.help-cols { - width: 100%; - float: right; - margin: 55px 0 0; -} - -.help-cols .col { - width: 33.333%; - float: right; -} - -.help-cols .col .icon { - height: 160px; - width: 160px; - float: right; - background-color: #fff; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - text-align: center; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); - position: relative; -} - -.help-cols .col .icon img { - position: absolute; - top: 50%; - right: 50%; - transform: translate(50%, -50%); -} - -.help-cols .col .content { - width: calc(100% - 190px); - float: left; - padding-top: 20px; - padding-left: 8%; -} - -.help-cols .col .content .title { - font-size: 26px; - letter-spacing: -0.5px; - line-height: 33px; - margin-bottom: 20px; -} - -.help-cols .col .content p { - font-size: 16px; - line-height: 24px; -} - -.help-cols .col .content a { - color: #2eccaa; - text-decoration: underline; -} - -.help-cols .col .content a:hover { - text-decoration: none; -} - -.installations .box { - width: 48.5%; - margin: 0 2% 2% 0; - padding: 40px; - min-height: 390px; - display: inline-table; - border-radius: 20px; - background-color: #d5f5ee; - font-size: 20px; - letter-spacing: 0.5px; - line-height: 26px; -} - -.installations .box:nth-child(2n + 1) { - margin-right: 0; -} - -.installations .box .icon { - float: left; -} - -.installations .box h2 { - font-size: 28px; - font-weight: 700; - letter-spacing: -0.5px; - line-height: 36px; - margin: 0 0 20px; -} - -.installations .box ul { - margin: 0 25px 20px 0; - max-width: 380px; - list-style: none; - clear: right; - padding-bottom: 32px; -} - -.installations .box li::before, -.contribution-list .box ul li::before { - content: "•"; - display: inline-block; - width: 1em; - margin-right: -1em; -} - -.installations .box li { - margin-bottom: 5px; -} - -.installations a.button.center { - margin-top: 20px; -} - -h2.section-title.payment-conditions { - margin-top: 100px; - color: #1fa385; - font-size: 26px; - margin-bottom: 15px; -} - -.github-discuss a { - color: #2eccaa; - text-decoration: underline; -} - -.github-discuss a:hover { - text-decoration: none; -} - -.payment-form input[type="text"], -.payment-form input[type="email"], -.payment-form select { - height: 50px; - border-radius: 25px; - background-color: #e1e3e5; - margin-left: 20px; - border: 0; - font-size: 18px; - padding: 0 25px; - color: #000; - outline: none; -} - -.payment-form select { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - padding-left: 50px; - background-image: url("img/arrow-down-black.svg"); - background-position: 20px center; - background-repeat: no-repeat; -} - -.github-discuss { - background-image: url("img/github.png"); - background-position: right center; - background-repeat: no-repeat; - min-height: 160px; - padding-top: 58px; - border-radius: 20px; - background-color: #f8f9f9; - color: #2a3744; - font-size: 40px; - letter-spacing: -1px; - line-height: 44px; - float: right; - width: 100%; - padding-right: 400px; -} - -.libre-hosting { - background-image: url("img/LibreGirlRTL.png"); - background-position: right center; - background-repeat: no-repeat; - background-color: #d5f5ee; - min-height: 200px; - border-radius: 20px; - float: right; - width: 100%; - padding: 0 330px 30px 30px; - color: #2a3744; - margin: 50px 0 100px 0; -} -.libre-hosting h2 { - font-size: 28px; - font-weight: bold; - letter-spacing: -0.5px; - line-height: 36px; -} -.libre-hosting p { - font-size: 20px; - letter-spacing: 0.4px; - line-height: 30px; -} - -body.page .supporters { - margin-bottom: 0; -} - -h2.section-title.hp-style { - color: #2a3744; - font-size: 18px !important; - font-weight: 300; - letter-spacing: 2px; - line-height: 23px; - margin-bottom: 40px; - text-transform: uppercase; -} - -.pricing-table { - width: 100%; - float: right; - margin-bottom: 100px; -} - -.pricing-table-top { - float: right; - width: calc(100% - 480px); - min-width: 580px; - margin: 0 240px 0 240px; - border-radius: 20px 20px 0 0; - background-color: #2eccaa; - padding: 12px; - color: #ffffff; - font-size: 20px; - letter-spacing: 0; - line-height: 25px; - text-align: center; -} - -.pricing-table-left { - width: 220px; - float: right; - border-radius: 20px; - padding: 10px 20px 15px 50px; - left: -25px; - position: relative; - background-color: #e9eaec; - margin-top: 130px; -} - -.pricing-table-left .line { - height: 80px; - position: relative; -} - -.pricing-table-left .line span.middle { - position: absolute; - top: 50%; - right: 0; - transform: translate(0, -50%); -} - -.pricing-table-right { - width: calc(100% - 220px); - float: left; - text-align: center; - border-radius: 20px; - background-color: #fff; - color: #2a3744; - font-size: 20px; - position: relative; - z-index: 100; - letter-spacing: 0.5px; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); - overflow: auto; -} - -.pricing-table-right-inner { - width: 100%; - min-width: 870px; -} -.pricing-table-right-inner-2 { - min-width: 1050px; -} - -.pricing-table-right .col { - width: 20%; - float: right; - min-width: 145px; - border-right: 1px solid #e8e9eb; -} -.pricing-table-right-2 .col { - width: 14.25%; -} - -.pricing-table-right .col:nth-child(1) { - border-right: 0; -} - -.pricing-table .line { - line-height: 125%; - padding: 27.5px 0; - min-height: 80px; -} - -.pricing-table .head { - line-height: 165%; - height: 140px; -} -.pricing-table .head.blue { - color: #3388ff; -} -.pricing-table .head.red { - color: #f6664c; -} - -.pricing-table .head strong { - font-size: 28px; - font-weight: bold; - letter-spacing: -0.5px; -} - -.pricing-table .line a { - color: #2eccaa; - letter-spacing: -0.5px; -} -.pricing-table-left .line a { - color: #1fa385; -} -.pricing-table-left .line a:hover { - color: #2eccaa; -} - -.pricing-table a:hover { - text-decoration: underline; -} - -.pricing-table-right .col .head.regular strong { - font-weight: 400; -} - -.pricing-table-right .col span.green { - color: #2eccaa; -} - -.pricing-table-right .col span.red { - color: #f6664c; -} - -.pricing-table .pricing-table-left .line, -.pricing-table .pricing-table-left .line a { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 125%; - word-break: break-word; -} - -.pricing-table-right .col span.check { - width: 20px; - height: 15px; - display: inline-block; - background-repeat: no-repeat; - background-position: center center; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxNy41IiAgIGhlaWdodD0iMTMuNDEiICAgdmlld0JveD0iMCAwIDE3LjUgMTMuNDEiICAgaWQ9InN2ZzQiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2suc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczgiIC8+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIgICAgIGlua3NjYXBlOmN4PSIzLjQ2NjEwMTciICAgICBpbmtzY2FwZTpjeT0iNyIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPiAgPHBhdGggICAgIGQ9Im0gMTcuNSwxLjQxIC0xMiwxMiBMIDAsNy45MSAxLjQxLDYuNSA1LjUsMTAuNTggMTYuMDksMCBaIiAgICAgaWQ9InBhdGgyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiMyZWNjYWE7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+); -} - -.pricing-table-right .col span.cross { - width: 15px; - height: 15px; - display: inline-block; - background-repeat: no-repeat; - background-position: center center; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxNCIgICBoZWlnaHQ9IjE0IiAgIHZpZXdCb3g9IjAgMCAxNCAxNCIgICBpZD0ic3ZnNCIgICBzb2RpcG9kaTpkb2NuYW1lPSJjbG9zZS5zdmciICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi40ICg1ZGE2ODljMzEzLCAyMDE5LTAxLTE0KSI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTEwIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzOCIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciICAgICBpZD0ibmFtZWR2aWV3NiIgICAgIHNob3dncmlkPSJmYWxzZSIgICAgIGZpdC1tYXJnaW4tdG9wPSIwIiAgICAgZml0LW1hcmdpbi1sZWZ0PSIwIiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCIgICAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIiAgICAgaW5rc2NhcGU6em9vbT0iOS44MzMzMzMzIiAgICAgaW5rc2NhcGU6Y3g9IjEuOTY2MTAxNyIgICAgIGlua3NjYXBlOmN5PSI3IiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjE5MTIiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4gIDxwYXRoICAgICBkPSJNIDE0LDEuNDEgMTIuNTksMCA3LDUuNTkgMS40MSwwIDAsMS40MSA1LjU5LDcgMCwxMi41OSAxLjQxLDE0IDcsOC40MSAxMi41OSwxNCAxNCwxMi41OSA4LjQxLDcgWiIgICAgIGlkPSJwYXRoMiIgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICBzdHlsZT0iZmlsbDojZjM2OTUwO2ZpbGwtb3BhY2l0eToxIiAvPjwvc3ZnPg==); -} - -.pricing-table-right .col span.info { - height: 15px; - width: 15px; - display: inline-block; - color: #fff; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - background-color: #2eccaa; - font-size: 11px; - line-height: 15px; -} - -.pricing-table-tabs-menu { - height: 100px; - background-color: #e9eaec; - width: 100%; - padding: 25px 50px; - float: right; -} - -.pricing-table-tabs { - float: right; - width: 100%; -} - -.pricing-table-tabs-menu ul { - border: 1px solid #00d2e6; - border-radius: 30px; - width: 260px; - background-color: #fff; - float: right; -} - -.pricing-table-tabs-menu ul li { - width: 50%; - margin-left: 0; -} - -.pricing-table-tabs-menu .tabs-checkbox { - margin: 15px; - float: right; -} - -.pricing-table-tabs-menu .tabs-info { - margin-top: 15px; -} - -.pricing-table-right .col .price { - padding-bottom: 0; -} - -.pricing-table-right .col .price strong { - font-size: 50px; - letter-spacing: -1px; - line-height: 54px; - display: block; - font-weight: 400; - margin-bottom: 10px; -} -.pricing-table-right .col .price.small { - padding: 34px 40px; - text-align: center; -} - -.pricing-table-right .col .line.last { - padding-top: 0 !important; - min-height: 60px; -} - -.pricing-table-right .col .line.last, -.pricing-table-right .col .line.last a { - font-size: 16px; -} - -.pricing-table-right .col a.button { - font-size: 18px; - min-width: 120px; - color: #fff; - display: block; - margin: 0 20px; - text-decoration: none; -} - -.pricing-table-right .col a.button:hover { - color: #2eccaa; -} - -.pricing-table-right .col a.button.border.rev, -.pricing-table-right .col input.button.border.rev { - color: #2eccaa; -} - -.pricing-table-right .col a.button.border.rev:hover, -.pricing-table-right .col input.button.border.rev:hover { - color: #fff; -} - -.contribution-list .box, -.aboutus-list .box { - width: 48.5%; - margin: 0 2% 40px 0; - display: inline-table; - padding: 30px 40px 40px; - border-radius: 20px; - background-color: #fff; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -} - -.contribution-list .box:nth-child(2n + 1), -.aboutus-list .box:nth-child(2n + 1) { - margin-right: 0; -} - -.contribution-list .box h2 { - font-size: 40px; - letter-spacing: -1px; - line-height: 44px; - margin: 0 0 20px; - font-weight: 400; -} - -.contribution-list .box ul, -.contribution-list .box p { - margin: 0 25px 35px 0; - padding: 0; - list-style: none; - padding-bottom: 40px; -} - -.contribution-list .box ul li, -.contribution-list .box p { - margin-bottom: 5px; - font-size: 20px; - letter-spacing: 0.5px; - line-height: 26px; -} - -.contribution-list .box p { - margin-bottom: 35px; -} - -.contribution-list .box ul li a, -.contribution-list .box p a, -.box li a { - color: #2eccaa; - text-decoration: underline; -} - -.contribution-list .box ul li a:hover, -.contribution-list .box p a:hover, -.box li a:hover { - text-decoration: none; -} - -.bottom.contribute-bottom .box { - float: none; - display: block; - margin: 0 auto !important; -} - -.aboutus-list { - max-width: 1100px; - margin: 0 auto 65px; - display: block; -} - -.aboutus-list .box { - border-radius: 20px 20px 0 20px; - background-color: #2eccaa; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); - position: relative; - display: inline-block; -} - -.aboutus-list .box:nth-child(4) { - width: 38%; - margin-left: 10%; - top: -150px; -} - -.aboutus-list .box.blue:nth-child(3) { - width: 38%; - margin-right: 10%; -} - -.aboutus-list .box:nth-child(2) { - top: 50px; -} - -.aboutus-list .box .avatar { - position: absolute; - top: 15px; - right: -95px; -} - -.aboutus-list .box::before { - width: 0; - height: 0; - border-style: solid; - border-width: 31px 0 0 31px; - border-color: #2eccaa transparent transparent transparent; - position: absolute; - bottom: -30px; - right: 0; - content: ""; -} - -.aboutus-list .box.blue::before { - border-width: 0 0 31px 31px; - border-color: transparent transparent transparent #00d2e6; - left: 0; - right: inherit; -} - -.aboutus-list .box.blue { - background-color: #00d2e6; - border-radius: 20px 20px 20px 0; - display: inline-block !important; - min-height: unset; -} - -.aboutus-list .box.green { - display: inline-block !important; - min-height: unset; -} - -.aboutus-list .box h2 { - color: #fff; - font-size: 28px; - letter-spacing: -0.5px; - font-weight: 400; - line-height: 36px; - margin: 10px 0 20px; -} - -.aboutus-list .box h2 a { - color: #2a3744; - font-size: 28px; - letter-spacing: -0.5px; - line-height: 36px; - text-decoration: underline; -} - -.aboutus-list .box h2 a:hover { - text-decoration: none; -} - -.aboutus-list .box .date { - color: #fff; - font-size: 16px; - line-height: 24px; -} - -.aboutus-list .box p { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 30px; -} - -.half.half-translations.history { - border-radius: 50px; - background-color: #fff; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); - display: block; - padding: 20px 20px 30px; - float: none; - margin: 0 auto 50px; -} - -.half.half-translations.history .trans-item { - border: 1px solid #b3f0f6; - border-radius: 30px; - padding: 12px 30px; - margin: 0 0 20px; - width: 100%; - height: auto; - display: block; - transition: all 300ms linear; - -webkit-transition: all 300ms linear; -} - -.half.half-translations.history .trans-item:hover { - border: 1px solid #39cca8; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -} - -.half.half-translations.history .trans-item .trans-title { - color: #32a688; - text-transform: uppercase; - font-size: 12px; - margin-bottom: 0; - transition: all 300ms linear; - -webkit-transition: all 300ms linear; -} - -.half.half-translations.history .trans-item .trans-project { - color: #47505b; - padding-right: 0; - font-size: 16px; - text-transform: none; - line-height: 130%; - transition: all 300ms linear; - -webkit-transition: all 300ms linear; - width: 100%; - white-space: normal; -} - -.half.half-translations.history .trans-item:hover .trans-project, -.half.half-translations.history .trans-item:hover .trans-title { - color: #2eccaa; -} - -.donations-info.aboutus .di-section .half-content h2 { - margin-bottom: 10px; - margin-top: 0; -} - -.donations-info.aboutus .di-section .half-content .user-info { - color: #2a3744; - font-size: 12px; - letter-spacing: 0.86px; - text-transform: uppercase; - line-height: 15px; - margin-bottom: 25px; -} - -.donations-info.aboutus .di-section .half-content a { - color: #2eccaa; - text-decoration: underline; -} - -.donations-info.aboutus .di-section .half-content a:hover { - text-decoration: none; -} - -.quick-installation { - min-height: 192px; - width: 100%; - float: right; - padding: 40px 0 0 120px; - border-radius: 20px; - background-color: #fff; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); - margin: 40px 0 80px; - background-position: right center; - background-repeat: no-repeat; -} - -.quick-installation::before { - background-image: url("img/icon-quick-installation.svg"); - height: 192px; - width: 192px; - float: right; - margin-left: 60px; - content: ""; - border-radius: 0 20px 20px 0; - background-color: #2eccaa; - margin-top: -40px; -} - -.quick-installation .quick-title { - font-size: 40px; - letter-spacing: -1px; - line-height: 44px; - margin-bottom: 15px; -} - -.quick-installation p { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 26px; -} - -.quick-installation p a, -.donations-cols.download-cols .col li a, -.libre-hosting a, -input.link, -a.link { - color: #2eccaa; - text-decoration: underline; -} - -.quick-installation p a:hover, -.donations-cols.download-cols .col li a:hover, -.libre-hosting a:hover, -input.link:hover, -a.link:hover { - text-decoration: none; -} - -.quick-installation a.button { - margin-top: 30px; -} - -h2.section-title.left { - text-align: right; -} - -.download-wrap { - margin: 0 auto; - display: block; - max-width: 850px; -} - -.download-wrap p { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 30px; - margin-bottom: 35px; -} - -.download-list { - max-width: 590px; - margin-bottom: 100px; -} - -.download-list .file-item { - display: block; - background-image: url("img/icon-download-hover.svg"); - background-repeat: no-repeat; - background-position: calc(100% - 40px) center; - width: 100%; - border: 1px solid #b3f0f6; - border-radius: 35px; - padding-right: 120px; - margin-bottom: 20px; - position: relative; - padding-top: 14px; - padding-bottom: 14px; - transition: all 300ms linear; - -webkit-transition: all 300ms linear; - color: #1fa385; - text-decoration: underline; -} - -.download-list .file-item:hover { - color: #fff; -} - -.download-list .file-item::before { - height: calc(100% - 20px); - width: 1px; - background: #b3f0f6; - position: absolute; - top: 10px; - right: 80px; - content: ""; -} - -.download-list .file-item:hover { - background-image: url("img/icon-download.svg"); - background-color: #2aa284; - color: #fff; - border: 1px solid #2aa284; -} - -.download-list .file-item .name { - color: #1fa385; - font-size: 16px; - margin-bottom: 6px; - line-height: 20px; - text-decoration: underline; -} - -.download-list .file-item .info { - font-size: 12px; -} - -.download-list .file-item .info span { - color: #1fa385; - text-decoration: underline; - text-transform: uppercase; -} - -.download-list .file-item:hover .name, -.download-list .file-item:hover .info span { - color: #fff; -} - -.download-cols { - margin-bottom: 100px; - float: right; - width: 100%; -} - -.download-cols .col { - background-color: #d5f5ee; - text-align: right; - padding: 30px 35px; - width: 31.5%; -} - -.donations-cols.download-cols .col .title { - padding: 0; - border-bottom: 0; - margin-top: 20px; - margin-bottom: 15px; -} - -.donations-cols.download-cols .col a.button { - float: right; - margin-bottom: 10px; -} - -.donations-cols.download-cols .col .d-logo img { - height: 60px; -} - -.donations-cols.download-cols .col p { - font-size: 20px; - letter-spacing: 0.5px; - line-height: 30px; - margin-bottom: 15px; -} - -.download-wrap p a { - color: #2eccaa; - text-decoration: underline; -} - -.download-wrap p a:hover { - text-decoration: none; -} - -input.button.make-payment { - height: 60px; - min-width: 230px; -} - -.form-line { - width: calc(100% + 80px); - border-bottom: 1px solid #e9eaec; - margin-right: -40px; -} - -.form-line:last-child { - border-bottom: none; - border-top: 1px solid #e9eaec; -} - -.form-line > div { - padding: 10px; - font-size: 20px; -} - -.form-line .line-left { - width: 200px; - float: right; - font-weight: 600; - margin-right: 40px; -} - -.form-line .line-right { - width: calc(100% - 280px); - float: right; - margin-left: 40px; -} - -.payment-pick { - text-align: center; - width: 100%; - margin-bottom: 40px; -} - -.payment-form .payment-pick .biglabel { - border-color: #eaeced; - background: #fff; - padding-top: 80px; - height: 130px; - line-height: 130%; - color: #2aa284; - position: relative; -} - -.payment-form .payment-pick .biglabel:hover, -.payment-form .payment-pick input[type="radio"]:checked + .biglabel { - border-color: #8de1cf; - background-color: #eaf9f6; - color: #2aa284; - font-weight: 600; -} - -.payment-form .payment-pick .biglabel::before { - position: absolute; - top: 13px; - background-size: 20px auto; - right: 50%; - margin-right: -10px; - width: 20px; - content: ""; - height: 15px; - background-repeat: no-repeat; -} - -.payment-form .payment-pick input[type="radio"]:checked + .biglabel::before { - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxNy41IiAgIGhlaWdodD0iMTMuNDEiICAgdmlld0JveD0iMCAwIDE3LjUgMTMuNDEiICAgaWQ9InN2ZzQiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2suc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZSAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczgiIC8+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIgICAgIGlua3NjYXBlOmN4PSItMTguOTA2NzgiICAgICBpbmtzY2FwZTpjeT0iNyIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPiAgPHBhdGggICAgIGQ9Im0gMTcuNSwxLjQxIC0xMiwxMiBMIDAsNy45MSAxLjQxLDYuNSA1LjUsMTAuNTggMTYuMDksMCBaIiAgICAgaWQ9InBhdGgyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiMyZGEzODU7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+); -} - -.payment-form .payment-pick .biglabel.pay-reject, -.payment-form .payment-pick .biglabel.pay-thepay2-bitcoin { - background-repeat: no-repeat; - background-position: center 40%; - background-size: 145px auto; - background-image: url("img/logo-bitcoin.svg"); -} - -.payment-form .payment-pick .biglabel.pay-pay, -.payment-form .payment-pick .biglabel.pay-thepay2-card { - background-repeat: no-repeat; - background-position: center 40%; - background-size: 140px auto; - background-image: url("img/logo-visa.svg"); -} - -.payment-form .payment-pick .biglabel.pay-pending, -.payment-form .payment-pick .biglabel.pay-fio-bank { - background-repeat: no-repeat; - background-position: center 40%; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxOSIgICBoZWlnaHQ9IjIxIiAgIHZpZXdCb3g9IjAgMCAxOSAyMSIgICBpZD0ic3ZnNCIgICBzb2RpcG9kaTpkb2NuYW1lPSJiYW5rLnN2ZyIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIj4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMTAiPiAgICA8cmRmOlJERj4gICAgICA8Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj4gICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PiAgICAgICAgPGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+ICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4gICAgICA8L2NjOldvcms+ICAgIDwvcmRmOlJERj4gIDwvbWV0YWRhdGE+ICA8ZGVmcyAgICAgaWQ9ImRlZnM4IiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAyNyIgICAgIGlkPSJuYW1lZHZpZXc2IiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgZml0LW1hcmdpbi10b3A9IjAiICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiICAgICBpbmtzY2FwZTp6b29tPSI5LjgzMzMzMzMiICAgICBpbmtzY2FwZTpjeD0iNC45NjYxMDE3IiAgICAgaW5rc2NhcGU6Y3k9IjEwIiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiIC8+ICA8cGF0aCAgICAgZD0iTSA5LjUsMCAwLDUgViA3IEggMTkgViA1IG0gLTUsNCB2IDcgaCAzIFYgOSBNIDAsMjEgSCAxOSBWIDE4IEggMCBNIDgsOSB2IDcgaCAzIFYgOSBNIDIsOSB2IDcgSCA1IFYgOSBaIiAgICAgaWQ9InBhdGgyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiMyZWNjYWE7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+); -} - -footer { - background-color: #144d3f; - padding: 0 0 80px 0; - width: 100%; - float: right; - color: #fff; - font-size: 18px; - position: relative; -} - -footer::before { - height: 60px; - width: 100%; - opacity: 0.2; - content: ""; - position: absolute; - top: 0; - right: 0; - z-index: 100; - background: linear-gradient(-180deg, #000 0%, rgba(0, 0, 0, 0) 100%); -} - -footer .f-logo { - background-image: url("img/logo.svg"); - background-repeat: no-repeat; - background-position: center 40px; - padding-top: 140px; - width: 100%; - text-align: center; - text-transform: uppercase; - position: absolute; - z-index: 10; - top: 0; - right: 0; - color: #fff; - font-size: 26px; - font-weight: 600; - letter-spacing: 1.73px; - line-height: 33px; -} - -footer .footicons { - width: 100%; - float: right; - text-align: center; - margin: 200px 0 50px; -} - -footer .footicons a.icon { - background-repeat: no-repeat; - background-size: auto 23px; - background-position: center center; - width: 30px; - height: 25px; - display: inline-block; - margin: 0 6px; - transition: none; - -webkit-transition: none; -} - -footer .footicons a.icon:hover { - filter: invert(62%) sepia(92%) saturate(304%) hue-rotate(117deg) - brightness(130%) contrast(141%); - transition: none; - -webkit-transition: none; -} - -.icon-in { - background-image: url("img/icon-linkedin.svg"); -} - -.icon-tw { - background-image: url("img/icon-twitter.svg"); -} - -.icon-fb { - background-image: url("img/icon-facebook.svg"); -} - -.icon-git { - background-image: url("img/icon-github.svg"); -} - -.icon-yt { - background-image: url("img/icon-youtube.svg"); -} - -.icon-mastodon { - background-image: url("img/icon-mastodon.svg"); -} - -.langs { - float: left; - position: relative; -} - -.langs a { - font-size: 18px; - font-weight: 600; - color: #fff; - letter-spacing: 0.4px; -} - -.langs a.open-langs { - width: 100%; - padding-left: 35px; - display: inline-block; - position: relative; - z-index: 800; - height: 40px; - border: 1px solid #fff; - border-radius: 20px; - padding-right: 15px; - line-height: 38px; - margin-top: 20px; -} - -.langs a.open-langs::before { - background-image: url("img/arrow-down.svg"); - background-repeat: no-repeat; - background-position: center center; - width: 15px; - height: 15px; - position: absolute; - top: 11px; - left: 15px; - content: ""; -} - -.langs a.open-langs:hover { - color: #1fa385; - background: #fff; -} - -.langs a.open-langs:hover::before { - background-image: url("img/arrow-down-green.svg"); -} - -.langs.opened a.open-langs::before { - background-image: url("img/arrow-down-green.svg"); - transform: rotate(180deg); -} - -.langs.opened a.open-langs { - color: #1fa385; -} - -.langs ul { - margin: 0; - padding: 0; - list-style: none; - float: right; - width: 33.333%; -} - -.langs ul li { - margin: 0; -} - -.langs ul li a { - color: #1fa385 !important; - font-size: 14px !important; - height: 30px; - line-height: 30px; - font-weight: 400; - width: 100%; - display: block; - padding: 0 15px; - border-radius: 15px; - overflow: hidden; - text-wrap: nowrap; - text-overflow: ellipsis; -} - -.langs ul li.active a { - font-weight: 700; -} - -.langs ul li a:hover { - background-color: #c0efe4; -} - -.langs-list { - min-height: 468px; - z-index: 555; - min-width: 608px; - border-radius: 20px; - background-color: #fff; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); - position: absolute; - bottom: -1px; - left: -1px; - display: none; - padding: 15px 15px 10px; - transition: opacity 300ms ease-in-out; - opacity: 0; -} -.langs-list.is-visible { - opacity: 1; -} - -.langs-list .bottom { - color: #1fa385; - font-size: 14px; - width: 100%; - padding: 13px 5px 0 0; - float: right; - border-top: 1px solid #c0efe4; - margin-top: 15px; -} - -.langs-list .bottom a { - color: #1fa385; - font-size: 14px; - font-weight: 400; - text-decoration: underline; -} - -.langs-list .bottom a:hover { - text-decoration: none; -} - -footer .main-menu { - margin-bottom: 55px; - text-align: right; - width: auto; -} - -.main-menu ul li a, -body.light footer .main-menu ul li a { - color: #fff; -} - -footer .main-menu ul li.gethelp::before { - display: none; -} - -footer .footer-left, -footer .footer-right, -footer .footer-center { - width: 70%; - float: right; - font-size: 14px; - color: #2eccaa; -} - -footer .footer-center { - width: 100px; - text-align: center; - position: absolute; - left: calc(50% - 50px); -} - -footer .footer-left a, -footer .footer-right a, -footer .footer-center a { - color: #2eccaa; - text-decoration: underline; -} - -footer .footer-left a:hover, -footer .footer-right a:hover, -footer .footer-center a:hover { - text-decoration: none; -} - -footer .footer-right { - width: 30%; - text-align: left; -} - -.clear { - clear: both; - padding: 0 !important; -} - -.form-inline { - display: inline; -} -.form-float { - float: left; -} - -.tos { - counter-reset: tos_chapter; -} - -.tos h2::before { - counter-increment: tos_chapter; - content: counter(tos_chapter) ". "; -} - -.tos h2 { - counter-reset: tos_item; -} - -.tos p.item, -.tos p.subitem, -.tos p.subsubitem { - position: relative; -} -.tos p, -.tos dl { - padding: 0 3.5em; -} -.tos p.item { - counter-reset: tos_subitem; -} -.tos p.subitem { - counter-reset: tos_subsubitem; -} -.tos p.subsubitem { - padding: 0 4.2em; -} - -.tos p.item::before { - counter-increment: tos_item; - content: counter(tos_chapter) "." counter(tos_item) ". "; - position: absolute; - right: 0; -} - -.tos p.subitem::before { - counter-increment: tos_subitem; - content: counter(tos_chapter) "." counter(tos_item) "." counter(tos_subitem) - ". "; - position: absolute; - right: 0; -} - -.tos p.subsubitem::before { - counter-increment: tos_subsubitem; - content: counter(tos_chapter) "." counter(tos_item) "." counter(tos_subitem) - "." counter(tos_subsubitem) ". "; - position: absolute; - right: 0; -} - -.tos ol { - counter-reset: tos_list; - padding: 0 5em; -} -.tos ol > li { - list-style: none; - position: relative; -} -.tos ol > li:before { - counter-increment: tos_list; - content: counter(tos_list, lower-alpha) ") "; - position: absolute; - right: -1.4em; -} -@counter-style lower-belorussian { - system: alphabetic; - symbols: "а" "б" "в" "г" "д" "е" "ё" "ж" "з" "і" "й" "к" "л" "м" "н" "о" "п" - "р" "с" "т" "у" "ў" "ф" "х" "ц" "ч" "ш" "ы" "ь" "э" "ю" "я"; -} -@counter-style lower-bulgarian { - system: alphabetic; - symbols: "а" "б" "в" "г" "д" "е" "ж" "з" "и" "й" "к" "л" "м" "н" "о" "п" "р" - "с" "т" "у" "ф" "х" "ц" "ч" "ш" "щ" "ъ" "ь" "ю" "я"; -} -@counter-style lower-macedonian { - system: alphabetic; - symbols: "а" "б" "в" "г" "д" "ѓ" "е" "ж" "з" "ѕ" "и" "ј" "к" "л" "љ" "м" "н" - "њ" "о" "п" "р" "с" "т" "ќ" "у" "ф" "х" "ц" "ч" "џ" "ш"; -} -@counter-style lower-russian { - system: alphabetic; - symbols: "а" "б" "в" "г" "д" "е" "ж" "з" "и" "к" "л" "м" "н" "о" "п" "р" "с" - "т" "у" "ф" "х" "ц" "ч" "ш" "щ" "э" "ю" "я"; -} -@counter-style lower-ukrainian { - system: alphabetic; - symbols: "а" "б" "в" "г" "д" "е" "є" "ж" "з" "и" "і" "к" "л" "м" "н" "о" "п" - "р" "с" "т" "у" "ф" "х" "ц" "ч" "ш" "ю" "я"; -} -[lang="by"] .tos ol > li:before { - content: counter(tos_list, lower-belorussian) ") "; -} -[lang="bg"] .tos ol > li:before { - content: counter(tos_list, lower-bulgarian) ") "; -} -[lang="mk"] .tos ol > li:before { - content: counter(tos_list, lower-macedonian) ") "; -} -[lang="ru"] .tos ol > li:before { - content: counter(tos_list, lower-russian) ") "; -} -[lang="uk"] .tos ol > li:before { - content: counter(tos_list, lower-ukrainian) ") "; -} - -.tos a { - color: #2eccaa; - text-decoration: underline; -} - -.tos a:hover { - text-decoration: none; -} - -a.pagination { - display: inline-block; - min-width: 0; -} - -a.active-page { - background-color: #c0efe4; -} - -.supporters-logo { - max-width: 300px; - padding: 20px; - display: inline-block; - text-align: center; - vertical-align: middle; -} -.supporters-logo img { - max-height: 200px; -} - -img.supporters-avatar { - width: 64px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; -} - -.article .author .avatar img { - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; -} - -.img-widget { - width: 100%; -} - -.payment-form .line-right p:first-child .button.inline { - margin-top: 0; -} - -.payment-form .line-right .button.inline { - margin-top: 7px; -} - -input.fullwidth { - width: 100%; -} -.donate-platforms { - text-align: center; -} -.donate-platforms a { - display: inline-block; - padding: 0 40px; - color: #1fa385; - font-size: 20px; - font-weight: 600; - letter-spacing: 0.5px; - line-height: 30px; -} -.donate-platforms a:hover { - opacity: 0.8; - text-decoration: underline; -} -.donate-platforms a img { - vertical-align: middle; - padding: 0 20px; -} - -.half-img.rotate img { - -webkit-transform: scaleX(-1); - -moz-transform: scaleX(-1); - -ms-transform: scaleX(-1); - -o-transform: scaleX(-1); - transform: scaleX(-1); -} - -@media (max-width: 1550px) { - .di-section:nth-child(2n + 0) .half-content { - padding-right: 2%; - } -} - -@media (max-width: 1350px) { - .main-menu ul li a { - padding-left: 4px; - } -} - -@media (max-width: 1250px) { - .aboutus-list .box .avatar { - display: none; - } - - a.button.app, - .inter-context, - .inter-fluent { - display: none; - } - - header .menu-show, - footer .main-menu ul { - display: block; - } - - .countries .half-text { - margin-right: 0; - } - - body.page section.content { - margin-top: 90px; - } - - .pricing-table-tabs-menu { - width: 100%; - } -} - -@media (max-width: 1150px) { - .pricing-table-left { - position: absolute; - left: inherit; - right: 25px; - width: 185px; - } - - .pricing-table-right { - width: calc(100% - 165px); - } - .pricing-table-top { - display: none; - } - - section.pricing .box table { - font-size: 16px; - } - - section.pricing .pricing-tabs li { - min-width: inherit; - margin-left: 0; - padding: 0 5px; - font-size: 16px; - } -} - -@media (max-width: 1100px) { - .libre-hosting { - background-image: none; - background-color: #d5f5ee; - padding: 0 30px 30px 30px; - } - - .download-cols .col { - width: 31%; - } - - .donations-cols .col .title, - .pricing-table .head strong { - font-size: 24px; - } - - .donations-cols.download-cols .col:last-child { - width: 30%; - } - - .pricing-table { - margin-bottom: 70px; - } - - .help-cols .col { - width: 100%; - margin: 10px 0; - } - - .pricing-table .pricing-table-left .line, - .pricing-table .pricing-table-left .line a, - .pricing-table-right { - font-size: 18px; - } - - header .hide1100 { - display: none !important; - } -} - -@media (max-width: 1025px) { - section.pricing { - display: none; - } - - section.bottom.hp { - padding-top: 0; - } - - header .hide1025 { - display: none !important; - } -} - -@media (max-width: 890px) { - .main-box .box { - padding-top: 150px; - } - - .wrap h1, - .main-box .box h1, - section.about .section-title, - .wrap h2.section-title, - h2.section-title.bigger { - font-size: 50px; - } - - footer .main-menu, - footer .main-menu li { - width: 100%; - text-align: center; - } - - footer .main-menu li { - margin: 10px 0; - float: right; - } - - footer .main-menu li a { - padding-left: 10px; - } - - footer .langs { - float: none; - display: table; - margin: 0 auto; - } - - footer .langs-list { - left: 50%; - transform: translate(-50%, 0); - } - - .inter-checks, - .quick-installation::before { - display: none; - } - - .quick-installation { - padding: 30px; - margin-bottom: 40px; - } - - .donations-cols .col, - .installations .box, - .related-posts .article, - .article .img img { - width: 100% !important; - margin: 0 0 30px 0 !important; - } - - .donations-cols .col .title { - min-height: auto; - } - - .download-cols, - .download-wrap blockquote { - margin-bottom: 40px; - } - - .github-discuss { - padding: 40px; - background-image: none; - font-size: 30px; - min-height: inherit; - } - - body.page section.content.crypto { - padding-bottom: 40px; - } - - div.wrap { - margin-bottom: 40px; - } - - .discover-name img { - display: none; - } - - .article .img img { - height: auto; - } - - .article .img { - float: right; - } - - .img-widget { - display: none; - } - - footer .footer-center { - position: static; - } - - footer .footer-center, - footer .footer-left, - footer .footer-right { - width: 100%; - text-align: center; - max-width: 100%; - margin-bottom: 25px; - } - - header .hide890 { - display: none !important; - } - - .donate-platforms a + a { - margin-top: 20px; - } -} - -@media (max-width: 790px) { - .main-box { - min-height: inherit; - background-size: auto 100%; - padding-bottom: 75px; - } - - .main-menu ul { - display: none; - } - - .countries .half-text, - .countries .half-translations { - max-width: 100%; - margin-right: 0; - } - - .half, - section.bottom .box { - width: 100%; - } - - .quick-installation a.button { - display: none; - } - - .countries .half-text { - padding-bottom: 55px; - } - - .rewards .reward .title { - font-size: 18px; - line-height: 24px; - } - - .rewards .reward p { - font-size: 16px; - } - - section.bottom .box { - max-width: 100%; - margin-right: 0; - margin-bottom: 25px; - } - - .currency .line-left, - .currency .line-right { - width: 100%; - } - - .currency .line .line-left { - padding-right: 0; - margin-bottom: 10px; - } - - .search-bar form { - width: auto; - } - .search-input { - width: 200px; - } -} - -@media (max-width: 650px) { - .main-box .box h1, - section.about .section-title, - .wrap h1, - .wrap h2.section-title { - font-size: 40px; - line-height: 44px; - } - - .main-box .box p { - font-size: 16px; - line-height: 22px; - } - - .wrap h2.section-title, - .countries .countries-number, - section.bottom .box .title, - .contribution-list .box h2, - h2.section-title.bigger, - .payment-form .title { - font-size: 34px; - } - - .wrap.supporters, - h2.section-title.hp-style, - .article .post-links-top { - display: none; - } - - .countries { - background-position: center top; - background-size: 100% auto; - } - - .countries .half-text h2 { - font-size: 30px; - margin-top: 0; - line-height: 34px; - } - - .countries .countries-number { - padding-top: 0; - margin-bottom: 0; - } - - .countries .half-text p, - section.bottom .box p { - line-height: 22px; - font-size: 16px; - } - - .trans-item, - .features .f-box, - .contribution-list .box, - .aboutus-list .box, - .aboutus-list .box:nth-child(4n + 0), - .aboutus-list .box.blue:nth-child(2n + 1), - .article { - width: 100%; - margin-right: 0; - } - - .aboutus-list .box { - top: 0 !important; - } - - .trans-number, - .trans-days { - text-align: center; - padding-right: 0; - font-size: 30px; - } - - .trans-days, - section.about p, - .features .f-box, - .page-desc, - .donations-cols.download-cols .col p, - .contribution-list .box ul li, - .contribution-list .box p, - .article .content p { - font-size: 18px; - } - - div.wrap { - margin-bottom: 40px; - } - - .entry p.desc { - font-size: 22px; - } - - .rewards .reward { - width: 100%; - height: inherit; - max-width: 100%; - margin-right: 0; - margin-left: 0; - } - - section.bottom, - section.content, - section.about { - padding: 40px 0; - } - - section.bottom .box { - padding: 30px; - min-height: inherit; - } - - .page-desc a.button { - margin-bottom: 15px; - } - - .payment-form .biglabel { - width: 160px; - } - - body.page section.content { - margin-top: 120px; - } - - .di-section .half-content { - padding: 0 25px !important; - } - - .langs-list { - min-width: calc(100vw - 20px); - } - - section.donations-info.aboutus .di-section .half-content { - padding-top: 45px !important; - } - - .download-list .file-item { - padding-right: 75px; - background-position: calc(100% - 25px) center; - } - - .download-list .file-item::before { - right: 55px; - } - - .countries .half-translations { - display: none; - } -} - -@media (max-width: 550px) { - .user-tab { - display: none; - } - - header .menu-show { - top: -15px; - } - - header { - padding: 25px 0; - } - - .logo a { - line-height: 25px; - height: 25px; - padding-right: 45px; - font-size: 20px; - } - - .langs ul li a { - font-size: 12px !important; - height: 25px; - line-height: 25px; - overflow: hidden; - padding: 0 11px; - } - - .langs-list .bottom { - margin-top: 0; - } - - .langs-list .bottom a { - font-size: 12px; - } - - .payment-form .biglabel { - width: 100%; - margin-right: 0; - margin-left: 0; - } -} - -@media (max-width: 340px) { - .download-list .file-item .name { - font-size: 14px; - } - - .download-list .file-item .info { - font-size: 10px; - } -} - -/* About Us Weblate Team CSS */ - -.content-p { - width: 69%; - display: inline-block; - padding-right: 10px; - text-align: right; -} - -.content-p p { - font-weight: bold; - text-transform: uppercase; -} - -.weblate-team-content img { - width: 80px; - height: 80px; - border-radius: 50%; - position: relative; - top: -15px; -} - -.weblate-team-content { - display: table-cell; - padding-bottom: 90px; - padding-top: 20px; -} - -.weblate-team { - display: table; - width: 78%; - margin: 0 auto; -} - -@media (max-width: 1250px) { - .content-p { - width: 58%; - } -} - -@media (max-width: 889px) { - .content-p { - width: 65%; - } - - .weblate-team-content img { - width: 65px; - height: 65px; - border-radius: 50%; - top: -28px; - } - - .weblate-team { - width: 90%; - } -} - -@media (max-width: 790px) { - .content-p { - width: 100%; - display: unset !important; - text-align: center; - } - - .weblate-team-content { - text-align: center; - } -} - -/* Flex property for boxes */ - -.flex { - display: flex; -} - -/* Box display flow root property */ - -.box { - display: flow-root !important; - position: relative; -} - -/* Box bottom left and right button custom position */ - -.bottom-left { - position: absolute; - bottom: 40px; -} - -.bottom-right { - position: absolute; - bottom: 40px; - left: 40px; -} - -/* Media Queries for responsiveness */ - -@media screen and (max-width: 891px) { - .flex { - display: unset; - } -} - -@media screen and (max-width: 550px) { - .bottom-right { - position: unset; - bottom: unset; - left: unset; - } - - .installations .box ul, - .mailing .box ul { - padding-bottom: unset; - } - - .bottom-left { - position: unset; - bottom: unset; - } -} - -@media screen and (max-width: 650px) { - section.bottom .box p { - margin-bottom: 100px; - } - - section.bottom .box.donate a { - bottom: 30px; - } - - section.bottom .box.join a { - bottom: 30px; - } -} - -@media screen and (max-width: 1030px) and (min-width: 892px) { - .installations .box ul, - .mailing .box ul { - padding-bottom: 50px; - } - - .bottom-left { - bottom: 60px; - } - - .bottom-right { - bottom: 12px; - } -} - -/* Services CSS */ - -/* Services CSS (Button Sizes) */ - -.button-med-140 { - min-width: 140px !important; - min-height: 50px !important; -} - -.button-med-120 { - min-width: 120px !important; - min-height: 50px !important; -} - -.med2 { - display: none; -} - -.button-med-100 { - min-width: 100px !important; - min-height: 50px !important; -} -.button-med-150 { - min-width: 150px !important; - min-height: 50px !important; -} - -.button-med-170 { - min-width: 170px !important; - min-height: 50px !important; -} - -/* Services CSS (More Weblate Grid) */ - -.inner-grid { - display: grid; - grid-template-columns: auto auto auto; - grid-column-gap: 0px; - grid-row-gap: 25px; -} - -.grid-item2 p { - color: #2e344b; - font-size: 18px; - font-weight: 600; - letter-spacing: 0; - line-height: 30px; -} - -.grid-item2 t { - color: #2e354a; - font-size: 16px; - letter-spacing: 0; - line-height: 10px; -} - -.grid-item1 { - padding-top: 5px; -} - -.grid-item2 { - padding-right: 15px; -} - -.grid-item3 { - padding-top: 5px; -} - -/* Services CSS (Inputs and placeholders) */ - -.grey-input { - height: 50px; - border-radius: 5px 5px 0 0; - background-color: #e9eaec; - border-bottom: 2px solid #c4c6cb; - border-top: none; - border-right: none; - border-left: none; - padding: 13px 5px; -} - -.grey-input[type="email"] { - width: 70%; -} - -::placeholder { - color: #bfc3c7; - font-size: 18px; - letter-spacing: 0; - line-height: 23px; - padding-right: 10px; -} - -input.fullwidth { - box-sizing: border-box; - height: 50px; - width: 100%; - border: 2px solid #bfc3c7; - border-radius: 5px; -} - -/* Services CSS (Users section) */ - -.user-slot { - height: 60px; - width: 330px; - border: 1px solid #00d2e6; - border-radius: 30px; - margin-bottom: 10px; - opacity: 0.8; - position: relative; -} - -.user-slot-content p { - color: #1fa385; - font-size: 14px; - letter-spacing: 0.86px; - line-height: 0px !important; - padding-bottom: 3px; -} - -.user-slot-content t { - color: #2a3744; - font-size: 17px; - letter-spacing: 0; - line-height: 0px !important; -} - -.user-img { - position: relative; - top: -14px; - right: 288px; - display: block; - padding: 0; - margin: 0; - border: none; - background: transparent; -} -button.user-img { - cursor: pointer; -} - -.user-slot-content { - position: relative; - top: 19px; - right: 30px; -} - -/* Services CSS (Payments Section) */ - -.payment-listing { - border-bottom: 1px solid #e9eaec; -} - -.payment-listing:last-child { - border-bottom: none; -} - -/* Services CSS (Services) */ - -.service-variant { - display: flex; - justify-content: space-between; - height: 120px; - align-items: center; -} -.service-variant p { - color: #2b3646; - font-size: 40px; - letter-spacing: -1px; - line-height: 44px; - padding-right: 40px; - padding-top: 10px; -} - -.service-time { - display: grid; - text-align: center; - padding-top: 20px; - padding-left: 40px; - color: #bfc3c7; - font-size: 17px; -} - -/* Services CSS (Custom paddings, styles and margins) */ - -.bdr-btm { - border-bottom: none !important; -} - -.style { - padding-top: 0px !important; - padding-bottom: 0px !important; -} - -.pt-pb { - padding-top: 0px !important; - padding-bottom: 0px !important; -} - -.p-top { - padding-top: 22px !important; -} - -.service-text-formatting.form-line:last-child { - border-top: none; -} - -.service-text-formatting > div { - font-size: 18px !important; - line-height: 30px !important; - color: #2c3548; - padding-top: 15x; - padding-bottom: 20px; -} - -.user-text-formatting t { - font-size: 16px; - line-height: 30px; - padding-right: 21px; - font-weight: 600; - letter-spacing: 0; -} - -.pl-1 { - font-size: 16px; - padding-right: 20px; -} - -/* Services CSS (Days check color) */ - -.grey { - color: #bfc3c7 !important; - font-size: 16px; -} - -.orange { - color: #f6664c !important; - font-size: 16px; -} - -/* For change in font size of payments */ -.payments-table { - font-size: 16px; - width: 100%; -} - -.payments-table .description { - font-size: 18px; -} - -a.invoice-link { - text-decoration: none; -} - -a.invoice-link img { - padding-right: 15px; - vertical-align: middle; -} - -/* User.html CSS */ - -/* User.html CSS(Donation Box) */ - -.payment-form-donationbox { - height: 100px; - width: 100%; - max-width: 530px; - border-radius: 20px; - background-color: #ffffff; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); - margin: 0 auto; - display: flex; - align-items: center; - justify-content: center; -} - -.payment-form-donationbox a { - min-width: 0px; -} - -.line-right-donationbox { - font-size: 18px; - padding-left: 30px; -} - -/* User.html CSS(Line-left and Line-Right Custom Variants) */ - -.get-reward-left-line { - display: flex; - font-size: 40px !important; - letter-spacing: -1px; - line-height: 44px; - width: unset !important; - justify-content: space-between; - font-weight: unset !important; - color: #2c3647; -} - -.donation-left-line { - display: flex; - justify-content: space-between; - border: none; - margin-bottom: 20px; -} - -.reward-line-right { - color: #3f85ff; - font-size: 18px; - font-weight: 600; - letter-spacing: 0; - line-height: 23px; - margin-top: 17px; - margin-left: 40px; -} - -.inner-content { - display: flex; -} - -.inner-content-child-width { - width: 77.84%; -} - -.inner-content-child-width-auto { - width: auto; -} - -.inner-content-child-width-auto img { - max-height: 267px; - max-width: 192px; - float: left; - -webkit-transform: scaleX(-1); -} - -/* User.html CSS(Custom Styles and Custom Margin and Paddings) */ - -.payment-padding { - padding-bottom: 0px !important; -} - -.user-text-formatting > div { - font-size: 18px !important; - line-height: 30px !important; - color: #2c3548; - padding-top: 15x; - padding-bottom: 20px; -} - -.user-text-formatting-donation span { - font-weight: bold; -} - -.custom-gradient { - height: 20px; - background: linear-gradient(180deg, #e9eaec -45%, #ffffff 100%); - border: none; -} - -.subscription-note { - font-size: 16px; - color: #bfc3c7; -} - -.subscription-note span { - color: #2c3548 !important; -} - -.user-text-formatting-payment t { - font-size: 18px; - line-height: 30px; - padding-left: 55px !important; - padding-right: 0px !important; - font-weight: 400 !important; - letter-spacing: 0; -} - -.user-text-formatting-payment { - height: 86px; -} - -/* User.html CSS(Payments section updated) */ - -.payment-updated { - display: flow-root; -} diff --git a/weblate_web/static/style.css b/weblate_web/static/style.css index 3baa4e988..2374ada64 100644 --- a/weblate_web/static/style.css +++ b/weblate_web/static/style.css @@ -247,6 +247,11 @@ header { padding: 38px 0; } +html[dir="rtl"] header { + left: unset; + right: 0; +} + a, input.link, input.button { @@ -285,6 +290,10 @@ header .row { float: left; } +html[dir="rtl"] .logo { + float: right; +} + .logo a { background-image: url("img/logo.svg"); background-position: left center; @@ -301,6 +310,13 @@ header .row { line-height: 75px; } +html[dir="rtl"] .logo a { + background-position: right center; + padding-right: 120px; + padding-left: unset; + float: right; +} + .logo a:hover { opacity: 0.7; } @@ -319,6 +335,11 @@ header .row { padding-top: 4px; } +html[dir="rtl"] .user-tab { + right: unset; + left: 20px; +} + .user-anonymous { background-image: url("img/icon-user.svg"); background-repeat: no-repeat; @@ -351,6 +372,11 @@ header .row { cursor: pointer; } +html[dir="rtl"] .user-logout { + right: unset; + left: 80px; +} + .user-logout:hover { color: #2eccaa; } @@ -362,6 +388,11 @@ a.button.app { margin: 17px 0 0 15px; } +html[dir="rtl"] a.button.app { + float: left; + margin: 17px 15px 0 0; +} + .main-menu { margin-top: 26px; margin-left: 10px; @@ -369,6 +400,12 @@ a.button.app { text-align: right; } +html[dir="rtl"] .main-menu { + margin-right: 10px; + float: right; + text-align: left; +} + .main-menu ul { list-style: none; padding: 0; @@ -446,6 +483,11 @@ header .menu-show { text-transform: uppercase; } +html[dir="rtl"] header .menu-show { + right: unset; + left: 28px; +} + header .menu-show span { position: absolute; left: 0; @@ -467,6 +509,11 @@ header .menu-show span { transition: 0.25s ease-in-out; } +html[dir="rtl"] header .menu-show span { + left: unset; + right: 0; +} + header .menu-show span:nth-child(1) { top: 18px; } @@ -486,6 +533,10 @@ header .menu-show span:nth-child(4) { width: 0%; } +html[dir="rtl"] .open-mobile header .menu-show span:nth-child(1) { + left: unset; + right: 50%; +} .open-mobile header .menu-show span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); @@ -495,6 +546,15 @@ header .menu-show span:nth-child(4) { top: 26px; } +html[dir="rtl"] .open-mobile header .menu-show span:nth-child(2) { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + top: 26px; +} + .open-mobile header .menu-show span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); @@ -510,6 +570,11 @@ header .menu-show span:nth-child(4) { width: 0%; } +html[dir="rtl"] .open-mobile header .menu-show span:nth-child(4) { + left: unset; + right: 50%; +} + .mobile-menu { display: none; position: absolute; @@ -527,6 +592,15 @@ header .menu-show span:nth-child(4) { margin: 0 !important; padding: 20px !important; } + +html[dir="rtl"] .mobile-menu { + right: unset; + left: 0; + -webkit-transform: translate3d(-200px, 0, 0); + transform: translate3d(-200px, 0, 0); + text-align: right !important; +} + .is-visible { display: block !important; } @@ -541,6 +615,11 @@ header .menu-show span:nth-child(4) { padding-left: 45px; } +html[dir="rtl"] .menu-show .logo a { + padding-left: 0; + padding-right: 45px; +} + .mobile-menu .main-menu { padding: 0 10px !important; width: 100%; @@ -557,6 +636,10 @@ header .menu-show span:nth-child(4) { text-align: left !important; } +html[dir="rtl"] .mobile-menu .main-menu ul li { + text-align: right !important; +} + .mobile-menu .main-menu ul li.gethelp::before { display: none; } @@ -574,6 +657,10 @@ header .menu-show span:nth-child(4) { bottom: 60px; } +html[dir="rtl"] .mobile-menu .langs { + float: right; +} + .mobile-menu li:hover > a { color: #2eccaa !important; } @@ -592,6 +679,10 @@ section { float: left; } +html[dir="rtl"] section { + float: right; +} + a.button, input.button { background-color: #2eccaa; @@ -629,11 +720,21 @@ input.button.right { float: right; } +html[dir="rtl"] a.button.right, +html[dir="rtl"] input.button.right { + float: left; +} + a.button.left, input.button.left { float: left; } +html[dir="rtl"] a.button.left, +html[dir="rtl"] input.button.left { + float: right; +} + a.button.border, input.button.border { background: none; @@ -778,6 +879,10 @@ div.wrap { margin-bottom: 80px; } +html[dir="rtl"] div.wrap { + float: right; +} + section.messages div.wrap { margin-bottom: 0; } @@ -811,6 +916,10 @@ section.messages div.wrap { width: 50%; } +html[dir="rtl"] .half { + float: right; +} + .countries { background-image: url("img/world-map.png"); background-position: left center; @@ -819,11 +928,20 @@ section.messages div.wrap { margin-bottom: 100px; } +html[dir="rtl"] .countries { + background-position: right center; +} + .countries .half-text { max-width: 425px; margin-left: 110px; } +html[dir="rtl"] .countries .half-text { + margin-left: 0; + margin-right: 110px; +} + .countries .countries-number { margin-bottom: 30px; font-size: 60px; @@ -858,6 +976,10 @@ section.messages div.wrap { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } +html[dir="rtl"] .countries .half-translations { + float: left; +} + .trans-item { min-height: 60px; width: 47.5%; @@ -870,10 +992,19 @@ section.messages div.wrap { padding: 10px 25px; } +html[dir="rtl"] .trans-item { + margin-left: 0; + margin-right: 4%; +} + .trans-item:nth-child(2n + 1) { margin-left: 0; } +html[dir="rtl"] .trans-item:nth-child(2n + 1) { + margin-right: 0; +} + .trans-item .trans-title { font-size: 16px; margin-bottom: 5px; @@ -891,6 +1022,11 @@ section.messages div.wrap { width: 220px; } +html[dir="rtl"] .trans-item .trans-project { + padding-left: 0; + padding-right: 10px; +} + .trans-item .trans-project a { color: #1fa385; font-size: 12px; @@ -907,6 +1043,11 @@ section.messages div.wrap { padding: 5px 0; } +html[dir="rtl"] .trans-bottom { + background-position: left center; + float: right; +} + .trans-number { color: #2a3744; font-size: 40px; @@ -917,6 +1058,11 @@ section.messages div.wrap { margin-bottom: 5px; } +html[dir="rtl"] .trans-number { + padding-left: 0; + padding-right: 30px; +} + .trans-days { color: #2a3744; font-size: 18px; @@ -926,6 +1072,11 @@ section.messages div.wrap { text-transform: uppercase; } +html[dir="rtl"] .trans-days { + padding-left: 0; + padding-right: 40px; +} + .features .f-box { display: inline-table; margin: 0 0 50px; @@ -1006,6 +1157,12 @@ section.pricing .box { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } +html[dir="rtl"] section.pricing .box { + float: right; + margin-left: 0; + margin-right: 3%; +} + section.pricing .pricing-tabs, .pricing-table-tabs-menu ul { list-style: none; @@ -1099,6 +1256,10 @@ section.pricing .box table tr td:nth-child(2) { text-align: right; } +html[dir="rtl"] section.pricing .box table tr td:nth-child(2) { + text-align: left; +} + section.pricing .box .box-price { font-size: 18px; letter-spacing: 2px; @@ -1149,10 +1310,19 @@ section.pricing .box .half.first { border-right: 1px solid #2eccaa; } +html[dir="rtl"] section.pricing .box .half.first { + border-right: 0; + border-left: 1px solid #2eccaa; +} + section.pricing .box:first-child { margin-left: 0; } +html[dir="rtl"] section.pricing .box:first-child { + margin-right: 0; +} + section.pricing a.button { margin: 0 auto; } @@ -1174,6 +1344,11 @@ section.bottom .box { background-size: cover; } +html[dir="rtl"] section.bottom .box { + float: right; + margin-right: 3%; +} + section.bottom .box:first-child { margin-left: 0; } @@ -1325,6 +1500,10 @@ body.page section.content.no-mar { .discover-name span { padding-left: 10px; } +html[dir="rtl"] .discover-name span { + padding-left: 0; + padding-right: 10px; +} .discover-name img, .discover-name span { vertical-align: middle; @@ -1364,6 +1543,10 @@ body.page section.content.no-mar { .search-bar input.button { margin-right: -15px !important; } +html[dir="rtl"] .search-bar input.button { + margin-right: 0 !important; + margin-left: -15px !important; +} .search-input { width: 400px; border: none; @@ -1453,6 +1636,10 @@ a.link { float: right; } +html[dir="rtl"] .float-right { + float: left; +} + body.page section.bottom { padding-top: 10px; } @@ -1485,6 +1672,11 @@ body.page section.bottom { padding-top: 10px; } +html[dir="rtl"] .article .post-links-top { + float: left; + text-align: left; +} + .article .post-links span { color: #2a3744; font-size: 16px; @@ -1493,6 +1685,11 @@ body.page section.bottom { top: -18px; } +html[dir="rtl"] .article .post-links span { + margin-right: 0; + margin-left: 5px; +} + .article .post-links a.icon { height: 50px; width: 50px; @@ -1508,6 +1705,11 @@ body.page section.bottom { -webkit-transition: none; } +html[dir="rtl"] .article .post-links a.icon { + margin-left: 0; + margin-right: 10px; +} + .article .post-links a.icon:hover { filter: none; background-color: #1fa385; @@ -1531,6 +1733,10 @@ body.page section.bottom { line-height: 24px; } +html[dir="rtl"] .article .author { + float: right; +} + .article .author .avatar { float: left; margin-right: 30px; @@ -1540,6 +1746,12 @@ body.page section.bottom { margin-top: -5px; } +html[dir="rtl"] .article .author .avatar { + float: right; + margin-right: 0; + margin-left: 30px; +} + .entry { color: #2a3744; font-size: 20px; @@ -1548,6 +1760,10 @@ body.page section.bottom { margin-top: 40px; } +html[dir="rtl"] .entry { + float: right; +} + .entry p { line-height: 26px; margin-bottom: 40px; @@ -1575,6 +1791,13 @@ body.page section.bottom { border-left: 20px solid #f6664c; } +html[dir="rtl"] .entry blockquote { + padding-left: 0; + padding-right: 20px; + border-left: 0; + border-right: 20px solid #f6664c; +} + .entry blockquote p { margin-bottom: 25px; } @@ -1659,6 +1882,10 @@ body.page section.bottom { font-weight: 600; } +html[dir="rtl"] .format-item { + padding: 0 10px 0 0; +} + .format-item span { font-size: 14px; padding: 0 12px; @@ -1671,6 +1898,11 @@ body.page section.bottom { background-color: #1fa385; } +html[dir="rtl"] .format-item span { + margin: 0 10px -1px 0; + border-radius: 5px 0 0 5px; +} + section.about { padding: 100px 0 85px 0; text-align: center; @@ -1735,6 +1967,12 @@ section.about p { text-align: right; } +html[dir="rtl"] .inter-checks { + right: unset; + left: 20px; + text-align: left; +} + .inter-checks img { width: 200px; } @@ -1745,6 +1983,10 @@ section.about p { padding-top: 150px; } +html[dir="rtl"] .inter-checks .title { + float: right; +} + .inter-context { width: 220px; position: absolute; @@ -1756,6 +1998,11 @@ section.about p { line-height: 24px; } +html[dir="rtl"] .inter-context { + right: unset; + left: -225px; +} + .interface .title { font-size: 26px; letter-spacing: -0.5px; @@ -1786,6 +2033,11 @@ section.about p { line-height: 24px; } +html[dir="rtl"] .inter-fluent { + left: unset; + right: -205px; +} + .inter-fluent .title, .inter-fluent p { width: 200px; @@ -1843,10 +2095,20 @@ body.pabout { position: relative; } +html[dir="rtl"] .donations-cols .col { + float: right; + margin-left: 0; + margin-right: 30px; +} + .donations-cols .col:first-child { margin-left: 0; } +html[dir="rtl"] .donations-cols .col:first-child { + margin-right: 0; +} + .donations-cols .col .title { padding: 30px; font-size: 28px; @@ -1885,24 +2147,46 @@ body.pabout { margin: 50px 0; } +html[dir="rtl"] .di-section { + float: right; +} + .di-section:nth-child(2n + 0) .half-content { padding-left: 21%; padding-right: 2%; } +html[dir="rtl"] .di-section:nth-child(2n + 0) .half-content { + padding-left: 2%; + padding-right: 21%; +} + .di-section:nth-child(2n + 0) .half-img { float: right; text-align: right; } +html[dir="rtl"] .di-section:nth-child(2n + 0) .half-img { + float: left; + text-align: left; +} + .half-img.border img { border-radius: 0 20px 20px 0; } +html[dir="rtl"] .half-img.border img { + border-radius: 20px 0 0 20px; +} + .di-section .half-content { padding: 40px 0 0 2%; } +html[dir="rtl"] .di-section .half-content { + padding: 40px 2% 0 0; +} + .di-section .half-content h2 { font-size: 40px; letter-spacing: -1px; @@ -1923,6 +2207,10 @@ body.pabout { margin-left: 0; } +html[dir="rtl"] .di-section .half-content a.button { + margin-right: 0; +} + .currency { width: 100%; float: left; @@ -1933,6 +2221,10 @@ body.pabout { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } +html[dir="rtl"] .currency { + float: right; +} + .currency .head { width: 100%; float: left; @@ -1950,11 +2242,19 @@ body.pabout { padding: 14px 30px; } +html[dir="rtl"] .currency .line { + float: right; +} + .currency .line-left { width: 200px; float: left; } +html[dir="rtl"] .currency .line-left { + float: right; +} + .currency .line-left a { color: #1fa385; font-size: 20px; @@ -1964,6 +2264,10 @@ body.pabout { background-position: left center; } +html[dir="rtl"] .currency .line-left a { + background-position: right center; +} + .currency .line-left a.icon-bitcoin { background-image: url("img/icon-bitcoin.svg"); } @@ -1981,11 +2285,19 @@ body.pabout { background-position: 4px center; } +html[dir="rtl"] .currency .line-left a.icon-zcash { + background-position: calc(100% - 4px) center; +} + .currency .line-left a.icon-ethereum { background-image: url("img/icon-ethereum.svg"); background-position: 3px center; } +html[dir="rtl"] .currency .line-left a.icon-ethereum { + background-position: calc(100% - 3px) center; +} + .currency .line-left a.icon-monero { background-image: url("img/icon-monero.svg"); } @@ -2002,10 +2314,19 @@ body.pabout { letter-spacing: 0.45px; } +html[dir="rtl"] .currency .line-right { + float: right; +} + .currency .line .line-left a { padding-left: 35px; } +html[dir="rtl"] .currency .line .line-left a { + padding-left: 0; + padding-right: 35px; +} + .currency .head .line-right { font-size: 28px; letter-spacing: -0.5px; @@ -2067,11 +2388,19 @@ div.contact .form-line .line-left { text-align: right; } +html[dir="rtl"] div.contact .form-line .line-left { + text-align: left; +} + div.contact .form-line .line-right { width: calc(50% - 40px); text-align: left; } +html[dir="rtl"] div.contact .form-line .line-right { + text-align: right; +} + div.contact .form-line > div { font-size: 16px; padding: 5px; @@ -2178,6 +2507,10 @@ input[type="radio"]:checked + .biglabel { margin-bottom: 35px; } +html[dir="rtl"] .rewards { + float: right; +} + .rewards .reward { height: 260px; max-width: 380px; @@ -2194,6 +2527,10 @@ input[type="radio"]:checked + .biglabel { -webkit-transition: all 300ms linear; } +html[dir="rtl"] .rewards .reward { + float: right; +} + .rewards .reward.small { opacity: 0.2; } @@ -2241,6 +2578,16 @@ input[type="radio"]:checked + .biglabel { color: #fff; } +html[dir="rtl"] .rewards.checked .before { + background-position: calc(100% - 30px) center; + text-align: right; + left: unset; + right: 0; + float: right; + padding-left: 0; + padding-right: 60px; +} + .rewards .reward.checked .choose, .rewards .reward.small .choose { display: none; @@ -2301,11 +2648,19 @@ input[type="radio"]:checked + .biglabel { margin: 55px 0 0; } +html[dir="rtl"] .help-cols { + float: right; +} + .help-cols .col { width: 33.333%; float: left; } +html[dir="rtl"] .help-cols .col { + float: right; +} + .help-cols .col .icon { height: 160px; width: 160px; @@ -2319,6 +2674,10 @@ input[type="radio"]:checked + .biglabel { position: relative; } +html[dir="rtl"] .help-cols .col .icon { + float: right; +} + .help-cols .col .icon img { position: absolute; top: 50%; @@ -2326,6 +2685,12 @@ input[type="radio"]:checked + .biglabel { transform: translate(-50%, -50%); } +html[dir="rtl"] .help-cols .col .icon img { + left: unset; + right: 50%; + transform: translate(50%, -50%); +} + .help-cols .col .content { width: calc(100% - 190px); float: right; @@ -2333,6 +2698,12 @@ input[type="radio"]:checked + .biglabel { padding-right: 8%; } +html[dir="rtl"] .help-cols .col .content { + float: left; + padding-left: 8%; + padding-right: 0; +} + .help-cols .col .content .title { font-size: 26px; letter-spacing: -0.5px; @@ -2367,14 +2738,26 @@ input[type="radio"]:checked + .biglabel { line-height: 26px; } +html[dir="rtl"] .installations .box { + margin: 0 2% 2% 0; +} + .installations .box:nth-child(2n + 1) { margin-left: 0; } +html[dir="rtl"] .installations .box:nth-child(2n + 1) { + margin-right: 0; +} + .installations .box .icon { float: right; } +html[dir="rtl"] .installations .box .icon { + float: left; +} + .installations .box h2 { font-size: 28px; font-weight: 700; @@ -2391,6 +2774,11 @@ input[type="radio"]:checked + .biglabel { padding-bottom: 32px; } +html[dir="rtl"] .installations .box ul { + margin: 0 25px 20px 0; + clear: right; +} + .installations .box li::before, .contribution-list .box ul li::before { content: "•"; @@ -2399,6 +2787,12 @@ input[type="radio"]:checked + .biglabel { margin-left: -1em; } +html[dir="rtl"] .installations .box li::before, +html[dir="rtl"] .contribution-list .box ul li::before { + margin-right: -1em; + margin-left: 0; +} + .installations .box li { margin-bottom: 5px; } @@ -2437,6 +2831,13 @@ h2.section-title.payment-conditions { outline: none; } +html[dir="rtl"] .payment-form input[type="text"], +html[dir="rtl"] .payment-form input[type="email"], +html[dir="rtl"] .payment-form select { + margin-right: 0; + margin-left: 20px; +} + .payment-form select { -webkit-appearance: none; -moz-appearance: none; @@ -2447,6 +2848,12 @@ h2.section-title.payment-conditions { background-repeat: no-repeat; } +html[dir="rtl"] .payment-form select { + padding-right: 0; + padding-left: 50px; + background-position: 20px center; +} + .github-discuss { background-image: url("img/github.png"); background-position: left center; @@ -2464,6 +2871,13 @@ h2.section-title.payment-conditions { padding-left: 400px; } +html[dir="rtl"] .github-discuss { + background-position: right center; + float: right; + padding-left: 0; + padding-right: 400px; +} + .libre-hosting { background-image: url("img/LibreGirl.png"); background-position: left center; @@ -2477,6 +2891,14 @@ h2.section-title.payment-conditions { color: #2a3744; margin: 50px 0 100px 0; } + +html[dir="rtl"] .libre-hosting { + background-image: url("img/LibreGirlRTL.png"); + background-position: right center; + float: right; + padding: 0 330px 30px 30px; +} + .libre-hosting h2 { font-size: 28px; font-weight: bold; @@ -2509,6 +2931,10 @@ h2.section-title.hp-style { margin-bottom: 100px; } +html[dir="rtl"] .pricing-table { + float: right; +} + .pricing-table-top { float: left; width: calc(100% - 480px); @@ -2524,6 +2950,12 @@ h2.section-title.hp-style { text-align: center; } +html[dir="rtl"] .pricing-table-top { + float: right; + left: -25px; + right: unset; +} + .pricing-table-left { width: 220px; float: left; @@ -2535,6 +2967,13 @@ h2.section-title.hp-style { margin-top: 130px; } +html[dir="rtl"] .pricing-table-left { + float: right; + padding: 10px 20px 15px 50px; + right: unset; + left: -25px; +} + .pricing-table-left .line { height: 80px; position: relative; @@ -2547,6 +2986,11 @@ h2.section-title.hp-style { transform: translate(0, -50%); } +html[dir="rtl"] .pricing-table-left .line span.middle { + left: unset; + right: 0; +} + .pricing-table-right { width: calc(100% - 220px); float: right; @@ -2562,6 +3006,10 @@ h2.section-title.hp-style { overflow: auto; } +html[dir="rtl"] .pricing-table-right { + float: left; +} + .pricing-table-right-inner { width: 100%; min-width: 870px; @@ -2576,6 +3024,13 @@ h2.section-title.hp-style { min-width: 145px; border-left: 1px solid #e8e9eb; } + +html[dir="rtl"] .pricing-table-right .col { + float: right; + border-right: 1px solid #e8e9eb; + border-left: 0; +} + .pricing-table-right-2 .col { width: 14.25%; } @@ -2584,6 +3039,10 @@ h2.section-title.hp-style { border-left: 0; } +html[dir="rtl"] .pricing-table-right .col:nth-child(1) { + border-right: 0; +} + .pricing-table .line { line-height: 125%; padding: 27.5px 0; @@ -2681,11 +3140,19 @@ h2.section-title.hp-style { float: left; } +html[dir="rtl"] .pricing-table-tabs-menu { + float: right; +} + .pricing-table-tabs { float: left; width: 100%; } +html[dir="rtl"] .pricing-table-tabs { + float: right; +} + .pricing-table-tabs-menu ul { border: 1px solid #00d2e6; border-radius: 30px; @@ -2694,6 +3161,10 @@ h2.section-title.hp-style { float: left; } +html[dir="rtl"] .pricing-table-tabs-menu ul { + float: right; +} + .pricing-table-tabs-menu ul li { width: 50%; margin-right: 0; @@ -2704,6 +3175,10 @@ h2.section-title.hp-style { float: left; } +html[dir="rtl"] .pricing-table-tabs-menu .tabs-checkbox { + float: right; +} + .pricing-table-tabs-menu .tabs-info { margin-top: 15px; } @@ -2769,11 +3244,21 @@ h2.section-title.hp-style { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } +html[dir="rtl"] .contribution-list .box, +html[dir="rtl"] .aboutus-list .box { + margin: 0 2% 40px 0; +} + .contribution-list .box:nth-child(2n + 1), .aboutus-list .box:nth-child(2n + 1) { margin-left: 0; } +html[dir="rtl"] .contribution-list .box:nth-child(2n + 1), +html[dir="rtl"] .aboutus-list .box:nth-child(2n + 1) { + margin-right: 0; +} + .contribution-list .box h2 { font-size: 40px; letter-spacing: -1px; @@ -2790,6 +3275,11 @@ h2.section-title.hp-style { padding-bottom: 40px; } +html[dir="rtl"] .contribution-list .box ul, +html[dir="rtl"] .contribution-list .box p { + margin: 0 25px 35px 0; +} + .contribution-list .box ul li, .contribution-list .box p { margin-bottom: 5px; @@ -2835,17 +3325,30 @@ h2.section-title.hp-style { display: inline-block; } +html[dir="rtl"] .aboutus-list .box { + border-radius: 20px 20px 0 20px; +} + .aboutus-list .box:nth-child(4) { width: 38%; margin-right: 10%; top: -150px; } +html[dir="rtl"] .aboutus-list .box:nth-child(4) { + margin-left: 10%; +} + .aboutus-list .box.blue:nth-child(3) { width: 38%; margin-left: 10%; } +html[dir="rtl"] .aboutus-list .box.blue:nth-child(3) { + margin-left: 0; + margin-right: 10%; +} + .aboutus-list .box:nth-child(2) { top: 50px; } @@ -2856,6 +3359,11 @@ h2.section-title.hp-style { left: -95px; } +html[dir="rtl"] .aboutus-list .box .avatar { + left: inherit; + right: -95px; +} + .aboutus-list .box::before { width: 0; height: 0; @@ -2868,6 +3376,12 @@ h2.section-title.hp-style { content: ""; } +html[dir="rtl"] .aboutus-list .box::before { + border-width: 31px 0 0 31px; + left: inherit; + right: 0; +} + .aboutus-list .box.blue::before { border-width: 0 31px 31px 0; border-color: transparent #00d2e6 transparent transparent; @@ -2875,6 +3389,13 @@ h2.section-title.hp-style { left: inherit; } +html[dir="rtl"] .aboutus-list .box.blue::before { + border-width: 0 0 31px 31px; + border-color: transparent transparent transparent #00d2e6; + left: 0; + right: inherit; +} + .aboutus-list .box.blue { background-color: #00d2e6; border-radius: 20px 20px 0 20px; @@ -2882,6 +3403,10 @@ h2.section-title.hp-style { min-height: unset; } +html[dir="rtl"] .aboutus-list .box.blue { + border-radius: 20px 20px 20px 0; +} + .aboutus-list .box.green { display: inline-block !important; min-height: unset; @@ -2968,6 +3493,10 @@ h2.section-title.hp-style { white-space: normal; } +html[dir="rtl"] .half.half-translations.history .trans-item .trans-project { + padding-right: 0; +} + .half.half-translations.history .trans-item:hover .trans-project, .half.half-translations.history .trans-item:hover .trans-title { color: #2eccaa; @@ -3009,6 +3538,12 @@ h2.section-title.hp-style { background-repeat: no-repeat; } +html[dir="rtl"] .quick-installation { + float: right; + padding: 40px 0 0 120px; + background-position: right center; +} + .quick-installation::before { background-image: url("img/icon-quick-installation.svg"); height: 192px; @@ -3021,6 +3556,13 @@ h2.section-title.hp-style { margin-top: -40px; } +html[dir="rtl"] .quick-installation::before { + float: right; + margin-right: 0; + margin-left: 60px; + border-radius: 0 20px 20px 0; +} + .quick-installation .quick-title { font-size: 40px; letter-spacing: -1px; @@ -3059,6 +3601,10 @@ h2.section-title.left { text-align: left; } +html[dir="rtl"] h2.section-title.left { + text-align: right; +} + .download-wrap { margin: 0 auto; display: block; @@ -3096,6 +3642,12 @@ h2.section-title.left { text-decoration: underline; } +html[dir="rtl"] .download-list .file-item { + padding-left: 0; + padding-right: 120px; + background-position: calc(100% - 40px) center; +} + .download-list .file-item:hover { color: #fff; } @@ -3110,6 +3662,11 @@ h2.section-title.left { content: ""; } +html[dir="rtl"] .download-list .file-item::before { + left: 0; + right: 80px; +} + .download-list .file-item:hover { background-image: url("img/icon-download.svg"); background-color: #2aa284; @@ -3146,6 +3703,10 @@ h2.section-title.left { width: 100%; } +html[dir="rtl"] .download-cols { + float: right; +} + .download-cols .col { background-color: #d5f5ee; text-align: left; @@ -3153,6 +3714,10 @@ h2.section-title.left { width: 31.5%; } +html[dir="rtl"] .download-cols .col { + text-align: right; +} + .donations-cols.download-cols .col .title { padding: 0; border-bottom: 0; @@ -3165,6 +3730,10 @@ h2.section-title.left { margin-bottom: 10px; } +html[dir="rtl"] .donations-cols.download-cols .col a.button { + float: right; +} + .donations-cols.download-cols .col .d-logo img { height: 60px; } @@ -3196,6 +3765,11 @@ input.button.make-payment { margin-left: -40px; } +html[dir="rtl"] .form-line { + margin-left: 0; + margin-right: -40px; +} + .form-line:last-child { border-bottom: none; border-top: 1px solid #e9eaec; @@ -3213,12 +3787,24 @@ input.button.make-payment { margin-left: 40px; } +html[dir="rtl"] .form-line .line-left { + float: right; + margin-left: 0; + margin-right: 40px; +} + .form-line .line-right { width: calc(100% - 280px); float: left; margin-right: 40px; } +html[dir="rtl"] .form-line .line-right { + float: right; + margin-right: 0; + margin-left: 40px; +} + .payment-pick { text-align: center; width: 100%; @@ -3255,6 +3841,13 @@ input.button.make-payment { background-repeat: no-repeat; } +html[dir="rtl"] .payment-form .payment-pick .biglabel::before { + left: unset; + right: 50%; + margin-left: 0; + margin-right: -10px; +} + .payment-form .payment-pick input[type="radio"]:checked + .biglabel::before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIxNy41IiAgIGhlaWdodD0iMTMuNDEiICAgdmlld0JveD0iMCAwIDE3LjUgMTMuNDEiICAgaWQ9InN2ZzQiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hlY2suc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZSAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczgiIC8+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI3IiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIgICAgIGlua3NjYXBlOmN4PSItMTguOTA2NzgiICAgICBpbmtzY2FwZTpjeT0iNyIgICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc0IiAvPiAgPHBhdGggICAgIGQ9Im0gMTcuNSwxLjQxIC0xMiwxMiBMIDAsNy45MSAxLjQxLDYuNSA1LjUsMTAuNTggMTYuMDksMCBaIiAgICAgaWQ9InBhdGgyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiMyZGEzODU7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+); } @@ -3292,6 +3885,10 @@ footer { position: relative; } +html[dir="rtl"] footer { + float: right; +} + footer::before { height: 60px; width: 100%; @@ -3304,6 +3901,12 @@ footer::before { background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%); } +html[dir="rtl"] footer::before { + left: unset; + right: 0; + background: linear-gradient(-180deg, #000 0%, rgba(0, 0, 0, 0) 100%); +} + footer .f-logo { background-image: url("img/logo.svg"); background-repeat: no-repeat; @@ -3323,6 +3926,11 @@ footer .f-logo { line-height: 33px; } +html[dir="rtl"] footer .f-logo { + left: unset; + right: 0; +} + footer .footicons { width: 100%; float: left; @@ -3330,6 +3938,10 @@ footer .footicons { margin: 200px 0 50px; } +html[dir="rtl"] footer .footicons { + float: right; +} + footer .footicons a.icon { background-repeat: no-repeat; background-size: auto 23px; @@ -3378,6 +3990,10 @@ footer .footicons a.icon:hover { position: relative; } +html[dir="rtl"] .langs { + float: left; +} + .langs a { font-size: 18px; font-weight: 600; @@ -3399,6 +4015,11 @@ footer .footicons a.icon:hover { margin-top: 20px; } +html[dir="rtl"] .langs a.open-langs { + padding-right: 15px; + padding-left: 35px; +} + .langs a.open-langs::before { background-image: url("img/arrow-down.svg"); background-repeat: no-repeat; @@ -3411,6 +4032,11 @@ footer .footicons a.icon:hover { content: ""; } +html[dir="rtl"] .langs a.open-langs::before { + right: unset; + left: 15px; +} + .langs a.open-langs:hover { color: #1fa385; background: #fff; @@ -3425,6 +4051,10 @@ footer .footicons a.icon:hover { transform: rotate(-180deg); } +html[dir="rtl"] .langs.opened a.open-langs::before { + transform: rotate(180deg); +} + .langs.opened a.open-langs { color: #1fa385; } @@ -3437,6 +4067,10 @@ footer .footicons a.icon:hover { width: 33.333%; } +html[dir="rtl"] .langs ul { + float: right; +} + .langs ul li { margin: 0; } @@ -3479,6 +4113,12 @@ footer .footicons a.icon:hover { transition: opacity 300ms ease-in-out; opacity: 0; } + +html[dir="rtl"] .langs-list { + right: unset; + left: -1px; +} + .langs-list.is-visible { opacity: 1; } @@ -3493,6 +4133,11 @@ footer .footicons a.icon:hover { margin-top: 15px; } +html[dir="rtl"] .langs-list .bottom { + padding: 13px 5px 0 0; + float: right; +} + .langs-list .bottom a { color: #1fa385; font-size: 14px; @@ -3510,6 +4155,10 @@ footer .main-menu { width: auto; } +html[dir="rtl"] footer .main-menu { + text-align: right; +} + .main-menu ul li a, body.light footer .main-menu ul li a { color: #fff; @@ -3528,6 +4177,12 @@ footer .footer-center { color: #2eccaa; } +html[dir="rtl"] footer .footer-left, +html[dir="rtl"] footer .footer-right, +html[dir="rtl"] footer .footer-center { + float: right; +} + footer .footer-center { width: 100px; text-align: center; @@ -3535,6 +4190,11 @@ footer .footer-center { right: calc(50% - 50px); } +html[dir="rtl"] .footer-center { + right: unset; + left: calc(50% - 50px); +} + footer .footer-left a, footer .footer-right a, footer .footer-center a { @@ -3553,6 +4213,10 @@ footer .footer-right { text-align: right; } +html[dir="rtl"] footer .footer-right { + text-align: left; +} + .clear { clear: both; padding: 0 !important; @@ -3565,6 +4229,10 @@ footer .footer-right { float: right; } +html[dir="rtl"] .form-float { + float: left; +} + .tos { counter-reset: tos_chapter; } @@ -3604,6 +4272,11 @@ footer .footer-right { left: 0; } +html[dir="rtl"] .tos p.item::before { + left: unset; + right: 0; +} + .tos p.subitem::before { counter-increment: tos_subitem; content: counter(tos_chapter) "." counter(tos_item) "." counter(tos_subitem) @@ -3612,6 +4285,11 @@ footer .footer-right { left: 0; } +html[dir="rtl"] .tos p.subitem::before { + left: unset; + right: 0; +} + .tos p.subsubitem::before { counter-increment: tos_subsubitem; content: counter(tos_chapter) "." counter(tos_item) "." counter(tos_subitem) @@ -3634,6 +4312,12 @@ footer .footer-right { position: absolute; left: -1.4em; } + +html[dir="rtl"] .tos ol > li:before { + left: unset; + right: -1.4em; +} + @counter-style lower-belorussian { system: alphabetic; symbols: "а" "б" "в" "г" "д" "е" "ё" "ж" "з" "і" "й" "к" "л" "м" "н" "о" "п" @@ -3753,16 +4437,34 @@ input.fullwidth { padding: 0 20px; } +html[dir="rtl"] .half-img.rotate img { + -webkit-transform: scaleX(-1); + -moz-transform: scaleX(-1); + -ms-transform: scaleX(-1); + -o-transform: scaleX(-1); + transform: scaleX(-1); +} + @media (max-width: 1550px) { .di-section:nth-child(2n + 0) .half-content { padding-left: 2%; } + + html[dir="rtl"] .di-section:nth-child(2n + 0) .half-content { + padding-left: auto; + padding-right: 2%; + } } @media (max-width: 1350px) { .main-menu ul li a { padding-right: 4px; } + + html[dir="rtl"] .main-menu ul li a { + padding-right: auto; + padding-left: 4px; + } } @media (max-width: 1250px) { @@ -3785,6 +4487,10 @@ input.fullwidth { margin-left: 0; } + html[dir="rtl"] .countries .half-text { + margin-right: 0; + } + body.page section.content { margin-top: 90px; } @@ -3802,6 +4508,11 @@ input.fullwidth { width: 185px; } + html[dir="rtl"] .pricing-table-left { + left: inherit; + right: 25px; + } + .pricing-table-right { width: calc(100% - 165px); } @@ -3819,6 +4530,10 @@ input.fullwidth { padding: 0 5px; font-size: 16px; } + + html[dir="rtl"] section.pricing .pricing-tabs li { + margin-left: 0; + } } @media (max-width: 1100px) { @@ -3899,10 +4614,19 @@ input.fullwidth { float: left; } + html[dir="rtl"] .main-menu li { + float: right; + } + footer .main-menu li a { padding-right: 10px; } + html[dir="rtl"] .main-menu li a { + padding-right: auto; + padding-left: 10px; + } + footer .langs { float: none; display: table; @@ -3914,6 +4638,12 @@ input.fullwidth { transform: translate(50%, 0); } + html[dir="rt"] .langs-list { + right: unset; + left: 50%; + transform: translate(-50%, 0); + } + .inter-checks, .quick-installation::before { display: none; @@ -3968,6 +4698,10 @@ input.fullwidth { float: left; } + html[dir="rtl"] .article .img { + float: right; + } + .img-widget { display: none; } @@ -4011,6 +4745,11 @@ input.fullwidth { margin-left: 0; } + html[dir="rtl"] .countries .half-text, + html[dir="rtl"] .countries .half-translations { + margin-right: 0; + } + .half, section.bottom .box { width: 100%; @@ -4039,6 +4778,10 @@ input.fullwidth { margin-bottom: 25px; } + html[dir="rtl"] section.bottom .box { + margin-right: 0; + } + .currency .line-left, .currency .line-right { width: 100%; @@ -4049,6 +4792,10 @@ input.fullwidth { margin-bottom: 10px; } + html[dir="rtl"] .currency .line .line-left { + padding-right: 0; + } + .search-bar form { width: auto; } @@ -4119,6 +4866,16 @@ input.fullwidth { margin-left: 0; } + html[dir="rtl"] .trans-item, + html[dir="rtl"] .features .f-box, + html[dir="rtl"] .contribution-list .box, + html[dir="rtl"] .aboutus-list .box, + html[dir="rtl"] .aboutus-list .box:nth-child(4n + 0), + html[dir="rtl"] .aboutus-list .box.blue:nth-child(2n + 1), + html[dir="rtl"] .article { + margin-right: 0; + } + .aboutus-list .box { top: 0 !important; } @@ -4130,6 +4887,11 @@ input.fullwidth { font-size: 30px; } + html[dir="rtl"] .trans-number, + html[dir="rtl"] .trans-days { + padding-right: 0; + } + .trans-days, section.about p, .features .f-box, @@ -4197,10 +4959,21 @@ input.fullwidth { background-position: 25px center; } + html[dir="rtl"] .download-list .file-item { + padding-left: auto; + padding-right: 75px; + background-position: calc(100% - 25px) center; + } + .download-list .file-item::before { left: 55px; } + html[dir="rtl"] .download-list .file-item::before { + left: unset; + right: 55px; + } + .countries .half-translations { display: none; } @@ -4226,6 +4999,11 @@ input.fullwidth { font-size: 20px; } + html[dir="rtl"] .logo a { + padding-left: auto; + padding-right: 45px; + } + .langs ul li a { font-size: 12px !important; height: 25px; @@ -4267,6 +5045,12 @@ input.fullwidth { text-align: left; } +html[dir="rtl"] .content-p { + padding-left: auto; + padding-right: 10px; + text-align: right; +} + .content-p p { font-weight: bold; text-transform: uppercase; @@ -4353,6 +5137,11 @@ input.fullwidth { right: 40px; } +html[dir="rtl"] .bottom-right { + right: unset; + left: 40px; +} + /* Media Queries for responsiveness */ @media screen and (max-width: 891px) { @@ -4368,6 +5157,10 @@ input.fullwidth { right: unset; } + html[dir="rtl"] .bottom-right { + left: unset; + } + .installations .box ul, .mailing .box ul { padding-bottom: unset; @@ -4472,6 +5265,11 @@ input.fullwidth { padding-left: 15px; } +html[dir="rtl"] .grid-item2 { + padding-left: auto; + padding-right: 15px; +} + .grid-item3 { padding-top: 5px; } @@ -4501,6 +5299,11 @@ input.fullwidth { padding-left: 10px; } +html[dir="rtl"] ::placeholder { + padding-left: auto; + padding-right: 10px; +} + input.fullwidth { box-sizing: border-box; height: 50px; @@ -4546,6 +5349,12 @@ input.fullwidth { border: none; background: transparent; } + +html[dir="rtl"] .user-img { + left: unset; + right: 288px; +} + button.user-img { cursor: pointer; } @@ -4556,6 +5365,11 @@ button.user-img { left: 30px; } +html[dir="rtl"] .user-slot-content { + left: unset; + right: 30px; +} + /* Services CSS (Payments Section) */ .payment-listing { @@ -4583,6 +5397,11 @@ button.user-img { padding-top: 10px; } +html[dir="rtl"] .service-variant p { + padding-left: auto; + padding-right: 40px; +} + .service-time { display: grid; text-align: center; @@ -4592,6 +5411,11 @@ button.user-img { font-size: 17px; } +html[dir="rtl"] .service-time { + padding-right: auto; + padding-left: 20px; +} + /* Services CSS (Custom paddings, styles and margins) */ .bdr-btm { @@ -4632,11 +5456,21 @@ button.user-img { letter-spacing: 0; } +html[dir="rtl"] .user-text-formatting t { + padding-left: auto; + padding-right: 21px; +} + .pl-1 { font-size: 16px; padding-left: 20px; } +html[dir="rtl"] .pl-1 { + padding-left: auto; + padding-right: 20px; +} + /* Services CSS (Days check color) */ .grey { @@ -4668,6 +5502,11 @@ a.invoice-link img { vertical-align: middle; } +html[dir="rtl"] a.invoice-link img { + padding-left: auto; + padding-right: 15px; +} + /* User.html CSS */ /* User.html CSS(Donation Box) */ @@ -4784,6 +5623,11 @@ a.invoice-link img { letter-spacing: 0; } +html[dir="rtl"] .user-text-formatting-payment t { + padding-left: 55px !important; + padding-right: 0px !important; +} + .user-text-formatting-payment { height: 86px; } diff --git a/weblate_web/templates/base.html b/weblate_web/templates/base.html index 93e94b5c2..e00456aa1 100644 --- a/weblate_web/templates/base.html +++ b/weblate_web/templates/base.html @@ -23,8 +23,7 @@ <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> {% compress css %} - <link rel="stylesheet" - href="{% if LANGUAGE_BIDI %}{% static "style-rtl.css" %}{% else %}{% static "style.css" %}{% endif %}" /> + <link rel="stylesheet" href="{% static "style.css" %}" /> {% endcompress %} <link rel="stylesheet" href="{% static "vendor/font-source/source-sans-3.css" %}">