Added missing images, handled image maps for the pdf (rendered as simple images)

[ardour-manual] / source / css / screen.css

diff --git a/source/css/screen.css b/source/css/screen.css
index 88c754cdb4c7f2c73c2da0ae3c58cf20b1b93567..ac99a97ea9ca70e96f7880e874164a76d6310bcb 100644 (file)
--- a/source/css/screen.css
+++ b/source/css/screen.css
@@ -1,3 +1,15 @@
+@font-face {
+    font-family: 'junge-regular';
+    src: url('../css/junge-regular-webfont.ttf')  format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+body {
+  font-family: 'junge-regular';
+  font-size: 16px;
+}
+
 
 .clear {
   clear:both;
@@ -161,7 +173,6 @@
   font-size: .9em;
   line-height: .9em; 
 }
-}
 
 #content figcaption.center {
   text-align: center;
@@ -201,17 +212,6 @@
   width: 100%;
 }
 
-kbd {
-  text-shadow: 0 0 2px rgb(255, 255, 255);
-  box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
-}
-
-
-kbd.cmd {
-  text-shadow: none;
-  box-shadow: none;
-}
-
 #content p.center {
        text-align:center;
 }
@@ -229,6 +229,11 @@ kbd.cmd {
   }
 }
 
+.imagemap {position: relative;}
+.imagemap img {display: block;}
+.imagemap .area {display: block; position: absolute; transition: box-shadow 0.15s ease-in-out;}
+.imagemap .area:hover {box-shadow: 0px 0px 1vw white;}
+
 /* for the TOC */
 #content p.chapter,
 #content p.subchapter,