From d5d5888db98f38d59db76eacf1fd3c8694a3eb2e Mon Sep 17 00:00:00 2001
From: Ralf Becker <ralfbecker@outdoor-training.de>
Date: Sat, 18 Jan 2014 08:11:23 +0000
Subject: [PATCH] pixelegg changes from yesterday

---
 pixelegg/css/pixelegg.css                     | 61 +++++++++++-----
 .../images/login/app_addressbook_icon.svg     | 25 +++++++
 pixelegg/images/login/app_admin_icon.svg      | 32 ++++++++
 pixelegg/images/login/app_calendar_icon.svg   | 25 +++++++
 .../images/login/app_developer_tools_icon.svg | 26 +++++++
 .../images/login/app_filemanager_icon.svg     | 19 +++++
 pixelegg/images/login/app_infolog_icon.svg    | 21 ++++++
 pixelegg/images/login/app_mail_icon.svg       | 21 ++++++
 .../images/login/app_preferences_icon.svg     | 44 +++++++++++
 .../images/login/app_projectmanager_icon.svg  | 18 +++++
 pixelegg/images/login/app_resources_icon.svg  | 18 +++++
 pixelegg/images/login/app_sambaadmin_icon.svg | 15 ++++
 pixelegg/images/login/app_sitemgr_icon.svg    | 19 +++++
 pixelegg/images/login/app_syncml_icon.svg     |  0
 pixelegg/images/login/app_timesheet_icon.svg  | 22 ++++++
 pixelegg/images/login/app_tracker_icon.svg    | 10 +++
 pixelegg/images/login/app_wiki_icon.svg       | 20 +++++
 pixelegg/js/slider.js                         |  6 +-
 pixelegg/less/def_buttons.less                |  2 -
 pixelegg/less/layout_loginPage.css            | 58 ++++++++++-----
 pixelegg/less/layout_loginPage.less           | 73 ++++++++++++-------
 pixelegg/less/layout_raster.less              |  2 +-
 pixelegg/templates/pixelegg/login.tpl         | 16 ++--
 23 files changed, 478 insertions(+), 75 deletions(-)
 create mode 100755 pixelegg/images/login/app_addressbook_icon.svg
 create mode 100755 pixelegg/images/login/app_admin_icon.svg
 create mode 100755 pixelegg/images/login/app_calendar_icon.svg
 create mode 100755 pixelegg/images/login/app_developer_tools_icon.svg
 create mode 100755 pixelegg/images/login/app_filemanager_icon.svg
 create mode 100755 pixelegg/images/login/app_infolog_icon.svg
 create mode 100755 pixelegg/images/login/app_mail_icon.svg
 create mode 100755 pixelegg/images/login/app_preferences_icon.svg
 create mode 100755 pixelegg/images/login/app_projectmanager_icon.svg
 create mode 100755 pixelegg/images/login/app_resources_icon.svg
 create mode 100755 pixelegg/images/login/app_sambaadmin_icon.svg
 create mode 100755 pixelegg/images/login/app_sitemgr_icon.svg
 create mode 100755 pixelegg/images/login/app_syncml_icon.svg
 create mode 100755 pixelegg/images/login/app_timesheet_icon.svg
 create mode 100755 pixelegg/images/login/app_tracker_icon.svg
 create mode 100755 pixelegg/images/login/app_wiki_icon.svg

diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index dbec8af5c7..0013fd8311 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -3621,7 +3621,6 @@ button[id="cancel"]:active {
  *
  ######################################################################################## */
 button.add {
-  /*background-color: @egw_color_blue_lighter !important;*/
   color: #FFF;
   text-shadow: none;
   /*    height: auto;*/
@@ -4155,12 +4154,17 @@ table.nextmatch_header img {
   box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
 }
 #wrap {
-  z-index: -1;
-  margin: 0 auto;
-  background-color: transparent;
+  /*    float: left;
+    z-index: -1;
+    margin: 0 auto;
+    background-color:transparent;
+    width: 100%;*/
 }
-#wrap .animation_login {
-  margin-top: 3em;
+#wrap div.animation_login {
+  margin: 0.3em;
+  position: fixed;
+  width: 100%;
+  bottom: 0;
 }
 #wrap img[src$="svg"],
 #wrap background-image[url$="svg"] {
@@ -4174,15 +4178,18 @@ table.nextmatch_header img {
   background-image: linear-gradient(top, #679fd2, #679fd2);
   background-repeat: repeat-x;
 }
-/*4 Bilder*/
 #img1,
 #img2,
 #img3,
-#img4 {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 10em;
+#img4,
+#img5,
+#img6,
+#img7,
+#img8 {
+  width: 12%;
+  /*height:100%;*/
+  /*position:fixed;*/
+  /*top: 10em;*/
   z-index: -1;
   animation-name: test;
   animation-duration: 8s;
@@ -4197,16 +4204,32 @@ table.nextmatch_header img {
   -webkit-animation-delay: 0s;
 }
 #img2 {
-  animation-delay: 8s;
-  -webkit-animation-delay: 8s;
+  animation-delay: 3s;
+  -webkit-animation-delay: 3s;
 }
 #img3 {
-  animation-delay: 16s;
-  -webkit-animation-delay: 16s;
+  animation-delay: 6s;
+  -webkit-animation-delay: 6s;
 }
 #img4 {
