Skip to content
Snippets Groups Projects
Commit d11903aa authored by phob1an's avatar phob1an :headphones:
Browse files

scrollbar

parent 4f2018c5
No related branches found
No related tags found
No related merge requests found
......@@ -14,7 +14,7 @@
width="48"
height="98"
sodipodi:docname="scrollbar.svg"
inkscape:version="0.92.4 5da689c313, 2019-01-14">
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
......@@ -28,11 +28,11 @@
inkscape:window-height="883"
id="namedview58"
showgrid="false"
inkscape:zoom="19.724914"
inkscape:cx="19.091504"
inkscape:cy="35.981829"
inkscape:window-x="134"
inkscape:window-y="129"
inkscape:zoom="9.862457"
inkscape:cx="23.273955"
inkscape:cy="69.926124"
inkscape:window-x="132"
inkscape:window-y="105"
inkscape:window-maximized="0"
inkscape:current-layer="svg3120"
inkscape:pagecheckerboard="true"
......@@ -80,11 +80,11 @@
<rect
id="hint-scrollbar-size"
x="32.784595"
y="11.05577"
ry="4.5"
height="9"
width="9"
style="fill:#3498db;stroke-width:1.5" />
y="12.05577"
ry="4"
height="8"
width="8"
style="fill:#3498db;stroke-width:1.33333325" />
<rect
id="hint-tile-center"
x="12.260017"
......@@ -103,7 +103,7 @@
style="opacity:1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
class="ColorScheme-ButtonHover" />
<rect
style="opacity:1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
style="opacity:0.66;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="sunken-slider-center"
width="6"
height="12"
......@@ -181,9 +181,9 @@
height="12"
width="2"
id="sunken-slider-right"
style="opacity:1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="opacity:0.66;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
style="opacity:1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
style="opacity:0.66;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="sunken-slider-left"
width="2"
height="12"
......@@ -197,9 +197,9 @@
height="2"
width="6"
id="sunken-slider-bottom"
style="opacity:1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="opacity:0.66;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
style="opacity:1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
style="opacity:0.66;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="sunken-slider-top"
width="6"
height="2"
......@@ -213,9 +213,9 @@
height="2"
width="2"
id="sunken-slider-bottomleft"
style="opacity:1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="opacity:0.66;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
style="opacity:1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
style="opacity:0.66;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="sunken-slider-bottomright"
width="2"
height="2"
......@@ -229,9 +229,9 @@
height="2"
width="2"
id="sunken-slider-topright"
style="opacity:1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="opacity:0.66;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
style="opacity:1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
style="opacity:0.66;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="sunken-slider-topleft"
width="2"
height="2"
......@@ -239,7 +239,7 @@
y="54.746544"
class="ColorScheme-Text" />
<rect
style="opacity:0.1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
style="opacity:0.25;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="background-vertical-center"
width="6"
height="12"
......@@ -253,9 +253,9 @@
height="12"
width="2"
id="background-vertical-right"
style="opacity:0.1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="opacity:0.25;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
style="opacity:0.1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
style="opacity:0.25;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="background-vertical-left"
width="2"
height="12"
......@@ -269,9 +269,9 @@
height="2"
width="6"
id="background-vertical-bottom"
style="opacity:0.1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="opacity:0.25;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
style="opacity:0.1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
style="opacity:0.25;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="background-vertical-top"
width="6"
height="2"
......@@ -285,9 +285,9 @@
height="2"
width="2"
id="background-vertical-bottomleft"
style="opacity:0.1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="opacity:0.25;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
style="opacity:0.1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
style="opacity:0.25;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="background-vertical-bottomright"
width="2"
height="2"
......@@ -301,13 +301,187 @@
height="2"
width="2"
id="background-vertical-topright"
style="opacity:0.1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="opacity:0.25;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
style="opacity:0.1;fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
style="opacity:0.25;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:17.10991859;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="background-vertical-topleft"
width="2"
height="2"
x="9.5057516"
y="54.949333"
class="ColorScheme-Text" />
<g
id="arrow-up"
transform="translate(-6)">
<rect
class="ColorScheme-ButtonHover"
style="opacity:0;fill:currentColor;stroke-width:0.63354212"
y="21.848873"
x="8.1622667"
height="7"
width="7"
id="rect3748" />
<path
inkscape:transform-center-y="-0.8660254"
d="m 14.662267,27.94695 -3,0 -3.0000002,0 1.5000002,-2.598076 1.5,-2.598076 1.5,2.598076 z"
inkscape:randomized="0"
inkscape:rounded="0"
inkscape:flatsided="false"
sodipodi:arg2="1.5707963"
sodipodi:arg1="0.52359878"
sodipodi:r2="1.7320508"
sodipodi:r1="3.4641016"
sodipodi:cy="26.214899"
sodipodi:cx="11.662267"
sodipodi:sides="3"
id="path3742"
style="opacity:0.66000001;fill:currentColor;stroke-width:1.06751204"
sodipodi:type="star"
class="ColorScheme-Text" />
</g>
<g
id="mouseover-arrow-up"
transform="translate(3.78458,0.05069731)">
<rect
id="rect3750"
width="7"
height="7"
x="8.1622667"
y="21.848873"
style="opacity:0;fill:currentColor;stroke-width:0.63354212"
class="ColorScheme-ButtonHover" />
<path
class="ColorScheme-Text"
sodipodi:type="star"
style="fill:currentColor;stroke-width:1.06751204"
id="path3752"
sodipodi:sides="3"
sodipodi:cx="11.662267"
sodipodi:cy="26.214899"
sodipodi:r1="3.4641016"
sodipodi:r2="1.7320508"
sodipodi:arg1="0.52359878"
sodipodi:arg2="1.5707963"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 14.662267,27.94695 -3,0 -3.0000002,0 1.5000002,-2.598076 1.5,-2.598076 1.5,2.598076 z"
inkscape:transform-center-y="-0.8660254" />
</g>
<g
transform="translate(13.974738,0.05069731)"
id="sunken-arrow-up">
<rect
class="ColorScheme-ButtonHover"
style="opacity:0;fill:currentColor;stroke-width:0.63354212"
y="21.848873"
x="8.1622667"
height="7"
width="7"
id="rect3756" />
<path
inkscape:transform-center-y="-0.8660254"
d="m 14.662267,27.94695 -3,0 -3.0000002,0 1.5000002,-2.598076 1.5,-2.598076 1.5,2.598076 z"
inkscape:randomized="0"
inkscape:rounded="0"
inkscape:flatsided="false"
sodipodi:arg2="1.5707963"
sodipodi:arg1="0.52359878"
sodipodi:r2="1.7320508"
sodipodi:r1="3.4641016"
sodipodi:cy="26.214899"
sodipodi:cx="11.662267"
sodipodi:sides="3"
id="path3758"
style="fill:currentColor;stroke-width:1.06751204"
sodipodi:type="star"
class="ColorScheme-ButtonHover" />
</g>
<g
transform="matrix(1,0,0,-1,-5.8986054,62.66231)"
id="arrow-down">
<rect
id="rect3762"
width="7"
height="7"
x="8.1622667"
y="21.848873"
style="opacity:0;fill:currentColor;stroke-width:0.63354212"
class="ColorScheme-ButtonHover" />
<path
class="ColorScheme-Text"
sodipodi:type="star"
style="opacity:0.66000001;fill:currentColor;stroke-width:1.06751204"
id="path3764"
sodipodi:sides="3"
sodipodi:cx="11.662267"
sodipodi:cy="26.214899"
sodipodi:r1="3.4641016"
sodipodi:r2="1.7320508"
sodipodi:arg1="0.52359878"
sodipodi:arg2="1.5707963"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 14.662267,27.94695 -3,0 -3.0000002,0 1.5000002,-2.598076 1.5,-2.598076 1.5,2.598076 z"
inkscape:transform-center-y="-0.8660254" />
</g>
<g
transform="matrix(1,0,0,-1,3.4803962,63.017191)"
id="mouseover-arrow-down">
<rect
class="ColorScheme-ButtonHover"
style="opacity:0;fill:currentColor;stroke-width:0.63354212"
y="21.848873"
x="8.1622667"
height="7"
width="7"
id="rect3768" />
<path
inkscape:transform-center-y="-0.8660254"
d="m 14.662267,27.94695 -3,0 -3.0000002,0 1.5000002,-2.598076 1.5,-2.598076 1.5,2.598076 z"
inkscape:randomized="0"
inkscape:rounded="0"
inkscape:flatsided="false"
sodipodi:arg2="1.5707963"
sodipodi:arg1="0.52359878"
sodipodi:r2="1.7320508"
sodipodi:r1="3.4641016"
sodipodi:cy="26.214899"
sodipodi:cx="11.662267"
sodipodi:sides="3"
id="path3770"
style="fill:currentColor;stroke-width:1.06751204"
sodipodi:type="star"
class="ColorScheme-Text" />
</g>
<g
id="sunken-arrow-down"
transform="matrix(1,0,0,-1,13.467765,63.321375)">
<rect
id="rect3774"
width="7"
height="7"
x="8.1622667"
y="21.848873"
style="opacity:0;fill:currentColor;stroke-width:0.63354212"
class="ColorScheme-ButtonHover" />
<path
class="ColorScheme-ButtonHover"
sodipodi:type="star"
style="fill:currentColor;stroke-width:1.06751204"
id="path3776"
sodipodi:sides="3"
sodipodi:cx="11.662267"
sodipodi:cy="26.214899"
sodipodi:r1="3.4641016"
sodipodi:r2="1.7320508"
sodipodi:arg1="0.52359878"
sodipodi:arg2="1.5707963"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 14.662267,27.94695 -3,0 -3.0000002,0 1.5000002,-2.598076 1.5,-2.598076 1.5,2.598076 z"
inkscape:transform-center-y="-0.8660254" />
</g>
</svg>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment