re_integrated html2print boilerplate from osp

2017-04-22 16:56:29 +02:00
parent b68f53c0b0
commit 6366f20dcb
26 changed files with 1293 additions and 565 deletions
@@ -0,0 +1,151 @@
+/**
+ * User Interface
+ */
+@media screen {
+    // C A N V A S
+    body {
+        background-color: #F0F0F0;
+    }
+    #pages {
+        width: $paper-width;
+        height: $paper-height;
+
+        margin-left: auto;
+        margin-right: auto;
+    }
+    .spread #pages {
+        width: $paper-width * 2;
+        height: $paper-height * 2;
+    }
+    .paper {
+        /* centrer la page à l'écran */
+        background-color: white;
+        margin-top: 1em;
+        margin-bottom: 1em;
+    }
+    .normal .paper {
+        //outline: 1px solid lightgray;
+    }
+    .normal .page {
+        outline: 1px dashed lightsalmon;
+    }
+    .preview .paper {
+        background: none;
+    }
+    .preview .page {
+        outline: 1px solid lightgray;
+        background-color: white;
+    }
+    .preview .crops { visibility: hidden; }
+
+
+
+    // M E N U
+    .button {
+        z-index: 1000;
+        background-color: black;
+        font-family: sans-serif;
+        text-transform: uppercase;
+        font-size: 9pt !important;
+        letter-spacing: 1pt;
+        color: white;
+        margin: 0;
+        padding: 5pt 7pt;
+        cursor: pointer;
+        border: 0;
+    }
+    .button:hover {
+        background-color: white;
+        color: black;
+        outline: 1pt solid black;
+    }
+    .button-active {
+        background-color: white;
+        color: black;
+        outline: 1pt solid black;
+    }
+    .lo-res {
+        outline: 10px solid red;
+    }
+    #interface {
+        font-family: sans-serif;
+        text-transform: uppercase;
+        font-size: 10pt !important;
+        line-height: 14pt;
+        letter-spacing: 1pt;
+        position: fixed;
+        bottom: 10pt;
+        right: 10pt;
+    }
+
+    #interface a {
+        text-decoration: none;
+        position: static;
+    }
+
+
+    div.dropdown {
+        display: inline-block;
+        position: relative;
+
+        ul {
+            padding: 0.5em 0;
+            display: none;
+            background-color: black;
+            position: absolute;
+            right: 0;
+            bottom: 2em;
+            height: 200pt;
+            width: 80pt;
+            overflow: auto;
+
+            a {
+                padding: 0 1em;
+                color: white;
+                display: block;
+
+                &:hover {
+                    background-color: white;
+                    color: black;
+                }
+            }
+        }
+        button {
+            width: 80pt;
+        }
+    }
+
+    #toc {
+        display: inline-block;
+    }
+    #toc-pages {
+        padding: 0.5em 0;
+        display: none;
+        background-color: black;
+        position: absolute;
+        right: 0;
+        bottom: 2em;
+        height: 200pt;
+        width: 80pt;
+        overflow: auto;
+    }
+    #toc-pages a {
+        padding: 0 1em;
+        color: white;
+    }
+    #toc-pages a:hover {
+        background-color: white;
+        color: black;
+    }
+    #toc-pages button {
+        width: 80pt;
+    }
+}
+
+
+
+@media print {
+    #interface {
+        display: none;
+    }
+}