mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 09:46:12 +00:00
a40fb73dab
This commit renders the same CSS files using both the "less" and "scss"
CSS generation engines so that the results may be compared. This is a
comparison script:
old_main_css=$( grep -rl normalize.css _site/*.css )
new_main_css=_site/css/main.css
old_rtl_css=$( grep 'Language specific styles that override default' -rl _site/*.css )
new_rtl_css=_site/css/rtl.css
(
diff -ub $old_main_css $new_main_css
diff -ub $old_rtl_css $new_rtl_css
)
406 lines
7.3 KiB
SCSS
406 lines
7.3 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;
|
|
text-align:right;
|
|
}
|
|
.menusimple li ul{
|
|
right:0;
|
|
left:auto;
|
|
}
|
|
.footermenu a{
|
|
margin-right:0;
|
|
margin-left:15px;
|
|
}
|
|
.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;
|
|
}
|
|
.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;
|
|
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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.walletmenu>ul{
|
|
text-align:right;
|
|
}
|
|
.walletmenu>ul li{
|
|
font-family:'DroidNaskh', sans-serif;
|
|
background-position:right 6px;
|
|
}
|
|
.walletmenu>ul>li a{
|
|
padding:8px 42px 5px 10px;
|
|
}
|
|
.walletmenu>ul>li ul{
|
|
left:auto;
|
|
right:0;
|
|
}
|
|
.walletmenu>ul>li>ul li{
|
|
background-position:right 10px;
|
|
}
|
|
.walletmenu>ul>li.active,
|
|
.walletmenu>ul>li:hover{
|
|
background-position:right -62px;
|
|
}
|
|
.walletmenu>ul>li>ul>li.active,
|
|
.walletmenu>ul>li>ul>li:hover{
|
|
background-position:right -24px;
|
|
}
|
|
.walletmenu>ul>li>ul li.active>a{
|
|
background-position:left 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>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_pass_rtl.svg);
|
|
}
|
|
.wallets .checkpass>div>span{
|
|
background-image:url(/img/icons/checkbubble_pass_rtl.svg);
|
|
}
|
|
.wallets .checkfail>div>span{
|
|
background-image:url(/img/icons/checkbubble_fail_rtl.svg);
|
|
}
|
|
.wallets .checkneutral>div>span{
|
|
background-image:url(/img/icons/checkbubble_neutral_rtl.svg);
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/*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 ){
|
|
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;
|
|
}
|
|
.walletmenu>ul.menutap>li:hover{
|
|
background-position:right 6px;
|
|
}
|
|
.walletmenu>ul.menutap>li>ul>li:hover{
|
|
background-position:right 10px;
|
|
}
|
|
.walletmenu>ul.menutap>li.hover{
|
|
background-position:right -62px;
|
|
}
|
|
.walletmenu>ul.menutap>li>ul>li.hover{
|
|
background-position:right -24px;
|
|
}
|
|
.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;
|
|
}
|
|
}
|