[gnome-shell-design] volume menu



commit 3d98dfad2ca75578e05d0792ac0d6998cb518f30
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Aug 11 00:49:59 2010 +0200

    volume menu

 mockups/shell-mockups.svg |  385 ++++++++++++++++++++++++++++++++++++++-------
 mockups/static/volume.png |  Bin 0 -> 428127 bytes
 2 files changed, 329 insertions(+), 56 deletions(-)
---
diff --git a/mockups/shell-mockups.svg b/mockups/shell-mockups.svg
index c0cd7e2..177f181 100644
--- a/mockups/shell-mockups.svg
+++ b/mockups/shell-mockups.svg
@@ -14,7 +14,7 @@
    height="768"
    id="svg2940"
    version="1.1"
-   inkscape:version="0.47+devel r9616 custom"
+   inkscape:version="0.48+devel r9695 custom"
    sodipodi:docname="shell-mockups.svg"
    inkscape:output_extension="org.inkscape.output.svg.inkscape"
    style="display:inline"
@@ -29,9 +29,9 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="1"
-     inkscape:cx="502.58725"
-     inkscape:cy="448.55095"
-     inkscape:current-layer="svg2940"
+     inkscape:cx="536.18758"
+     inkscape:cy="404.6977"
+     inkscape:current-layer="g21389"
      inkscape:document-units="px"
      showgrid="false"
      inkscape:window-width="1680"
@@ -13109,6 +13109,189 @@
        y1="711.43457"
        x2="191.75198"
        y2="752.31256" />
+    <linearGradient
+       id="linearGradient4722">
+      <stop
+         style="stop-color:#babdb6;stop-opacity:1;"
+         offset="0"
+         id="stop4724" />
+      <stop
+         style="stop-color:#7b8073;stop-opacity:1"
+         offset="1"
+         id="stop4726" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4742-6">
+      <stop
+         style="stop-color:#2c85e2;stop-opacity:1"
+         offset="0"
+         id="stop4744-0" />
+      <stop
+         style="stop-color:#84b8ee;stop-opacity:1"
+         offset="1"
+         id="stop4746-8" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4759-7">
+      <stop
+         style="stop-color:#1864b2;stop-opacity:1;"
+         offset="0"
+         id="stop4761-8" />
+      <stop
+         style="stop-color:#3e90e5;stop-opacity:1"
+         offset="1"
+         id="stop4763-2" />
+    </linearGradient>
+    <linearGradient
+       y2="234.59567"
+       x2="-36.380333"
+       y1="231.36209"
+       x1="-48.432011"
+       gradientTransform="matrix(1.0013925,0,0,1.000048,55.952262,-229.37321)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient21206"
+       xlink:href="#linearGradient4742-6"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="235.67775"
+       x2="-18.164774"
+       y1="230.23718"
+       x1="-18.164774"
+       gradientTransform="matrix(1.0013925,0,0,0.66664638,55.952262,-152.73679)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient21208"
+       xlink:href="#linearGradient4759-7"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="234.59567"
+       x2="-36.380333"
+       y1="231.36209"
+       x1="-48.432011"
+       gradientTransform="matrix(1.3970587,0,0,1.498096,-326.79501,-578.27689)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient6194-0-8"
+       xlink:href="#linearGradient4742-6-7"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4742-6-7">
+      <stop
+         style="stop-color:#2c85e2;stop-opacity:1"
+         offset="0"
+         id="stop4744-0-1" />
+      <stop
+         style="stop-color:#84b8ee;stop-opacity:1"
+         offset="1"
+         id="stop4746-8-7" />
+    </linearGradient>
+    <linearGradient
+       y2="235.67775"
+       x2="-18.164774"
+       y1="230.23718"
+       x1="-18.164774"
+       gradientTransform="matrix(1.3970587,0,0,0.99865229,-326.79501,-463.47369)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient6196-3-0"
+       xlink:href="#linearGradient4759-7-6"
+       inkscape:collect="always" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4759-7-6">
+      <stop
+         style="stop-color:#1864b2;stop-opacity:1;"
+         offset="0"
+         id="stop4761-8-0" />
+      <stop
+         style="stop-color:#3e90e5;stop-opacity:1"
+         offset="1"
+         id="stop4763-2-4" />
+    </linearGradient>
+    <linearGradient
+       y2="478.36542"
+       x2="823.67853"
+       y1="478.36542"
+       x1="821.52087"
+       gradientTransform="matrix(1.3970587,0,0,1.5587476,-351.79502,-613.19901)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient21255"
+       xlink:href="#linearGradient4742-6-7"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="602.6463"
+       x2="823.67853"
+       y1="602.6463"
+       x1="821.52087"
+       gradientTransform="matrix(1.3970587,0,0,1.0390835,-351.79502,-493.74791)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient21257"
+       xlink:href="#linearGradient4759-7-6"
+       inkscape:collect="always" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-4-1"
+       id="radialGradient36603-0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0338554,-0.0055072,0.03125008,0.38257694,-2.6641297,18.80356)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <linearGradient
+       id="linearGradient34508-4-1"
+       inkscape:collect="always">
+      <stop
+         id="stop34510-7-6"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop34512-7-0"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0;" />
+    </linearGradient>
+    <radialGradient
+       r="42"
+       fy="30"
+       fx="51"
+       cy="30"
+       cx="51"
+       gradientTransform="matrix(1.0338554,-0.0055072,0.03125008,0.38257694,-2.6641297,18.80356)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient21303"
+       xlink:href="#linearGradient34508-4-1"
+       inkscape:collect="always" />
+    <clipPath
+       id="clipPath6279-7-0">
+      <rect
+         style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6281-1-1"
+         y="220.75"
+         x="26.85"
+         height="6.3750005"
+         width="3.8250003" />
+    </clipPath>
+    <clipPath
+       id="clipPath6265-3-4">
+      <rect
+         style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6267-1-8"
+         y="221.32954"
+         x="26.96591"
+         height="5.21591"
+         width="2.8977277" />
+    </clipPath>
+    <clipPath
+       id="clipPath6259-8-6">
+      <rect
+         style="color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         id="rect6261-6-6"
+         y="221.50153"
+         x="26.998718"
+         height="4.8734746"
+         width="1.8762827" />
+    </clipPath>
   </defs>
   <metadata
      id="metadata2945">
