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

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

diff --git a/source/css/common.css b/source/css/common.css
index 98d12e580ef06f133d604085b912527012d245a9..4bff9d11b44b8d117f4e11720297f6ae9c42360e 100644 (file)
--- a/source/css/common.css
+++ b/source/css/common.css
@@ -1,13 +1,5 @@
-@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;
   line-height: normal;
 }
 
@@ -16,14 +8,14 @@ kbd {
   min-width: 1em;
   padding: .2em .3em;
   font: normal .8em/1 sans-serif;
-  text-align: center;
   text-decoration: none;
   border-radius: .3em;
-  background: rgb(250, 250, 250);
+  background: rgb(210, 210, 210);
   background: linear-gradient(to top, rgb(210, 210, 210), rgb(255, 255, 255));
   color: rgb(50, 50, 50);
   white-space: nowrap;
-  text-transform: capitalize;
+  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.def {
@@ -51,45 +43,37 @@ kbd.cmd {
   text-transform: none;
   background: rgb(220, 220, 220);
   text-align: left;
+  color: #999999;
+  text-shadow: none;
+  box-shadow: none;
 }
 
 kbd.cmd.lin:before {
   content: 'user@linux:~ ';
-  color: #999999;
 }
 
 kbd.cmd.mac:before {
   content: 'MacBook:~/Desktop User\$ ';
-  color: #999999;
 }
 
 kbd.cmd.win:before {
   content: 'C:\\Users\\myAccount> ';
-  color: #999999;
 }
 
-kbd.optoff,
-kbd.option {
-  border: none;
-  background: none;
-  margin: 0 1em 0 0;
-  vertical-align: middle;
+kbd.menu,
+kbd.option,
+kbd.optoff {
+  border-radius: 0;
+  background: rgb(240, 240, 240);
+  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);
 }
 
 kbd.optoff:before {
-  content: url('../images/checkbox-unchecked.png');
+  content: '\2610\00a0';
 }
 
 kbd.option:before {
-  content: url('../images/checkbox-checked.png');
-}
-
-kbd.menu {
-  border: none;
-  background: none;
-  font-weight: bold;
-  font-stretch: extra-condensed;
-  white-space: normal;
+  content: '\2611\00a0';
 }
 
 kbd.osc {
@@ -140,8 +124,7 @@ samp {
 }
 
 .note,
-.warning,
-.fixme {
+.warning {
   min-height: 1.5ex;
   padding: 1em;
   margin-bottom: 1em;
@@ -165,16 +148,13 @@ code {
 }
 
 .fixme {
-  border-color: #999944;
-  background-color: #f0f0e0;
-  font-weight: bold;
+  display: none;
 }
 
-.fixme:before {
-  content: 'FIXME: ';
-  font-style: italic;
-  font-size: 2em;
-}
+.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;}
 
 /* Keyboard modifiers */
 .mod1:before {        content: "Ctrl ";}