[gnome-shell-design] shade meta keys

[Jakub Steiner <jimmac src gnome org>]

commit 0c2f28684a2f50cea2ca07f8e19f9a0590f7f747
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Aug 25 16:12:45 2010 +0200

    shade meta keys

 mockups/static/onscreen-keyboard.png     |  Bin 356020 -> 354787 bytes
 mockups/static/svg/onscreen-keyboard.svg |  201 ++++++++++++++++++------------
 2 files changed, 120 insertions(+), 81 deletions(-)
---
diff --git a/mockups/static/onscreen-keyboard.png b/mockups/static/onscreen-keyboard.png
index c9fa36d..e75fe4f 100644
Binary files a/mockups/static/onscreen-keyboard.png and b/mockups/static/onscreen-keyboard.png differ
diff --git a/mockups/static/svg/onscreen-keyboard.svg b/mockups/static/svg/onscreen-keyboard.svg
index f7578cd..5ede25f 100644
--- a/mockups/static/svg/onscreen-keyboard.svg
+++ b/mockups/static/svg/onscreen-keyboard.svg
@@ -29,8 +29,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="1"
-     inkscape:cx="513.0074"
-     inkscape:cy="286.65442"
+     inkscape:cx="537.12935"
+     inkscape:cy="273.01729"
      inkscape:current-layer="layer51"
      inkscape:document-units="px"
      showgrid="false"
@@ -60,6 +60,26 @@
      id="defs2942">
     <linearGradient
        inkscape:collect="always"
+       id="linearGradient80666">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.04629629"
+         offset="0"
+         id="stop80668" />
+      <stop
+         id="stop80684"
+         offset="0.18602291"
+         style="stop-color:#000000;stop-opacity:0.24074075" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0.0745098;"
+         offset="0.86907327"
+         id="stop80722" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.15277778"
+         offset="1"
+         id="stop80670" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
        id="linearGradient80615">
       <stop
          style="stop-color:#709cdd;stop-opacity:1"
@@ -67,7 +87,7 @@
          id="stop80617" />
       <stop
          id="stop80623"
-         offset="0.18692644"
+         offset="0.46497902"
          style="stop-color:#2657a1;stop-opacity:1" />
       <stop
          style="stop-color:#1f4a89;stop-opacity:1"
@@ -6582,16 +6602,6 @@
     <linearGradient
        inkscape:collect="always"
        xlink:href="#linearGradient76714"
-       id="linearGradient79921"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.58464666,0,0,1.452381,704.87623,-557.11903)"
-       x1="261.02084"
-       y1="700.76471"
-       x2="261.02084"
-       y2="660.68854" />
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient76714"
        id="linearGradient79923"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(0.58464666,0,0,1.452381,-38.12377,-557.11903)"
@@ -6772,16 +6782,6 @@
     <linearGradient
        inkscape:collect="always"
        xlink:href="#linearGradient76714"
-       id="linearGradient80049"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.58464666,0,0,1.452381,623.87623,-557.11903)"
-       x1="261.02084"
-       y1="700.76471"
-       x2="261.02084"
-       y2="660.68854" />
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient76714"
        id="linearGradient80051"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(0.58464666,0,0,1.452381,704.87623,-557.11903)"
@@ -6902,16 +6902,6 @@
     <linearGradient
        inkscape:collect="always"
        xlink:href="#linearGradient76714"
-       id="linearGradient80255"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.58464666,0,0,1.452381,-119.12377,-557.11903)"
-       x1="261.02084"
-       y1="700.76471"
-       x2="261.02084"
-       y2="660.68854" />
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient76714"
        id="linearGradient80257"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(0.58464666,0,0,1.452381,-38.12377,-557.11903)"
@@ -7002,26 +6992,6 @@
     <linearGradient
        inkscape:collect="always"
        xlink:href="#linearGradient76714"
-       id="linearGradient80275"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.58464666,0,0,1.452381,704.87623,-557.11903)"
-       x1="261.02084"
-       y1="700.76471"
-       x2="261.02084"
-       y2="660.68854" />
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient76714"
-       id="linearGradient80367"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.58464666,0,0,1.452381,-119.12377,-557.11903)"
-       x1="261.02084"
-       y1="700.76471"
-       x2="261.02084"
-       y2="660.68854" />
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient76714"
        id="linearGradient80369"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(0.58464666,0,0,1.452381,-38.12377,-557.11903)"
@@ -7092,16 +7062,6 @@
     <linearGradient
        inkscape:collect="always"
        xlink:href="#linearGradient76714"
-       id="linearGradient80383"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.58464666,0,0,1.452381,540.87623,-557.11903)"
-       x1="261.02084"
-       y1="700.76471"
-       x2="261.02084"
-       y2="660.68854" />
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient76714"
        id="linearGradient80385"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(0.58464666,0,0,1.452381,623.87623,-557.11903)"
@@ -7112,16 +7072,6 @@
     <linearGradient
        inkscape:collect="always"
        xlink:href="#linearGradient76714"
-       id="linearGradient80387"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.58464666,0,0,1.452381,704.87623,-557.11903)"
-       x1="261.02084"
-       y1="700.76471"
-       x2="261.02084"
-       y2="660.68854" />
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient76714"
        id="linearGradient80389"
        gradientUnits="userSpaceOnUse"
        gradientTransform="matrix(0.58464666,0,0,1.452381,-119.12377,-557.11903)"
@@ -7170,6 +7120,95 @@
        y1="364.7858"
        x2="484.96875"
        y2="456.87659" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient80666"
