From e5c4182ed07775d3f0f5947fde92d827dc3a971e Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Fri, 26 Feb 2016 12:04:24 +0000
Subject: [PATCH] Mobile theme W.I.P.: - Add some SVG icons - Fix devices with
 smaller screen do not show the sidemenu - Remove not used SVGs - Fix
 nextmatch header icons

---
 pixelegg/css/mobile.css                       |   6 +-
 pixelegg/css/pixelegg.css                     |  10 ++--
 pixelegg/images/E-Mail.svg                    |  21 -------
 pixelegg/images/addressbook.svg               |  22 -------
 pixelegg/images/admin.svg                     |  32 ----------
 pixelegg/images/apply.png                     | Bin 2253 -> 2168 bytes
 pixelegg/images/apply.svg                     |  15 +++++
 pixelegg/images/attach.svg                    |  17 ++++++
 pixelegg/images/dots.svg                      |  10 ++--
 pixelegg/images/edit.svg                      |  13 ++++
 pixelegg/images/{star.svg => favorites.svg}   |   2 +-
 pixelegg/images/{tracker.svg => list_alt.svg} |   6 +-
 pixelegg/images/lock.svg                      |  18 ++++++
 pixelegg/images/menu_list.svg                 |  20 +++----
 pixelegg/images/menu_list_round.svg           |  28 ---------
 pixelegg/images/plus.svg                      |  13 ++++
 pixelegg/images/save.svg                      |  11 ++--
 pixelegg/images/save_new.svg                  |  18 ++++++
 pixelegg/images/setup.svg                     |  29 +++++++++
 pixelegg/images/tag_message.svg               |  16 +++++
 pixelegg/images/topmenu_items/mobile/back.svg |  19 +-----
 .../images/topmenu_items/mobile/check.svg     |  10 ++++
 pixelegg/images/topmenu_items/mobile/menu.svg |  11 ++--
 .../topmenu_items/mobile/menu_active.svg      |  12 ++++
 .../topmenu_items/mobile/plus_white.svg       |  12 ++++
 pixelegg/images/wiki.svg                      |  22 -------
 pixelegg/less/def_buttons.less                |   2 +-
 pixelegg/mobile/fw_mobile.css                 |  50 ++++++++++++----
 pixelegg/mobile/fw_mobile.less                |  56 ++++++++++++++----
 29 files changed, 294 insertions(+), 207 deletions(-)
 delete mode 100644 pixelegg/images/E-Mail.svg
 delete mode 100644 pixelegg/images/addressbook.svg
 delete mode 100644 pixelegg/images/admin.svg
 create mode 100644 pixelegg/images/apply.svg
 create mode 100644 pixelegg/images/attach.svg
 create mode 100644 pixelegg/images/edit.svg
 rename pixelegg/images/{star.svg => favorites.svg} (93%)
 rename pixelegg/images/{tracker.svg => list_alt.svg} (52%)
 create mode 100644 pixelegg/images/lock.svg
 delete mode 100644 pixelegg/images/menu_list_round.svg
 create mode 100644 pixelegg/images/plus.svg
 create mode 100644 pixelegg/images/save_new.svg
 create mode 100644 pixelegg/images/setup.svg
 create mode 100644 pixelegg/images/tag_message.svg
 create mode 100644 pixelegg/images/topmenu_items/mobile/check.svg
 create mode 100644 pixelegg/images/topmenu_items/mobile/menu_active.svg
 create mode 100644 pixelegg/images/topmenu_items/mobile/plus_white.svg
 delete mode 100644 pixelegg/images/wiki.svg

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 61b9a85ca8..8e8f0e969a 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -2179,7 +2179,7 @@ button[id="timesheet-edit_button[delete]"],
 button[id="displayToolbar-delete"],
 button.et2_button_delete {
   /*background-color: @color_negative_action_hover !important;*/
-  background-image: url('../images/delete.png') !important;
+  background-image: url('../images/delete.png');
   margin-left: 3em;
   /*.border_normal;*/
   /*.box_shadow_standard_light;*/
@@ -4368,7 +4368,7 @@ td.message span.message {
   padding: 0px 0px 0px 15px;
   line-height: 1em;
   font-size: 12.1px;
-  background-image: url(../images/arrow_left.png);
+  background-image: url(../images/arrow_right.png);
   background-repeat: no-repeat;
   background-position: left center;
 }
@@ -4400,7 +4400,7 @@ td.message span.message {
   /*.background-clip(padding-box);*/
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 {
-  background-image: url(../images/arrow_down.png);
+  background-image: url(../images/arrow_down_white.png);
   line-height: 1em;
   font-size: 12px;
 }
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index a2150c791b..306c2eb3cb 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -2168,7 +2168,7 @@ button[id="timesheet-edit_button[delete]"],
 button[id="displayToolbar-delete"],
 button.et2_button_delete {
   /*background-color: @color_negative_action_hover !important;*/
-  background-image: url('../images/delete.png') !important;
+  background-image: url('../images/delete.png');
   margin-left: 3em;
   /*.border_normal;*/
   /*.box_shadow_standard_light;*/
@@ -3763,7 +3763,7 @@ td.message span.message {
   text-decoration: none;
   height: 32px;
   /*font-size: 1.1em;*/
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   line-height: 1.5em;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
@@ -3787,7 +3787,7 @@ td.message span.message {
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
   padding-right: 20px;
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   content: " ";
   background-image: url(../images/topmenu_items/home.png);
   background-repeat: no-repeat;
@@ -4185,7 +4185,7 @@ td.message span.message {
   padding-left: 3em;
   color: #999999;
   /*font-size: 12px;*/
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   line-height: 17px;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object {
@@ -4356,7 +4356,7 @@ td.message span.message {
   margin: 5px 0px 3px 5px;
   padding: 0px 0px 0px 15px;
   line-height: 1em;
-  font-size: 12.100000000000001px;
+  font-size: 12.1px;
   background-image: url(../images/arrow_right.png);
   background-repeat: no-repeat;
   background-position: left center;
diff --git a/pixelegg/images/E-Mail.svg b/pixelegg/images/E-Mail.svg
deleted file mode 100644
index 078163aafc..0000000000
--- a/pixelegg/images/E-Mail.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
-<svg version="1.1" id="pixelegg_E-Mail" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	<g>
-		<path fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" d="M26.653,3.513l-0.54-2.353L1.015,6.918l0.54,2.353l14.349,4.965
-			L26.653,3.513z M27.014,6.082l-10.75,10.723L1.915,11.84l3.059,12.333l8.01-1.838c0.77-4.189,4.433-7.367,8.845-7.367
-			c2.976,0,5.605,1.45,7.244,3.675l1-0.229L27.014,6.082z M23.07,17.973c-4.395,0-7.227,3.332-7.227,7.166
-			c0,3.594,2.752,5.828,6,5.828c1.326,0,2.435-0.205,3.523-0.744l-0.316-0.801c-0.812,0.428-1.861,0.65-2.99,0.65
-			c-2.93,0-5.088-1.936-5.088-5.045c0-3.779,2.712-6.199,5.939-6.199c3.068,0,4.791,1.955,4.791,4.674
-			c0,2.141-1.129,3.424-2.139,3.387c-0.652-0.018-0.891-0.67-0.593-2.084l0.673-3.369c-0.516-0.225-1.287-0.393-2.119-0.393
-			c-2.752,0-4.691,2.105-4.691,4.414c0,1.469,0.989,2.344,2.139,2.344c1.188,0,2.098-0.539,2.791-1.637h0.059
-			c-0.039,1.154,0.693,1.637,1.485,1.637c1.841,0,3.505-1.637,3.505-4.43C28.812,20.262,26.516,17.973,23.07,17.973z M23.862,24.266
-			c-0.218,1.152-1.267,2.531-2.415,2.531c-0.871,0-1.307-0.596-1.307-1.416c0-1.805,1.405-3.35,3.148-3.35
-			c0.455,0,0.791,0.074,0.989,0.148L23.862,24.266z"/>
-	</g>
-</g>
-</svg>
diff --git a/pixelegg/images/addressbook.svg b/pixelegg/images/addressbook.svg
deleted file mode 100644
index 16eea85f26..0000000000
--- a/pixelegg/images/addressbook.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
-<svg version="1.1" id="pixelegg_addressbook" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	<g>
-		<path fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" d="M6.067,16.362h0.534c0.505,1.021,2.34,1.947,3.386,1.947
-			s2.881-0.926,3.387-1.947h0.534l0.584-1.947l-0.584-0.649c0-0.633,0-0.649,0-0.649s0.041-1.426-0.584-1.947
-			C12.827,10.756,12.735,9.537,10,9.5c-1.95-0.026-2.57,0.804-3.349,1.669c-0.356,0.396-0.533,1.192-0.584,1.947
-			c-0.013,0.121,0,0.534,0,0.649l-0.584,0.649L6.067,16.362z M12.908,19.309c0,0-0.928,1.191-2.908,1.191
-			c-1.793,0-2.933-1.191-2.933-1.191s-0.731,0.236-1.337,0.947C4.864,21.273,5.146,23.5,5.146,23.5l9.683,0.01
-			c0,0,0.333-2.283-0.585-3.254C13.514,19.48,12.908,19.309,12.908,19.309z M28,4.5H4c-1.657,0-3,1.343-3,3v18c0,1.656,1.343,3,3,3
-			h24c1.656,0,3-1.344,3-3v-18C31,5.844,29.656,4.5,28,4.5z M17,24.5c0,0.553-0.447,1-1,1H4c-0.553,0-1-0.447-1-1v-16
-			c0-0.552,0.447-1,1-1h12c0.553,0,1,0.448,1,1V24.5z M28,21.5h-7c-0.553,0-1-0.447-1-1s0.447-1,1-1h7c0.553,0,1,0.447,1,1
-			S28.553,21.5,28,21.5z M28,16.5h-7c-0.553,0-1-0.448-1-1c0-0.553,0.447-1,1-1h7c0.553,0,1,0.447,1,1
-			C29,16.052,28.553,16.5,28,16.5z M28,11.5h-7c-0.553,0-1-0.448-1-1c0-0.552,0.447-1,1-1h7c0.553,0,1,0.448,1,1
-			C29,11.052,28.553,11.5,28,11.5z"/>
-	</g>
-</g>
-</svg>
diff --git a/pixelegg/images/admin.svg b/pixelegg/images/admin.svg
deleted file mode 100644
index b8ccb4ccc9..0000000000
--- a/pixelegg/images/admin.svg
+++ /dev/null
@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
-<svg version="1.1" id="pixelegg_admin" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	<g>
-		<path fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" d="M20.268,21.999c1.533-1.366,1.866-3.652,1.09-5.827l-5.248,2.412
-			l-1.535-1.748l3.023-4.966c-2.049-1.043-4.348-0.974-5.882,0.394c-1.621,1.445-1.922,3.919-0.965,6.202l-9.394,8.373l0.033,0.037
-			c-0.589,0.834-0.483,2.087,0.312,2.992c0.796,0.906,2.017,1.164,2.911,0.678l0.033,0.037l9.393-8.372
-			C16.171,23.445,18.646,23.444,20.268,21.999z M4.963,28.965c-0.538,0.479-1.416,0.365-1.961-0.255
-			c-0.545-0.62-0.55-1.513-0.012-1.991c0.538-0.48,1.416-0.366,1.961,0.254C5.495,27.594,5.501,28.485,4.963,28.965z M18.955,9.404
-			h0.946c0.076,0.434,0.212,0.844,0.388,1.229l-0.771,0.59c-0.385,0.293-0.471,0.859-0.191,1.263s0.818,0.494,1.202,0.2l0.775-0.592
-			c0.298,0.296,0.628,0.558,0.991,0.766L22,13.811c-0.146,0.475,0.102,0.986,0.553,1.14c0.452,0.154,0.938-0.105,1.084-0.581
-			l0.295-0.954c0.203,0.028,0.405,0.058,0.615,0.058c0.211,0,0.41-0.035,0.613-0.064l0.297,0.96
-			c0.146,0.476,0.633,0.735,1.084,0.581c0.452-0.154,0.699-0.665,0.553-1.14l-0.301-0.971c0.359-0.209,0.701-0.45,0.996-0.746
-			l0.776,0.593c0.385,0.294,0.923,0.204,1.202-0.2s0.193-0.97-0.19-1.263l-0.78-0.596c0.176-0.386,0.32-0.791,0.396-1.224h0.947
-			C30.615,9.404,31,9,31,8.5s-0.385-0.904-0.86-0.904h-0.947c-0.076-0.434-0.212-0.844-0.388-1.229l0.772-0.59
-			c0.384-0.293,0.47-0.859,0.19-1.263c-0.279-0.404-0.817-0.494-1.202-0.2l-0.774,0.592c-0.299-0.296-0.629-0.558-0.991-0.766
-			l0.294-0.95c0.146-0.475-0.101-0.985-0.553-1.14c-0.451-0.154-0.938,0.105-1.084,0.581l-0.295,0.954
-			c-0.203-0.028-0.405-0.058-0.615-0.058s-0.41,0.036-0.613,0.064l-0.297-0.96c-0.146-0.475-0.632-0.735-1.084-0.581
-			C22.102,2.204,21.854,2.714,22,3.189l0.301,0.971c-0.359,0.21-0.701,0.45-0.996,0.746l-0.776-0.592
-			c-0.384-0.294-0.923-0.204-1.202,0.2c-0.279,0.404-0.193,0.97,0.191,1.263l0.779,0.596c-0.175,0.386-0.319,0.791-0.395,1.224
-			h-0.947c-0.476,0-0.861,0.405-0.861,0.904S18.479,9.404,18.955,9.404z M24.551,6.33c1.186,0,2.147,0.972,2.147,2.17
-			s-0.962,2.17-2.147,2.17s-2.147-0.972-2.147-2.17S23.365,6.33,24.551,6.33z M19.891,13.66c0-0.001-0.001-0.002-0.002-0.003
-			l-0.006-0.006L19.891,13.66z M28.021,23.826c0,2.305-1.855,4.174-4.144,4.174H11.145l0.083,3h13.815C28.333,31,31,28.313,31,25
-			V14.917L28.021,15V23.826z M4.196,8.174C4.196,5.869,6.051,4,8.339,4h9.754V1H7.174c-3.29,0-5.957,2.687-5.957,6v14h2.979V8.174z"
-			/>
-	</g>
-</g>
-</svg>
diff --git a/pixelegg/images/apply.png b/pixelegg/images/apply.png
index a570914c64957646453588971aadf5fc9a633b53..0d92cc16ef8bfde1c694ed8d395adca8c69453e4 100755
GIT binary patch
delta 1346
zcmV-I1-<&s5%>_WS^^+JIWa>vH8(>>GD1W#F-0;sK{+%=K`=B#GD0;pIWsnsdIB6E
zK{+u)HZ?awMlwP~F)>9lI6*lyMnNz%L^47(G&wUilePk4ATu;UHA6EoGch?bFg7?b
zF*rjpG&nLgLNi4(GB!0gH<LI6et!wvGIsy~1g1$uK~#9!yjM*~BWD<%nf$2HBujpb
zra_63%C=Hhh(wDhvWhJTg6qwmdni;CE4>uj9(yRd9*a=up%oNG4?S2HR8VS>EVhcl
zRJTgCF|}^iXyW8=`n+MsCUGX4RNW8WOlC6Q_dVb9ynkVvnwps5;bAAkFn{gL?T<fT
zPsYZ^{+4@zU0Palt*)+q;dZ+nEX&^N?na~Wti8S6gLS_I2(Q#ToKB~ED;A5X5{bk;
zwOXx{GLGZ)SVYpWhMs=UoFfRrJ&(uZn46n>fVDsG@9)1a1wdI)P+&|V;Wz;k6PYhK
z91gEarQ)%mBt1OOD>gPZ-hb9;G*@#gDk}Diii*y6c6O}0ySs19%*?Re-QAx7#8;!E
zqravBz{V;$3Il<F%3v@&Z)j-vK20|afGq)d^ZNRF9ptMOe+veKN`QIM+S>ZF-|v6l
zY&J)aj*hI;)6<Hco}Nz!1_r(c2=^5L@e59vwA68Nalt_z=Irdu-GA2Bc9<$1%oYxZ
z8wmg?X2rQQ2duDkFnWe-qO7be0uYwT$;pP^-rgaAcsw#P@{72T2!NF_VuEjOZVr<n
zYQlJ(jE5ysz+cS~i4yO@RKjYtMtnY>d17M11%LyCgM;q^_<sO$9SVg)@;R7d$>in{
z2%F6oIXyi!5(qqcn13cgo`d*~156kul$V$L;HXIra8+ovT3!wWF>!EkV8HF0R{%u)
zGkt(45`AT8Xvi+!%+AiT7K=q^GMPg4_4Pj@-go2icq|%?hOtJXy1M${{QUd@d{q$F
z7Y9X}cu&`?PDuC1$H!Vw`#AG7dwYAb^mx5qIxVIPDy32>$bTJ-u304jT48N%t^WUL
zq}S_X2uG4h$o5`V20(G-Hd3+_vuP5@`M_NbISJU8_BsZ8O#&&Z?rKOzfz&`)C6mid
zfl>0J@RKU{vOa*=_E%O`9u^iB-pCP8PENF&o0|^Q2n|IAfp}#YmX?+tc6N47BiTF!
zfG~1_{qpj%EPo%30p5d*s6!p8LSphyO-(gNA`vxZ!>nP5%Ew{z-+}fAWVz?_^Yiba
zihYQa=<+$a%jJ63)zvjxTU+}ASyH*RwPghp_aTM654@~=ERY9UT3Y_XBQsbCRaI35
zzzU!1=Hxr*w0N-gjMhL;aS98jr1on*z*0>oL#gCa3V%+tuCC4#3WdH!?KkBR-!ag9
z2>=m%Uv)a2$9SxP?h*6_jJO9FNqQr$S)(9Mb$@Yj(TU>o5z1&uJ`w=<p9>2MpP(s?
ziG4%XR4f%euo5_7F-#~fE>7gSIatU!p<Q#rOr07V8-D|Z-#`XK4idz%c^Jl%1US8q
z`dYa?(tpBGA{USZK~zH<sQduUW<fp@*zNX5%gf6j!<iYmJzkXw$r+2#SiG~pzi&nu
z>T~_$0`F%bSp>PDlpHxH2{OmZ$_gUTVyvmD+3D-+`wmf1o{Iz+Q8JwFC-}}k0AC^Y
zk+P{cQy+A%CfLXgYmO6ZFx%VP)S443YOx*5DoX*-D#pjhAKqs5qX<GGi&A?g%K&KO
z;OW$C#_ys8V{N5mIflkhJ32ZvNE}DZ>m5(%<6i*=03o^XexS8ZPXGV_07*qoM6N<$
Ef(Qa)3jhEB

delta 1432
zcmV;J1!wyB5X}*=S^^+KGekH-Mld%tHAXoxF-0>%MmIA=MM5w+HZeIiFhMbsdIB6E
zLNi1-LPjt)G&M#!F)>9mLPj?;L`6a{IW{plHZVaklePk4AU8HdIYUA@F)%_hFg7?b
zF*q<dGe$NtF+wvmI5amjGm|(2et$bKfmZ+k1p7%uK~#9!>{n|~VpkO9!gX|fpajvX
zC~bTJ8Wk<RjSq|(jn<f^%_L;ne(E=k!D#&f{saGlU&g96Hm0$T##Vfkv9=Q_Gu7!B
zY$x~_MLQ^Ox;6n~M?^B!@TDiYx!ijWckjK{+UwlQcsw3XBnLY+H5JhWxPP1okBBG0
zG&D5a*~3X+Z)?o$b_Wg~kH=x}DtK>i@B28Z7=|fD5`3J`qNAgqrKYB8OG``tz}z_w
z2YW}sKQ^1qpRTU1=GkmE0dC#HuqGxZRu&Z%)m>a%XlrU}rg8s(mz9+jfa*4mzP>*7
z&d$!m`T6+@1dRjCTnvxX>3?KTPfz)nOGhHS`1p9YP$)cNZ_5Yz`};*Wb?9`u&kY8H
zOdt@r{5tTe9Z4V|52}ySYPGWL?CigCb8~lC62pHT8jYq9fxeoXo0A?M9!ipulAO3^
zf~}2;isE365NIUglF!~k@Otq4<;={C0>udVe7-Z(dMX%6*jbh(gnyj>q99ny(4ck+
zHU<U;J~}x$Q6sqWJ_c0o3Pq{Q<zlQ>D;Lo3rKP3qk_ZD7gwwN^$Kc@LgWcWT2MY@e
zN{EWVygO8Ih>!tNT(MZZr&KCm=I7@x<Mv(vfuW(H7@X=L775__J0l}wy`-e%2={FC
z|H{frk8j<5oIcsy+<#PWY-|*h*hpZZf;$`z#%{MWGMVgodwcs2>FMd(*w|P-rcS&F
z3=a>t0h)(Ua28Y=hZeD6@t+Wiw!Xgp8!S9pTU)bW<NAQi1ugc4(P+$};4m2Gy5Mvl
zfw_R*T~Sf-OKolKI!tIfCMM=3rcaBDi(S0Y(NQUQ)QpXd)qese5sr9V3%0kn#i%SE
z3k8{(nI<S)j^s2G6BAvS&q_#0aNT6X1UZJasi{ea1lFpns~-Vf;{FW5-T3XbV%6;I
ztQ?R;gGaB3FyTSwyyfL(g?GbX7_P}=l8uj#e+Z%Ru{NaGfGY9L0LioF=H{QJQt5hm
zc{w@XD;yVaLw}E7Q<Oj{;CwG9C&zL5A!Hg98>XQEJ<;Gh7lH2~xsb*|Vk5p&Qd0I+
zD%Ddceo3KFd`F5WJyCF~97P2Z;8MoH+7SKfO=4?nOAg+AOKub!wb={6y<JdHFzr+O
zYy5Ul)&9!;&!GhL*r96A&(D((<Vtn)2XeJgfoYC{Lw{_Xva+(LsC*?aFYkMiNc0<~
z%@DMco<mi??Y#6t^0>9NReyYZ%z2l6!LM{ezp=6LCvd)mo$e8W|4MBpm&=`(E5A~p
zUavQGcXzu1w-}p<I4&+O?9G9yA*Dl@Z`#`0bZD{Fs;a85$zX6;AU-#`fHtCQcTXNN
z<t#2P>VMU0HFI!qkiEaZpB#*eV75xZ;RUZdIy#;d78Wi+=~I5CBe=&8d${j}lbxNN
zzr)h^Efx#!CZ$uGNhA_uS69~)D0>#%lVQCA_hAS3Qa}jMfT!Cb9s@YbhwG)FRmc}S
z*V!tJ#L&~z^B4mA7OM9u9cM=<zJn%^oSYoEKz|ZPEiEkvXdUs&%1Q>PV2M9!ML^D_
z%87bd>L$eYBld?$P(Yq;MsTm#eCxx1D@FxZZjOwMw4p6OgZ<`VKM(=R7zoXZWRD=U
z7YMdmS64@nAClN`?S7Zw*CyagLg;&|Er(hKc=#J6VZc7F1^h-58ZiRS!{$3^0+W-I
m{~>>xMfTGy(x2!52rvNV4AgD!?W}PC0000<MNUMnLSTYYC7pQy

diff --git a/pixelegg/images/apply.svg b/pixelegg/images/apply.svg
new file mode 100644
index 0000000000..79e03d5091
--- /dev/null
+++ b/pixelegg/images/apply.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
+<svg version="1.1" id="pixelegg_apply" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M9.454,26.628h13.092v-1.062H9.454V26.628z M23.515,1.12H1.816
+			v29.76h28.368V7.57L23.515,1.12z M8.362,3.245h8.729V8.56h4.364V3.245h2.183v7.44H8.362V3.245z M26.91,28.754H5.089v-8.503
+			c0-1.761,1.465-3.188,3.273-3.188h15.275c1.807,0,3.272,1.428,3.272,3.188V28.754z M9.454,23.44h13.092v-1.063H9.454V23.44z
+			 M9.454,20.251h13.092v-1.062H9.454V20.251z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/attach.svg b/pixelegg/images/attach.svg
new file mode 100644
index 0000000000..f339513ca7
--- /dev/null
+++ b/pixelegg/images/attach.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
+<svg version="1.1" id="pixelegg_attach" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M15.824,28.57
+	c-3.363,3.313-8.773,3.3-12.117-0.045c-3.343-3.345-3.356-8.753-0.045-12.118L3.66,16.406L14.307,5.76l1.521-1.521l1.521-1.521
+	c2.519-2.52,6.606-2.52,9.126,0c2.521,2.52,2.521,6.605,0,9.126l-1.521,1.52l-1.521,1.521l-5.336,5.337l-1.917,1.914l-3.394,3.396
+	l-0.004-0.004c-1.684,1.63-4.368,1.62-6.031-0.044c-1.664-1.662-1.674-4.348-0.042-6.03l-0.005-0.006l1.521-1.521l1.873-1.872
+	l1.917-1.916l2.294-2.293l1.785-1.787l1.725-1.725l1.053-1.052l1.521,1.521l-1.475,1.473l-1.568,1.569l-3.193,3.193l-1.643,1.642
+	l-1.622,1.623l-1.147,1.145L8.223,20.97c-0.84,0.838-0.84,2.2,0,3.041c0.84,0.84,2.202,0.84,3.042,0l2.667-2.667l1.623-1.622
+	l1.642-1.642l1.673-1.674l2.689-2.688l0.353-0.354l1.521-1.52l1.521-1.521l-0.004-0.004c0.016-0.015,0.036-0.027,0.053-0.043
+	c1.679-1.68,1.679-4.404,0-6.083c-1.681-1.68-4.404-1.68-6.085,0c-0.015,0.016-0.028,0.035-0.044,0.051l-0.003-0.003l-1.521,1.521
+	l-1.52,1.521l-0.353,0.353l-2.69,2.689l-3.542,3.542l-4.062,4.061c-2.52,2.521-2.52,6.606,0,9.127c2.521,2.521,6.606,2.521,9.126,0
+	l4.062-4.062l9.625-9.626l1.52-1.52l1.522,1.52l-1.522,1.521L15.828,28.572L15.824,28.57z"/>
+</svg>
diff --git a/pixelegg/images/dots.svg b/pixelegg/images/dots.svg
index 22fa1ffc74..0edd820831 100644
--- a/pixelegg/images/dots.svg
+++ b/pixelegg/images/dots.svg
@@ -4,10 +4,8 @@
 <?xml-stylesheet type="text/css" href="../less/svg.css" ?>
 <svg version="1.1" id="pixelegg_dots" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	<g>
-		<polygon fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" points="29.007,9.38 22.886,3.496 16,10.116 9.114,3.496 
-			2.994,9.38 9.879,16 2.994,22.62 9.114,28.504 16,21.884 22.886,28.504 29.007,22.62 22.121,16 		"/>
-	</g>
-</g>
+<circle fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" cx="16.419" cy="4.306" r="3.458"/>
+<circle fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" cx="16.419" cy="15.94" r="3.458"/>
+<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M19.864,27.721c0,1.911-1.55,3.459-3.459,3.459
+	c-1.91,0-3.458-1.548-3.458-3.459c0-1.907,1.548-3.457,3.458-3.457C18.314,24.264,19.864,25.813,19.864,27.721z"/>
 </svg>
diff --git a/pixelegg/images/edit.svg b/pixelegg/images/edit.svg
new file mode 100644
index 0000000000..56a890c87f
--- /dev/null
+++ b/pixelegg/images/edit.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="none" stroke="#62686A" stroke-miterlimit="10" d="M5.492,19.1l6.897,6.894l12.853-12.846l-6.897-6.894L5.492,19.1z
+			 M1,30.485l9.655-2.757l-6.896-6.895L1,30.485z M29.994,5.81l-4.311-4.308c-0.713-0.714-1.911-0.675-2.673,0.085l-2.842,2.841
+			l6.896,6.894l2.843-2.841C30.671,7.719,30.709,6.524,29.994,5.81z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/star.svg b/pixelegg/images/favorites.svg
similarity index 93%
rename from pixelegg/images/star.svg
rename to pixelegg/images/favorites.svg
index b87c54bc9d..74fb49e189 100644
--- a/pixelegg/images/star.svg
+++ b/pixelegg/images/favorites.svg
@@ -4,7 +4,7 @@
 <?xml-stylesheet type="text/css" href="../less/svg.css" ?>
 <svg version="1.1" id="pixelegg_star" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<path fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" d="M30.194,12.042
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M30.194,12.042
 	c0,0-3.288,4.354-7.375,7.422c-0.003-0.012,0.003-0.008,0,0l0.277,0.908c1.671,5.563,1.774,9.413,1.774,9.413l-8.856-5.383
 	c0,0-0.012,0.005-0.015,0.005c-0.006,0-0.023-0.009-0.031-0.011c-4.323,2.991-8.84,5.389-8.84,5.389s0.366-4.755,2.034-10.31
 	c0.003,0.002,0.002-0.009,0,0c-4.084-3.063-7.357-7.433-7.357-7.433l9.758-0.887L16,1.396l4.436,9.758L30.194,12.042z"/>
diff --git a/pixelegg/images/tracker.svg b/pixelegg/images/list_alt.svg
similarity index 52%
rename from pixelegg/images/tracker.svg
rename to pixelegg/images/list_alt.svg
index ff4fbfadf6..174aaae7d3 100644
--- a/pixelegg/images/tracker.svg
+++ b/pixelegg/images/list_alt.svg
@@ -2,12 +2,12 @@
 <!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <?xml-stylesheet type="text/css" href="../less/svg.css" ?>
-<svg version="1.1" id="pixelegg_tracker" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<svg version="1.1" id="pixelegg_list_alt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 <g>
 	<g>
-		<path fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" d="M30.741,16L17.417,2v8.4h-1.015L8.403,2v8.4H2.737V21.6h5.666V30
-			l8-8.4h1.014V30L30.741,16z M4.526,19.359v-6.719h5.368V7.6l7.522,7.747v1.307L9.895,24.4v-5.041H4.526z"/>
+		<path fill="#696969" stroke="#e6e6e6" stroke-width="0.75" stroke-miterlimit="10" d="M1.736,1v4.554h28.975V1H1.736z M1.736,18.275
+			h28.975v-4.553H1.736V18.275z M1.736,31h28.975v-4.554H1.736V31z"/>
 	</g>
 </g>
 </svg>
diff --git a/pixelegg/images/lock.svg b/pixelegg/images/lock.svg
new file mode 100644
index 0000000000..b6694afc23
--- /dev/null
+++ b/pixelegg/images/lock.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
+<svg version="1.1" id="pixelegg_lock" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M25.308,14.912h-0.962V7.272c0-3.692-3.442-6.685-7.688-6.685
+			S8.968,3.58,8.968,7.272v7.639H8.007c-1.592,0-2.883,1.283-2.883,2.865v10.505c0,1.581,1.292,2.865,2.883,2.865h17.301
+			c1.591,0,2.883-1.284,2.883-2.865V17.776C28.19,16.194,26.898,14.912,25.308,14.912z M18.578,24.888v1.483
+			c0,1.055-0.859,1.91-1.921,1.91c-1.062,0-1.923-0.855-1.923-1.91v-1.484c-1.144-0.661-1.922-1.879-1.922-3.289
+			c0-2.109,1.722-3.821,3.845-3.821c2.122,0,3.844,1.712,3.844,3.821C20.501,23.008,19.723,24.227,18.578,24.888z M20.501,13.957
+			c0,0.336-0.093,0.655-0.235,0.955h-7.218c-0.143-0.3-0.235-0.619-0.235-0.955V7.272c0-1.583,1.722-2.865,3.845-2.865
+			c2.122,0,3.844,1.282,3.844,2.865V13.957z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/menu_list.svg b/pixelegg/images/menu_list.svg
index bae5a46461..5a466568c7 100644
--- a/pixelegg/images/menu_list.svg
+++ b/pixelegg/images/menu_list.svg
@@ -2,24 +2,18 @@
 <!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <?xml-stylesheet type="text/css" href="../less/svg.css" ?>
-<svg version="1.1" id="pixelegg_next_match" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<svg version="1.1" id="pixelegg_menu_list" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	
-		<circle fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#E6E6E6" stroke-width="0.75" stroke-miterlimit="10" cx="2.495" cy="3.946" r="1.206"/>
-</g>
 <g>
 	<g>
-		<path fill="#696969" stroke="#E6E6E6" stroke-width="0.75" stroke-miterlimit="10" d="M6.736,1.669v4.554h23.975V1.669H6.736z
-			 M6.736,18.276h23.975v-4.554H6.736V18.276z M6.736,30.331h23.975v-4.554H6.736V30.331z"/>
+		<path fill="#696969" stroke="#e6e6e6" stroke-width="0.75" stroke-miterlimit="10" d="M7.902,1v4.554h22.809V1H7.902z M7.902,18.275
+			h22.809v-4.553H7.902V18.275z M7.902,31h22.809v-4.555H7.902V31z"/>
 	</g>
 </g>
 <g>
-	
-		<circle fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#E6E6E6" stroke-width="0.75" stroke-miterlimit="10" cx="2.495" cy="15.999" r="1.205"/>
-</g>
-<g>
-	
-		<circle fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#E6E6E6" stroke-width="0.75" stroke-miterlimit="10" cx="2.495" cy="28.054" r="1.206"/>
+	<g>
+		<path fill="#696969" stroke="#e6e6e6" stroke-width="0.75" stroke-miterlimit="10" d="M1,1v4.554h4.475V1H1z M1,18.275h4.475v-4.553
+			H1V18.275z M1,31h4.475v-4.555H1V31z"/>
+	</g>
 </g>
 </svg>
diff --git a/pixelegg/images/menu_list_round.svg b/pixelegg/images/menu_list_round.svg
deleted file mode 100644
index 7121bf5b4e..0000000000
--- a/pixelegg/images/menu_list_round.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
-<svg version="1.1" id="pixelegg_next_match_round" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	
-		<circle fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#E6E6E6" stroke-width="0.75" stroke-miterlimit="10" cx="2.998" cy="3.809" r="1.984"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#E6E6E6" stroke-width="0.75" stroke-miterlimit="10" d="
-	M30.711,3.946c0-1.12-0.908-2.028-2.028-2.028H8.765c-1.12,0-2.028,0.908-2.028,2.028l0,0c0,1.12,0.908,2.028,2.028,2.028h19.918
-	C29.803,5.974,30.711,5.066,30.711,3.946L30.711,3.946z"/>
-<path fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#E6E6E6" stroke-width="0.75" stroke-miterlimit="10" d="
-	M30.711,15.999c0-1.12-0.908-2.028-2.028-2.028H8.765c-1.12,0-2.028,0.908-2.028,2.028l0,0c0,1.121,0.908,2.029,2.028,2.029h19.918
-	C29.803,18.027,30.711,17.119,30.711,15.999L30.711,15.999z"/>
-<path fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#E6E6E6" stroke-width="0.75" stroke-miterlimit="10" d="
-	M30.711,28.053c0-1.119-0.908-2.027-2.028-2.027H8.765c-1.12,0-2.028,0.908-2.028,2.027l0,0c0,1.121,0.908,2.029,2.028,2.029h19.918
-	C29.803,30.082,30.711,29.174,30.711,28.053L30.711,28.053z"/>
-<g>
-	
-		<circle fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#E6E6E6" stroke-width="0.75" stroke-miterlimit="10" cx="2.998" cy="15.999" r="1.984"/>
-</g>
-<g>
-	
-		<circle fill-rule="evenodd" clip-rule="evenodd" fill="#696969" stroke="#E6E6E6" stroke-width="0.75" stroke-miterlimit="10" cx="2.998" cy="28.054" r="1.984"/>
-</g>
-</svg>
diff --git a/pixelegg/images/plus.svg b/pixelegg/images/plus.svg
new file mode 100644
index 0000000000..67050d1e50
--- /dev/null
+++ b/pixelegg/images/plus.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
+<svg version="1.1" id="pixelegg_plus" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M31.31,19.861H19.959v11.347h-7.562V19.861H1.052v-7.562h11.345
+			V0.955h7.562v11.344H31.31V19.861z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/save.svg b/pixelegg/images/save.svg
index 3643016ba3..5281daf88e 100644
--- a/pixelegg/images/save.svg
+++ b/pixelegg/images/save.svg
@@ -6,10 +6,13 @@
 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 <g>
 	<g>
-		<path fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" d="M9.454,26.628h13.092v-1.062H9.454V26.628z M23.515,1.12H1.816
-			v29.76h28.368V7.57L23.515,1.12z M8.362,3.245h8.729V8.56h4.364V3.245h2.183v7.44H8.362V3.245z M26.91,28.754H5.089v-8.503
-			c0-1.761,1.465-3.188,3.273-3.188h15.275c1.807,0,3.272,1.428,3.272,3.188V28.754z M9.454,23.44h13.092v-1.063H9.454V23.44z
-			 M9.454,20.251h13.092v-1.062H9.454V20.251z"/>
+		<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M9.315,26.748h13.092v-1.062H9.315V26.748z M22.407,22.496H9.315
+			v1.064h13.092V22.496z M23.039,16.84c4.612,0,8.353-3.545,8.353-7.919c0-4.373-3.74-7.917-8.353-7.917
+			c-4.613,0-8.353,3.545-8.353,7.917C14.686,13.294,18.426,16.84,23.039,16.84z M18.11,6.118l1.972-1.869l2.957,2.804l2.958-2.804
+			l1.971,1.869l-2.957,2.803l2.957,2.803l-1.971,1.869l-2.958-2.804l-2.957,2.804l-1.972-1.869l2.958-2.803L18.11,6.118z
+			 M26.772,20.371v8.502H4.951v-8.502c0-1.762,1.465-3.189,3.273-3.189h7.866c-2.067-1.564-3.529-3.808-4.017-6.376H8.224v-7.44
+			h5.339c0.512-0.783,1.125-1.497,1.829-2.125H1.678V31h28.367V17.143c-1.06,0.812-2.279,1.445-3.607,1.848
+			C26.646,19.41,26.772,19.873,26.772,20.371z M22.407,19.463c-0.479-0.025-0.952-0.074-1.414-0.154H9.315v1.062h13.092V19.463z"/>
 	</g>
 </g>
 </svg>
diff --git a/pixelegg/images/save_new.svg b/pixelegg/images/save_new.svg
new file mode 100644
index 0000000000..8f9213051e
--- /dev/null
+++ b/pixelegg/images/save_new.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
+<svg version="1.1" id="pixelegg_save_new" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M9.315,26.748h13.092v-1.062H9.315V26.748z M22.407,22.496H9.315
+			v1.064h13.092V22.496z M23.039,16.84c4.611,0,8.354-3.545,8.354-7.919c0-4.373-3.74-7.917-8.354-7.917s-8.353,3.545-8.353,7.917
+			C14.686,13.294,18.426,16.84,23.039,16.84z M21.405,2.968l2.951,0.08l0.116,4.424l4.426,0.118l0.077,2.949l-4.422-0.118
+			l0.117,4.423l-2.948-0.079l-0.119-4.425l-4.423-0.117l-0.079-2.951l4.424,0.12L21.405,2.968z M26.771,20.371v8.502H4.951v-8.502
+			c0-1.762,1.465-3.189,3.273-3.189h7.866c-2.067-1.563-3.529-3.808-4.017-6.375H8.224v-7.44h5.339
+			c0.512-0.783,1.125-1.497,1.829-2.125H1.678V31h28.367V17.143c-1.061,0.812-2.279,1.445-3.607,1.849
+			C26.646,19.41,26.771,19.873,26.771,20.371z M22.407,19.463c-0.479-0.025-0.952-0.074-1.414-0.154H9.315v1.062h13.092V19.463z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/setup.svg b/pixelegg/images/setup.svg
new file mode 100644
index 0000000000..654e8cfec5
--- /dev/null
+++ b/pixelegg/images/setup.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
+<svg version="1.1" id="pixelegg_setup" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M27.114,11.493c1.295-3.006,1.63-3.999,0.526-5.111l-2.021-2.006
+			c-0.396-0.395-0.959-0.628-1.518-0.628c-0.377,0-0.767,0-3.553,1.264c-1.219-3.064-1.68-4.007-3.202-4.007h-2.86
+			c-1.505,0-1.958,0.852-3.137,4.026C8.516,3.834,8.119,3.834,7.764,3.834c-0.559,0-1.125,0.233-1.513,0.623L4.224,6.472
+			c-1.131,1.132-0.742,2.193,0.589,5.074c-3.122,1.238-3.985,1.667-3.985,3.23v2.853c0,1.602,0.946,2.045,4.009,3.167
+			c-1.292,3.003-1.626,3.996-0.526,5.103l2.014,2.008c0.392,0.396,0.964,0.635,1.525,0.635c0.374,0,0.763,0,3.552-1.265
+			c1.222,3.063,1.679,4.01,3.205,4.01h2.86c1.505,0,1.96-0.855,3.141-4.03c2.835,1.201,3.232,1.201,3.585,1.201
+			c0.557,0,1.119-0.234,1.513-0.623l2.039-2.028c1.118-1.133,0.729-2.194-0.601-5.062c3.043-1.21,3.981-1.674,3.981-3.233v-2.851
+			C31.124,13.054,30.178,12.616,27.114,11.493z M28.662,17.339c-0.603,0.352-2.314,1.024-3.006,1.299l-0.487,0.195l-0.771,1.869
+			l0.234,0.501c0.276,0.594,1.053,2.261,1.254,2.939L24.1,25.928c-0.271-0.075-1.033-0.328-3.063-1.203l-0.467-0.204l-1.867,0.771
+			l-0.192,0.51c-0.225,0.621-0.866,2.363-1.207,2.975h-2.541c-0.347-0.592-1.023-2.298-1.298-2.986l-0.195-0.492l-1.866-0.768
+			l-0.481,0.222c-2.013,0.928-2.75,1.189-2.981,1.263L6.15,24.23c0.181-0.678,0.903-2.346,1.196-3.021l0.215-0.494L6.788,18.85
+			l-0.509-0.185c-0.686-0.249-2.383-0.868-2.99-1.204v-2.521c0.593-0.34,2.249-0.993,3.004-1.293l0.488-0.191l0.773-1.867
+			L7.32,11.083c-0.279-0.595-1.053-2.264-1.253-2.945L7.853,6.36c0.27,0.073,1.032,0.325,3.069,1.2l0.468,0.203l1.862-0.768
+			l0.189-0.515c0.225-0.62,0.866-2.358,1.205-2.975h2.543c0.345,0.594,1.022,2.298,1.296,2.989l0.194,0.491l1.865,0.769l0.482-0.223
+			c2.015-0.929,2.749-1.19,2.982-1.261l1.791,1.781c-0.18,0.674-0.905,2.344-1.195,3.021l-0.215,0.496l0.776,1.87l0.506,0.184
+			c0.687,0.251,2.38,0.868,2.989,1.201V17.339z M15.977,11.636c-2.493,0-4.521,2.022-4.521,4.508c0,2.487,2.028,4.51,4.521,4.51
+			s4.521-2.023,4.521-4.51C20.497,13.659,18.47,11.636,15.977,11.636z M15.977,18.151c-1.137,0-2.064-0.901-2.064-2.007
+			c0-1.105,0.927-2.005,2.064-2.005c1.138,0,2.062,0.9,2.062,2.005C18.039,17.25,17.114,18.151,15.977,18.151z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/tag_message.svg b/pixelegg/images/tag_message.svg
new file mode 100644
index 0000000000..a25a73c51a
--- /dev/null
+++ b/pixelegg/images/tag_message.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
+<svg version="1.1" id="pixelegg_tag_message" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" d="M30.682,3.215c0-1.224-0.992-2.216-2.216-2.216h-8.862
+			c-0.708,0-1.331,0.338-1.737,0.854l-2.072,2.072L1.562,18.157c-0.828,0.827-0.828,2.17,0,2.997l8.989,8.989
+			c0.828,0.826,2.169,0.826,2.996,0L27.779,15.91l2.247-2.247l-0.007-0.007c0.408-0.402,0.662-0.96,0.662-1.578V3.215z
+			 M25.533,10.667c-1.242,1.241-3.254,1.241-4.495,0c-1.241-1.241-1.241-3.253,0-4.495c1.241-1.241,3.253-1.241,4.495,0
+			C26.772,7.414,26.772,9.426,25.533,10.667z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/topmenu_items/mobile/back.svg b/pixelegg/images/topmenu_items/mobile/back.svg
index aa3abadda4..f937446392 100644
--- a/pixelegg/images/topmenu_items/mobile/back.svg
+++ b/pixelegg/images/topmenu_items/mobile/back.svg
@@ -1,25 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<?xml-stylesheet type="text/css" href="../../../less/svg.css" ?>
-<svg version="1.1" id="pixelegg_back" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 <g>
 	<g>
-		<polygon fill="#FFFFFF" points="-11.008,53.88 -17.128,47.996 -24.014,54.616 -30.9,47.996 -37.021,53.88 -30.135,60.5 
-			-37.021,67.12 -30.9,73.004 -24.014,66.384 -17.128,73.004 -11.008,67.12 -17.894,60.5 		"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path fill="#FFFFFF" d="M-39.014,11.14v6.521h30V11.14H-39.014z M-39.014,29.401h30v-6.522h-30V29.401z M-39.014,41.14h30v-6.521
-			h-30V41.14z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<polygon fill="#FFFFFF" points="29.569,13.938 12.236,13.938 12.236,10.889 1.236,16 12.236,21.111 12.236,18.062 29.569,18.062 
-					"/>
+		<polygon fill="#FFFFFF" stroke="#FFFFFF" stroke-miterlimit="10" points="30.875,12.857 12.833,12.857 12.833,3.11 1.833,16.096 
+			12.833,29.083 12.833,19.169 30.875,19.169 		"/>
 	</g>
 </g>
 </svg>
diff --git a/pixelegg/images/topmenu_items/mobile/check.svg b/pixelegg/images/topmenu_items/mobile/check.svg
new file mode 100644
index 0000000000..04184d9531
--- /dev/null
+++ b/pixelegg/images/topmenu_items/mobile/check.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#FFFFFF" stroke-miterlimit="10" d="M6.943,28.453
+	c0.906,0.765,2.097,1.127,3.286,1.109c0.43,0.014,0.852-0.068,1.265-0.207c0.679-0.18,1.328-0.45,1.866-0.902L29.403,14.9
+	c1.772-1.498,1.772-3.925,0-5.422c-1.772-1.497-4.646-1.497-6.418,0L10.119,20.349l-2.389-2.424c-1.44-1.457-3.772-1.457-5.212,0
+	c-1.438,1.46-1.438,3.825,0,5.281C2.518,23.206,5.474,26.947,6.943,28.453z"/>
+</svg>
diff --git a/pixelegg/images/topmenu_items/mobile/menu.svg b/pixelegg/images/topmenu_items/mobile/menu.svg
index d017b7f380..4e7c45a33a 100644
--- a/pixelegg/images/topmenu_items/mobile/menu.svg
+++ b/pixelegg/images/topmenu_items/mobile/menu.svg
@@ -1,13 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<?xml-stylesheet type="text/css" href="../../../less/svg.css" ?>
-<svg version="1.1" id="pixelegg_menu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g  >
-	<g >
-		<path fill="#FFFFFF" stroke="#FFFFFF" fill-rule="evenodd" clip-rule="evenodd"  d="M1,1v6.521h30V1H1z M1,19.261h30v-6.521H1V19.261z M1,31h30
-			v-6.521H1V31z"/>
+<g>
+	<g>
+		<path fill="#FFFFFF" stroke="#e6e6e6" stroke-width="0.75" stroke-miterlimit="10" d="M1.736,1v4.554h28.975V1H1.736z M1.736,18.275
+			h28.975v-4.553H1.736V18.275z M1.736,31h28.975v-4.554H1.736V31z"/>
 	</g>
 </g>
 </svg>
diff --git a/pixelegg/images/topmenu_items/mobile/menu_active.svg b/pixelegg/images/topmenu_items/mobile/menu_active.svg
new file mode 100644
index 0000000000..b6ec41689d
--- /dev/null
+++ b/pixelegg/images/topmenu_items/mobile/menu_active.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<polygon fill="#696969" stroke="#e6e6e6" stroke-miterlimit="10" points="30.167,10.857 12.833,10.857 12.833,3.11 1.833,16.096 
+			12.833,29.083 12.833,21.336 30.167,21.336 		"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/topmenu_items/mobile/plus_white.svg b/pixelegg/images/topmenu_items/mobile/plus_white.svg
new file mode 100644
index 0000000000..4f6bb84b7d
--- /dev/null
+++ b/pixelegg/images/topmenu_items/mobile/plus_white.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#FFFFFF" stroke="#FFFFFF" stroke-miterlimit="10" d="M31.31,19.861H19.959v11.347h-7.562V19.861H1.052v-7.562h11.345
+			V0.955h7.562v11.344H31.31V19.861z"/>
+	</g>
+</g>
+</svg>
diff --git a/pixelegg/images/wiki.svg b/pixelegg/images/wiki.svg
deleted file mode 100644
index 21c0d4734d..0000000000
--- a/pixelegg/images/wiki.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<?xml-stylesheet type="text/css" href="../less/svg.css" ?>
-<svg version="1.1" id="pixelegg_wiki" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
-<g>
-	<g>
-		<path fill="#696969" stroke="#E6E6E6" stroke-miterlimit="10" d="M20.318,13.165c1.723,0,3.119-1.265,3.119-2.824
-			c0-1.56-1.396-2.824-3.119-2.824c-1.722,0-3.119,1.264-3.119,2.824C17.199,11.9,18.597,13.165,20.318,13.165z M30.897,7.671
-			h-6.895c-0.243,0-0.441,0.18-0.441,0.401v1.002c0,0.22,0.198,0.4,0.441,0.4h1.573c0.244,0,0.375,0.169,0.292,0.377l-5.069,12.61
-			c-0.084,0.206-0.219,0.206-0.303,0l-5.069-12.61c-0.083-0.208,0.048-0.377,0.292-0.377h0.821c0.243,0,0.442-0.18,0.442-0.4V8.072
-			c0-0.221-0.199-0.401-0.442-0.401H9.646c-0.243,0-0.443,0.18-0.443,0.401v1.002c0,0.22,0.2,0.4,0.443,0.4h1.248
-			c0.244,0,0.511,0.169,0.594,0.377l2.971,7.392c0.083,0.206,0.083,0.546,0,0.752l-1.791,4.455c-0.083,0.206-0.219,0.206-0.302,0
-			L7.3,9.852C7.217,9.644,7.348,9.475,7.592,9.475h0.647c0.244,0,0.443-0.18,0.443-0.4V8.072c0-0.221-0.199-0.401-0.443-0.401H1.345
-			c-0.243,0-0.443,0.18-0.443,0.401v1.002c0,0.22,0.2,0.4,0.443,0.4h1.423c0.244,0,0.511,0.169,0.594,0.377l8.098,20.122
-			c0.084,0.208,0.22,0.208,0.303,0l3.756-9.341c0.083-0.208,0.219-0.208,0.303,0l3.76,9.354c0.084,0.208,0.154,0.363,0.158,0.349
-			c0.003-0.013,0.006-0.017,0.007-0.006c0,0.012,0.068-0.148,0.151-0.356l8.089-20.122c0.084-0.208,0.352-0.377,0.595-0.377h2.315
-			c0.245,0,0.443-0.18,0.443-0.4V8.072C31.341,7.852,31.143,7.671,30.897,7.671z"/>
-	</g>
-</g>
-</svg>
diff --git a/pixelegg/less/def_buttons.less b/pixelegg/less/def_buttons.less
index 134ac49e8d..cf0dffa358 100755
--- a/pixelegg/less/def_buttons.less
+++ b/pixelegg/less/def_buttons.less
@@ -130,7 +130,7 @@
 
 .Complete_Button_delete{
     /*background-color: @color_negative_action_hover !important;*/
-    background-image:url('../images/delete.png')!important;
+    background-image:url('../images/delete.png');
     margin-left: 3em;
     background-color: @gray_30;
     .Complete_Button_text_icon_before;
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index e8f40b024d..fc78471954 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -2190,7 +2190,7 @@ button[id="timesheet-edit_button[delete]"],
 button[id="displayToolbar-delete"],
 button.et2_button_delete {
   /*background-color: @color_negative_action_hover !important;*/
-  background-image: url('../images/delete.png') !important;
+  background-image: url('../images/delete.png');
   margin-left: 3em;
   /*.border_normal;*/
   /*.box_shadow_standard_light;*/
@@ -4379,7 +4379,7 @@ td.message span.message {
   padding: 0px 0px 0px 15px;
   line-height: 1em;
   font-size: 12.1px;
-  background-image: url(../images/arrow_left.png);
+  background-image: url(../images/arrow_right.png);
   background-repeat: no-repeat;
   background-position: left center;
 }
@@ -4411,7 +4411,7 @@ td.message span.message {
   /*.background-clip(padding-box);*/
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 {
-  background-image: url(../images/arrow_down.png);
+  background-image: url(../images/arrow_down_white.png);
   line-height: 1em;
   font-size: 12px;
 }
@@ -7026,7 +7026,7 @@ span.egw_tutorial_title {
     padding: 0;
   }
 }
-@media only screen and (max-device-width: 700px) and (min-width: 321px) {
+@media only screen and (max-device-width: 736px) and (min-width: 300px) {
   body #egw_fw_basecontainer.sidebar-toggle div#egw_fw_top_toolbar {
     z-index: 0;
   }
@@ -7105,6 +7105,33 @@ span.egw_tutorial_title {
   body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items {
     padding-top: 8px;
   }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_logout:before {
+    background-image: url(../images/logout.svg);
+  }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_home:before {
+    background-image: url(../images/home.svg);
+  }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_prefs:before {
+    background-image: url(../images/setup.svg);
+  }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_acl:before {
+    background-image: url(../images/access.svg);
+  }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_cats:before {
+    background-image: url(../images/tag_message.svg);
+  }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_password:before {
+    background-image: url(../images/password.svg);
+  }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_manual:before {
+    background-image: url(../images/help.svg);
+  }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_search:before {
+    background-image: url(../images/topmenu_items/mobile/search.svg);
+  }
+  body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_menu {
+    background-image: url(../images/topmenu_items/mobile/menu_active.svg);
+  }
   body #egw_fw_basecontainer #egw_fw_sidemenu img[src$=".svg"] {
     background: none;
     box-shadow: none;
@@ -7193,16 +7220,12 @@ span.egw_tutorial_title {
     background-color: #0c5da5;
     border: none;
     box-shadow: 0px 1px 5px 3px silver;
-    background-image: none !important;
+    background-image: url(../images/topmenu_items/mobile/plus_white.svg) !important;
+    background-repeat: no-repeat;
+    background-size: 24px 24px;
     margin: 0;
     padding: 0;
   }
-  body button.plus_button:after {
-    content: '+';
-    font-weight: bold;
-    font-size: 34pt;
-    color: #fafafa;
-  }
   body button.plus_button:hover,
   body button.plus_button:active {
     background-color: #0c5da5;
@@ -7321,7 +7344,7 @@ span.egw_tutorial_title {
     width: 50px;
   }
   body .et2_nextmatch .nm-mob-header button.nm_toggle_header {
-    background-image: url(../images/menu_list_round.svg);
+    background-image: url(../images/menu_list.svg);
     background-position: center;
     background-repeat: no-repeat;
     margin-right: 5px;
@@ -7515,7 +7538,7 @@ span.egw_tutorial_title {
     bottom: 0px;
     right: 0;
     color: white;
-    background-image: url(../images/agt_action_success.png);
+    background-image: url(../images/topmenu_items/mobile/check.svg);
     background-repeat: no-repeat;
     background-position: center;
     height: auto;
@@ -7800,6 +7823,7 @@ span.egw_tutorial_title {
     margin: 0;
     top: 0;
     outline: none;
+    z-index: 100;
   }
   body .et2_searchbox.expanded span.ui-icon.clear {
     top: 0px;
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index e556d1486e..778770429f 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -21,9 +21,9 @@
 /*Tablets Max-Width*/
 @tablet-max: 1024px;
 /*Smartphones Max-Width*/
-@smartphone-max: 700px;
+@smartphone-max: 736px;
 /*Smartphones Min-Width*/
-@smartphone-min: 321px;
+@smartphone-min: 300px;
 @handheld: ~"only screen and (max-device-width : @{tablet-max})";
 /*All devices portrait mode*/
 @handheld-portrait: ~"only screen and (max-device-width : @{tablet-max}) and (orientation : portrait)";
@@ -254,6 +254,43 @@
 			#egw_fw_top_toolbar {
 				div#egw_fw_topmenu_items {
 					padding-top: 8px;
+					ul {
+						li{
+							a#topmenu_logout{
+								&:before {
+									background-image: url(../images/logout.svg);
+								}
+							}
+							a#topmenu_home:before {
+								background-image: url(../images/home.svg);
+							}
+							a#topmenu_prefs {
+								&:before {
+									background-image: url(../images/setup.svg);
+								}
+							}
+							a#topmenu_acl:before {
+								background-image: url(../images/access.svg);
+							}
+							a#topmenu_cats:before {
+								background-image: url(../images/tag_message.svg);
+							}
+							a#topmenu_password:before {
+								background-image: url(../images/password.svg);
+							}
+							a#topmenu_manual:before {
+								background-image: url(../images/help.svg);
+							}
+							a#topmenu_search{
+								&:before {
+									background-image: url(../images/topmenu_items/mobile/search.svg);
+								}
+							}
+						}
+					}
+				}
+				div#egw_fw_menu {
+					background-image: url(../images/topmenu_items/mobile/menu_active.svg);
 				}
 			}
 			#egw_fw_sidemenu img[src$=".svg"] {
@@ -344,15 +381,11 @@
 			background-color: #0c5da5;
 			border: none;
 			box-shadow: 0px 1px 5px 3px silver;
-			background-image: none !important;
+			background-image: url(../images/topmenu_items/mobile/plus_white.svg) !important;
+			background-repeat: no-repeat;
+			background-size: 24px 24px;
 			margin: 0;
 			padding: 0;
-			&:after {
-				content: '+';
-				font-weight: bold;
-				font-size: 34pt;
-				color: #fafafa;
-			}
 			&:hover, &:active {
 				background-color: #0c5da5;
 			}
@@ -477,7 +510,7 @@
 					width:50px;
 				}
 				button.nm_toggle_header {
-					background-image: url(../images/menu_list_round.svg);
+					background-image: url(../images/menu_list.svg);
 					background-position: center;
 					background-repeat: no-repeat;
 					margin-right:5px;
@@ -668,7 +701,7 @@
 							bottom: 0px;
 							right: 0;
 							color: white;
-							background-image: url(../images/agt_action_success.png);
+							background-image: url(../images/topmenu_items/mobile/check.svg);
 							background-repeat: no-repeat;
 							background-position: center;
 							height: auto;
@@ -987,6 +1020,7 @@
 				margin:0;
 				top:0;
 				outline: none;
+				z-index: 100;
 			}
 			span.ui-icon.clear{
 				top: 0px;