summaryrefslogtreecommitdiff
path: root/Master/texmf-dist/doc/latex/textpos/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'Master/texmf-dist/doc/latex/textpos/style.css')
-rw-r--r--Master/texmf-dist/doc/latex/textpos/style.css40
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;