Moved previous CSS change to screen only, slightly reduced line height so that titles...

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

diff --git a/source/css/screen.css b/source/css/screen.css
index 0d6486fc5adf0b3f9f82428f7cc42f4286f00dfe..6cd3e256f55f30d5443790e14d3b76cd41426457 100644 (file)
--- a/source/css/screen.css
+++ b/source/css/screen.css
@@ -1,17 +1,3 @@
-@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');
-    font-weight: normal;
-    font-style: normal;
-}
-
-body {
-  font-family: 'junge-regular';
-  font-size: 16px;
-  line-height: 2ex;
-}
 
 .clear {
   clear:both;
@@ -62,7 +48,7 @@ body {
 #content {
   padding: 1em 2em 2ex 21em;
   margin-left: 0;
-  line-height: 2em;
+  line-height: 1.8em;
 }
 
 #content h1,
@@ -159,7 +145,7 @@ body {
 
 #content ul,
 #content ol {
-       overflow: hidden;
+  overflow: hidden;
 }
 
 #content figure {
@@ -167,20 +153,23 @@ 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,6 +197,10 @@ body {
   width: 100%;
 }
 
+#content img.fit {
+  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);