@@ -18912,7 +19095,7 @@
      inkscape:groupmode="layer"
      id="layer39"
      inkscape:label="Overview"
-     style="display:inline">
+     style="display:none">
     <g
        inkscape:label="Overview shade backdrop"
        id="g16942"
@@ -19154,11 +19337,11 @@
              sodipodi:cy="26.90625"
              sodipodi:rx="12.3125"
              sodipodi:ry="2.34375"
-             d="m 28.5625,26.90625 c 0,1.294417 -5.512494,2.34375 -12.3125,2.34375 -6.800006,0 -12.3125,-1.049333 -12.3125,-2.34375 0,-1.294417 5.512494,-2.34375 12.3125,-2.34375 6.800006,0 12.3125,1.049333 12.3125,2.34375 z"
+             d="m 28.5625,26.90625 a 12.3125,2.34375 0 1 1 -24.625,0 12.3125,2.34375 0 1 1 24.625,0 z"
              transform="matrix(5.1842156,0,0,8.8969203,44.847524,-26.3318)" />
           <path
              transform="matrix(8.1389816,0,0,13.052309,-6.3336811,-145.1386)"
-             d="m 28.5625,26.90625 c 0,1.294417 -5.512494,2.34375 -12.3125,2.34375 -6.800006,0 -12.3125,-1.049333 -12.3125,-2.34375 0,-1.294417 5.512494,-2.34375 12.3125,-2.34375 6.800006,0 12.3125,1.049333 12.3125,2.34375 z"
+             d="m 28.5625,26.90625 a 12.3125,2.34375 0 1 1 -24.625,0 12.3125,2.34375 0 1 1 24.625,0 z"
              sodipodi:ry="2.34375"
              sodipodi:rx="12.3125"
              sodipodi:cy="26.90625"
@@ -19168,7 +19351,7 @@
              sodipodi:type="arc" />
           <path
              transform="matrix(5.6364554,0,0,5.4942496,-3.1296647,-9.1944228)"
-             d="m 44.04265,22.695679 c 0,11.353099 -9.203505,20.556604 -20.556604,20.556604 -11.353099,0 -20.5566045,-9.203505 -20.5566045,-20.556604 0,-11.353099 9.2035055,-20.5566047 20.5566045,-20.5566047 11.353099,0 20.556604,9.2035057 20.556604,20.5566047 z"
+             d="m 44.04265,22.695679 a 20.556604,20.556604 0 1 1 -41.1132085,0 20.556604,20.556604 0 1 1 41.1132085,0 z"
              sodipodi:ry="20.556604"
              sodipodi:rx="20.556604"
              sodipodi:cy="22.695679"
@@ -19184,7 +19367,7 @@
              sodipodi:cy="22.695679"
              sodipodi:rx="20.556604"
              sodipodi:ry="20.556604"
-             d="m 44.04265,22.695679 c 0,11.353099 -9.203505,20.556604 -20.556604,20.556604 -11.353099,0 -20.5566045,-9.203505 -20.5566045,-20.556604 0,-11.353099 9.2035055,-20.5566047 20.5566045,-20.5566047 11.353099,0 20.556604,9.2035057 20.556604,20.5566047 z"
+             d="m 44.04265,22.695679 a 20.556604,20.556604 0 1 1 -41.1132085,0 20.556604,20.556604 0 1 1 41.1132085,0 z"
              transform="matrix(5.6364554,0,0,5.4942496,-3.1296647,-9.1944228)" />
           <g
              transform="matrix(5.3038963,0,0,5.303707,-0.6970739,-6.7512476)"
