Commit 0c7509c7 authored by Michael Herold's avatar Michael Herold
Browse files

Updates header design and adds embedded svgs

parent 37a8ccf2
......@@ -20,51 +20,50 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.header {
background-color: $outer-color;
padding: 0 1.5em;
background-color: $outer-background-color;
line-height: 2em;
color: #EEE;
color: $outer-text-color;
font-weight: bold;
display: inline-flex;
flex-wrap: wrap;
align-content: center;
margin: auto;
border-radius: 0 0 1em 1em;
box-shadow: $outer-color 0 0 3px;
border-radius: 0 0 0.25em 0.25em;
box-shadow: $outer-background-color 0 0 3px;
margin-bottom: 1em;
}
.header > .link {
@include button-background(lighten($outer-color, 10%));
display: inline-block;
padding: 0 1em;
text-decoration: none;
color: inherit;
border-right: 1px solid #222;
min-width: 4em;
padding: 0 0.7em;
border: 1px solid $outer-background-color;
flex-shrink: 0;
flex-grow: 1;
}
body > header {
@extend .header;
}
body > header > span {
margin-right: 1em;
}
body > header > a {
@extend .link;
}
body > header > a:first-of-type {
border-left: 1px solid #222;
margin-left: auto;
body > header > :first-child {
border-bottom-left-radius: inherit;
}
body > header > :last-child {
border-bottom-right-radius: inherit;
}
.header .link:hover {
@include button-background-active(lighten($outer-color, 15%));
background-color: adjust-color(lighten($outer-background-color, 12%), $red: -5);
}
.header .link:focus {
@include button-background-active(lighten($outer-color, 10%));
background-color: adjust-color(darken($outer-background-color, 12%), $red: -5);
}
......@@ -19,6 +19,6 @@ $control-border-color: rgb(42, 44, 46);
$control-shadow-color: rgb(83, 86, 87);
$switch-color-notchecked: #EEEEEE;
$select-button-image: "select_dark.svg";
$select-button-image: $img-select_dark;
$list-background-color: rgb(54, 54, 54);
\ No newline at end of file
$list-background-color: rgb(54, 54, 54);
......@@ -19,6 +19,8 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
Author : Michael Herold <quabla@hemio.de>
*/
@import '_svg.scss';
$label-width: 40%;
$control-width: 60%;
......@@ -55,7 +57,7 @@ $switch-color-notchecked: rgb(206,206,206);
$select-focus-color: rgb(255, 255, 255);
$select-button-image: "select.svg";
$select-button-image: $img-select;
$header-color: $article-color;
$header-border-color: rgb(217,217,217);
......@@ -63,7 +65,8 @@ $header-border-color: rgb(217,217,217);
$sidebar-selected-color: #4A90D9;
$sidebar-hover-color: #F4F4F4;
$outer-color: #333;
$outer-text-color: #EDEDEB;
$outer-background-color: #3D4141;
$list-entry-height: 3.5em;
$list-background-color: white;
\ No newline at end of file
$list-background-color: white;
$img-back: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjMwLjgyMSIgd2lkdGg9IjkuODU1MiIgdmVyc2lvbj0iMS4xIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzguNzU3IC05MC45NjkpIj48cGF0aCBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJtODUuMjY3IDEwMi42My00LjIwNTQgNC4yMDU0IDQuMTcyNSA0LjE3MjUiIHN0cm9rZT0iIzJlMzQzNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNDcxOSIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4K';
$img-error: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjIxNCIgd2lkdGg9IjIxNCIgdmVyc2lvbj0iMS4xIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcwLjE0IC0zNTkuNjUpIj48cGF0aCBkPSJtMzc3LjE0IDQ2Ni42NWMwIDU1LjIyOC00NC43NzIgMTAwLTEwMCAxMDBzLTEwMC00NC43NzItMTAwLTEwMCA0NC43NzItMTAwIDEwMC0xMDAgMTAwIDQ0Ljc3MiAxMDAgMTAweiIgc3Ryb2tlLW9wYWNpdHk9Ii4wNTg4MjQiIHN0cm9rZT0iI2MzMGYwZiIgc3Ryb2tlLXdpZHRoPSI0IiBmaWxsPSJub25lIi8+PHRleHQgc3R5bGU9IndvcmQtc3BhY2luZzowcHg7bGV0dGVyLXNwYWNpbmc6MHB4O3RleHQtYW5jaG9yOm1pZGRsZTt0ZXh0LWFsaWduOmNlbnRlciIgZmlsbC1vcGFjaXR5PSIuMDU4ODI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmb250LXNpemU9IjQwcHgiIHk9IjUyOS40ODQ4IiB4PSIyNzMuODIyNTQiIGZvbnQtZmFtaWx5PSJjbWV4MTAiIGxpbmUtaGVpZ2h0PSIxMjUlIiBmaWxsPSIjYzMwZjBmIj48dHNwYW4gc3R5bGU9InRleHQtYW5jaG9yOm1pZGRsZTt0ZXh0LWFsaWduOmNlbnRlciIgZmlsbC1vcGFjaXR5PSIuMDU4ODI0IiBmb250LXNpemU9IjE3MHB4IiB5PSI1MjkuNDg0OCIgeD0iMjczLjgyMjU0IiBmb250LWZhbWlseT0iU2FucyIgZmlsbD0iI2MzMGYwZiI+4pyYPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPgo=';
$img-pack: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjMwLjgyIiB3aWR0aD0iMjkiIHZlcnNpb249IjEuMSI+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc4Ljc1NyAtOTAuOTcxKSIgc3Ryb2tlPSIjMmUzNDM2IiBzdHJva2UtbWl0ZXJsaW1pdD0iMiIgc3Ryb2tlLXdpZHRoPSI0Ljc5ODIiIGZpbGw9IiMyZTM0MzYiPjxyZWN0IGhlaWdodD0iLjk1NDE5IiB3aWR0aD0iMjIuMjAyIiB5PSIxMTYiIHg9IjgyLjE1NiIvPjxyZWN0IGhlaWdodD0iLjk1NDE5IiB3aWR0aD0iMjIuMjAyIiB5PSIxMDYiIHg9IjgyLjE1NiIvPjxyZWN0IGhlaWdodD0iLjk1NDE5IiB3aWR0aD0iMjIuMjAyIiB5PSI5NiIgeD0iODIuMTU2Ii8+PC9nPjwvc3ZnPgo=';
$img-select_dark: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjEuMDMyNmNtIiB3aWR0aD0iLjMzMDYxY20iIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDExLjcxNDUxNyAzNi41ODcxMjIiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OS4yNDkgLTE5LjAyMykiPjxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im01MC4xNTggMzUuMjIgNC45NDgyIDQuOTQ4MiA0Ljk0ODItNC45NDgyIiBzdHJva2U9IiNhYWEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjgiIGZpbGw9Im5vbmUiLz48L2c+PC9zdmc+Cg==';
$img-select: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjMwLjgyMSIgd2lkdGg9IjkuODU1MiIgdmVyc2lvbj0iMS4xIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzguNzU3IC05MC45NjkpIj48cGF0aCBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSIjMmUzNDM2IiB0cmFuc2Zvcm09Im1hdHJpeCguOTIwODIgMCAwIC42MzAxNCAxMC41MjggNDAuNDM1KSIgc3Ryb2tlPSIjMmUzNDM2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS4wMDAyIiBkPSJtNzQuNTI3IDEwMS45aDQuOTI3NiA0LjkyNzZsLTIuNDYzOCA0LjI2NzQtMi40NjM4IDQuMjY3NC0yLjQ2MzgtNC4yNjc0eiIvPjwvZz48L3N2Zz4K';
$img-success: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjIxNCIgd2lkdGg9IjIxNCIgdmVyc2lvbj0iMS4xIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcwLjE0IC0zNTkuNjUpIj48cGF0aCBkPSJtMzc3LjE0IDQ2Ni42NWMwIDU1LjIyOC00NC43NzIgMTAwLTEwMCAxMDBzLTEwMC00NC43NzItMTAwLTEwMCA0NC43NzItMTAwIDEwMC0xMDAgMTAwIDQ0Ljc3MiAxMDAgMTAweiIgc3Ryb2tlLW9wYWNpdHk9Ii4wNTg4MjQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBmaWxsPSJub25lIi8+PHRleHQgc3R5bGU9IndvcmQtc3BhY2luZzowcHg7bGV0dGVyLXNwYWNpbmc6MHB4O3RleHQtYW5jaG9yOm1pZGRsZTt0ZXh0LWFsaWduOmNlbnRlciIgZmlsbC1vcGFjaXR5PSIuMDU0OTAyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBmb250LXNpemU9IjQwcHgiIHk9IjUyNy42NTg2MyIgeD0iMjc3LjIyNTg2IiBmb250LWZhbWlseT0iY21leDEwIiBsaW5lLWhlaWdodD0iMTI1JSIgZmlsbD0iIzAwMDAwMCI+PHRzcGFuIHN0eWxlPSJ0ZXh0LWFuY2hvcjptaWRkbGU7dGV4dC1hbGlnbjpjZW50ZXIiIGZpbGwtb3BhY2l0eT0iLjA1NDkwMiIgZm9udC1zaXplPSIxNzBweCIgeT0iNTI3LjY1ODYzIiB4PSIyNzcuMjI1ODYiIGZvbnQtZmFtaWx5PSJTYW5zIiBmaWxsPSIjMDAwMDAwIj7inJQ8L3RzcGFuPjwvdGV4dD48L2c+PC9zdmc+Cg==';
$img-warning: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjIxNCIgd2lkdGg9IjIxNCIgdmVyc2lvbj0iMS4xIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcwLjE0IC0zNTkuNjUpIj48cGF0aCBkPSJtMzc3LjE0IDQ2Ni42NWMwIDU1LjIyOC00NC43NzIgMTAwLTEwMCAxMDBzLTEwMC00NC43NzItMTAwLTEwMCA0NC43NzItMTAwIDEwMC0xMDAgMTAwIDQ0Ljc3MiAxMDAgMTAweiIgc3Ryb2tlLW9wYWNpdHk9Ii4xMTc2NSIgc3Ryb2tlPSIjZmY2YTBmIiBzdHJva2Utd2lkdGg9IjQiIGZpbGw9Im5vbmUiLz48dGV4dCBzdHlsZT0id29yZC1zcGFjaW5nOjBweDtsZXR0ZXItc3BhY2luZzowcHg7dGV4dC1hbmNob3I6bWlkZGxlO3RleHQtYWxpZ246Y2VudGVyIiBmaWxsLW9wYWNpdHk9Ii4xMTkxNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZm9udC1zaXplPSI0MHB4IiB5PSI1MzIuODQ2NjIiIHg9IjI3Ny4xNDI4NSIgZm9udC1mYW1pbHk9ImNtZXgxMCIgbGluZS1oZWlnaHQ9IjEyNSUiIGZpbGw9IiNmZjZhMGYiPjx0c3BhbiBzdHlsZT0idGV4dC1hbmNob3I6bWlkZGxlO3RleHQtYWxpZ246Y2VudGVyIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbC1vcGFjaXR5PSIuMTE5MTUiIGZvbnQtc2l6ZT0iMTcwcHgiIHk9IjUzMi44NDY2MiIgeD0iMjc3LjE0Mjg1IiBmb250LWZhbWlseT0iU2FucyIgZmlsbD0iI2ZmNmEwZiI+ITwvdHNwYW4+PC90ZXh0PjwvZz48L3N2Zz4K';
#!/bin/bash
echo "" > _svg.scss
for file in svg-src/*.svg; do
echo $file
image=`scour \
--quiet \
--no-line-breaks \
--enable-id-stripping \
--enable-comment-stripping \
--shorten-ids \
--remove-metadata \
-i ${file} | base64 | tr -d '\n'`
echo "\$img-`basename ${file%.*}`: 'data:image/svg+xml;base64,${image}';" >> _svg.scss
done;
......@@ -27,16 +27,16 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
}
button.back {
background-image: url('back.svg'), button-background-value($button-color);
background-image: url($img-back), button-background-value($button-color);
@extend .back_attr;
}
button.back:hover {
background-image: url('back.svg'), button-background-hover-value($button-color);
background-image: url($img-back), button-background-hover-value($button-color);
@extend .back_attr;
}
button.back:active {
background-image: url('back.svg'), button-background-active-value($button-color);
background-image: url($img-back), button-background-active-value($button-color);
@extend .back_attr;
}
......@@ -23,7 +23,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
@extend .window;
border-radius: $article-radius-top;
padding: 0.5em 1em;
background-image: url('success.svg');
background-image: url($img-success);
min-height: 10em;
background-repeat: no-repeat;
background-size: contain;
......@@ -36,11 +36,11 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
}
.message[role="alert"] {
background-image: url('error.svg');
background-image: url($img-error);
}
.message.warning {
background-image: url('warning.svg');
background-image: url($img-warning);
}
.message[role="alert"] h2 {
......
......@@ -27,7 +27,7 @@ button.headerbar_menu::before {
content: '.';
width: 1em;
display: block;
background-image: url('pack.svg');
background-image: url($img-pack);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
......
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="9.8552084"
height="30.821426"
id="svg2"
version="1.1"
inkscape:version="0.48.5 r10040"
sodipodi:docname="select.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="16"
inkscape:cx="5.6318126"
inkscape:cy="12.471786"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="775"
inkscape:window-height="434"
inkscape:window-x="522"
inkscape:window-y="366"
inkscape:window-maximized="0" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-78.757221,-90.969324)">
<path
style="fill:none;stroke:#2e3436;stroke-width:1.47187686;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 85.267366,102.63307 -4.20536,4.20536 4.1725,4.1725"
id="path3813"
inkscape:connector-curvature="0" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="214"
height="214"
id="svg2"
version="1.1"
inkscape:version="0.48.5 r10040"
sodipodi:docname="error.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.98994949"
inkscape:cx="-259.57828"
inkscape:cy="-11.257593"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="5"
fit-margin-left="5"
fit-margin-right="5"
fit-margin-bottom="5"
inkscape:window-width="1920"
inkscape:window-height="1134"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-170.14285,-359.64789)">
<path
sodipodi:type="arc"
style="fill:none;stroke:#c30f0f;stroke-width:4;stroke-miterlimit:4;stroke-opacity:0.05882353;stroke-dasharray:none"
id="path2985"
sodipodi:cx="277.14285"
sodipodi:cy="466.64789"
sodipodi:rx="100"
sodipodi:ry="100"
d="m 377.14285,466.64789 c 0,55.22847 -44.77152,100 -100,100 -55.22847,0 -100,-44.77153 -100,-100 0,-55.22848 44.77153,-100 100,-100 55.22848,0 100,44.77152 100,100 z" />
<text
xml:space="preserve"
style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#c30f0f;fill-opacity:0.05882353;stroke:none;font-family:cmex10;-inkscape-font-specification:cmex10"
x="273.82254"
y="529.4848"
id="text2987"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan2989"
x="273.82254"
y="529.4848"
style="font-size:170px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;text-anchor:middle;fill:#c30f0f;fill-opacity:0.05882353;font-family:Sans;-inkscape-font-specification:Sans"></tspan></text>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="29"
height="30.82"
id="svg2"
version="1.1"
inkscape:version="0.48.5 r10040"
sodipodi:docname="pack.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="16"
inkscape:cx="23.907914"
inkscape:cy="22.952035"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1134"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1"
showguides="true"
inkscape:guide-bbox="true" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-78.757221,-90.970749)">
<rect
style="fill:#2e3436;fill-opacity:1;stroke:#2e3436;stroke-width:4.79820871;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:2;stroke-opacity:1;stroke-dasharray:none"
id="rect2983"
width="22.201792"
height="0.95419151"
x="82.156326"
y="115.99995" />
<rect
style="fill:#2e3436;fill-opacity:1;stroke:#2e3436;stroke-width:4.79820871;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:2;stroke-opacity:1;stroke-dasharray:none"
id="rect2983-5"
width="22.201792"
height="0.95419151"
x="82.156326"
y="105.99995" />
<rect
style="fill:#2e3436;fill-opacity:1;stroke:#2e3436;stroke-width:4.79820871;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:2;stroke-opacity:1;stroke-dasharray:none"
id="rect2983-4"
width="22.201792"
height="0.95419151"
x="82.156326"
y="95.999947" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="9.8552084"
height="30.821426"
id="svg2"
version="1.1"
inkscape:version="0.48.5 r10040"
sodipodi:docname="select.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="64"
inkscape:cx="3.7021051"
inkscape:cy="14.519782"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1134"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-78.757221,-90.969324)">
<path
sodipodi:type="star"
style="fill:#2e3436;fill-opacity:1;stroke:#2e3436;stroke-width:1.00023699;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="path2996"
sodipodi:sides="3"
sodipodi:cx="79.454811"
sodipodi:cy="104.74439"
sodipodi:r1="5.6899071"
sodipodi:r2="2.8449533"
sodipodi:arg1="-2.6179939"
sodipodi:arg2="-1.5707963"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 74.527207,101.89944 4.927604,0 4.927604,0 -2.463802,4.26743 -2.463802,4.26743 -2.463802,-4.26743 z"
inkscape:transform-center-y="0.89635626"
transform="matrix(0.92081791,0,0,0.63013729,10.528044,40.435155)" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="0.33060971cm"
height="1.0325699cm"
viewBox="0 0 11.714517 36.587122"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="select_dark.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.979899"
inkscape:cx="-235.31964"
inkscape:cy="-6.7454108"
inkscape:document-units="cm"
inkscape:current-layer="layer1"
showgrid="false"
showguides="true"
inkscape:guide-bbox="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
units="cm"
inkscape:window-width="1920"
inkscape:window-height="1136"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-49.249166,-19.023169)">
<path
style="fill:none;fill-rule:evenodd;stroke:#aaaaaa;stroke-width:1.79999995;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 50.158256,35.219749 4.948169,4.94817 4.948168,-4.94817"
id="path3351"
inkscape:connector-curvature="0" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="214"
height="214"
id="svg2"
version="1.1"
inkscape:version="0.48.5 r10040"
sodipodi:docname="success.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.98994949"
inkscape:cx="-448.48251"
inkscape:cy="31.742404"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="5"
fit-margin-left="5"
fit-margin-right="5"
fit-margin-bottom="5"
inkscape:window-width="1920"
inkscape:window-height="1134"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"