-  animation-delay: 24s;
-  -webkit-animation-delay: 24s;
+  animation-delay: 9s;
+  -webkit-animation-delay: 9s;
+}
+#img5 {
+  animation-delay: 12s;
+  -webkit-animation-delay: 12s;
+}
+#img6 {
+  animation-delay: 15s;
+  -webkit-animation-delay: 15s;
+}
+#img7 {
+  animation-delay: 18s;
+  -webkit-animation-delay: 18s;
+}
+#img8 {
+  animation-delay: 21s;
+  -webkit-animation-delay: 21s;
 }
 @-webkit-keyframes test {
   0% {
@@ -5160,7 +5183,7 @@ div#calendar-container {
 div#calendar-container div.calendar {
   margin-bottom: 1em;
   background-color: inherit;
-  padding: 2%;
+  padding: 0%;
 }
 div#calendar-container div.calendar table {
   font-size: 0.9em;
diff --git a/pixelegg/images/login/app_addressbook_icon.svg b/pixelegg/images/login/app_addressbook_icon.svg
new file mode 100755
index 0000000000..a5a58c1040
--- /dev/null
+++ b/pixelegg/images/login/app_addressbook_icon.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="addressbook_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
+	 xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M11.483,16.831c0,0-0.764,0.982-2.397,0.982
+		c-1.478,0-2.418-0.982-2.418-0.982s-0.602,0.194-1.101,0.781c-0.715,0.838-0.481,2.675-0.481,2.675l7.981,0.008
+		c0,0,0.274-1.882-0.482-2.683C11.983,16.974,11.483,16.831,11.483,16.831z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M5.843,14.402h0.441c0.417,0.842,1.929,1.605,2.791,1.605
+		s2.375-0.764,2.792-1.605h0.44l0.481-1.605l-0.481-0.535c0-0.522,0-0.535,0-0.535s0.033-1.175-0.481-1.604
+		c-0.41-0.341-0.485-1.346-2.74-1.375c-1.608-0.022-2.119,0.663-2.762,1.375c-0.293,0.326-0.438,0.982-0.481,1.604
+		c-0.011,0.1,0,0.44,0,0.535l-0.481,0.535L5.843,14.402z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M23.924,4.624H4.141c-1.367,0-2.473,1.107-2.473,2.474v14.838
+		c0,1.365,1.106,2.473,2.473,2.473h19.783c1.366,0,2.473-1.107,2.473-2.473V7.098C26.397,5.731,25.29,4.624,23.924,4.624z
+		 M14.857,21.111c0,0.454-0.37,0.824-0.825,0.824H4.141c-0.457,0-0.824-0.37-0.824-0.824V7.922c0-0.455,0.368-0.824,0.824-0.824
+		h9.892c0.455,0,0.825,0.369,0.825,0.824V21.111z M23.924,18.638h-5.771c-0.455,0-0.824-0.369-0.824-0.824s0.369-0.824,0.824-0.824
+		h5.771c0.457,0,0.824,0.369,0.824,0.824S24.38,18.638,23.924,18.638z M23.924,14.517h-5.771c-0.455,0-0.824-0.369-0.824-0.824
+		c0-0.456,0.369-0.825,0.824-0.825h5.771c0.457,0,0.824,0.369,0.824,0.825C24.748,14.147,24.38,14.517,23.924,14.517z
+		 M23.924,10.396h-5.771c-0.455,0-0.824-0.371-0.824-0.825c0-0.455,0.369-0.824,0.824-0.824h5.771c0.457,0,0.824,0.369,0.824,0.824
+		C24.748,10.025,24.38,10.396,23.924,10.396z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_admin_icon.svg b/pixelegg/images/login/app_admin_icon.svg
new file mode 100755
index 0000000000..865e1bd6c2
--- /dev/null
+++ b/pixelegg/images/login/app_admin_icon.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="admin_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<path fill="#ECEDED" d="M16.736,8.489h0.776c0.062,0.356,0.174,0.693,0.317,1.01l-0.632,0.484c-0.316,0.24-0.387,0.705-0.158,1.036
+		c0.23,0.331,0.673,0.405,0.987,0.164l0.637-0.485c0.244,0.242,0.516,0.457,0.813,0.629l-0.242,0.779
+		c-0.12,0.391,0.084,0.809,0.453,0.936c0.372,0.127,0.771-0.086,0.891-0.477l0.242-0.783c0.166,0.023,0.333,0.048,0.505,0.048
+		c0.174,0,0.337-0.029,0.504-0.053l0.244,0.788c0.12,0.391,0.519,0.604,0.889,0.477c0.372-0.127,0.574-0.545,0.455-0.936
+		L23.17,11.31c0.295-0.172,0.576-0.369,0.818-0.613l0.638,0.487c0.315,0.241,0.757,0.167,0.986-0.164s0.159-0.796-0.156-1.036
+		l-0.641-0.489c0.145-0.317,0.263-0.649,0.325-1.005h0.777c0.39,0,0.706-0.333,0.706-0.742c0-0.41-0.316-0.743-0.706-0.743h-0.777
+		c-0.063-0.356-0.175-0.693-0.319-1.009l0.635-0.484c0.315-0.241,0.386-0.705,0.156-1.037c-0.229-0.332-0.671-0.405-0.986-0.164
+		L23.99,4.796c-0.246-0.244-0.517-0.458-0.814-0.629l0.242-0.78c0.119-0.39-0.083-0.809-0.455-0.936
+		c-0.37-0.127-0.769,0.086-0.889,0.477l-0.243,0.783c-0.167-0.023-0.332-0.047-0.505-0.047c-0.172,0-0.337,0.029-0.503,0.052
+		l-0.244-0.789c-0.12-0.39-0.519-0.604-0.891-0.477c-0.369,0.127-0.573,0.545-0.453,0.936l0.247,0.797
+		c-0.296,0.173-0.575,0.37-0.817,0.613L18.027,4.31c-0.314-0.241-0.757-0.167-0.987,0.164c-0.229,0.332-0.158,0.796,0.158,1.037
+		L17.837,6c-0.143,0.317-0.262,0.649-0.323,1.004h-0.777c-0.392,0-0.707,0.333-0.707,0.743C16.029,8.157,16.345,8.489,16.736,8.489z
+		 M21.329,5.965c0.974,0,1.764,0.798,1.764,1.782s-0.79,1.781-1.764,1.781c-0.973,0-1.763-0.797-1.763-1.781
+		S20.356,5.965,21.329,5.965z"/>
+	<path fill="#ECEDED" d="M17.813,18.829c1.258-1.122,1.532-2.998,0.895-4.785l-4.309,1.98l-1.26-1.434l2.481-4.078
+		c-1.682-0.855-3.569-0.799-4.829,0.323C9.461,12.022,9.214,14.054,10,15.928l-7.684,6.904c-0.484,0.685-0.396,1.712,0.257,2.456
+		c0.652,0.744,1.655,0.955,2.39,0.556l7.737-6.843C14.451,20.017,16.482,20.015,17.813,18.829z M5.249,24.548
+		c-0.441,0.393-1.162,0.299-1.61-0.21c-0.446-0.509-0.451-1.241-0.01-1.636c0.441-0.393,1.162-0.299,1.61,0.21
+		C5.687,23.422,5.69,24.153,5.249,24.548z"/>
+	<path fill="#ECEDED" d="M24.179,20.329c0,1.893-1.523,3.426-3.401,3.426H10.324l0.067,2.463h11.342
+		c2.701,0,4.891-2.205,4.891-4.926v-8.277l-2.445,0.068V20.329z"/>
+	<path fill="#ECEDED" d="M4.619,7.479c0-1.892,1.523-3.426,3.402-3.426h8.008V1.59H7.064c-2.7,0-4.891,2.206-4.891,4.926v11.493
+		h2.445V7.479z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_calendar_icon.svg b/pixelegg/images/login/app_calendar_icon.svg
new file mode 100755
index 0000000000..46a586167d
--- /dev/null
+++ b/pixelegg/images/login/app_calendar_icon.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="calendar_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M18.804,8.086c0.888,0,1.607-0.721,1.607-1.608V4.067
+		c0-0.89-0.72-1.609-1.607-1.609c-0.89,0-1.608,0.72-1.608,1.609v2.411C17.196,7.366,17.915,8.086,18.804,8.086z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M9.259,8.086c0.891,0,1.609-0.721,1.609-1.608V4.067
+		c0-0.89-0.719-1.609-1.609-1.609c-0.887,0-1.606,0.72-1.606,1.609v2.411C7.653,7.366,8.373,8.086,9.259,8.086z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M8.807,20.488c0,2.689,2.262,2.871,3.104,2.871
+		c1.799,0,3.044-1.15,3.044-2.775c0-1.467-1.032-1.916-1.345-2.002v-0.023c0.502-0.217,1.067-0.764,1.067-1.637
+		c0-1.818-1.572-2.4-2.767-2.4c-2.011,0-2.954,1.15-2.954,2.763h1.634c0-0.305,0-1.406,1.206-1.406c0.969,0,1.12,0.787,1.12,1.102
+		c0,1.117-0.969,1.168-1.497,1.168h-0.275v1.211c0.816,0,2,0.049,2,1.225c0,0.957-0.618,1.418-1.321,1.418
+		c-1.183,0-1.309-1.043-1.309-1.504l0.014-0.01H8.807z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M22.066,4.874h-0.642v2.582c0,0.965-0.781,1.748-1.746,1.748
+		h-1.749c-0.965,0-1.747-0.783-1.747-1.748V4.874h-4.3v2.582c0,0.965-0.781,1.748-1.747,1.748H8.387
+		c-0.966,0-1.747-0.783-1.747-1.748V4.874H5.998c-2.001,0-3.619,1.622-3.619,3.616v0.003v14.466c0,1.996,1.618,3.615,3.619,3.615
+		h16.068c1.997,0,3.62-1.619,3.62-3.615V8.493V8.49C25.686,6.496,24.063,4.874,22.066,4.874z M23.255,22.895
+		c0,0.596-0.482,1.084-1.081,1.084H6.041c-0.598,0-1.084-0.488-1.084-1.084v-9.343h18.299V22.895z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M17.497,23.129h1.761v-8.607h-1.446
+		c-0.036,0.643-0.489,1.492-2.185,1.492h-0.253v1.188h2.123V23.129z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_developer_tools_icon.svg b/pixelegg/images/login/app_developer_tools_icon.svg
new file mode 100755
index 0000000000..e77e5a227c
--- /dev/null
+++ b/pixelegg/images/login/app_developer_tools_icon.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="developer_tools_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 x="0px" y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
+	 xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M23.601,14.208l-0.051-0.07c-1.064,0.901-2.439,1.919-4.541,2.149
+		c-2.488,0.272-4.943-0.403-7.021-0.409c-0.099,0-0.188,0.015-0.285,0.018c-0.031,0.281-0.117,0.559-0.27,0.812l-3.479,6.436
+		l0.747,1.613c0.205-1.605,3.384-3.075,5.983-3.154c1.888,0.006,4.851,0.398,6.831,0.387c3.007-0.068,4.305-1.723,5.297-2.666
+		L23.601,14.208z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M6.061,13.415c0.258-0.434,0.7-0.751,1.219-0.875l1.318-2.199
+		c-2.715,0.078-4.946,1.053-5.479,2.344l1.409,3.048L6.061,13.415z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M14.031,11.213l-2.092,3.489c1.993,0.104,4.367,0.801,6.836,0.451
+		c2.104-0.449,3.107-1.084,4.166-1.84l-0.003-0.16l-2.125-3.383c-0.993,0.941-2.98,1.586-5.271,1.586
+		C15.074,11.358,14.562,11.3,14.031,11.213z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M10.166,15.114l4.219-7.036l1.354,0.812l-0.178,0.296
+		c-0.211,0.351-0.096,0.808,0.256,1.019l0.803,0.481c0.351,0.211,0.807,0.096,1.018-0.255l1.528-2.548
+		c0.211-0.352,0.096-0.808-0.256-1.018l-0.802-0.481c-0.352-0.211-0.808-0.097-1.019,0.254l-0.232,0.386L15.49,6.205
+		c0.157-0.34,0.047-0.749-0.281-0.945l-0.862-0.518c-0.33-0.198-0.741-0.101-0.967,0.197l-1.497-0.897
+		c-1.408-0.844-3.231-0.387-4.075,1.02L7.242,6.005l0.32,0.193C8.35,5.409,9.774,5.314,10.98,6.037l1.268,0.76L8.03,13.833
+		c-0.325-0.113-0.694-0.002-0.879,0.305l-5.226,7.897c-0.211,0.353-0.096,0.808,0.256,1.019l2.607,1.564
+		c0.353,0.211,0.808,0.096,1.019-0.256l4.504-8.33C10.496,15.726,10.421,15.347,10.166,15.114z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_filemanager_icon.svg b/pixelegg/images/login/app_filemanager_icon.svg
new file mode 100755
index 0000000000..fb9d1b11c1
--- /dev/null
+++ b/pixelegg/images/login/app_filemanager_icon.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="filemanager_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
+	 xml:space="preserve">
+<g>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="24.45,8.459 25.252,4.452 14.032,4.452 14.032,2.849 
+		2.812,2.849 3.614,8.459 	"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M21.645,15.672c1.025,0,1.991,0.258,2.835,0.71l2.375-7.122H1.21
+		l4.809,14.425h9.966c-0.223-0.627-0.35-1.3-0.35-2.003C15.635,18.361,18.326,15.672,21.645,15.672z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M21.645,17.18c-2.485,0-4.501,2.016-4.501,4.502
+		s2.016,4.501,4.501,4.501c2.486,0,4.502-2.015,4.502-4.501S24.131,17.18,21.645,17.18z M24.401,21.326l-2.882,2.4
+		c-0.097,0.081-0.214,0.129-0.335,0.16c-0.075,0.025-0.15,0.039-0.228,0.037c-0.213,0.003-0.428-0.061-0.591-0.197
+		c-0.116-0.096-0.174-0.217-0.205-0.34l-0.589-0.589c-0.258-0.259-0.258-0.677,0-0.936c0.258-0.258,0.677-0.258,0.936,0l0.43,0.429
+		l2.311-1.926c0.318-0.264,0.834-0.264,1.153,0C24.718,20.631,24.718,21.061,24.401,21.326z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_infolog_icon.svg b/pixelegg/images/login/app_infolog_icon.svg
new file mode 100755
index 0000000000..90316257eb
--- /dev/null
+++ b/pixelegg/images/login/app_infolog_icon.svg
@@ -0,0 +1,21 @@
+<!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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="infolog_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
+	 xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M9.411,25.186c0,0-0.694,0.272-0.842,0
+		c-0.151-0.277,0-0.842,0-0.842l1.685-7.579L22.392,4.626c-0.305-0.305-0.726-0.493-1.19-0.493h-2.526v2.105
+		c0,0.697-0.314,1.264-0.702,1.264H7.586c-0.387,0-0.701-0.566-0.701-1.264V4.133H4.358c-0.93,0-1.684,0.754-1.684,1.685v19.368
+		c0,0.931,0.754,1.685,1.684,1.685h16.843c0.93,0,1.684-0.754,1.684-1.685v-7.579l-5.895,5.895L9.411,25.186z"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="11.923,17.836 10.36,23.279 15.832,21.725 	"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="13.31,16.452 17.219,20.34 24.133,13.471 20.225,9.582 	
+		"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M25.949,10.204l-2.443-2.43c-0.405-0.403-1.082-0.381-1.515,0.049
+		L20.82,8.989l3.907,3.888l1.172-1.166C26.331,11.281,26.354,10.607,25.949,10.204z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M9.411,6.659h6.737c0.465,0,0.842-0.377,0.842-0.842V4.133
+		c0-0.465-0.377-0.842-0.842-0.842h-0.894c0.032-0.136,0.051-0.277,0.051-0.422c0-1.162-1.131-2.104-2.526-2.104
+		s-2.525,0.942-2.525,2.104c0,0.145,0.017,0.286,0.051,0.422H9.411c-0.465,0-0.842,0.377-0.842,0.842v1.685
+		C8.569,6.282,8.946,6.659,9.411,6.659z M11.938,2.448h1.685v1.685h-1.685V2.448z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_mail_icon.svg b/pixelegg/images/login/app_mail_icon.svg
new file mode 100755
index 0000000000..5ce8142435
--- /dev/null
+++ b/pixelegg/images/login/app_mail_icon.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="mail_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M20.038,16.039c-3.507,0-5.767,2.659-5.767,5.72
+		c0,2.867,2.195,4.649,4.788,4.649c1.059,0,1.942-0.163,2.812-0.595l-0.253-0.639c-0.647,0.342-1.485,0.521-2.386,0.521
+		c-2.338,0-4.06-1.545-4.06-4.026c0-3.016,2.164-4.947,4.739-4.947c2.448,0,3.823,1.561,3.823,3.729
+		c0,1.708-0.901,2.733-1.707,2.703c-0.521-0.015-0.711-0.534-0.473-1.663l0.537-2.689c-0.412-0.178-1.028-0.312-1.691-0.312
+		c-2.196,0-3.743,1.68-3.743,3.521c0,1.174,0.789,1.871,1.706,1.871c0.947,0,1.674-0.43,2.228-1.307h0.046
+		c-0.03,0.921,0.554,1.307,1.186,1.307c1.469,0,2.797-1.307,2.797-3.535C24.62,17.866,22.787,16.039,20.038,16.039z M20.67,21.061
+		c-0.174,0.92-1.011,2.02-1.927,2.02c-0.695,0-1.043-0.476-1.043-1.129c0-1.44,1.121-2.674,2.512-2.674
+		c0.363,0,0.632,0.06,0.79,0.119L20.67,21.061z"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="22.897,4.501 22.467,2.624 2.439,7.218 2.869,9.095 
+		14.319,13.058 	"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M23.185,6.551l-8.578,8.556l-11.45-3.961l2.44,9.842l7.337-1.684
+		c0.902-2.904,3.611-5.013,6.812-5.013c2.052,0,3.896,0.872,5.197,2.259l0.683-0.157L23.185,6.551z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_preferences_icon.svg b/pixelegg/images/login/app_preferences_icon.svg
new file mode 100755
index 0000000000..25a4d67789
--- /dev/null
+++ b/pixelegg/images/login/app_preferences_icon.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="preferences_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
+	 xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M16.745,21.49c0.593,0.16,1.202-0.191,1.359-0.784l0.288-1.073
+		c0.158-0.592-0.193-1.2-0.784-1.359l-1.301-0.348c-0.007-0.493-0.073-0.978-0.194-1.445l1.188-0.686
+		c0.533-0.309,0.717-0.99,0.408-1.524l-0.558-0.968c-0.309-0.533-0.99-0.716-1.524-0.408l-1.209,0.698
+		c-0.326-0.31-0.689-0.583-1.084-0.817l0.348-1.301c0.159-0.592-0.192-1.201-0.784-1.359l-1.073-0.287
+		c-0.593-0.159-1.2,0.193-1.359,0.785l-0.349,1.3C9.64,11.92,9.171,11.979,8.72,12.094l-0.717-1.24
+		c-0.308-0.535-0.991-0.718-1.524-0.409l-0.966,0.558c-0.535,0.309-0.717,0.991-0.41,1.525l0.717,1.24
+		c-0.325,0.335-0.61,0.711-0.854,1.119l-1.3-0.348c-0.592-0.16-1.2,0.192-1.359,0.784l-0.288,1.073
+		c-0.158,0.592,0.193,1.2,0.786,1.359l1.301,0.348c0.006,0.459,0.059,0.91,0.165,1.348l-1.208,0.698
+		c-0.535,0.309-0.718,0.991-0.409,1.524l0.558,0.967c0.31,0.533,0.991,0.717,1.525,0.408l1.188-0.686
+		c0.343,0.34,0.729,0.638,1.152,0.891l-0.349,1.301c-0.157,0.592,0.193,1.2,0.786,1.359l1.072,0.287
+		c0.593,0.159,1.201-0.193,1.36-0.785l0.348-1.3c0.476-0.007,0.943-0.066,1.396-0.181l0.668,1.156
+		c0.307,0.533,0.99,0.717,1.524,0.408l0.966-0.558c0.534-0.309,0.717-0.991,0.408-1.524l-0.667-1.156
+		c0.325-0.335,0.61-0.711,0.854-1.119L16.745,21.49z M13.422,18.877c-0.476,1.776-2.303,2.83-4.079,2.355
+		c-1.776-0.477-2.832-2.303-2.355-4.08s2.303-2.831,4.08-2.355C12.843,15.273,13.899,17.1,13.422,18.877z"/>
+	<circle fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" cx="10.206" cy="18.015" r="1.111"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M15.714,7.145l0.909,0.244c0.006,0.32,0.042,0.637,0.117,0.942
+		L15.893,8.82c-0.372,0.215-0.501,0.692-0.285,1.066l0.391,0.677c0.216,0.374,0.693,0.501,1.067,0.286l0.831-0.48
+		c0.241,0.238,0.512,0.447,0.809,0.623l-0.243,0.911c-0.111,0.414,0.135,0.841,0.548,0.951l0.751,0.201
+		c0.415,0.111,0.842-0.135,0.952-0.55l0.244-0.909c0.332-0.005,0.66-0.047,0.978-0.127l0.466,0.81
+		c0.217,0.373,0.694,0.502,1.068,0.286l0.676-0.391c0.375-0.216,0.502-0.694,0.286-1.067l-0.467-0.81
+		c0.229-0.234,0.428-0.497,0.598-0.783l0.911,0.243c0.413,0.112,0.84-0.134,0.951-0.549l0.201-0.75
+		c0.111-0.414-0.136-0.841-0.55-0.952l-0.91-0.244c-0.005-0.345-0.05-0.684-0.137-1.011l0.833-0.48
+		c0.373-0.216,0.502-0.693,0.286-1.066l-0.392-0.678c-0.216-0.373-0.693-0.501-1.066-0.285L23.843,4.23
+		c-0.228-0.217-0.483-0.408-0.759-0.572l0.244-0.91c0.11-0.415-0.136-0.841-0.55-0.952l-0.751-0.201
+		c-0.414-0.11-0.841,0.136-0.951,0.55l-0.244,0.91C20.5,3.06,20.171,3.101,19.855,3.181l-0.501-0.868
+		c-0.216-0.374-0.695-0.502-1.067-0.286L17.61,2.417c-0.374,0.216-0.502,0.693-0.286,1.067l0.502,0.868
+		c-0.228,0.234-0.428,0.497-0.599,0.783l-0.909-0.244c-0.415-0.11-0.841,0.135-0.953,0.551l-0.201,0.75
+		C15.053,6.606,15.3,7.033,15.714,7.145z M18.643,6.722c0.333-1.243,1.611-1.981,2.855-1.648s1.982,1.612,1.647,2.856
+		c-0.332,1.242-1.611,1.98-2.854,1.648C19.048,9.244,18.31,7.966,18.643,6.722z"/>
+	<circle fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" cx="20.895" cy="7.326" r="0.777"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M4.45,7.468c0-1.896,1.536-3.432,3.432-3.432h7.258V1.569H6.917
+		c-2.725,0-4.934,2.209-4.934,4.934v5.755H4.45V7.468z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.184,13.902v6.436c0,1.896-1.536,3.433-3.432,3.433h-3.969
+		l-0.069,2.467h5.003c2.725,0,4.934-2.209,4.934-4.934v-7.333L24.184,13.902z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_projectmanager_icon.svg b/pixelegg/images/login/app_projectmanager_icon.svg
new file mode 100755
index 0000000000..b9505f9f6c
--- /dev/null
+++ b/pixelegg/images/login/app_projectmanager_icon.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="projectmanager_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
+	 xml:space="preserve">
+<g>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="3.323,5.949 5.036,4.235 5.036,3.379 1.61,4.235 
+		1.61,24.797 5.036,25.652 5.036,24.797 3.323,23.083 	"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M20.457,9.376V8.52c0-0.946-0.768-1.714-1.713-1.714H6.751
+		c-0.947,0-1.715,0.768-1.715,1.714v0.856c0,0.946,0.768,1.714,1.715,1.714h11.993C19.689,11.09,20.457,10.322,20.457,9.376z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M16.174,19.656h-5.141c-0.946,0-1.713,0.768-1.713,1.714
+		s0.767,1.713,1.713,1.713h5.141c0.946,0,1.714-0.767,1.714-1.713S17.12,19.656,16.174,19.656z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.74,13.659h-6.853c-0.947,0-1.714,0.767-1.714,1.714
+		c0,0.946,0.767,1.713,1.714,1.713h6.853c0.945,0,1.714-0.767,1.714-1.713C26.454,14.426,25.686,13.659,24.74,13.659z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_resources_icon.svg b/pixelegg/images/login/app_resources_icon.svg
new file mode 100755
index 0000000000..a2eab3ac1b
--- /dev/null
+++ b/pixelegg/images/login/app_resources_icon.svg
@@ -0,0 +1,18 @@
+<!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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="resources_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
+	 xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M14.664,2.714V1.837c0-0.217-0.176-0.393-0.393-0.393h-0.208
+		c-0.217,0-0.392,0.176-0.392,0.393v0.88C6.858,8.991,8.077,17.628,10.705,22.85h6.959C20.298,17.365,21.524,8.938,14.664,2.714z
+		 M17.051,12.328c-1.365,0.627-4.366,0.626-5.728,0c-0.138-0.953-0.183-1.689,0.061-2.752c1.746,0.344,3.858,0.344,5.606,0
+		C17.233,10.639,17.188,11.375,17.051,12.328z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M8.946,23.727c-0.747-1.483-1.366-3.159-1.772-4.944l-2.748,4.752
+		c-0.4,0.689-0.51,1.508-0.307,2.277l0.287,1.09l4.677-2.881c-0.001-0.006-0.004-0.021-0.01-0.041L8.946,23.727z"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="12.398,25.775 15.928,25.775 17.134,24.034 
+		11.191,24.034 	"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M23.921,23.534l-2.78-4.808c-0.384,1.684-0.967,3.36-1.739,4.968
+		l-0.065,0.138c-0.021,0.09-0.036,0.161-0.047,0.206l4.651,2.863l0.288-1.09C24.431,25.042,24.32,24.224,23.921,23.534z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_sambaadmin_icon.svg b/pixelegg/images/login/app_sambaadmin_icon.svg
new file mode 100755
index 0000000000..c238b07fa9
--- /dev/null
+++ b/pixelegg/images/login/app_sambaadmin_icon.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="sambaadmin_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M23.729,8.867c-0.779,0-1.484-0.312-2.001-0.818H7.769v4.092H22.5
+		h0.818c0.905,0,1.638,0.733,1.638,1.638v0.818v7.366v0.818c0,0.903-0.732,1.637-1.638,1.637H22.5H6.905
+		c-0.517,0.505-1.222,0.818-2.001,0.818c-1.581,0-2.864-1.283-2.864-2.865c0-1.581,1.283-2.863,2.864-2.863
+		c0.779,0,1.484,0.312,2.001,0.818h13.959v-4.093H6.133H5.314c-0.905,0-1.638-0.732-1.638-1.637v-0.818V6.412V5.594
+		c0-0.904,0.732-1.637,1.638-1.637h0.818h15.595c0.517-0.505,1.222-0.818,2.001-0.818c1.581,0,2.864,1.282,2.864,2.864
+		C26.593,7.586,25.31,8.867,23.729,8.867z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_sitemgr_icon.svg b/pixelegg/images/login/app_sitemgr_icon.svg
new file mode 100755
index 0000000000..91b78cdf2e
--- /dev/null
+++ b/pixelegg/images/login/app_sitemgr_icon.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, 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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="sitemgr_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
+	 xml:space="preserve">
+<g>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="24.339,7.995 20.509,4.185 12.083,12.567 15.913,16.377 	
+		"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="10.018,18.433 15.38,16.908 11.549,13.098 	"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M23.223,22.105c0,1.324-1.072,2.397-2.396,2.397H6.453
+		c-1.324,0-2.396-1.073-2.396-2.397V7.716c0-1.324,1.071-2.397,2.396-2.397h9.582l2.406-2.399H5.653
+		c-2.205,0-3.992,1.79-3.992,3.998v15.988c0,2.207,1.787,3.996,3.992,3.996h15.973c2.205,0,3.993-1.789,3.993-3.996V10.131
+		l-2.396,2.382V22.105z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M26.119,4.794l-2.395-2.381c-0.396-0.395-1.061-0.374-1.483,0.047
+		l-1.149,1.143l3.83,3.81l1.149-1.143C26.495,5.85,26.516,5.189,26.119,4.794z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_syncml_icon.svg b/pixelegg/images/login/app_syncml_icon.svg
new file mode 100755
index 0000000000..e69de29bb2
diff --git a/pixelegg/images/login/app_timesheet_icon.svg b/pixelegg/images/login/app_timesheet_icon.svg
new file mode 100755
index 0000000000..cafd8ec846
--- /dev/null
+++ b/pixelegg/images/login/app_timesheet_icon.svg
@@ -0,0 +1,22 @@
+<!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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="timesheet_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="28.348px" height="28.348px" viewBox="0 0 28.348 28.348" enable-background="new 0 0 28.348 28.348"
+	 xml:space="preserve">
+<g>
+	<path fill="#ECEDED" d="M14.173,1.308c-7.104,0-12.864,5.761-12.864,12.864c0,7.105,5.76,12.865,12.864,12.865
+		c7.105,0,12.865-5.76,12.865-12.865C27.038,7.069,21.278,1.308,14.173,1.308z M14.173,24.361C9,24.361,4.004,19.389,4.004,14.246
+		C4.004,9.103,9,4.13,14.173,4.13c5.174,0,10.169,4.974,10.169,10.116C24.342,19.389,19.346,24.361,14.173,24.361z"/>
+	<path fill="#ECEDED" d="M14.173,7.749c1.264,0,0.804-2.409,0-2.409C13.37,5.34,12.91,7.749,14.173,7.749z"/>
+	<path fill="#ECEDED" d="M5.34,14.174c0,1.263,2.409,1.263,2.409,0C7.749,12.912,5.34,12.912,5.34,14.174z"/>
+	<path fill="#ECEDED" d="M14.173,20.598c-1.263,0-1.146,2.408,0,2.408C15.32,23.007,15.436,20.598,14.173,20.598z"/>
+	<path fill="#ECEDED" d="M17.853,7.747c-0.588-0.271-1.282-0.018-1.554,0.566l-2.495,5.403l-2.757-0.009
+		c-0.644-0.002-1.166,0.52-1.165,1.165c0.004,0.646,0.526,1.17,1.173,1.171l3.505,0.012c0.039,0,0.076-0.009,0.112-0.013
+		c0.028-0.003,0.059-0.003,0.086-0.009c0.056-0.009,0.107-0.023,0.159-0.041c0.02-0.006,0.036-0.01,0.056-0.017
+		c0.053-0.021,0.104-0.046,0.153-0.074c0.017-0.008,0.031-0.015,0.047-0.025c0.049-0.029,0.093-0.063,0.136-0.101
+		c0.015-0.012,0.029-0.023,0.044-0.036c0.042-0.039,0.079-0.082,0.113-0.126c0.013-0.015,0.025-0.028,0.037-0.044
+		c0.035-0.05,0.066-0.104,0.094-0.158c0.006-0.012,0.015-0.021,0.021-0.034l0.01-0.021c0.003-0.007,0.006-0.013,0.01-0.02
+		l2.79-6.043C18.697,8.712,18.439,8.018,17.853,7.747z"/>
+	<path fill="#ECEDED" d="M20.597,14.174c0,1.263,2.408,1.263,2.408,0C23.006,12.912,20.597,12.912,20.597,14.174z"/>
+</g>
+</svg>
diff --git a/pixelegg/images/login/app_tracker_icon.svg b/pixelegg/images/login/app_tracker_icon.svg
new file mode 100755
index 0000000000..3f54a94755
--- /dev/null
+++ b/pixelegg/images/login/app_tracker_icon.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="tracker_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M26.438,13.903L14.903,1.783v7.273h-0.879L7.099,1.783v7.273H2.194
+	v9.695h4.905v7.272l6.925-7.272h0.879v7.272L26.438,13.903z M8.39,21.175v-4.363H3.743v-5.816H8.39V6.631l7.062,7.272L8.39,21.175z"
+	/>
+</svg>
diff --git a/pixelegg/images/login/app_wiki_icon.svg b/pixelegg/images/login/app_wiki_icon.svg
new file mode 100755
index 0000000000..9cd441ea33
--- /dev/null
+++ b/pixelegg/images/login/app_wiki_icon.svg
@@ -0,0 +1,20 @@
+<!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="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="wiki_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347"
+	 xml:space="preserve">
+<g>
+	<path fill="#ECEDED" d="M20.038,8.635c0,1.271-1.138,2.302-2.542,2.302c-1.405,0-2.543-1.03-2.543-2.302
+		c0-1.272,1.138-2.302,2.543-2.302C18.9,6.333,20.038,7.363,20.038,8.635z"/>
+	<path fill="#ECEDED" d="M26.481,6.785c0-0.18-0.162-0.327-0.361-0.327H20.5c-0.199,0-0.36,0.147-0.36,0.327v0.817
+		c0,0.18,0.161,0.327,0.36,0.327h1.281c0.2,0,0.307,0.138,0.238,0.307l-4.133,10.28c-0.067,0.169-0.178,0.169-0.246,0l-4.133-10.28
+		c-0.068-0.168,0.039-0.307,0.237-0.307h0.671c0.198,0,0.36-0.147,0.36-0.327V6.785c0-0.18-0.162-0.327-0.36-0.327H8.795
+		c-0.198,0-0.361,0.147-0.361,0.327v0.817c0,0.18,0.163,0.327,0.361,0.327h1.017c0.199,0,0.417,0.138,0.484,0.307l2.422,6.025
+		c0.068,0.169,0.068,0.445,0,0.614l-1.459,3.631c-0.067,0.17-0.18,0.17-0.247,0L6.884,8.235C6.814,8.067,6.921,7.929,7.121,7.929
+		h0.526c0.199,0,0.361-0.147,0.361-0.327V6.785c0-0.18-0.162-0.327-0.361-0.327H2.028c-0.198,0-0.361,0.147-0.361,0.327v0.817
+		c0,0.18,0.163,0.327,0.361,0.327h1.16c0.199,0,0.417,0.138,0.483,0.307l6.603,16.405c0.068,0.168,0.179,0.168,0.247,0l3.062-7.616
+		c0.068-0.169,0.179-0.169,0.247,0l3.065,7.626c0.068,0.168,0.125,0.297,0.129,0.285c0.002-0.012,0.004-0.014,0.005-0.005
+		c0,0.009,0.057-0.122,0.123-0.29l6.596-16.405c0.067-0.168,0.286-0.307,0.483-0.307h1.889c0.199,0,0.361-0.147,0.361-0.327V6.785z"
+		/>
+</g>
+</svg>
diff --git a/pixelegg/js/slider.js b/pixelegg/js/slider.js
index 2ed7ac4faf..dc3ac8a4aa 100644
--- a/pixelegg/js/slider.js
+++ b/pixelegg/js/slider.js
@@ -19,7 +19,7 @@ function show_pixelegg_header(_toggle, _delay)
         $j("#egw_fw_topmenu_info_items").css("float", "right");
 	
     $j("#egw_fw_sidebar").animate({'top':'55px'},_delay);
-        $j("#egw_fw_tabs").animate({'margin-top':'17px'},_delay);
+        $j("#egw_fw_tabs").animate({'margin-top':'12px'},_delay);
         $j(".egw_fw_ui_sidemenu_entry_header_active").css("background-position","95% -3000px");
 	$j(_toggle).parent().removeClass("slidedown");
 	$j(_toggle).parent().addClass("slideup");
@@ -33,7 +33,7 @@ function hide_pixelegg_header(_toggle, _delay)
 	$j("#egw_fw_topmenu_info_items").show();
 	$j("#egw_fw_logout").show();
 	$j("#egw_fw_print").show();
-        $j("#egw_fw_tabs").animate({'margin-top':'1px'},_delay);
+        $j("#egw_fw_tabs").animate({'margin-top':'-1px'},_delay);
 	$j("#egw_fw_topmenu_info_items").animate({
 			"bottom": "3px",
                         "right": "5px",
@@ -47,7 +47,7 @@ function hide_pixelegg_header(_toggle, _delay)
 	$j("#egw_fw_topmenu_info_items").css("position", "fixed");
 	$j("#egw_fw_topmenu_info_items").css("z-index", "1000");
         
-        $j(".egw_fw_ui_tabs_header").css("height", "32px");
+        $j(".egw_fw_ui_tabs_header").css("height", "34px");
         
         //Tab
         $j(".egw_fw_ui_tab_header").css("height", "24px");
diff --git a/pixelegg/less/def_buttons.less b/pixelegg/less/def_buttons.less
index 2de890ff94..967e12b018 100755
--- a/pixelegg/less/def_buttons.less
+++ b/pixelegg/less/def_buttons.less
@@ -60,10 +60,8 @@
     .box_shadow_standard_light_inset;
 }
 
-
 /*ADD / Hinzufügen*/
 .Complete_Button_add {
-    /*background-color: @egw_color_blue_lighter !important;*/
     color: #FFF;
     text-shadow: none;
 /*    height: auto;*/
diff --git a/pixelegg/less/layout_loginPage.css b/pixelegg/less/layout_loginPage.css
index e81e370f9b..d2c684ed93 100644
--- a/pixelegg/less/layout_loginPage.css
+++ b/pixelegg/less/layout_loginPage.css
@@ -171,12 +171,17 @@
   box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
 }
 #wrap {
-  z-index: -1;
-  margin: 0 auto;
-  background-color: transparent;
+  /*    float: left;
+    z-index: -1;
+    margin: 0 auto;
+    background-color:transparent;
+    width: 100%;*/
 }
-#wrap .animation_login {
-  margin-top: 3em;
+#wrap div.animation_login {
+  margin: 0.3em;
+  position: fixed;
+  width: 100%;
+  bottom: 0;
 }
 #wrap img[src$="svg"],
 #wrap background-image[url$="svg"] {
