pixelegg changes from last week

pixelegg/css/pixelegg.css

@@ -97,8 +97,9 @@ div.et2_hbox > div {
  */
 .et2_placeholder {
   display: inline-block;
-  border: 1px solid cornflowerblue;
-  background-color: #FCFCFC;
+  /*border: 1px solid cornflowerblue;*/
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  background-color: #e6e6e6;
   padding: 3px;
   margin: 1px;
 }
@@ -114,7 +115,7 @@ div.et2_hbox > div {
 .et2_placeholder .et2_attr {
   display: block;
   font-size: 8pt;
-  color: #3030A0;
+  color: #000000;
   margin: 2px 0 2px 0;
 }
 /**
@@ -155,7 +156,7 @@ div.et2_hbox > div {
  * Label widget, and labels for other widgets
  */
 .et2_label {
-  color: #101050;
+  color: #1e1e1e;
 }
 #msg,
 .message {
@@ -193,6 +194,20 @@ a.et2_url.url {
   font-size: 9pt;
   text-shadow: 1px 1px #E0E0E0;
 }
+/*in Nextmatch definiert*/
+.et2_button_text,
+input[type=button] {
+  /*	background-color: #E0E0E0;
+	background-image: url(images/gradient01.png);
+	background-position: center;
+	background-repeat: repeat-x;
+
+	margin: 5px;
+	padding: 3px;
+
+	border: 1px solid silver;
+	color: #101010;*/
+}
 .et2_button_icon {
   border: none;
   background: transparent;
@@ -202,19 +217,20 @@ a.et2_url.url {
 }
 button.et2_button_text:hover,
 input[type=button]:hover {
-  color: #050505;
-  border: 1px solid gray;
-  background-color: #D0D0EE;
+  color: #ffffff;
+  border: 1px solid #cdcdcd;
+  background-color: #b4b4b4;
 }
 button.et2_button_text:active,
 input[type=button]:active {
-  background-image: url(images/gradient02.png);
-  background-color: #D0D0E0;
+  background-image: none !important;
+  background-color: #828282;
+  color: #ffffff;
 }
 button.et2_button_text:focus,
 input[type=button]:focus {
-  border: 1px solid #2c3d6f;
-  color: #202d52;
+  border: 1px solid #9b9b9b;
+  color: #ffffff;
   outline: none;
 }
 /**
@@ -366,7 +382,7 @@ span.et2_date input.et2_time {
 span.et2_date span {
   background-position: center;
   background-repeat: no-repeat;
-  color: #101010;
+  color: #ffffff;
   cursor: pointer;
   padding-top: 3px;
   padding-left: 22px;
@@ -565,7 +581,7 @@ div.et2_link_entry input.ui-autocomplete-input {
 }
 .et2_link {
   cursor: pointer;
-  color: #003075;
+  color: #0c5da5;
   text-decoration: none;
 }
 .et2_link:hover {
@@ -611,7 +627,7 @@ ul.et2_link_string {
   position: fixed;
   border: 1px solid #897f51;
   padding: 3px;
-  background-color: #FDF9DB;
+  background-color: #ffc200;
   max-width: 300px;
   color: black;
 }
@@ -706,6 +722,21 @@ ul.et2_vfs {
 */
 [required] {
   background-color: #ffc200;
+  -webkit-border-top-right-radius: 3px;
+  -webkit-border-bottom-right-radius: 3px;
+  -webkit-border-bottom-left-radius: 3px;
+  -webkit-border-top-left-radius: 3px;
+  -moz-border-radius-topright: 3px;
+  -moz-border-radius-bottomright: 3px;
+  -moz-border-radius-bottomleft: 3px;
+  -moz-border-radius-topleft: 3px;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+  -moz-background-clip: padding-box;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
 }
 .invalid {
   border: 1px solid #a6261d;
@@ -716,7 +747,7 @@ ul.et2_vfs {
   -moz-box-shadow: 0 0 6px #DDDDDD;
   background-color: #FFFE36;
   border: 1px solid #E1E16D;
-  color: #000000;
+  color: #ff0000;
   display: none;
   font-size: 11px;
   height: 15px;
@@ -730,7 +761,7 @@ ul.et2_vfs {
  */
 hr {
   border-style: none;
-  border-top: 1px solid silver;
+  border-top: 1px solid #e6e6e6;
   height: 1px;
   margin: 10px 0px 10px 0px;
 }
@@ -743,6 +774,10 @@ table.et2_grid {
 .et2_grid td {
   /*	border: 1px dashed silver;*/
 }
+.et2_grid td .gray {
+  padding: 1em;
+  background-color: #ffc200;
+}
 /**
  * Sortable grid
  */
@@ -829,7 +864,7 @@ div.message.floating {
   margin: 6px 20px 0px;
   border: 1px solid #E0E0E0;
   float: right;
-  font-size: 0.8em;
+  font-size: 11px;
   text-align: center;
   position: relative;
   top: 7px;
@@ -1006,9 +1041,9 @@ div.message.floating {
   margin-bottom: 3px;
 }
 .et2_nextmatch .nextmatch_header > .filters {
-  border: 1px solid silver;
-  background-color: #E0E0E0;
-  background-image: url(../../../phpgwapi/templates/default/images/egw_action/header_overlay.png);
+  border: 1px solid #e6e6e6;
+  background-color: #cdcdcd;
+  background-image: url(../images/header_overlay.png);
   background-position: center;
   background-repeat: repeat-x;
   margin-bottom: 3px;
@@ -1069,7 +1104,7 @@ div.message.floating {
   width: 16px;
   text-align: left;
   position: relative;
-  right: 18px;
+  right: 8px;
   top: 3px;
 }
 .et2_dropdown button.ui-corner-right {
@@ -1745,6 +1780,26 @@ span.ui-icon-search {
   background-color: #ffc200;
   font-weight: normal;
 }
+/*###########################################*/
+/*Dialog: calendar edit series*/
+.ui-dialog-buttonpane {
+  background-color: #679fd2;
+}
+.ui-dialog-buttonset button {
+  background-color: #cdcdcd !important;
+}
+.ui-dialog-buttonset button:hover {
+  background-color: #b4b4b4 !important;
+}
+.ui-dialog-buttonset button.ui-button-text-only {
+  background-color: #cdcdcd !important;
+  background: inherit;
+  color: #000000 !important;
+  font-weight: normal !important;
+}
+.ui-dialog-buttonset button.ui-button-text-only:hover {
+  background-color: #b4b4b4 !important;
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *
@@ -2077,7 +2132,7 @@ span.ui-icon-search {
   -moz-border-radius-topright: 20px;
   border-radius: 3px;
   border-top-right-radius: 20px;
-  padding: 14px 2px 4px 15px;
+  padding: 5px 2px 4px 15px;
   font-size: 1em;
   font-weight: normal;
   background-color: #f0f0f0;
@@ -2124,7 +2179,7 @@ body {
   padding: 0px !important;
   width: 100% !important;
   height: 100% !important;
-  font-size: 87.5%;
+  font-size: 80.5%;
 }
 body,
 textarea {
@@ -2565,6 +2620,7 @@ td.lettersearch {
   background-position: center;
   float: right;
 }
+/*############################*/
 /* traditional */
 form {
   margin: 0px;
@@ -2578,7 +2634,7 @@ button,
 select {
   border: solid 1px #bbbbbb;
   padding: 0.2em;
-  font-size: 1.1em;
+  font-size: 0.9em;
 }
 input[type=submit],
 input[type=button],
@@ -2791,8 +2847,10 @@ button {
   color: #000000;
 }
 button:hover {
-  background-color: #b3b3b3 !important;
+  background-color: #b4b4b4;
 }
+/* #####################################################*/
+/*Button löschen*/
 input[type="submit"][id*="delete"],
 input[type="button"][id*="delete"],
 button[id*="delete"] {
@@ -2828,6 +2886,13 @@ button[id*="delete"]:hover {
   height: 32px;
   color: #ffffff;
 }
+/* #####################################################*/
+/*Button abbruch / cancel */
+button#cancel:hover {
+  background-color: red !important;
+  color: #ffffff;
+}
+/* #####################################################*/
 /*Button mit Bildern*/
 button.et2_button_with_image {
   border: 1px solid rgba(0, 0, 0, 0.15);
@@ -2844,6 +2909,26 @@ button.et2_button_with_image {
   background-position: 6px center;
   background-size: 20px auto;
 }
+/* #####################################################*/
+/*Button hinzufügen*/
+button.add {
+  background-color: #0b5fa4 !important;
+  color: #FFF;
+  text-shadow: none;
+  /*    height: auto;*/
+  background-image: none !important;
+  -webkit-border-radius: 3px;
+  -webkit-border-top-left-radius: 20px;
+  -moz-border-radius: 3px;
+  -moz-border-radius-topleft: 20px;
+  border-radius: 3px;
+  border-top-left-radius: 20px;
+}
+button.add:before {
+  content: "+";
+  font-size: 1.5em;
+  color: #ffc200;
+}
 /**
  * EGroupware: Stylite Pixelegg template
  *
@@ -2865,10 +2950,11 @@ button.et2_button_with_image {
 /* TABLE STYLE */
 table.et2_grid {
   /*	border-top: 3px solid;
-	border-color: @gray-10;*/
+            border-color: @gray-10;*/
 }
 .innerContainer {
   overflow: hidden;
+  padding: 0.2em;
 }
 .egwGridView_grid tr.th > td,
 .nextmatch_header {
@@ -2890,6 +2976,7 @@ table.et2_grid {
 table.egwGridView_outer {
   background-color: #fafafa;
   border-spacing: 0px;
+  font-size: 0.9em;
 }
 table.egwGridView_outer thead {
   background-color: #fafafa;
@@ -2971,6 +3058,12 @@ table.egwGridView_outer thead tr th.optcol .selectcols:hover {
   width: 20px;
   height: 20px;
 }
+table.egwGridView_outer tbody td.frame {
+  /*BUG*/
+}
+table.egwGridView_outer tbody td.frame div.egwGridView_scrollarea {
+  min-height: 500px !important;
+}
 table.egwGridView_grid {
   font-size: 0.95em;
   background-color: #ffffff;
@@ -2990,24 +3083,20 @@ table.egwGridView_grid tbody tr.selected {
   background: -webkit-gradient(linear, 0 0, 0 bottom, #ffb76b, #ff7f04), -moz-linear-gradient(#ffb76b, #ff7f04), -o-linear-gradient(#ffb76b, #ff7f04), linear-gradient(#ffb76b, #ff7f04);
   -pie-background: linear-gradient(#ffb76b, #ff7f04);
   behavior: url(/PIE.htc);
-  background-color: #bfbfbf;
+  background: #ffdd73 !important;
 }
 table.egwGridView_grid tbody tr.focused {
   background: -webkit-gradient(linear, 0 0, 0 bottom, #ffb76b, #ff7f04), -moz-linear-gradient(#ffb76b, #ff7f04), -o-linear-gradient(#ffb76b, #ff7f04), linear-gradient(#ffb76b, #ff7f04);
   -pie-background: linear-gradient(#ffb76b, #ff7f04);
   behavior: url(/PIE.htc);
-  background-color: #bfbfbf;
-  background: #408dd2 !important;
+  background: #ffc200 !important;
 }
 table.egwGridView_grid tr {
   border-bottom: 1px solid;
   border-color: #828282;
 }
 table.egwGridView_grid tr:hover {
-  background-color: #0c5da5;
-}
-table.egwGridView_grid tr:active {
-  background-color: #0c5da5;
+  background: #679fd2 !important;
 }
 table.egwGridView_grid tr td {
   border-left: 0px;
@@ -3394,7 +3483,7 @@ img {
   background-color: #0b5fa4 !important;
   color: #FFF;
   text-shadow: none;
-  height: 35px;
+  /*    height: auto;*/
   background-image: none !important;
   -webkit-border-radius: 3px;
   -webkit-border-top-left-radius: 20px;
@@ -3410,7 +3499,7 @@ img {
 }
 #egw_fw_topmenu_addons span#quick_add:before {
   content: "+";
-  font-size: 2em;
+  font-size: 1.5em;
   color: #ffc200;
 }
 #egw_fw_topmenu_addons span#quick_add:before {
@@ -3585,7 +3674,10 @@ img {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active {
   cursor: pointer;
-  background-image: none;
+  background-image: url("../images/header_active.png");
+  background-position: 95% -3000px;
+  background-repeat: no-repeat;
+  /*background-image: none;*/
   background-color: #f0f0f0;
   border-radius: 27px 0px 0 0;
   border-top: 1px solid #C6CED6;
@@ -4089,19 +4181,6 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
   height: 100%;
   min-height: 99%;
 }
-div.et2_container {
-  padding: 0;
-}
-div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget select,
-div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
-  height: 20px;
-  padding: 0;
-  margin: 0px;
-  font-size: 0.95em;
-}
-div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid {
-  background-color: #ffffff;
-}
 /*@import "../less/layout_nextmatch.less";*/
 /**
  * Less-file for egroupware
@@ -4120,22 +4199,22 @@ div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2
   position: fixed;
   bottom: 0px;
   width: 100%;
-  text-align: center;
+  text-align: left;
   padding: 3px;
   background-color: #bfbfbf;
   clear: both;
-  opacity: 1;
+  opacity: 0.1;
   z-index: 100;
-  color: #e6e6e6;
+  color: #828282;
 }
 #egw_fw_footer a {
-  color: #e6e6e6;
+  color: #696969;
 }
 #egw_fw_footer a:last-child:after {
   content: "Und wir waren auch dabei....pixelegg";
 }
 #egw_fw_footer:hover {
-  opacity: 0.1;
+  opacity: 1;
   transition: opacity 0.5s ease-out;
   -moz-transition: opacity 0.5s ease-out;
   -webkit-transition: opacity;
@@ -4144,6 +4223,9 @@ div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2
  * EGroupware: Stylite Pixelegg template
  *
  * dialog 
+
+ * define every dialog box in egw
+ * even popup or jquery
  *
  * Please do NOT change css-files directly, instead change less-files and compile them!
  *
@@ -4174,6 +4256,46 @@ div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2
 #                                           #
 #                                           #
 ##############################################*/
+div.et2_container {
+  padding: 0;
+}
+div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget select {
+  height: 20px;
+  padding: 0;
+  margin: 0px;
+  font-size: 0.95em;
+}
+div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {
+  height: 20px;
+  padding: 0;
+  margin: 4px 4px 4px 5px;
+  font-size: 0.95em;
+  -webkit-border-top-right-radius: 3px;
+  -webkit-border-bottom-right-radius: 3px;
+  -webkit-border-bottom-left-radius: 3px;
+  -webkit-border-top-left-radius: 3px;
+  -moz-border-radius-topright: 3px;
+  -moz-border-radius-bottomright: 3px;
+  -moz-border-radius-bottomleft: 3px;
+  -moz-border-radius-topleft: 3px;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+  -moz-background-clip: padding-box;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+}
+div.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover {
+  background-image: url("../images/datepopup.png");
+}
+div.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid {
+  background-color: #ffffff;
+}
+.high {
+  border-top: 5px solid #e6e6e6;
+  border-bottom: 5px solid #e6e6e6 !important;
+}
 /*Main div*/
 table.dialog-main-view {
   width: 100%;
@@ -4183,6 +4305,9 @@ table.dialog-main-view {
   background-color: #0c5da5;
   color: #ffffff;
 }
+.dialog-header .th {
+  background-color: #0c5da5 !important;
+}
 .dialog-header td {
   padding: 5px;
 }
@@ -4193,6 +4318,9 @@ table.dialog-main-view {
   color: #ffffff;
 }
 /*Main*/
+.dialog-main-timeframe div {
+  min-height: 100px;
+}
 /* Operators */
 .dialog-operators {
   background-color: #b4b4b4;
@@ -4226,8 +4354,8 @@ table.dialog-main-view {
   color: #000000;
   background-color: #f0f0f0;
   padding: 6px 5px 6px 0;
-  position: relative;
-  top: 0px;
+  /*        position: relative;
+        top: 11px;*/
 }
 /*
 	Printing

pixelegg/images/arrows.svg

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="8"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="Neues Dokument 1">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.06"
+     inkscape:cx="-123.46433"
+     inkscape:cy="113.30747"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1600"
+     inkscape:window-height="823"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1044.3622)">
+    <path
+       style="fill:#5b5b5b;fill-opacity:1;stroke:#3a3a3a;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 0.75446427,1045.3622 6.00000033,3 -6.00000033,3 z"
+       id="path2987"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#5b5b5b;fill-opacity:1;stroke:#3a3a3a;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 15,1045.1392 -2.999999,6 -2.999997,-6 z"
+       id="path2987-7"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

pixelegg/images/focused_hatching.svg

@@ -0,0 +1,169 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32"
+   height="32"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="focused_hatching.svg"
+   inkscape:export-filename="/home/andreas/source/egroupware/trunk/egroupware/phpgwapi/js/egw_action/test/imgs/focused_hatching.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.9195959"
+     inkscape:cx="8.8135677"
+     inkscape:cy="16.76308"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1600"
+     inkscape:window-height="823"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="2"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1020.3622)">
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.18232045"
+       d="M -2,34 34,-2"
+       id="path2987"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.05801105"
+       d="M -2,30 30,-2"
+       id="path2989"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.18232045"
+       d="M 26,-2 -2,26"
+       id="path2991"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.05801105"
+       d="M 22,-2 -2,22"
+       id="path2993"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.18232045"
+       d="M 18,-2 -2,18"
+       id="path2995"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.05801105"
+       d="M -2,14 14,-2"
+       id="path2997"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.05801105"
+       d="M 10,-2 -2,10"
+       id="path2999"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.18232045"
+       d="M -2,6 6,-2"
+       id="path3001"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.05801105"
+       d="M 2,-2 -2,2"
+       id="path3003"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.05801105"
+       d="M 34,2 2,34"
+       id="path3005"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.18232045"
+       d="M 6,34 34,6"
+       id="path3007"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.05801105"
+       d="M 34,10 10,34"
+       id="path3009"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.18232045"
+       d="M 14,34 34,14"
+       id="path3011"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.05801105"
+       d="M 34,18 18,34"
+       id="path3013"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.18232045"
+       d="M 22,34 34,22"
+       id="path3015"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.05801105"
+       d="m 34,26 -8,8"
+       id="path3017"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.18232045"
+       d="m 30,34 4,-4"
+       id="path3019"
+       inkscape:connector-curvature="0"
+       transform="translate(0,1020.3622)" />
+  </g>
+</svg>

pixelegg/images/header_overlay.svg

@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="64"
+   height="128"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="header_overlay.svg"
+   inkscape:export-filename="/home/andreas/source/egroupware/trunk/egroupware/phpgwapi/js/egw_action/test/imgs/header_overlay.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient3755">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop3757" />
+      <stop
+         id="stop3763"
+         offset="0.21804152"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="0.82098258"
+         id="stop3765" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop3759" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3755"
+       id="linearGradient3761"
+       x1="30.557114"
+       y1="924.32532"
+       x2="30.557114"
+       y2="1052.4043"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0031348,0,0,1.0015649,-0.10031348,-1.5466455)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.959798"
+     inkscape:cx="43.211207"
+     inkscape:cy="64.846324"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1600"
+     inkscape:window-height="823"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-924.36218)">
+    <rect
+       style="fill:url(#linearGradient3761);fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="rect2985"
+       width="64"
+       height="128"
+       x="0"
+       y="924.36218" />
+  </g>
+</svg>