+       id="linearGradient80672"
+       x1="176"
+       y1="460.00146"
+       x2="176"
+       y2="401.89191"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient80666"
+       id="linearGradient80674"
+       x1="773"
+       y1="459.5"
+       x2="773"
+       y2="400.49188"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient80666"
+       id="linearGradient80676"
+       x1="900"
+       y1="458.5"
+       x2="900"
+       y2="401.29373"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient80666"
+       id="linearGradient80678"
+       x1="900"
+       y1="460.5"
+       x2="900"
+       y2="401.36316"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient80666"
+       id="linearGradient80680"
+       x1="833"
+       y1="459.5"
+       x2="833"
+       y2="400.36316"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient80666"
+       id="linearGradient80682"
+       x1="75"
+       y1="459.50861"
+       x2="75"
+       y2="401.4679"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient80666-3"
+       id="linearGradient80682-2"
+       x1="75"
+       y1="459.50861"
+       x2="75"
+       y2="401.4679"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient80666-3">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.09722222"
+         offset="0"
+         id="stop80668-6" />
+      <stop
+         id="stop80684-3"
+         offset="0.18602291"
+         style="stop-color:#000000;stop-opacity:0.48148149" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0"
+         offset="1"
+         id="stop80670-4" />
+    </linearGradient>
+    <linearGradient
+       gradientTransform="translate(-41,-399)"
+       y2="401.4679"
+       x2="75"
+       y1="459.50861"
+       x1="75"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient80702"
+       xlink:href="#linearGradient80666-3"
+       inkscape:collect="always" />
   </defs>
   <metadata
      id="metadata2945">
@@ -7652,7 +7691,7 @@
              height="61"
              width="64.979248"
              id="rect76766"
-             style="color:#000000;fill:url(#linearGradient79921);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.50196078;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+             style="color:#000000;fill:url(#linearGradient80678);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.50196078000000000;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
           <g
              transform="matrix(2,0,0,2,883,415)"
              inkscape:label="edit-clear"
@@ -7899,7 +7938,7 @@
              height="61"
              width="105.97925"
              id="rect80015"
-             style="color:#000000;fill:url(#linearGradient80049);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.50196078;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+             style="color:#000000;fill:url(#linearGradient80680);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.50196078000000000;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
           <text
              xml:space="preserve"
              style="font-size:20px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-indent:0;text-align:center;text-decoration:none;line-height:200%;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:middle;baseline-shift:baseline;color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Cantarell;-inkscape-font-specification:Cantarell Bold"
@@ -7930,7 +7969,7 @@
            id="g80165"
            transform="translate(0,191)">
           <rect
-             style="color:#000000;fill:url(#linearGradient80255);fill-opacity:1;fill-rule:nonzero;stroke:#729fcf;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+             style="color:#000000;fill:url(#linearGradient80682);fill-opacity:1;fill-rule:nonzero;stroke:#729fcf;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
              id="rect80167"
              width="64.979248"
              height="61"
@@ -8160,7 +8199,7 @@
            id="g80245"
            style="stroke:#729fcf;stroke-opacity:1">
           <rect
-             style="color:#000000;fill:url(#linearGradient80275);fill-opacity:1;fill-rule:nonzero;stroke:#729fcf;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+             style="color:#000000;fill:url(#linearGradient80682-2);fill-opacity:1;fill-rule:nonzero;stroke:#729fcf;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
              id="rect80247"
              width="64.979248"
              height="61"
@@ -8190,7 +8229,7 @@
              height="61"
              width="236.97925"
              id="rect80279"
-             style="color:#000000;fill:url(#linearGradient80367);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.50196078;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+             style="color:#000000;fill:url(#linearGradient80672);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.50196078000000000;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;opacity:1" />
           <text
              xml:space="preserve"
              style="font-size:20px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-indent:0;text-align:center;text-decoration:none;line-height:200%;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:middle;baseline-shift:baseline;color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Cantarell;-inkscape-font-specification:Cantarell Bold"
@@ -8284,7 +8323,7 @@
              height="61"
              width="152.97925"
              id="rect80343"
-             style="color:#000000;fill:url(#linearGradient80383);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.50196078;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+             style="color:#000000;fill:url(#linearGradient80674);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.50196078000000000;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
           <text
              xml:space="preserve"
              style="font-size:20px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-indent:0;text-align:center;text-decoration:none;line-height:200%;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:middle;baseline-shift:baseline;color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Cantarell;-inkscape-font-specification:Cantarell Bold"
@@ -8311,7 +8350,7 @@
              height="61"
              width="64.979248"
              id="rect80359"
-             style="color:#000000;fill:url(#linearGradient80387);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.50196078;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+             style="color:#000000;fill:url(#linearGradient80676);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.50196078000000000;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
           <g
              transform="matrix(2,0,0,2,883,415)"
              inkscape:label="edit-clear"
@@ -8337,7 +8376,7 @@
            id="g80637"
            transform="translate(0,20)">
           <path
-             style="color:#000000;fill:url(#linearGradient80643);fill-opacity:1;fill-rule:nonzero;stroke:#729fcf;stroke-width:1.99999988;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+             style="color:#000000;fill:url(#linearGradient80643);fill-opacity:1;fill-rule:nonzero;stroke:#729fcf;stroke-width:1.99999988000000006;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
              d="m 521.04622,365.00001 c -7.37654,0 -13.31508,5.92203 -13.31508,13.2781 l 0,70.60229 c 0,7.35606 5.93854,13.2781 13.31508,13.2781 l 14.35532,0 15.60362,15.56026 15.60361,-15.56026 14.31372,0 c 7.37655,0 13.31508,-5.92204 13.31508,-13.2781 l 0,-70.60229 c 0,-7.35607 -5.93854,-13.2781 -13.31508,-13.2781 z"
              id="rect80458"
              inkscape:connector-curvature="0"