@@ -19365,7 +19548,7 @@
           <path
              clip-path="url(#clipPath6263)"
              transform="matrix(1.6415896,0,0,1.7904762,-87.51062,-114.65238)"
-             d="M 202,99.5 C 202,128.49495 170.88379,152 132.5,152 94.11621,152 63,128.49495 63,99.5 63,70.505051 94.11621,47 132.5,47 170.88379,47 202,70.505051 202,99.5 z"
+             d="m 202,99.5 a 69.5,52.5 0 1 1 -139,0 69.5,52.5 0 1 1 139,0 z"
              sodipodi:ry="52.5"
              sodipodi:rx="69.5"
              sodipodi:cy="99.5"
@@ -19381,11 +19564,11 @@
              sodipodi:cy="22.695679"
              sodipodi:rx="20.556604"
              sodipodi:ry="20.556604"
-             d="m 44.04265,22.695679 c 0,11.353099 -9.203505,20.556604 -20.556604,20.556604 -11.353099,0 -20.5566045,-9.203505 -20.5566045,-20.556604 0,-11.353099 9.2035055,-20.5566047 20.5566045,-20.5566047 11.353099,0 20.556604,9.2035057 20.556604,20.5566047 z"
+             d="m 44.04265,22.695679 a 20.556604,20.556604 0 1 1 -41.1132085,0 20.556604,20.556604 0 1 1 41.1132085,0 z"
              transform="matrix(4.7134374,0,0,4.5945189,18.54838,11.225575)" />
           <path
              transform="matrix(5.6364554,0,0,5.4942496,-3.1296647,-9.1944228)"
-             d="m 44.04265,22.695679 c 0,11.353099 -9.203505,20.556604 -20.556604,20.556604 -11.353099,0 -20.5566045,-9.203505 -20.5566045,-20.556604 0,-11.353099 9.2035055,-20.5566047 20.5566045,-20.5566047 11.353099,0 20.556604,9.2035057 20.556604,20.5566047 z"
+             d="m 44.04265,22.695679 a 20.556604,20.556604 0 1 1 -41.1132085,0 20.556604,20.556604 0 1 1 41.1132085,0 z"
              sodipodi:ry="20.556604"
              sodipodi:rx="20.556604"
              sodipodi:cy="22.695679"
@@ -19395,7 +19578,7 @@
              sodipodi:type="arc" />
           <path
              transform="matrix(1.6962522,0,0,2.0582735,-154.27415,-85.66293)"
-             d="M 213,72.5 C 213,88.240115 192.4051,101 167,101 141.5949,101 121,88.240115 121,72.5 121,56.759885 141.5949,44 167,44 c 25.4051,0 46,12.759885 46,28.5 z"
+             d="m 213,72.5 a 46,28.5 0 1 1 -92,0 46,28.5 0 1 1 92,0 z"
              sodipodi:ry="28.5"
              sodipodi:rx="46"
              sodipodi:cy="72.5"
@@ -19423,11 +19606,11 @@
              sodipodi:cy="22.695679"
              sodipodi:rx="20.556604"
              sodipodi:ry="20.556604"
-             d="m 44.04265,22.695679 c 0,11.353099 -9.203505,20.556604 -20.556604,20.556604 -11.353099,0 -20.5566045,-9.203505 -20.5566045,-20.556604 0,-11.353099 9.2035055,-20.5566047 20.5566045,-20.5566047 11.353099,0 20.556604,9.2035057 20.556604,20.5566047 z"
+             d="m 44.04265,22.695679 a 20.556604,20.556604 0 1 1 -41.1132085,0 20.556604,20.556604 0 1 1 41.1132085,0 z"
              transform="matrix(5.4601401,0,0,5.3222446,1.0112829,-5.2906517)" />
           <path
              transform="matrix(5.7120897,0,0,5.5679758,-4.9060167,-10.867688)"
-             d="m 44.04265,22.695679 c 0,11.353099 -9.203505,20.556604 -20.556604,20.556604 -11.353099,0 -20.5566045,-9.203505 -20.5566045,-20.556604 0,-11.353099 9.2035055,-20.5566047 20.5566045,-20.5566047 11.353099,0 20.556604,9.2035057 20.556604,20.5566047 z"
+             d="m 44.04265,22.695679 a 20.556604,20.556604 0 1 1 -41.1132085,0 20.556604,20.556604 0 1 1 41.1132085,0 z"
              sodipodi:ry="20.556604"
              sodipodi:rx="20.556604"
              sodipodi:cy="22.695679"
@@ -19508,11 +19691,11 @@
                sodipodi:cy="34.5"
                sodipodi:rx="8.5"
                sodipodi:ry="8.5"
-               d="m 158,34.5 c 0,4.69442 -3.80558,8.5 -8.5,8.5 -4.69442,0 -8.5,-3.80558 -8.5,-8.5 0,-4.69442 3.80558,-8.5 8.5,-8.5 4.69442,0 8.5,3.80558 8.5,8.5 z"
+               d="m 158,34.5 a 8.5,8.5 0 1 1 -17,0 8.5,8.5 0 1 1 17,0 z"
                transform="matrix(7.8211495,0,0,7.8211495,-1929.9418,-306.5188)" />
             <path
                transform="matrix(2.2423679,0,0,2.2423679,-1095.914,-114.05084)"
