slider.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   id="canvas"
   width="15"
   height="100"
   version="1.1"
   inkscape:version="0.48.4 r9939"
   sodipodi:docname="slider.svg"
   onload="init()">
  <script
     xlink:href="usvg.js"
     id="script3816" />
  <script
     xlink:href="slider.js"
     id="script3130" />
  <metadata
     id="metadata3324">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <defs
     id="defs3322">
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike"
       id="linearGradient16332"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.5739648,0,0,1.1597638,-856.74681,-39.55321)"
       x1="123.93111"
       y1="-329.76266"
       x2="123.93111"
       y2="-340.10959" />
    <linearGradient
       id="gradient_buttonlike">
      <stop
         style="stop-color:#ffffff;stop-opacity:1;"
         offset="0"
         id="stop12131" />
      <stop
         style="stop-color:#f5f5f5;stop-opacity:1;"
         offset="0.01"
         id="stop12887" />
      <stop
         style="stop-color:#e6e6e6;stop-opacity:1;"
         offset="1"
         id="stop12133" />
    </linearGradient>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike"
       id="linearGradient16334"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.5739648,0,0,1.1597638,-531.74681,264.44679)"
       x1="123.93111"
       y1="-329.76266"
       x2="123.93111"
       y2="-340.10959" />
    <linearGradient
       id="linearGradient4397">
      <stop
         style="stop-color:#ffffff;stop-opacity:1;"
         offset="0"
         id="stop4399" />
      <stop
         style="stop-color:#f5f5f5;stop-opacity:1;"
         offset="0.01"
         id="stop4401" />
      <stop
         style="stop-color:#e6e6e6;stop-opacity:1;"
         offset="1"
         id="stop4403" />
    </linearGradient>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike-1"
       id="linearGradient16336"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(0.93333322,0,0,0.76666656,312.23335,399.78456)"
       x1="118"
       y1="287.36218"
       x2="130"
       y2="287.36218" />
    <linearGradient
       id="gradient_buttonlike-1">
      <stop
         style="stop-color:#c8c8c8;stop-opacity:1;"
         offset="0"
         id="stop12131-3" />
      <stop
         style="stop-color:#dcdcdc;stop-opacity:1;"
         offset="1"
         id="stop12133-3" />
    </linearGradient>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike"
       id="linearGradient16338"
       gradientUnits="userSpaceOnUse"
       gradientTransform="translate(304,325)"
       x1="118"
       y1="287.36218"
       x2="130"
       y2="287.36218" />
    <linearGradient
       id="linearGradient4410">
      <stop
         style="stop-color:#ffffff;stop-opacity:1;"
         offset="0"
         id="stop4412" />
      <stop
         style="stop-color:#f5f5f5;stop-opacity:1;"
         offset="0.01"
         id="stop4414" />
      <stop
         style="stop-color:#e6e6e6;stop-opacity:1;"
         offset="1"
         id="stop4416" />
    </linearGradient>
    <linearGradient
       y2="287.36218"
       x2="130"
       y1="287.36218"
       x1="118"
       gradientTransform="translate(304,325)"
       gradientUnits="userSpaceOnUse"
       id="linearGradient4429"
       xlink:href="#gradient_buttonlike"
       inkscape:collect="always" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike"
       id="linearGradient4538"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.0173188,0,0,0.56409443,-66.913044,-115.12872)"
       x1="118"
       y1="287.36218"
       x2="130"
       y2="287.36218" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike-1"
       id="linearGradient4541"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(0.93333322,0,0,0.76666656,-56.54083,-159.16507)"
       x1="118"
       y1="287.36218"
       x2="130"
       y2="287.36218" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike-1"
       id="linearGradient4557"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(0.93333322,0,0,0.76666656,-56.54083,-159.16507)"
       x1="118"
       y1="287.36218"
       x2="130"
       y2="287.36218" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike"
       id="linearGradient4559"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.0173188,0,0,0.56409443,-66.913044,-115.12872)"
       x1="118"
       y1="287.36218"
       x2="130"
       y2="287.36218" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike"
       id="linearGradient4562"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.0207687,0,0,0.49278483,-118.56493,-134.10773)"
       x1="118"
       y1="287.36218"
       x2="130"
       y2="287.36218" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike-1"
       id="linearGradient4565"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(0.92076177,0,0,1.0979044,-106.21406,-283.06264)"
       x1="118"
       y1="287.36218"
       x2="130"
       y2="287.36218" />
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike-0"
       id="linearGradient4562-5"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(1.0207687,0,0,0.49278484,-118.56493,-49.10774)"
       x1="118"
       y1="287.36218"
       x2="130"
       y2="287.36218" />
    <linearGradient
       id="gradient_buttonlike-0">
      <stop
         style="stop-color:#ffffff;stop-opacity:1;"
         offset="0"
         id="stop12131-2" />
      <stop
         style="stop-color:#f5f5f5;stop-opacity:1;"
         offset="0.01"
         id="stop12887-6" />
      <stop
         style="stop-color:#e6e6e6;stop-opacity:1;"
         offset="1"
         id="stop12133-6" />
    </linearGradient>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#gradient_buttonlike-1-3"
       id="linearGradient4565-1"
       gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(0.92076177,0,0,1.0979044,-106.21406,-283.06264)"
       x1="118"
       y1="287.36218"
       x2="130"
       y2="287.36218" />
    <linearGradient
       id="gradient_buttonlike-1-3">
      <stop
         style="stop-color:#c8c8c8;stop-opacity:1;"
         offset="0"
         id="stop12131-3-0" />
      <stop
         style="stop-color:#dcdcdc;stop-opacity:1;"
         offset="1"
         id="stop12133-3-0" />
    </linearGradient>
    <linearGradient
       y2="287.36218"
       x2="130"
       y1="287.36218"
       x1="118"
       gradientTransform="matrix(0.92076179,0,0,1.0979044,-106.21406,-283.06264)"
       gradientUnits="userSpaceOnUse"
       id="linearGradient4588"
       xlink:href="#gradient_buttonlike-1-3"
       inkscape:collect="always" />
  </defs>
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="2560"
     inkscape:window-height="1550"
     id="namedview3320"
     showgrid="true"
     inkscape:zoom="5.6568542"
     inkscape:cx="11.444879"
     inkscape:cy="4.8676902"
     inkscape:window-x="-2"
     inkscape:window-y="-3"
     inkscape:window-maximized="1"
     inkscape:current-layer="canvas"
     inkscape:snap-bbox="true">
    <inkscape:grid
       type="xygrid"
       id="grid4551" />
  </sodipodi:namedview>
  <style
     type="text/css"
     id="style3312">

	#slider {
		stroke: black;
		stroke-width: 16;
		stroke-linecap: round;
	}

	#slider_s {
		stroke: black;
		stroke-width: 16;
		stroke-linecap: round;
		opacity: 0.2;
	}

	#slider:hover {
		cursor:move;
	}

</style>
  <rect
     style="color:#000000;fill:url(#linearGradient4588);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:1.18859601;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="slider_gutter"
     width="13.811404"
     height="98.811401"
     x="0.59429765"
     y="0.59429801" />
  <rect
     ry="0.98556828"
     rx="2.0415347"
     y="85.354622"
     x="0.35461971"
     height="14.290761"
     width="14.290761"
     id="slider_handle"
     style="color:#000000;fill:url(#linearGradient4562-5);fill-opacity:1;fill-rule:nonzero;stroke:#a0a0a0;stroke-width:0.70923859;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</svg>