@@ -190,15 +195,18 @@
   background-image: linear-gradient(top, #679fd2, #679fd2);
   background-repeat: repeat-x;
 }
-/*4 Bilder*/
 #img1,
 #img2,
 #img3,
-#img4 {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 10em;
+#img4,
+#img5,
+#img6,
+#img7,
+#img8 {
+  width: 12%;
+  /*height:100%;*/
+  /*position:fixed;*/
+  /*top: 10em;*/
   z-index: -1;
   animation-name: test;
   animation-duration: 8s;
@@ -213,16 +221,32 @@
   -webkit-animation-delay: 0s;
 }
 #img2 {
-  animation-delay: 8s;
-  -webkit-animation-delay: 8s;
+  animation-delay: 3s;
+  -webkit-animation-delay: 3s;
 }
 #img3 {
-  animation-delay: 16s;
-  -webkit-animation-delay: 16s;
+  animation-delay: 6s;
+  -webkit-animation-delay: 6s;
 }
 #img4 {
-  animation-delay: 24s;
-  -webkit-animation-delay: 24s;
+  animation-delay: 9s;
+  -webkit-animation-delay: 9s;
+}
+#img5 {
+  animation-delay: 12s;
+  -webkit-animation-delay: 12s;
+}
+#img6 {
+  animation-delay: 15s;
+  -webkit-animation-delay: 15s;
+}
+#img7 {
+  animation-delay: 18s;
+  -webkit-animation-delay: 18s;
+}
+#img8 {
+  animation-delay: 21s;
+  -webkit-animation-delay: 21s;
 }
 @-webkit-keyframes test {
   0% {
diff --git a/pixelegg/less/layout_loginPage.less b/pixelegg/less/layout_loginPage.less
index 71819e8c84..1316308854 100644
--- a/pixelegg/less/layout_loginPage.less
+++ b/pixelegg/less/layout_loginPage.less
@@ -156,29 +156,32 @@
 
 
 
-  #wrap{
-        z-index: -1;
-        margin: 0 auto;
-	background-color:transparent;
-        
-        .animation_login{ 
-        margin-top: 3em;
-        }
-        
-        img[src$="svg"],
-        background-image[url$="svg"]{
-            .gradient_vertical (@egw_color_2_e, @egw_color_2_e);
-            }    
-      
-    }
+#wrap{
+/*    float: left;
+    z-index: -1;
+    margin: 0 auto;
+    background-color:transparent;
+    width: 100%;*/
+
+    div.animation_login{ 
+        margin: 0.3em;
+        position: fixed;
+        width: 100%;
+        bottom: 0;
+   }
     
-    /*4 Bilder*/ 
+    img[src$="svg"],
+    background-image[url$="svg"]{
+        .gradient_vertical (@egw_color_2_e, @egw_color_2_e);
+    }    
+
+}
     
