MMF/smf-theme
1
1
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: MMF:158b3d54fa719c05547145de70f6d90b68af43bd
Branches Tags
MMF:main
MMF:no-shadows
..
compare: MMF:f37da22512b89c6f5f1ee7df8d3685d9e50e958b
Branches Tags
MMF:main
MMF:no-shadows

2 commits
158b3d54fa ... f37da22512

Author SHA1 Message Date
Antoine Le Gonidec
f37da22512
Menu - Use a more neutral white text on dark grey background 2024-07-25 12:17:18 +02:00
Antoine Le Gonidec
760012f669
Header - Change the colors, and add a bit of space before the menu with icons 2024-07-25 11:56:17 +02:00
14 changed files with 39 additions and 36 deletions
Show stats Expand all files Collapse all files

35
css/index.css
View file

@ -19,6 +19,12 @@ html {
--neutral-mid-color: #927378; /* Contraste OK sur blanc mais attire moins l'œil ; gris */
--mmf-color: #e8304e;
--colortest: bisque ;
--header-background: #e7453a;
--header-font: white;
--menu-background: #454545;
--menu-background-hover: #555555;
--menu-background-active: black;
--menu-font: white;
}
/* Index */
@ -839,7 +845,7 @@ img.sort, .sort {
/* Level 1 active button. */
.dropmenu a.active, #top_info a.active {
font-weight: bold;
background: var(--color2) ;
background: var(--menu-background-active) ;
}
/* Level 1 hover effects. */
.dropmenu > li:hover > a,
@ -849,9 +855,8 @@ img.sort, .sort {
#top_info > li:focus > a,
#top_info > li > a:focus,
#top_info > li > a.open {
background: var(--mmf-color);
background: var(--menu-background-hover);
cursor: pointer;
color: var(--neutral-light-color);
border: none;
}
/* Level 1 active button. */
@ -859,7 +864,7 @@ img.sort, .sort {
.dropmenu li a.active:focus,
.dropmenu li:hover a.active,
.dropmenu li:focus a.active {
background: var(--mmf-color);
background: var(--menu-background-active);
font-weight: bold;
}
@ -1242,10 +1247,11 @@ html[lang="el-GR"] .inline_mod_check {
}
#languages_form {
display: flex;
margin: 0 1em 0 0;
}
/* The logo and slogan. */
#header {
background-color: rgba(255,255,255,0.5);
background-color: var(--header-background);
position: relative;
display: flex;
align-items: center;
@ -1265,13 +1271,9 @@ h1.forumtitle {
font-weight: normal;
}
h1.forumtitle a {
color: var(--color1);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
color: var(--header-font);
border-bottom: none;
border-bottom-style: inherit !important;
/*display: flex;
justify-content: center;
* Pour slogan ? mais j'ai enlevé le code de la fonction.*/
}
h1.forumtitle a:hover {
border-bottom: none;
@ -4409,8 +4411,8 @@ h2.profile_hd::before,
.khbb_nav .error {
margin-left: 3px;
padding: 3px 6px 0px 6px;
background: var(--color5);
color: var(--neutral-light-color);
background: var(--menu-background-active);
color: var(--menu-font);
clip-path: circle(50%);
position: absolute;
top: 0;
@ -4632,7 +4634,7 @@ img.theme_thumbnail {
position: relative;
width: 100%;
display: flex;
background-color: rgba(255,255,255,0.5);
background-color: var(--menu-background);
justify-content: space-between;
align-items: center;
z-index: 99;
@ -4642,13 +4644,14 @@ img.theme_thumbnail {
flex-wrap: wrap;
width: 100%;
justify-content: center;
padding: 0.5em;
}
.khbb_nav ul li {
position: relative;
}
.khbb_nav ul li a{
color: var(--dark-color);
color: var(--menu-font);
padding: 0 0.2em;
margin: 0 0.2em;
font-size: 0.9em;
@ -4673,14 +4676,14 @@ img.theme_thumbnail {
}
.khbb_nav ul li:hover img {
clip-path: circle(50%);
background-color: var(--neutral-light-color);
background-color: var(--menu-background-active);
}
.khbb_nav ul li a:hover .khbb_subtitlemenu, .khbb_nav ul li a:focus .khbb_subtitlemenu {
color: var(--neutral-light-color) ;
}
.khbb_subtitlemenu {
color:var(--mmf-color);
color:var(--menu-font);
text-align: center;
padding: 5px;
z-index: 1;

2
images/icons/admin.svg
View file

@ -55,7 +55,7 @@
id="rect1386-5-6-7-48-3-4"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><text
transform="matrix(0.90648265,0,0,0.90648265,-87.855149,86.244072)"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-9-6-3);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-9-6-3);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="text833-6-2-6-2-1-8-9-7"
xml:space="preserve"><tspan
x="20.339844"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

2
images/icons/alerts.svg
View file

@ -57,7 +57,7 @@
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><text
xml:space="preserve"
id="text833-6-2-6-2-1-4-1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-44-5);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-44-5);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
transform="matrix(0.97438646,0,0,0.97438646,40.466307,70.486654)"><tspan
x="20.339844"
y="64.198744"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

2
images/icons/home.svg
View file

@ -55,7 +55,7 @@
id="rect1386-5-6-7-9-3-2"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><text
transform="matrix(0.9743676,0,0,0.9743676,-85.786138,13.365496)"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-91);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-91);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="text833-6-2-6-2-1-0"
xml:space="preserve"><tspan
x="20.339844"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

2
images/icons/login.svg
View file

@ -55,7 +55,7 @@
id="rect1386-5-6-7-04-3-4"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><text
transform="matrix(1.0367602,0,0,1.0367602,-90.52238,100.7776)"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-4-3-5);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-4-3-5);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="text833-6-2-6-2-1-1-6-5"
xml:space="preserve"><tspan
x="20.339844"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

2
images/icons/logout.svg
View file

@ -55,7 +55,7 @@
id="rect1386-5-6-7-04-3-4"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><text
transform="matrix(1.0367602,0,0,1.0367602,-90.52238,100.7776)"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-4-3-5);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-4-3-5);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="text833-6-2-6-2-1-1-6-5"
xml:space="preserve"><tspan
x="20.339844"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

2
images/icons/members.svg
View file

@ -56,7 +56,7 @@
id="rect1386-5-6-7-0-5-9"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><text
transform="matrix(0.97825566,0,0,0.97825566,-8.1152888,25.150822)"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-69-2-2-2-36-3);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-69-2-2-2-36-3);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="text833-8-8-9-0-3-3"
xml:space="preserve"><tspan
x="20.339844"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

2
images/icons/moderate.svg
View file

@ -57,7 +57,7 @@
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><text
xml:space="preserve"
id="text833-6-2-6-2-1-8-7"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-9-7);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-9-7);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
transform="matrix(1.1521431,0,0,1.1521431,36.362082,-7.5214783)"><tspan
x="20.339844"
y="64.198744"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

2
images/icons/pm.svg
View file

@ -56,7 +56,7 @@
id="rect1386-5-6-7-7-0"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><text
transform="matrix(0.96098177,0,0,0.96098177,-7.1490544,70.61973)"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-69-2-2-0-6);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-69-2-2-0-6);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="text833-8-8-9-3-6"
xml:space="preserve"><tspan
x="20.339844"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

2
images/icons/profile.svg
View file

@ -55,7 +55,7 @@
id="rect1386-5-6-7-70-5-3"
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><text
transform="matrix(1.1335372,0,0,1.1335372,-91.333495,50.349654)"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-6);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-6);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="text833-6-2-6-6"
xml:space="preserve"><tspan
x="20.339844"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

2
images/icons/recent.svg
View file