-               d="m 158,34.5 c 0,4.69442 -3.80558,8.5 -8.5,8.5 -4.69442,0 -8.5,-3.80558 -8.5,-8.5 0,-4.69442 3.80558,-8.5 8.5,-8.5 4.69442,0 8.5,3.80558 8.5,8.5 z"
+               d="m 158,34.5 a 8.5,8.5 0 1 1 -17,0 8.5,8.5 0 1 1 17,0 z"
                sodipodi:ry="8.5"
                sodipodi:rx="8.5"
                sodipodi:cy="34.5"
@@ -19902,7 +20085,7 @@
                sodipodi:cy="86.5"
                sodipodi:rx="8.5"
                sodipodi:ry="8.5"
-               d="m 87.25,86.5 c 0,4.69442 -3.80558,8.5 -8.5,8.5 -4.69442,0 -8.5,-3.80558 -8.5,-8.5 0,-4.69442 3.80558,-8.5 8.5,-8.5 4.69442,0 8.5,3.80558 8.5,8.5 z"
+               d="m 87.25,86.5 a 8.5,8.5 0 1 1 -17,0 8.5,8.5 0 1 1 17,0 z"
                transform="matrix(0.64680538,-0.64680538,0.29716347,0.29716347,7.3594367,104.10629)" />
             <path
                sodipodi:type="arc"
@@ -19912,7 +20095,7 @@
                sodipodi:cy="86.5"
                sodipodi:rx="8.5"
                sodipodi:ry="8.5"
-               d="m 87.25,86.5 c 0,4.69442 -3.80558,8.5 -8.5,8.5 -4.69442,0 -8.5,-3.80558 -8.5,-8.5 0,-4.69442 3.80558,-8.5 8.5,-8.5 4.69442,0 8.5,3.80558 8.5,8.5 z"
+               d="m 87.25,86.5 a 8.5,8.5 0 1 1 -17,0 8.5,8.5 0 1 1 17,0 z"
                transform="matrix(0.25300786,-0.25300786,0.11624006,0.11624006,50.336327,85.060075)" />
             <path
                sodipodi:type="arc"
@@ -19922,7 +20105,7 @@
                sodipodi:cy="86.5"
                sodipodi:rx="8.5"
                sodipodi:ry="8.5"
-               d="m 87.25,86.5 c 0,4.69442 -3.80558,8.5 -8.5,8.5 -4.69442,0 -8.5,-3.80558 -8.5,-8.5 0,-4.69442 3.80558,-8.5 8.5,-8.5 4.69442,0 8.5,3.80558 8.5,8.5 z"
+               d="m 87.25,86.5 a 8.5,8.5 0 1 1 -17,0 8.5,8.5 0 1 1 17,0 z"
                transform="matrix(0.32617031,-0.32617031,0.14985327,0.14985327,166.35178,248.59862)" />
             <path
                d="m 105.5625,44.59375 c -8.805711,0 -16.379622,4.70254 -20.46875,11.65625 L 77.65625,74 A 2.6002601,2.6002601 0 0 1 77.5,74.3125 C 75.153793,78.342238 73.78125,83.003622 73.78125,88 l 0,132 c 0,15.20797 12.325502,27.40625 27.75,27.40625 l 84.9375,0 c 15.4245,0 27.75,-12.19828 27.75,-27.40625 l 0,-132 c 0,-4.996409 -1.37248,-9.657806 -3.71875,-13.6875 A 2.6002601,2.6002601 0 0 1 210.34375,74 l -7.4375,-17.75 C 198.81701,49.296253 191.24321,44.59375 182.4375,44.59375 l -76.875,0 z"
@@ -19958,7 +20141,7 @@
                  sodipodi:cy="216.5"
                  sodipodi:rx="11.75"
                  sodipodi:ry="11.75"
-                 d="m 183.75,216.5 c 0,6.48935 -5.26065,11.75 -11.75,11.75 -6.48935,0 -11.75,-5.26065 -11.75,-11.75 0,-6.48935 5.26065,-11.75 11.75,-11.75 6.48935,0 11.75,5.26065 11.75,11.75 z"
+                 d="m 183.75,216.5 a 11.75,11.75 0 1 1 -23.5,0 11.75,11.75 0 1 1 23.5,0 z"
                  transform="matrix(2.042553,0,0,2.0425529,-171.31912,-218.2127)" />
             </g>
             <g
@@ -19969,7 +20152,7 @@
                transform="matrix(0.81818181,0,0,0.81818181,34.36364,47.636363)">
               <path
                  transform="matrix(1.8723397,0,0,1.8723396,-144.04244,-187.36153)"
-                 d="m 183.75,216.5 c 0,6.48935 -5.26065,11.75 -11.75,11.75 -6.48935,0 -11.75,-5.26065 -11.75,-11.75 0,-6.48935 5.26065,-11.75 11.75,-11.75 6.48935,0 11.75,5.26065 11.75,11.75 z"
+                 d="m 183.75,216.5 a 11.75,11.75 0 1 1 -23.5,0 11.75,11.75 0 1 1 23.5,0 z"
                  sodipodi:ry="11.75"
                  sodipodi:rx="11.75"
                  sodipodi:cy="216.5"
@@ -19986,7 +20169,7 @@
                sodipodi:cy="216.5"
                sodipodi:rx="11.75"
                sodipodi:ry="11.75"
-               d="m 183.75,216.5 c 0,6.48935 -5.26065,11.75 -11.75,11.75 -6.48935,0 -11.75,-5.26065 -11.75,-11.75 0,-6.48935 5.26065,-11.75 11.75,-11.75 6.48935,0 11.75,5.26065 11.75,11.75 z"
+               d="m 183.75,216.5 a 11.75,11.75 0 1 1 -23.5,0 11.75,11.75 0 1 1 23.5,0 z"
                transform="matrix(1.53519,0,0,1.5351899,-84.052697,-106.36862)" />
           </g>
           <g
@@ -19998,7 +20181,7 @@
                transform="matrix(0.18181828,0,0,0.18181828,293.81817,46.545441)">
               <path
                  transform="matrix(0.69565202,0,0,0.69565202,44.000022,32.000033)"
-                 d="m 207,155.25 c 0,34.93201 -28.31799,63.25 -63.25,63.25 C 108.81799,218.5 80.5,190.18201 80.5,155.25 80.5,120.31799 108.81799,92 143.75,92 178.68201,92 207,120.31799 207,155.25 z"
+                 d="m 207,155.25 a 63.25,63.25 0 1 1 -126.5,0 63.25,63.25 0 1 1 126.5,0 z"
                  sodipodi:ry="63.25"
                  sodipodi:rx="63.25"
                  sodipodi:cy="155.25"
@@ -20065,7 +20248,7 @@
                sodipodi:cy="155.25"
                sodipodi:rx="63.25"
                sodipodi:ry="63.25"
-               d="m 207,155.25 c 0,34.93201 -28.31799,63.25 -63.25,63.25 C 108.81799,218.5 80.5,190.18201 80.5,155.25 80.5,120.31799 108.81799,92 143.75,92 178.68201,92 207,120.31799 207,155.25 z"
+               d="m 207,155.25 a 63.25,63.25 0 1 1 -126.5,0 63.25,63.25 0 1 1 126.5,0 z"
                transform="matrix(0.0474309,0,0,0.0474309,313.1818,64.636357)" />
             <g
                transform="matrix(0.20052071,0,0,0.19505429,291.12501,44.281689)"
@@ -20079,7 +20262,7 @@
                  sodipodi:cy="155.25"
                  sodipodi:rx="63.25"
                  sodipodi:ry="63.25"
-                 d="m 207,155.25 c 0,34.93201 -28.31799,63.25 -63.25,63.25 C 108.81799,218.5 80.5,190.18201 80.5,155.25 80.5,120.31799 108.81799,92 143.75,92 178.68201,92 207,120.31799 207,155.25 z"
+                 d="m 207,155.25 a 63.25,63.25 0 1 1 -126.5,0 63.25,63.25 0 1 1 126.5,0 z"
                  transform="matrix(-0.18972328,0,0,-0.18972328,171.27272,170.45456)" />
               <path
                  sodipodi:nodetypes="cccc"
@@ -20101,7 +20284,7 @@
              id="g6033">
             <path
                transform="matrix(0.37934416,-3.1351523e-5,-3.1335757e-5,0.37923558,265.47415,13.120253)"
-               d="m 207,155.25 c 0,34.93201 -28.31799,63.25 -63.25,63.25 C 108.81799,218.5 80.5,190.18201 80.5,155.25 80.5,120.31799 108.81799,92 143.75,92 178.68201,92 207,120.31799 207,155.25 z"
+               d="m 207,155.25 a 63.25,63.25 0 1 1 -126.5,0 63.25,63.25 0 1 1 126.5,0 z"
                sodipodi:ry="63.25"
                sodipodi:rx="63.25"
                sodipodi:cy="155.25"
@@ -20111,7 +20294,7 @@
                sodipodi:type="arc" />
             <path
                transform="matrix(0.31617066,-2.6124054e-5,-2.6117082e-5,0.31608017,274.55453,22.92438)"
-               d="m 207,155.25 c 0,34.93201 -28.31799,63.25 -63.25,63.25 C 108.81799,218.5 80.5,190.18201 80.5,155.25 80.5,120.31799 108.81799,92 143.75,92 178.68201,92 207,120.31799 207,155.25 z"
+               d="m 207,155.25 a 63.25,63.25 0 1 1 -126.5,0 63.25,63.25 0 1 1 126.5,0 z"
                sodipodi:ry="63.25"
                sodipodi:rx="63.25"
                sodipodi:cy="155.25"
@@ -20121,7 +20304,7 @@
                sodipodi:type="arc" />
             <path
                transform="matrix(0.25291149,-2.0898618e-5,-2.0894046e-5,0.25283909,283.64722,32.741808)"
-               d="m 207,155.25 c 0,34.93201 -28.31799,63.25 -63.25,63.25 C 108.81799,218.5 80.5,190.18201 80.5,155.25 80.5,120.31799 108.81799,92 143.75,92 178.68201,92 207,120.31799 207,155.25 z"
+               d="m 207,155.25 a 63.25,63.25 0 1 1 -126.5,0 63.25,63.25 0 1 1 126.5,0 z"
                sodipodi:ry="63.25"
                sodipodi:rx="63.25"
                sodipodi:cy="155.25"
@@ -20131,7 +20314,7 @@
                sodipodi:type="arc" />
             <path
                transform="matrix(0.18965228,-1.5671374e-5,-1.5667945e-5,0.18959798,292.73992,42.559238)"
-               d="m 207,155.25 c 0,34.93201 -28.31799,63.25 -63.25,63.25 C 108.81799,218.5 80.5,190.18201 80.5,155.25 80.5,120.31799 108.81799,92 143.75,92 178.68201,92 207,120.31799 207,155.25 z"
+               d="m 207,155.25 a 63.25,63.25 0 1 1 -126.5,0 63.25,63.25 0 1 1 126.5,0 z"
                sodipodi:ry="63.25"
                sodipodi:rx="63.25"
                sodipodi:cy="155.25"
@@ -20354,7 +20537,7 @@
            inkscape:connector-curvature="0" />
         <path
            transform="matrix(1.2857143,0,0,1.2857143,-86.857137,-109.42857)"
-           d="m 311,386.5 c 0,1.933 -1.567,3.5 -3.5,3.5 -1.933,0 -3.5,-1.567 -3.5,-3.5 0,-1.933 1.567,-3.5 3.5,-3.5 1.933,0 3.5,1.567 3.5,3.5 z"
+           d="m 311,386.5 a 3.5,3.5 0 1 1 -7,0 3.5,3.5 0 1 1 7,0 z"
            sodipodi:ry="3.5"
            sodipodi:rx="3.5"
            sodipodi:cy="386.5"
@@ -33578,7 +33761,7 @@
      inkscape:groupmode="layer"
      id="layer7"
      inkscape:label="Menus"
-     style="display:none">
+     style="display:inline">
     <g
        style="display:none"
        inkscape:label="AppLauncher Context"
@@ -33979,7 +34162,7 @@
            style="font-weight:normal;fill:#ffffff;fill-opacity:1">History</tspan></text>
       <path
          transform="matrix(0,0.98149546,-0.71467429,0,545.30923,44.686375)"
-         d="M 88.830127,340 80.169873,340 84.5,332.5 88.830127,340 z"
+         d="M 88.830127,340 80.169873,340 84.5,332.5 z"
          inkscape:randomized="0"
          inkscape:rounded="0"
          inkscape:flatsided="true"
@@ -34436,32 +34619,41 @@
          inkscape:connector-curvature="0" />
     </g>
     <g
-       sodipodi:insensitive="true"
        inkscape:groupmode="layer"
        id="layer27"
        inkscape:label="AudioVolume"
-       style="display:none">
+       style="display:inline">
       <g
-         transform="translate(0,4)"
+         transform="translate(23,3)"
          id="g40571">
         <path
            id="rect17862"
-           d="m 798,28.6875 c -0.51124,0 -1.01451,0.141779 -1.40625,0.467024 l -7.71875,6.434556 -3.875,0 c -2.216,0 -4,1.481193 -4,3.32106 l 0,152.7688 c 0,1.83987 1.784,3.32106 4,3.32106 l 26,0 c 2.216,0 4,-1.48119 4,-3.32106 l 0,-152.7688 c 0,-1.839867 -1.784,-3.32106 -4,-3.32106 l -3.875,0 -7.71875,-6.434556 C 799.01451,28.829279 798.51124,28.6875 798,28.6875 z"
-           style="fill:#000000;fill-opacity:1;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.50196078;stroke-dasharray:none;stroke-dashoffset:0"
-           inkscape:connector-curvature="0" />
+           d="m 798,30.125 c -0.51124,0 -1.01451,0.141779 -1.40625,0.467024 l -7.71875,6.434556 -3.875,0 c -2.216,0 -4,1.481193 -4,3.32106 l 0,151.3313 c 0,1.83987 1.784,3.32106 4,3.32106 l 26,0 c 2.216,0 4,-1.48119 4,-3.32106 l 0,-151.3313 c 0,-1.839867 -1.784,-3.32106 -4,-3.32106 l -3.875,0 -7.71875,-6.434556 C 799.01451,30.266779 798.51124,30.125 798,30.125 z"
+           style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#a5a5a5;stroke-width:1.99999988;stroke-linecap:round;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"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="sccssssssssccs" />
         <rect
            transform="matrix(0,1,-1,0,0,0)"
-           style="fill:#333333;fill-opacity:1;stroke:#666666;stroke-width:0.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+           style="fill:#333333;fill-opacity:1;stroke:#666666;stroke-width:0.99999994;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
            id="rect5457-4-9"
-           width="135.5118"
-           height="3.700881"
+           width="134.9493"
+           height="3.0095897"
            x="46.623566"
-           y="-799.85046"
-           rx="2"
-           ry="2" />
+           y="-799.53418"
+           rx="1.5379405"
+           ry="1.5379405" />
+        <rect
+           style="color:#000000;fill:url(#linearGradient21255);fill-opacity:1;fill-rule:nonzero;stroke:url(#linearGradient21257);stroke-width:0.99999976;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="rect21185"
+           width="2.9687498"
+           height="96.375"
+           x="796.49988"
+           y="85.125"
+           rx="1.375"
+           ry="1.375" />
         <path
            transform="matrix(1.9336865,0,0,1.9336865,-851.59236,-143.41159)"
-           d="m 856.7519,116.95945 c 0,2.02705 -1.64325,3.6703 -3.6703,3.6703 -2.02704,0 -3.67029,-1.64325 -3.67029,-3.6703 0,-2.02705 1.64325,-3.6703 3.67029,-3.6703 2.02705,0 3.6703,1.64325 3.6703,3.6703 z"
+           d="m 856.7519,116.95945 a 3.6702957,3.6702957 0 1 1 -7.34059,0 3.6702957,3.6702957 0 1 1 7.34059,0 z"
            sodipodi:ry="3.6702957"
            sodipodi:rx="3.6702957"
            sodipodi:cy="116.95945"
@@ -34470,13 +34662,93 @@
            style="fill:#e4e4e4;fill-opacity:1;stroke:none"
            sodipodi:type="arc" />
       </g>