-       #img1, #img2, #img3, #img4 {
-        width:100%;
-        height:100%;
-        position:fixed;
-        top: 10em;
+ #img1, #img2, #img3, #img4 , #img5 , #img6 , #img7 , #img8 {
+        width:12%;
+        /*height:100%;*/
+        /*position:fixed;*/
+        /*top: 10em;*/
         z-index:-1;
         
         animation-name: test;
@@ -197,16 +200,32 @@
     }  
     
     #img2 {
-        animation-delay:8s;
-        -webkit-animation-delay:8s
+        animation-delay:3s;
+        -webkit-animation-delay:3s
     }
     #img3 {
-        animation-delay:16s;
-        -webkit-animation-delay:16s
+        animation-delay:6s;
+        -webkit-animation-delay:6s
     }
     #img4 {
-        animation-delay:24s;
-        -webkit-animation-delay:24s
+        animation-delay:9s;
+        -webkit-animation-delay:9s
+    }
+    #img5 {
+        animation-delay:12s;
+        -webkit-animation-delay:12s
+    }
+    #img6 {
+        animation-delay:15s;
+        -webkit-animation-delay:15s
+    }
+    #img7 {
+        animation-delay:18s;
+        -webkit-animation-delay:18s
+    }
+    #img8 {
+        animation-delay:21s;
+        -webkit-animation-delay:21s
     }
     
 
diff --git a/pixelegg/less/layout_raster.less b/pixelegg/less/layout_raster.less
index 7c72fb7e16..4b9f6ef21d 100644
--- a/pixelegg/less/layout_raster.less
+++ b/pixelegg/less/layout_raster.less
@@ -991,7 +991,7 @@ div#calendar-container {
     div.calendar{
         margin-bottom: 1em;
         background-color: inherit;
-        padding: 2%;
+        padding: 0%;
 
 
         table {
diff --git a/pixelegg/templates/pixelegg/login.tpl b/pixelegg/templates/pixelegg/login.tpl
index a42131d69e..2b809c91e4 100644
--- a/pixelegg/templates/pixelegg/login.tpl
+++ b/pixelegg/templates/pixelegg/login.tpl
@@ -69,12 +69,16 @@
     </div>
 </div>
 
-<div id="wrap">
+<!--<div id="wrap">
     
     <div class="animation_login">
     
-<img id="img1" src="pixelegg/images/login/about.svg" alt="STYLITE" title="STYLITE">
-<img id="img2" src="pixelegg/images/login/accounts.svg" alt="EGROUPWARE" title="EGROUPWARE">
-<img id="img3" src="pixelegg/images/login/alarm.svg" alt="EGROUPWARE" title="EGROUPWARE">
-<img id="img4" src="pixelegg/images/login/cake.svg" alt="EGROUPWARE" title="EGROUPWARE">
-</div>
+        <img id="img1" src="pixelegg/images/login/about.svg" alt="STYLITE" title="STYLITE">
+        <img id="img2" src="pixelegg/images/login/app_addressbook_icon.svg" alt="EGROUPWARE" title="EGROUPWARE">
+        <img id="img3" src="pixelegg/images/login/app_calendar_icon.svg" alt="EGROUPWARE" title="EGROUPWARE">
+        <img id="img4" src="pixelegg/images/login/app_infolog_icon.svg" alt="EGROUPWARE" title="EGROUPWARE">
+        <img id="img5" src="pixelegg/images/login/app_developer_tools_icon.svg" alt="EGROUPWARE" title="EGROUPWARE">
+        <img id="img6" src="pixelegg/images/login/app_mail_icon.svg" alt="EGROUPWARE" title="EGROUPWARE">
+        <img id="img7" src="pixelegg/images/login/app_tracker_icon.svg" alt="EGROUPWARE" title="EGROUPWARE">
+        <img id="img8" src="pixelegg/images/login/app_timesheet_icon.svg" alt="EGROUPWARE" title="EGROUPWARE">
+</div>-->