@ -57,7 +57,7 @@
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><text
xml:space="preserve"
id="text833-6-2-6-2-1-1-9-5"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-4-6-2);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-6-4-6-2);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
transform="matrix(1.1353551,0,0,1.1353551,223.02444,62.513521)"><tspan
x="20.339844"
y="64.198744"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

2
images/icons/search.svg
View file

@ -56,7 +56,7 @@
y="40.152718" /><text
xml:space="preserve"
id="text833-6-2-6-2-6"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-2);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-3-6-3-2-2);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
transform="matrix(1.0484957,0,0,1.0484957,-87.572386,-30.446208)"><tspan
x="20.339844"
y="64.198744"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

2
images/icons/unread.svg
View file

@ -57,7 +57,7 @@
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.04022;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><text
xml:space="preserve"
id="text833-8-8-9-0-6-0-2"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-69-2-2-2-3-1-7);display:inline;fill:#e8304e;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;line-height:100%;font-family:Alegreya;-inkscape-font-specification:Alegreya;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835-69-2-2-2-3-1-7);display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
transform="matrix(0.94822194,0,0,0.94822194,15.66616,26.449715)"><tspan
x="20.339844"
y="64.198744"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

16
images/icons/unread_replies.svg
View file

@ -55,24 +55,24 @@
transform="translate(13.875943,6.405953)"><rect
rx="0.42025912"
ry="0.47302708"
style="fill:#ffffff;fill-opacity:1;stroke:#e8304e;stroke-width:0.733997;stroke-opacity:1"
style="fill:#ffffff;fill-opacity:1;stroke:#999999;stroke-width:0.733997;stroke-opacity:1"
id="rect3000-6-59-2-58-1-7"
width="8.2284594"
height="9.8124371"
x="238.97282"
y="22.429596" /><g
style="stroke:#e8304e;stroke-opacity:1"
style="stroke:#999999;stroke-opacity:1"
transform="matrix(0.89498245,0,0,0.89498245,659.27268,-46.219933)"
id="g4708-6-7-9-7-92"><path
style="fill:none;stroke:#e8304e;stroke-width:1.06667px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1"
style="fill:none;stroke:#999999;stroke-width:1.06667px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1"
d="m -467.04131,79.930801 h 4.04062"
id="path4500-2-2-1-3-2-0"
inkscape:connector-curvature="0" /><path
style="fill:none;stroke:#e8304e;stroke-width:1.06667px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1"
style="fill:none;stroke:#999999;stroke-width:1.06667px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1"
d="m -467.04131,82.186848 h 4.04062"
id="path4500-1-7-3-3-55-7-2"
inkscape:connector-curvature="0" /><path
style="fill:none;stroke:#e8304e;stroke-width:1.06667px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1"
style="fill:none;stroke:#999999;stroke-width:1.06667px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1"
d="m -467.04131,84.442815 h 4.04062"
id="path4500-17-2-7-4-5-2-3"
inkscape:connector-curvature="0" /></g></g><g
@ -98,12 +98,12 @@
inkscape:connector-curvature="0"
id="path5197-3-8-3-1-9-1-8"
d="m 257.08354,30.300309 -5.84631,5.846322"
style="fill:none;stroke:#e8304e;stroke-width:3.02191px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /><path
style="fill:none;stroke:#999999;stroke-width:3.02191px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" /><path
inkscape:connector-curvature="0"
id="path5199-6-8-0-2-1-0-9"
d="m 257.33057,30.053296 1.43935,-1.439354"
style="fill:none;stroke:#e8304e;stroke-width:3.02283;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><path
style="fill:#e8304e;fill-opacity:1;stroke:#8530bf;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
style="fill:none;stroke:#999999;stroke-width:3.02283;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><path
style="fill:#999999;fill-opacity:1;stroke:#8530bf;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 249.96198,35.280985 -0.78239,2.919922 2.9291,-0.784855 z"
id="path7728-7-8-3-6-10-6-73"
inkscape:connector-curvature="0" /></g></g></g></g></g></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB