Update to the Interface Overview page : added the Cue Grid, and updated all visuals...

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

diff --git a/source/css/screen.css b/source/css/screen.css
index bb0f469648a2baa6469292c8f06bd1ee6b21d7e2..c6cff7ea1885d30d3ef4a53b36faf181c65a15af 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;
@@ -48,7 +60,7 @@
 #content {
   padding: 1em 2em 2ex 21em;
   margin-left: 0;
-  line-height: 2em;
+  line-height: 1.8em;
 }
 
 #content h1,
@@ -145,7 +157,7 @@
 
 #content ul,
 #content ol {
-       overflow: hidden;
+  overflow: hidden;
 }
 
 #content figure {
@@ -153,20 +165,22 @@
 }
 
 #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 {
@@ -194,15 +208,8 @@
   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 {
@@ -234,5 +241,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; }