slaesvuo/hledger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Website: Change indent styles to fit smaller screens

Browse Source 
Only indent when the display is landscape and wide enough.
This commit is contained in:
Thomas R. Koll 2016-04-29 10:35:30 +02:00
parent 46767406ed
commit a1ca86db7a
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
site/index.md
View File

@ -1,16 +1,17 @@
--- ---
title: home title: home
... ...
<style> <style>
.highslide img {max-width:200px; float:right; margin:0 0 1em 1em;} .highslide img {max-width:200px; float:right; margin:0 0 1em 1em;}
.highslide-caption {color:white; background-color:black;} .highslide-caption {color:white; background-color:black};
a {white-space:nowrap;}
/*div.asciicast { float:right; height:200px; }*/
</style>
<style media="screen and (min-width:1020px) and (orientation: landscape)">
.indent0 { margin:0 15em 0 0em; } .indent0 { margin:0 15em 0 0em; }
.indent1 { margin:0 10em 0 5em; } .indent1 { margin:0 10em 0 5em; }
.indent2 { margin:0 5em 0 10em; } .indent2 { margin:0 5em 0 10em; }
.indent3 { margin:0 0 0 15em; } .indent3 { margin:0 0 0 15em; }
a {white-space:nowrap;}
/*div.asciicast { float:right; height:200px; }*/
</style> </style>