-      <rect
-         style="fill:#eeeeee;fill-opacity:0.50196078;stroke:none"
-         id="rect17880"
-         width="32"
-         height="28"
-         x="782.5"
-         y="0.50000095" />
+      <path
+         sodipodi:open="true"
+         transform="matrix(0.19047619,0,0,0.7458835,811.68311,6.6390253)"
+         sodipodi:end="6.2831853"
+         sodipodi:start="3.1415927"
+         d="M 9,29.999999 A 42,16 0 0 1 93,30"
+         sodipodi:ry="16"
+         sodipodi:rx="42"
+         sodipodi:cy="30"
+         sodipodi:cx="51"
+         id="path34506-1-2"
+         style="opacity:0.4625;color:#000000;fill:url(#radialGradient21303);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         sodipodi:type="arc" />
+      <path
+         sodipodi:nodetypes="cc"
+         inkscape:connector-curvature="0"
+         id="path34366-5-3-8"
+         d="m 813.78666,29.054282 15.03574,0"
+         style="opacity:0.5;color:#000000;fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+      <g
+         style="display:inline;fill:#000000;fill-opacity:1"
+         transform="translate(164.39838,1.5)"
+         id="g21377"
+         inkscape:export-filename="/home/jimmac/src/cvs/gnome/gnome-shell-design/mockups/rect2996.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90">
+        <path
+           style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+           id="path21379"
+           inkscape:connector-curvature="0"
+           d="m 649.60164,11.5 2.48437,0 2.96876,-3 0.54687,0.0156 0,11 -0.4753,8.3e-4 -3.04033,-3.01643 -2.48437,0 0,-5 z" />
+        <path
+           style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.55000019000000000;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans"
+           id="path21383"
+           clip-path="url(#clipPath6279-7-0)"
+           transform="matrix(0.78431365,0,0,0.78431365,635.54282,-161.63724)"
+           inkscape:connector-curvature="0"
+           d="m 26.9375,220.40625 a 1.2751276,1.2751276 0 0 0 -0.65625,2.1875 c 0.757556,0.75756 0.757556,1.92994 0,2.6875 a 1.281631,1.281631 0 1 0 1.8125,1.8125 c 1.732036,-1.73204 1.732036,-4.58046 0,-6.3125 a 1.2751276,1.2751276 0 0 0 -1.15625,-0.375 z" />
+        <path
+           style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.15909111000000009;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans"
+           id="path21385"
+           clip-path="url(#clipPath6265-3-4)"
+           transform="matrix(1.7254899,0,0,1.7254899,612.07224,-372.40189)"
+           inkscape:connector-curvature="0"
+           d="m 27.125,221.09375 a 0.57960351,0.57960351 0 0 0 -0.34375,1 c 1.023324,1.02332 1.023323,2.66418 0,3.6875 a 0.57960351,0.57960351 0 1 0 0.8125,0.8125 c 1.466269,-1.46627 1.466269,-3.84623 0,-5.3125 a 0.57960351,0.57960351 0 0 0 -0.46875,-0.1875 z" />
+        <path
+           style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;opacity:0.50000000000000000;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.75000042000000000;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans"
+           id="path21387"
+           clip-path="url(#clipPath6259-8-6)"
+           transform="matrix(2.6666653,0,0,2.6666653,588.60167,-583.16635)"
+           inkscape:connector-curvature="0"
+           d="m 27.0625,221.3125 a 0.37503771,0.37503771 0 0 0 -0.125,0.625 c 1.10149,1.10149 1.10149,2.89851 0,4 a 0.37565048,0.37565048 0 1 0 0.53125,0.53125 c 1.388102,-1.3881 1.388102,-3.6744 0,-5.0625 a 0.37503771,0.37503771 0 0 0 -0.40625,-0.0937 z" />
+      </g>
+      <g
+         inkscape:export-ydpi="90"
+         inkscape:export-xdpi="90"
+         inkscape:export-filename="/home/jimmac/src/cvs/gnome/gnome-shell-design/mockups/rect2996.png"
+         id="g21389"
+         transform="translate(164.39838,0.5)"
+         style="fill:#ffffff;fill-opacity:1;display:inline">
+        <path
+           d="m 649.60164,11.5 2.48437,0 2.96876,-3 0.54687,0.0156 0,11 -0.4753,8.3e-4 -3.04033,-3.01643 -2.48437,0 0,-5 z"
+           inkscape:connector-curvature="0"
+           id="path21391"
+           style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+        <path
+           d="m 26.9375,220.40625 a 1.2751276,1.2751276 0 0 0 -0.65625,2.1875 c 0.757556,0.75756 0.757556,1.92994 0,2.6875 a 1.281631,1.281631 0 1 0 1.8125,1.8125 c 1.732036,-1.73204 1.732036,-4.58046 0,-6.3125 a 1.2751276,1.2751276 0 0 0 -1.15625,-0.375 z"
+           inkscape:connector-curvature="0"
+           transform="matrix(0.78431365,0,0,0.78431365,635.54282,-161.63724)"
+           clip-path="url(#clipPath6279-7-0)"
+           id="path21393"
+           style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#000000;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.55000019000000000;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans" />
+        <path
+           d="m 27.125,221.09375 a 0.57960351,0.57960351 0 0 0 -0.34375,1 c 1.023324,1.02332 1.023323,2.66418 0,3.6875 a 0.57960351,0.57960351 0 1 0 0.8125,0.8125 c 1.466269,-1.46627 1.466269,-3.84623 0,-5.3125 a 0.57960351,0.57960351 0 0 0 -0.46875,-0.1875 z"
+           inkscape:connector-curvature="0"
+           transform="matrix(1.7254899,0,0,1.7254899,612.07224,-372.40189)"
+           clip-path="url(#clipPath6265-3-4)"
+           id="path21395"
+           style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#000000;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.15909111000000009;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans" />
+        <path
+           d="m 27.0625,221.3125 a 0.37503771,0.37503771 0 0 0 -0.125,0.625 c 1.10149,1.10149 1.10149,2.89851 0,4 a 0.37565048,0.37565048 0 1 0 0.53125,0.53125 c 1.388102,-1.3881 1.388102,-3.6744 0,-5.0625 a 0.37503771,0.37503771 0 0 0 -0.40625,-0.0937 z"
+           inkscape:connector-curvature="0"
+           transform="matrix(2.6666653,0,0,2.6666653,588.60167,-583.16635)"
+           clip-path="url(#clipPath6259-8-6)"
+           id="path21397"
+           style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;opacity:0.50000000000000000;color:#000000;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.75000042000000000;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Bitstream Vera Sans;-inkscape-font-specification:Bitstream Vera Sans" />
+      </g>
     </g>
     <g
        sodipodi:insensitive="true"
@@ -35064,7 +35336,7 @@
       </g>
     </g>
     <g
-       style="display:inline"
+       style="display:none"
        inkscape:label="Bluetooth"
        id="layer30"
        inkscape:groupmode="layer">
@@ -35793,7 +36065,7 @@
            sodipodi:role="line">VPN Connections</tspan></text>
       <path
          transform="matrix(0,0.98149546,-0.71467429,0,1124.8733,288.19443)"
-         d="M 88.830127,340 80.169873,340 84.5,332.5 88.830127,340 z"
+         d="M 88.830127,340 80.169873,340 84.5,332.5 z"
          inkscape:randomized="0"
          inkscape:rounded="0"
          inkscape:flatsided="true"
@@ -36059,7 +36331,8 @@
        inkscape:groupmode="layer"
        id="layer2"
        inkscape:label="Default"
-       style="display:inline">
+       style="display:inline"
+       sodipodi:insensitive="true">
       <path
          inkscape:export-ydpi="90"
          inkscape:export-xdpi="90"
diff --git a/mockups/static/volume.png b/mockups/static/volume.png
new file mode 100644
index 0000000..a9d6551
Binary files /dev/null and b/mockups/static/volume.png differ



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]