diff options
Diffstat (limited to 'Master/texmf-dist/doc/latex/textpos/style.css')
-rw-r--r-- | Master/texmf-dist/doc/latex/textpos/style.css | 40 |
1 files changed, 38 insertions, 2 deletions
diff --git a/Master/texmf-dist/doc/latex/textpos/style.css b/Master/texmf-dist/doc/latex/textpos/style.css index b6ba3d05f1c..946d11a6a55 100644 --- a/Master/texmf-dist/doc/latex/textpos/style.css +++ b/Master/texmf-dist/doc/latex/textpos/style.css @@ -3,9 +3,8 @@ body { background: white; margin-left: +30%; width: 50%; /* body is 50% of screen width */ - margin-right: auto; /* ie, 20% */ padding: 0.5em; /* this will make a difference if I decide to - have the background a different colour */ + have the background a different colour */ /* I can't decide on font: Optima's always nice, but Gill looks agreeably intense. Helvetica's a decent fallback. */ font-family: "Helvetica Neue", Helvetica, "Gill Sans", gill, sans-serif; @@ -18,6 +17,42 @@ body { line-height: 150%; } +/* adapt to wider screens */ +@media screen and (min-width: 700pt) { + body { + margin-left: 210pt; + width: 350pt; + } +} + +/* The following appears not to work in Safari or Chrome + -- don't know why, yet. +@media print { + @page :right { + size: auto; + body { + margin-top: 2cm; + margin-bottom: 3cm; + margin-left: 10%; + width: 60%; + margin-right: 30%; + color: #d33; + } + } + @page :left { + size: auto; + body { + margin-top: 2cm; + margin-bottom: 3cm; + margin-left: 30%; + width: 60%; + margin-right: 10%; + color: #33d; + } + } +} +*/ + div.topsidebar { float: right; width: 50%; /* ...of the body width (ie, 50% x 50% of screen) */ @@ -28,6 +63,7 @@ div.topsidebar { } /* On wider screens, move the sidebar out to the right hand side */ +/* This uses CSS3 media queries: http://www.w3.org/TR/css3-mediaqueries/ */ @media screen and (min-width: 700pt) and (max-width: 850pt) { body { margin-left: 210pt; |