mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 01:36:13 +00:00
a75b2f1391
Greatly simplify layout Increase visibility for "you need to know" and "secure your wallet" pages Providing increased transparency about security and zero-trust model for each wallet Encourage diversity and decentralization by not recommending two single wallets anymore rotating wallets daily by "zero-trust levels" (full nodes followed by SPV wallets followed by hybrid & multisig wallets followed by web wallets) Display screenshots Increase visibility for Bitcoin Core by recommending it in other wallets' disclaimers as a full node and deterministic build app making it always the first desktop wallet displayed better promoting it as a good secure / zero-trust wallet Prepare layout for hardware wallets Prevent confusing duplicate listing Allow layout to scale with increasing number of wallets Fix layout issues with translations and hyphenation Simplify the process of adding new wallets by storing information in a single location using a consistent format Thanks @harding for reviews and feedback on the first draft
354 lines
6 KiB
Text
354 lines
6 KiB
Text
/*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;
|
|
text-align:right;
|
|
}
|
|
.menusimple li ul{
|
|
right:0;
|
|
left:auto;
|
|
}
|
|
.footermenu{
|
|
display:inline-block;
|
|
}
|
|
.footermenu a{
|
|
margin-right:0;
|
|
margin-left:15px;
|
|
}
|
|
.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;
|
|
}
|
|
.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;
|
|
}
|
|
.downloadbox a{
|
|
direction:ltr;
|
|
}
|
|
.downloadbox small{
|
|
direction:ltr;
|
|
}
|
|
.downloadbox div div{
|
|
text-align:right;
|
|
font-family:Arial, sans-serif;
|
|
}
|
|
.downloadbox small{
|
|
right:40px;
|
|
left:0;
|
|
}
|
|
|
|
.mainlist>div>div{
|
|
text-align:right;
|
|
}
|
|
.mainlist img{
|
|
margin-left:10px;
|
|
float:right;
|
|
}
|
|
|
|
.start{
|
|
text-align:right;
|
|
}
|
|
.start>div>div:first-child{
|
|
padding-right:0;
|
|
padding-left:40px;
|
|
border-right:0;
|
|
border-left:1px solid #e0e0e0;
|
|
}
|
|
.start>div>div:first-child+div{
|
|
padding-left:0;
|
|
padding-right:40px;
|
|
border-left:0;
|
|
border-right:1px solid #e0e0e0;
|
|
margin-right:-1px
|
|
}
|
|
.start div div div a,
|
|
.start div div div a:link,
|
|
.start div div div a:active,
|
|
.start div div div a:visited{
|
|
padding:0 8px;
|
|
}
|
|
|
|
.foundation-banner a,
|
|
.foundation-banner a:link,
|
|
.foundation-banner a:active,
|
|
.foundation-banner a:visited{
|
|
direction:ltr;
|
|
display:inline-block;
|
|
margin-left:0;
|
|
margin-right:6px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.walletmenu ul{
|
|
text-align:right;
|
|
}
|
|
.walletmenu ul li a{
|
|
padding:8px 42px 5px 10px;
|
|
}
|
|
.walletmenu ul li{
|
|
font-family:'DroidNaskh', sans-serif;
|
|
background-position:right 6px;
|
|
}
|
|
.walletmenu ul li.active,
|
|
.walletmenu ul li.select{
|
|
background-position:right -62px;
|
|
}
|
|
.walletmenu ul li ul{
|
|
left:auto;
|
|
right:0;
|
|
}
|
|
.walletmenu ul li ul li.select a{
|
|
background-position:8px center;
|
|
}
|
|
|
|
.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{
|
|
margin:2px 0 8px 0;
|
|
}
|
|
.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;
|
|
}
|
|
.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>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/checkbubble_pass_rtl.svg);
|
|
}
|
|
.wallets .checkpass>div>span{
|
|
background-image:url(/img/checkbubble_pass_rtl.svg);
|
|
}
|
|
.wallets .checkfail>div>span{
|
|
background-image:url(/img/checkbubble_fail_rtl.svg);
|
|
}
|
|
|
|
.warningicon{
|
|
margin-right:0;
|
|
margin-left:6px;
|
|
}
|
|
|
|
/*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 handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){
|
|
h1{
|
|
text-align:right;
|
|
}
|
|
.summary{
|
|
text-align:right;
|
|
}
|
|
.content{
|
|
position:static;
|
|
padding:15px 10px 20px 10px;
|
|
text-align:right;
|
|
}
|
|
.footermenu{
|
|
display:block;
|
|
}
|
|
.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:hover>div{
|
|
margin-right:0;
|
|
}
|
|
.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 h1,
|
|
.download h2{
|
|
text-align:right;
|
|
}
|
|
.download div p{
|
|
text-align:right;
|
|
}
|
|
.mainlist>div:first-child,
|
|
.mainlist>div:first-child+div,
|
|
.mainlist>div:first-child+div+div{
|
|
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;
|
|
}
|
|
}
|