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 0d6486fc5adf0b3f9f82428f7cc42f4286f00dfe..ac99a97ea9ca70e96f7880e874164a76d6310bcb 100644 (file)
--- a/source/css/screen.css
+++ b/source/css/screen.css
@@ -1,8 +1,6 @@
 @font-face {
     font-family: 'junge-regular';
-    src: url('junge-regular-webfont.woff2') format('woff2'),
-         url('junge-regular-webfont.woff') format('woff'),
-         url('junge-regular-webfont.ttf')  format('truetype');
+    src: url('../css/junge-regular-webfont.ttf')  format('truetype');
     font-weight: normal;
     font-style: normal;
 }
@@ -10,9 +8,9 @@
 body {
   font-family: 'junge-regular';
   font-size: 16px;
-  line-height: 2ex;
 }
 
+
 .clear {
   clear:both;
 }
@@ -62,7 +60,7 @@ body {
 #content {
   padding: 1em 2em 2ex 21em;
   margin-left: 0;
-  line-height: 2em;
+  line-height: 1.8em;
 }
 
 #content h1,
@@ -159,7 +157,7 @@ body {
 
 #content ul,
 #content ol {
-       overflow: hidden;
+  overflow: hidden;
 }
 
 #content figure {
@@ -167,20 +165,22 @@ body {
 }
 
 #content figcaption {
-       display: table-caption;
-       caption-side: bottom;
-       font-style: italic;
-  padding-top: 0.5em;
+  display: table-caption;
+  caption-side: bottom;
+  font-style: italic;
+  padding-top: 0.4em;
   padding-bottom: 1em;
+  font-size: .9em;
+  line-height: .9em; 
 }
 
 #content figcaption.center {
-       text-align: center;
+  text-align: center;
 }
 
 #content figcaption.titleover {
   text-align: center;
-       caption-side: top ;
+  caption-side: top;
 }
 
 #content figure.right {
@@ -208,15 +208,8 @@ body {
   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 img.fit {
+  width: 100%;
 }
 
 #content p.center {
@@ -236,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,
@@ -248,5 +246,3 @@ kbd.cmd {
 #content p.section { padding-left: 6em; }
 #content p.subsection { padding-left: 8em; }
 
-/* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
-.hoverimg:hover{ z-index:100; box-shadow: 0 0 .2em .2em lightgreen; }