724 lines
13 KiB
SCSS
724 lines
13 KiB
SCSS
---
|
|
# This file is licensed under the MIT License (MIT) available on
|
|
# http://opensource.org/licenses/MIT.
|
|
---
|
|
/*Language specific styles that override default*/
|
|
|
|
/*Styles for HTML tags*/
|
|
|
|
body{
|
|
font-family:'DroidNaskh', sans-serif;
|
|
direction:rtl;
|
|
}
|
|
h1,h2{
|
|
font-family:'DroidNaskh', sans-serif;
|
|
}
|
|
h2,h3{
|
|
text-align:right;
|
|
}
|
|
ul{
|
|
padding-right:20px;
|
|
padding-left:auto;
|
|
margin-right:0;
|
|
}
|
|
p{
|
|
line-height:2em;
|
|
}
|
|
|
|
/*Styles for whole website*/
|
|
|
|
.head{
|
|
direction:ltr;
|
|
}
|
|
.lang li ul li{
|
|
font-family:Arial, sans-serif;
|
|
text-align:right;
|
|
}
|
|
.menusimple li a,
|
|
.menusimple li a:active,
|
|
.menusimple li a:visited,
|
|
.menusimple li a:link{
|
|
font-family:'DroidNaskh', sans-serif;
|
|
}
|
|
.menusimple li ul{
|
|
right:0;
|
|
left:auto;
|
|
}
|
|
.footer-bottom-row {
|
|
direction: ltr;
|
|
}
|
|
.footermenu a{
|
|
margin-right:0;
|
|
margin-left:15px;
|
|
}
|
|
.footer-social-link:not(:last-child) {
|
|
margin-left: 10px;
|
|
}
|
|
.statusmenu{
|
|
padding-left:0;
|
|
padding-right:20px;
|
|
background-position:right center;
|
|
}
|
|
.titleicon{
|
|
margin-right:auto;
|
|
margin-left:5px;
|
|
}
|
|
h1 .rssicon{
|
|
margin-left:0;
|
|
margin-right:10px;
|
|
margin-bottom:12px;
|
|
}
|
|
h2 .rssicon{
|
|
margin-left:0;
|
|
margin-right:10px;
|
|
margin-bottom:18px;
|
|
}
|
|
.mainbutton a,
|
|
.mainbutton a:link,
|
|
.mainbutton a:visited,
|
|
.mainbutton a:active{
|
|
font-family:'DroidNaskh', sans-serif;
|
|
text-align:right;
|
|
padding:15px 68px 15px 20px;
|
|
}
|
|
.mainbutton img{
|
|
margin-left:10px;
|
|
margin-right:-52px;
|
|
}
|
|
.mainlist-item img {
|
|
margin: 0 0 0 25px;
|
|
}
|
|
.contributors{
|
|
text-align:right;
|
|
}
|
|
.credit{
|
|
text-align:right;
|
|
}
|
|
.downloadbox div{
|
|
text-align:right;
|
|
}
|
|
.index a,
|
|
.index a:link,
|
|
.index a:active,
|
|
.index a:visited{
|
|
line-height:2em;
|
|
}
|
|
.resources{
|
|
text-align:right;
|
|
}
|
|
.resources>div>div:first-child{
|
|
padding-right:0;
|
|
border-right:0;
|
|
padding-left:40px;
|
|
border-left:1px solid #e0e0e0;
|
|
}
|
|
.resources>div>div:first-child+div{
|
|
padding-left:0;
|
|
border-left:0;
|
|
margin-left:0;
|
|
padding-right:40px;
|
|
border-right:1px solid #e0e0e0;
|
|
margin-right:-1px;
|
|
}
|
|
.resourcesorg{
|
|
text-align:right;
|
|
}
|
|
.resourcesorg img{
|
|
margin-right:0;
|
|
margin-left:5px;
|
|
bottom:-6px;
|
|
}
|
|
.exchanges{
|
|
text-align:right;
|
|
}
|
|
.exchanges img{
|
|
margin-right:0;
|
|
margin-left:5px;
|
|
bottom:-6px;
|
|
}
|
|
.downloadbox a{
|
|
direction:ltr;
|
|
}
|
|
.downloadbox div div{
|
|
text-align:right;
|
|
font-family:Arial, sans-serif;
|
|
}
|
|
.downloadbox div div span{
|
|
margin-left:0;
|
|
margin-right:6px;
|
|
}
|
|
|
|
.start{
|
|
text-align:right;
|
|
}
|
|
.start>div>div:first-child{
|
|
padding-right:0;
|
|
padding-left:40px;
|
|
border-right:0;
|
|
}
|
|
.start>div>div:first-child+div{
|
|
padding-left:0;
|
|
padding-right:40px;
|
|
border-left:0;
|
|
margin-right:-1px
|
|
}
|
|
.anchorAf a{
|
|
left:0;
|
|
right:-24px;
|
|
}
|
|
|
|
.listtable div div{
|
|
text-align:right;
|
|
padding-right:0;
|
|
padding-left:20px;
|
|
}
|
|
|
|
.eventtable div div{
|
|
text-align:right;
|
|
padding-right:0;
|
|
padding-left:20px;
|
|
}
|
|
|
|
.tablehalf{
|
|
left:0;
|
|
right:-40px;
|
|
}
|
|
.tablehalf div{
|
|
margin-left:0;
|
|
margin-right:40px;
|
|
}
|
|
.tablehalf p{
|
|
text-align:right;
|
|
}
|
|
.wallets{
|
|
text-align:right;
|
|
}
|
|
.wallets>div>a,
|
|
.wallets>div>a:visited,
|
|
.wallets>div>a:link,
|
|
.wallets>div>a:active{
|
|
line-height:1.2em;
|
|
}
|
|
.wallets>div>div>h2:first-child+div{
|
|
margin-left:0;
|
|
margin-right:10px;
|
|
}
|
|
.wallets>div>div>h2:first-child+div+div>a,
|
|
.wallets>div>div>h2:first-child+div+div>a:visited,
|
|
.wallets>div>div>h2:first-child+div+div>a:link,
|
|
.wallets>div>div>h2:first-child+div+div>a:active{
|
|
padding:0 8px;
|
|
margin:2px 0 8px 0;
|
|
}
|
|
.wallets>div>div>h2:first-child+div+div>a:first-child,
|
|
.wallets>div>div>h2:first-child+div+div>a:first-child:visited,
|
|
.wallets>div>div>h2:first-child+div+div>a:first-child:link,
|
|
.wallets>div>div>h2:first-child+div+div>a:first-child:active{
|
|
margin-right:0;
|
|
margin-left:10px;
|
|
}
|
|
.wallets>div>div>h2:first-child+div+div+div+p{
|
|
padding-right:0;
|
|
padding-left:5px;
|
|
}
|
|
.wallets>div>div>h2:first-child+div+div+div>div{
|
|
padding:5px 22px 5px 0;
|
|
background-position:right 4px;
|
|
}
|
|
.wallets>div>div>h2:first-child+div+div+div>div>div{
|
|
margin-left:0;
|
|
margin-right:5px;
|
|
}
|
|
.wallets>div>div>h2:first-child+div+div+div>div>div>span{
|
|
left:0;
|
|
right:15px;
|
|
}
|
|
.wallets>div>div>h2:first-child+div+div+div>div>div>div,
|
|
.wallets>div>div>h2:first-child+div+div+div>div>div>p{
|
|
left:auto;
|
|
right:30px
|
|
}
|
|
.wallets>div>div>h2:first-child+div+div+div+p+div{
|
|
right:auto;
|
|
left:20px;
|
|
}
|
|
.wallets .checkgood>div>span{
|
|
background-image:url(/img/icons/checkbubble_good_rtl.svg?1528322191);
|
|
}
|
|
.wallets .checkpass>div>span{
|
|
background-image:url(/img/icons/checkbubble_pass_rtl.svg?1528322191);
|
|
}
|
|
.wallets .checkfail>div>span{
|
|
background-image:url(/img/icons/checkbubble_fail_rtl.svg?1528322191);
|
|
}
|
|
.wallets .checkneutral>div>span{
|
|
background-image:url(/img/icons/checkbubble_neutral_rtl.svg?1528322191);
|
|
}
|
|
|
|
.warningicon{
|
|
margin-right:0;
|
|
margin-left:6px;
|
|
}
|
|
|
|
.press-volunteer,
|
|
.press-faq,
|
|
.press-faq p{
|
|
text-align:right;
|
|
}
|
|
.press-faq>div{
|
|
margin-right:0;
|
|
margin-left:30px;
|
|
}
|
|
.press-faq>div>a{
|
|
margin-right:0;
|
|
margin-left:20px;
|
|
}
|
|
.press-pictures{
|
|
text-align:right;
|
|
}
|
|
.press-pictures img{
|
|
margin-right:0;
|
|
margin-left:14px;
|
|
}
|
|
.recommendation-card .wallet-icon {
|
|
margin-left: 23px;
|
|
}
|
|
.developers-link {
|
|
direction: ltr;
|
|
}
|
|
.organizations-item {
|
|
margin-left: 2.5%;
|
|
margin-right: 0;
|
|
text-align: right;
|
|
}
|
|
.organizations-item:nth-child(3n+3) {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.organization-img {
|
|
margin-right: 0;
|
|
margin-left: 28px;
|
|
}
|
|
.toc-row {
|
|
direction: ltr;
|
|
}
|
|
.btn-container {
|
|
direction: ltr;
|
|
}
|
|
.accordion-item {
|
|
margin: 0 3% 20px 0;
|
|
}
|
|
.filter-row {
|
|
direction: ltr;
|
|
}
|
|
.wallet .wallet-platforms .wallet-os-container .wallet-os-download-buttons {
|
|
direction: ltr;
|
|
}
|
|
.own {
|
|
direction: ltr;
|
|
}
|
|
.own-text {
|
|
direction: rtl;
|
|
}
|
|
.helper-intro-text {
|
|
text-align: right;
|
|
}
|
|
.helper-next-btn {
|
|
margin: 0 30px 0 0;
|
|
}
|
|
.helper-content {
|
|
padding: 0 73px 0 0;
|
|
}
|
|
.helper-accordion::before {
|
|
left: auto;
|
|
right: -50px;
|
|
transform: translateX(100%);
|
|
}
|
|
.helper-header::after {
|
|
left: auto;
|
|
right: -30px;
|
|
transform: translateX(100%);
|
|
}
|
|
.helper-title {
|
|
text-align: right;
|
|
}
|
|
.helper-platforms-section + .helper-platforms-section {
|
|
margin: 0 30px 0 0;
|
|
}
|
|
.helper-radio-wrapper + .helper-radio-wrapper {
|
|
margin: 0 15px 0 0;
|
|
}
|
|
.bullet {
|
|
padding: 0 25px 0 0;
|
|
text-align: right;
|
|
}
|
|
.bullet::before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.helper-change-btn {
|
|
margin: 0 20px 0 0;
|
|
}
|
|
.helper-checkbox-text {
|
|
padding: 0 45px 0 0;
|
|
}
|
|
.helper-checkbox-description {
|
|
text-align: right;
|
|
}
|
|
.checkbox-text::before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.disabled-checkbox-text {
|
|
text-align: right;
|
|
}
|
|
.discover {
|
|
margin: 0 30px 0 0;
|
|
}
|
|
.sidebar-selector {
|
|
margin: 0 0 0 30px;
|
|
}
|
|
.wallet-table-head:first-child .wallet-table-title {
|
|
text-align: right;
|
|
}
|
|
.sidebar-selector-platform+.sidebar-selector-platform {
|
|
margin: 0 15px 0 0;
|
|
}
|
|
.checkbox-text {
|
|
padding: 0 36px 0 0;
|
|
}
|
|
.sidebar-selector-text {
|
|
text-align: right;
|
|
}
|
|
.wallet-hint-text {
|
|
margin: 0 8px 0 0;
|
|
}
|
|
.wallet-img {
|
|
margin: 0 0 0 13px;
|
|
}
|
|
.wallet-table-data:first-child {
|
|
border-left: none;
|
|
border-right: 1px solid #DADADA;
|
|
}
|
|
.wallet-table-data:last-child {
|
|
border-right: none;
|
|
border-left: 1px solid #DADADA;
|
|
}
|
|
.platform-radio-wrapper + .platform-radio-wrapper {
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.sidebar-selector-btn-close {
|
|
right: auto;
|
|
left: 32px;
|
|
}
|
|
.sidebar-selector-btn-open {
|
|
text-align: right;
|
|
padding: 28px 30px 20px 43px;
|
|
}
|
|
.sidebar-selector-btn-open::after {
|
|
right: auto;
|
|
left: 30px;
|
|
}
|
|
.wallet-selector-tooltip {
|
|
left: auto;
|
|
right: -20px;
|
|
text-align: right;
|
|
}
|
|
.tooltip::after,
|
|
.tooltip::before {
|
|
left: auto;
|
|
right: 22px;
|
|
}
|
|
.os-selector-icon {
|
|
margin: 0 0 0 10px;
|
|
transform: translateY(-4px)
|
|
}
|
|
.os-selector-tab {
|
|
line-height: 1.6;
|
|
}
|
|
.os-selector-link:first-child {
|
|
margin: 0 0 0 25px;
|
|
}
|
|
.os-selector {
|
|
margin: 0 65px 0 0;
|
|
}
|
|
.wallet-accordion .wallet-accordion-btn {
|
|
padding: 0 37px 0 25px;
|
|
}
|
|
.wallet-accordion-btn::before {
|
|
left: auto;
|
|
right: 15px;
|
|
}
|
|
/*Override UbuntuBold by Droid Naskh*/
|
|
|
|
@font-face{font-family:'DroidNaskh';src:url('/font/droidnaskh/droidnaskh-regular.eot');font-weight:normal;font-style:normal;}
|
|
@font-face{font-family:'DroidNaskh';src:url('/font/droidnaskh/droidnaskh-regular.ttf') format('truetype');font-weight:normal;font-style:normal;}
|
|
|
|
/*Styles specific to mobiles*/
|
|
|
|
@media screen and (max-width: 1100px) {
|
|
.helper-content {
|
|
padding: 55px 0 0;
|
|
}
|
|
.helper-accordion[data-number="1"] .helper-header::after {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.helper-accordion[data-number="2"] .helper-header::after {
|
|
left: auto;
|
|
right: 67px;
|
|
}
|
|
.helper-accordion[data-number="3"] .helper-header::after {
|
|
left: auto;
|
|
right: 134px;
|
|
}
|
|
.helper-accordion[data-number="4"] .helper-header::after {
|
|
left: auto;
|
|
right: 201px;
|
|
}
|
|
.helper-accordion::before {
|
|
transform: translateX(0);
|
|
}
|
|
.helper-accordion[data-number="1"]::before {
|
|
left: auto;
|
|
right: 42px;
|
|
}
|
|
.helper-accordion[data-number="2"]::before {
|
|
left: auto;
|
|
right: 108px;
|
|
}
|
|
.helper-accordion[data-number="3"]::before {
|
|
left: auto;
|
|
right: 176px;
|
|
}
|
|
.helper-accordion[data-number="4"]::before {
|
|
display: none;
|
|
}
|
|
.discover {
|
|
margin: 50px 0 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1024px) {
|
|
.os-selector {
|
|
margin: 0 0 40px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 990px) {
|
|
.sidebar-selector {
|
|
margin: 0 0 60px;
|
|
}
|
|
.sidebar-selector-label {
|
|
margin: 0 0 0 8px;
|
|
}
|
|
.user-radio-row + .user-radio-row {
|
|
margin: 0 40px 0 0;
|
|
}
|
|
.user-radio-text {
|
|
padding: 0 36px 0 0;
|
|
}
|
|
.user-radio-text::before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.user-radio-text::after {
|
|
left: auto;
|
|
right: 7px;
|
|
}
|
|
.user-radio-wrapper {
|
|
margin: 0 0 0 9px;
|
|
}
|
|
.checkboxes-acc-header {
|
|
padding: 0 7px 7px 36px;
|
|
}
|
|
.checkboxes-acc-btn {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
.checkboxes-acc-selected-text {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
.sidebar-selector-platform+.sidebar-selector-platform {
|
|
margin: 0 0 0 15px;
|
|
}
|
|
.user-radio-row+.user-radio-row {
|
|
margin: 0 40px 0 0;
|
|
}
|
|
.features-selectors-section {
|
|
margin: 0 10px 0 0;
|
|
}
|
|
.sidebar-hardware-platform .tooltip::after,
|
|
.sidebar-hardware-platform .tooltip::before {
|
|
left: auto;
|
|
}
|
|
.features-selectors-section .wallet-selector-tooltip {
|
|
left: -20px;
|
|
right: auto;
|
|
}
|
|
.features-selectors-section .tooltip::after,
|
|
.features-selectors-section .tooltip::before {
|
|
right: auto;
|
|
left: 22px;
|
|
}
|
|
.important-checkbox-row .tooltip::after,
|
|
.important-checkbox-row .tooltip::before {
|
|
right: auto;
|
|
left: 22px;
|
|
}
|
|
.important-checkbox-row .wallet-selector-tooltip {
|
|
right: auto;
|
|
left: -20px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 700px) {
|
|
.helper-platforms-section + .helper-platforms-section {
|
|
margin: 30px 0 0;
|
|
}
|
|
.helper-next-btn {
|
|
margin: 0 0 15px;
|
|
}
|
|
.acc-btn {
|
|
padding: 0 15px 0 25px;
|
|
}
|
|
.acc-btn::after {
|
|
right: auto;
|
|
left: 15px;
|
|
}
|
|
.wallet-table-data[data-cell]:not(.hidden) {
|
|
border-right: none;
|
|
border-left: 1px solid #dadada;
|
|
}
|
|
.sidebar-web-platform .wallet-selector-tooltip {
|
|
right: auto;
|
|
left: -27px;
|
|
}
|
|
.sidebar-web-platform .tooltip::after,
|
|
.sidebar-web-platform .tooltip::before {
|
|
right: auto;
|
|
left: 28px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 600px) {
|
|
.user-radio-row + .user-radio-row {
|
|
margin: 10px 0 0;
|
|
}
|
|
.user-radio-row .wallet-selector-tooltip {
|
|
left: -7px;
|
|
right: auto;
|
|
}
|
|
.user-radio-row .tooltip::after,
|
|
.user-radio-row .tooltip::before {
|
|
left: 10px;
|
|
right: auto;
|
|
}
|
|
.features-selectors-section {
|
|
margin: 13px 0 0;
|
|
}
|
|
.wallet-hints-row .wallet-hint:first-child {
|
|
margin: 0;
|
|
}
|
|
.wallet-hints-row .wallet-hint {
|
|
margin: 0 30px 0 0;
|
|
}
|
|
.os-selector-link:first-child {
|
|
margin: 0 0 10px;
|
|
}
|
|
}
|
|
|
|
@media handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){
|
|
h2{
|
|
text-align:center;
|
|
}
|
|
.titleicon,
|
|
.warningicon{
|
|
margin:auto;
|
|
margin-bottom:5px;
|
|
}
|
|
.langselect{
|
|
text-align:right;
|
|
}
|
|
.langselect select{
|
|
text-align:right;
|
|
margin-left:0;
|
|
margin-right:10px;
|
|
}
|
|
.content{
|
|
text-align:right;
|
|
}
|
|
.resources,
|
|
.resources p{
|
|
text-align:center;
|
|
}
|
|
.resources>div>div:first-child{
|
|
padding-left:0;
|
|
border-left:0;
|
|
}
|
|
.resources>div>div:first-child+div{
|
|
border-right:0;
|
|
padding-right:0;
|
|
margin-right:0;
|
|
}
|
|
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div{
|
|
padding:8px 22px 8px 0;
|
|
background-position:right 7px;
|
|
}
|
|
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div:hover>div{
|
|
margin-right:0;
|
|
}
|
|
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>div,
|
|
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>p{
|
|
left:0;
|
|
right:-20px;
|
|
}
|
|
.walletsdisclaimer p{
|
|
text-align:right;
|
|
}
|
|
.download{
|
|
text-align:right;
|
|
}
|
|
.download p{
|
|
text-align:right;
|
|
}
|
|
.downloadbox{
|
|
text-align:right;
|
|
}
|
|
.download div p{
|
|
text-align:right;
|
|
}
|
|
.start>div>div:first-child{
|
|
border-left:0;
|
|
padding-left:0;
|
|
}
|
|
.start>div>div:first-child+div{
|
|
border-right:0;
|
|
padding-right:0;
|
|
margin-right:0;
|
|
}
|
|
.tablehalf div{
|
|
margin-right:0;
|
|
}
|
|
.footer-social {
|
|
justify-content: center;
|
|
}
|
|
.organizations-item {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
@media handheld, only screen and ( max-width: 48em ), only screen and ( max-device-width: 48em ){
|
|
.is-expanded+.accordion-content {
|
|
direction: ltr;
|
|
}
|
|
.is-expanded+.accordion-content {
|
|
direction: ltr;
|
|
}
|
|
}
|
|
@media handheld, only screen and ( max-width: 40em ), only screen and ( max-device-width: 40em ){
|
|
.maincard img {
|
|
margin: 0 0 0 28px;
|
|
}
|
|
.maincard {
|
|
text-align: right;
|
|
}
|
|
}
|