pixelegg changes from today

filemanager/templates/default/index.xet

@@ -60,7 +60,7 @@
 			<image label="Go to your home directory" src="gohome" onclick="app.filemanager.change_dir('~');"/>
 			<vfs-name label="Path" id="path" options="80" class="address"/>
 			<button label="Go to" id="button[go]" image="key_enter"/>
-			<image src="buttonseparator"/>
+			<image id="tarp" src="buttonseparator"/>
 			<buttononly statustext="Rename, change permissions or ownership" label="Edit settings" id="button[edit]" onclick="app.filemanager.editprefs();" options="edit"/>
 			<buttononly label="Create directory" id="button[createdir]" onclick="app.filemanager.createdir();" options="button_createdir,createdir_disabled"/>
 			<buttononly label="Create a link" id="button[symlink]" onclick="app.filemanager.symlink();" options="link,link_disabled"/>

infolog/templates/pixelegg/app.less

@@ -49,7 +49,7 @@ span#favorite_sidebox_infolog{
 // Rahmen + padding
 
 .egw_fw_content_browser_div{
-//	.box_shadow_dialog;
+    //	.box_shadow_dialog;
 }
 
 
@@ -80,7 +80,7 @@ span#favorite_sidebox_infolog{
 
                     div.et2_box_widget{
                         .Complete_Button_add;
-//													.Complete_Button_text;
+                        //													.Complete_Button_text;
                         .border_radius_button_lefttop;
                         .box_shadow_standard_light;
                         height: 35px;
@@ -181,7 +181,7 @@ span#favorite_sidebox_infolog{
 
         .egwGridView_scrollarea{
             height: auto;
-//				overflow: auto;
+            //				overflow: auto;
 
             table.egwGridView_grid {
 
@@ -252,4 +252,4 @@ input.infolog-edit_info_custom_from {}
 
 td.inputFullWidth{
     input#infolog-edit_info_addr{}
-	}
+}

mail/templates/pixelegg/app.css

@@ -42,7 +42,51 @@ div#mail-index div#mail-index_mailSplitter div#mail-index_mailPreview div#mail-i
   width: 100%;
 }
 .egw_fw_ui_category_content #mail-index_buttonmailcreate {
-  margin-left: -14px;
+  margin-left: 0px;
+}
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate],
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"] {
+  background-color: #0b5fa4;
+  color: #FFF;
+  text-shadow: none;
+  height: 35px;
+  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;
+  background-image: url("images/write_mail.png") !important;
+  background-position: right center !important;
+  background-repeat: no-repeat;
+  padding-left: 25px;
+  text-align: left;
+  width: 93%;
+}
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:before,
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:before {
+  content: "+";
+  font-size: 2em;
+  color: #ffc200;
+}
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:hover,
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:hover {
+  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+}
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:focus,
+.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:focus {
+  -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;
+  -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
+  box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
 }
 .egw_fw_ui_category_content span#mail-tree_target {
   max-height: 50%;
@@ -937,4 +981,3 @@ div.mailComposeBody,
 div.mailPreviewHeaders > * {
   margin-left: 3px;
 }
-/*ENDE*/

mail/templates/pixelegg/app.less

@@ -19,20 +19,20 @@ div#mail-index{
 
 
     table.egwGridView_grid{
-//			border-collapse: inherit;
+        //			border-collapse: inherit;
-//			width: 99%;
+        //			width: 99%;
     }
     // Rahmen + padding
-//				.box_shadow_dialog;
+    //				.box_shadow_dialog;
 
-#mail-index_mailPreviewContainer {}
+    #mail-index_mailPreviewContainer {}
 
 
     // Message - standdardmäßig ausgeblendet
     span#mail-index_msg{
         span {
-//				background: red;
+            //				background: red;
-//				height: 30px;
+            //				height: 30px;
         }
     }
 
@@ -59,24 +59,24 @@ div#mail-index{
 
 
                     select#mail-index_filter{
-//															height: 35px;
+                        //															height: 35px;
                     }
 
                     select#mail-index_filter2{
-//															height: 35px;
+                        //															height: 35px;
                     }
 
                     // Suchfeld
                     input#mail-index_search{
-//															height: 35px;
+                        //															height: 35px;
-//															top: 8px;
+                        //															top: 8px;
-//															font-size: 1.5em;
+                        //															font-size: 1.5em;
                     }
 
                     // Suchknopf
                     button.et2_button {
-//															top: 8px;
+                        //															top: 8px;
-//															position: relative;
+                        //															position: relative;
                     }
 
                 } // Ende Filter
@@ -165,24 +165,34 @@ div#mail-index{
 
     // Create Feld
     #mail-index_buttonmailcreate{
-									margin-left: -14px;
+        margin-left: 0px;
-									// Create Button
+        
+
+
+                    // #####################################################
+                    // Create Button (mail)
+
                     button#mail-index_button[mailcreate],
                     button[id*="mailcreate"]{
+                                    .Complete_Button_add;
+                                    background-image: url("images/write_mail.png") !important;
+                                    background-position: right center !important;
+                                    background-repeat: no-repeat;
+                                    padding-left: 25px;
+                                    text-align: left;
+                                    width: 93%;
 
-//
+                            &:hover {
-//																		.Complete_Button_add;
+                                .box_shadow_standard_light_hover;
-//																		background-image: url("images/write_mail.png") !important;
-//																	    background-position: left center;
-//																	    background-repeat: no-repeat;
-//																	    padding-left: 25px;
-//																	    text-align: left;
-//																	    width: 99%;
-//
-////																	    background-image: url("images/write_mail.png") !important;
-
                                      }
 
+                            &:focus {
+                                    .border_radius_button_lefttop ;
+                                   .box_shadow_standard_light_inset;
+                            }
+                    }
+        
+        
     } 
 
 
@@ -203,13 +213,13 @@ div#mail-index{
  * ##################################################################################
  */
 #mail-compose{
-//	gesamtbreite
+    //	gesamtbreite
     width: 870px;
     padding: 5px;
 
 
-// ##################################
+    // ##################################
-//	Toolbar
+    //	Toolbar
 
     .mail-compose_toolbar{
         img{width: 22px;}
@@ -371,7 +381,7 @@ div#mail-index{
             height: 25px;
             display: -webkit-box;
             button {
-//				float: left;
+                //				float: left;
                 .Complete_Button_Icon_normal;
                 height: 20px;
                 &:hover {.box_shadow_standard_light_hover; .background-color-15-gray;}
@@ -491,7 +501,7 @@ div#mail-index{
     // Dateianhänge
 
     .mailDisplayAttachments {
-//	background-color:#efefdf;
+        //	background-color:#efefdf;
         .background-color-10-gray;
 
         max-height: 10%;
@@ -503,14 +513,14 @@ div#mail-index{
         border-bottom: 0px;
         opacity: 1;
         -moz-opacity:1;
-//	filter: Alpha(opacity=100);
+        //	filter: Alpha(opacity=100);
 
         img {width: 16px;}
 
-}
+    }
-.mail_DisplayNone{
+    .mail_DisplayNone{
         display: none;
-}
+    }
 
 } // Ende Display
 
@@ -1064,7 +1074,7 @@ input[type=button] {
 // Anhänge an Email
 
 #mail-index_previewAttachmentArea {
-//	background-color:#efefdf;
+    //	background-color:#efefdf;
     .background-color-10-gray;
     max-height: 5%;
     max-width: 50%;
@@ -1077,7 +1087,7 @@ input[type=button] {
     .border_normal;
     opacity: 1;
     -moz-opacity:1;
-//	filter: Alpha(opacity=100);
+    //	filter: Alpha(opacity=100);
 
     img {width: 16px; height: 16px;}
 
@@ -1153,4 +1163,4 @@ div.mailComposeHeaders > span:first-child {
 }
 div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailComposeBody, div.mailPreviewHeaders > * {
     margin-left: 3px;}
-/*ENDE*/
+//

timesheet/templates/default/app.css

@@ -9,145 +9,7 @@
  * @package timesheet
  * @version $Id$
  */
-#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_add"] {
+#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_favorite"] img {
-  background-color: #0b5fa4;
-  color: #FFF;
-  text-shadow: none;
-  height: 35px;
-  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;
-}
-#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_add"]:before {
-  content: "+";
-  font-size: 2em;
-  color: #ffc200;
-}
-#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_add"]:hover {
-  background-color: #66a1d2 !important;
-  color: #ffc200;
-  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-  -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;
-}
-#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_add"]:hover {
-  background-color: #66a1d2 !important;
-  color: #ffc200;
-  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-  -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;
-}
-#timesheet-index .nextmatch_header div.filters {
-  padding: 0 0 0 1em;
-  background-color: #f0f0f0;
-  margin-bottom: 3px;
-  margin: 0em;
-  border-width: 0 0 1px 0;
-  border-color: #d9d9d9;
-  background-image: none;
-}
-#timesheet-index .nextmatch_header button[id*="timesheet-index_favorite"] img {
   height: 16px;
   width: 16px;
 }
-#timesheet-edit {
-  width: 910px;
-  height: 580px;
-  -webkit-border-top-right-radius: 0;
-  -webkit-border-bottom-right-radius: 0;
-  -webkit-border-bottom-left-radius: 0;
-  -webkit-border-top-left-radius: 25px;
-  -moz-border-radius-topright: 0;
-  -moz-border-radius-bottomright: 0;
-  -moz-border-radius-bottomleft: 0;
-  -moz-border-radius-topleft: 25px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 25px;
-  -moz-background-clip: padding-box;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  background-color: #fafafa;
-  border-color: #0c5da5;
-  border: 5px solid #679fd2;
-  padding: 1em;
-  margin: 5px 0 0 5px;
-}
-#timesheet-edit div:not([class]) {
-  width: 840px;
-  height: auto !important;
-}
-#timesheet-edit #timesheet-edit_ts_owner {
-  font-size: 1em;
-}
-#timesheet-edit select#timesheet-edit_pm_id {
-  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  width: auto;
-  margin: 0.5em 0em 0.5em 0.5em;
-  padding: 3px;
-  outline: none;
-  display: inline-block;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  cursor: pointer;
-  width: 80%;
-}
-#timesheet-edit input#timesheet-edit_ts_project {
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-color: #bfbfbf;
-  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  width: auto;
-  margin: 0.5em 0em 0.5em 0;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  width: 80%;
-}
-#timesheet-edit select#timesheet-edit_pl_id {
-  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  width: auto;
-  margin: 0.5em 0em 0.5em 0.5em;
-  padding: 3px;
-  outline: none;
-  display: inline-block;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  cursor: pointer;
-}
-#timesheet-edit input#timesheet-edit_ts_unitprice {
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-color: #bfbfbf;
-  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-  width: auto;
-  margin: 0.5em 0em 0.5em 0;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-}

timesheet/templates/default/app.less

@@ -20,8 +20,6 @@
 
 #timesheet-index {
 
-				// Rahmen + padding
-//				.box_shadow_dialog;
 
 
     .nextmatch_header{
@@ -45,29 +43,14 @@
         // rechte Box
         #timesheet-index_timesheet-index-add{
 
-																//ADD
-																	button[id*="timesheet-index_add"]{
-																								.Complete_Button_add;
-
-																								.border_radius_button_lefttop;
-
-																								&:hover {.Complete_Button_add_hover;}
-
-//																								&:before {.Complete_Button_add_before; }
 
 
-
-																						}
-																	button[id*="timesheet-index_add"]:hover {.Complete_Button_add_hover;}
-
-																}
         // Anzahl
         span.header_count ui-corner-all{}
 
         // Filter
         div.filters{
 
-			.Rectangle_filters;
 
             // 1. Filter
             #timesheet-index_filter{}
@@ -97,58 +80,5 @@
     } //nextmatch_header
 
 } // iframe
-
+}
-
-
-
-
-
-// #############################################################################################
 //
-//
-// Dialog
-
-// Rahmen um alles
-#timesheet-edit {
-
-	width: 910px;
-	height: 580px;
-
-	.border-radius (0,0,0,25px);
-	.background-color-5-gray;
-//	background-color: @egw_color_2_e;
-	border-color: @egw_color_2_a;
-	border: 5px solid @egw_color_2_e;
-	padding:  1em;
-	margin: 5px 0 0 5px;
-
-	div:not([class]) {width: 840px; height: auto !important; }
-
-
-//	select {.Complete_Button_select;}
-//	input{.Complete_Button_input;}
-
-
-	// Owner
-	#timesheet-edit_ts_owner {font-size: 1em;}
-
-	// Projektliste
-	select#timesheet-edit_pm_id {
-		.Complete_Button_select;
-		width: 80%;
-	}
-	// Projekt
-	input#timesheet-edit_ts_project{
-		.Complete_Button_input;
-		width: 80%;
-	}
-
-	// Preisliste
-	select#timesheet-edit_pl_id {.Complete_Button_select;}
-
-	input#timesheet-edit_ts_unitprice {.Complete_Button_input;}
-
-
-
-
-} // div#timesheet-edit

timesheet/templates/pixelegg/app.css

@@ -0,0 +1,53 @@
+/**
+ * EGroupware: CSS with less preprocessor
+ *
+ * Please do NOT change app.css directly, instead change app.less and compile it!
+ *
+ * @link http://www.egroupware.org
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
+ * @package timesheet
+ * @version $Id$
+ */
+#timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right,
+#timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right {
+  padding: 0 0em;
+  margin-right: 0em;
+}
+#timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget,
+#timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget {
+  background-color: #0b5fa4;
+  color: #FFF;
+  text-shadow: none;
+  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;
+  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
+  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
+  height: 35px;
+}
+#timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:before,
+#timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:before {
+  content: "+";
+  font-size: 2em;
+  color: #ffc200;
+}
+#timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget .infolog_headertext,
+#timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget .infolog_headertext {
+  color: #FFF !important;
+}
+#timesheet-index .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover,
+#timesheet-index .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover {
+  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+}
+#timesheet-index .nextmatch_header #timesheet-index_timesheet-index-add button[id*="timesheet-index_favorite"] img {
+  height: 16px;
+  width: 16px;
+}

timesheet/templates/pixelegg/app.less

@@ -0,0 +1,94 @@
+/**
+ * EGroupware: CSS with less preprocessor
+ *
+ * Please do NOT change app.css directly, instead change app.less and compile it!
+ *
+ * @link http://www.egroupware.org
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
+ * @package timesheet
+ * @version $Id$
+ */
+
+@import (reference) "../../../phpgwapi/templates/default/def_buttons.less";
+@import (reference) "../../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";
+
+
+// iframe
+
+
+
+#timesheet-index {
+
+
+
+    .nextmatch_header{
+
+        div.ui-helper-clearfix,
+        div.ui-helper-reset{
+
+                // rechte Box mit add
+
+                div.et2_hbox_right{
+                    padding: 0 0em;
+                    margin-right: 0em;
+
+                    div.et2_box_widget{
+                        .Complete_Button_add;
+                        //													.Complete_Button_text;
+                        .border_radius_button_lefttop;
+                        .box_shadow_standard_light;
+                        height: 35px;
+                        .infolog_headertext{color: #FFF !important;}
+
+                        &:hover {.box_shadow_standard_light_hover;}
+
+
+                    }
+                }
+
+            }
+
+
+        // rechte Box
+        #timesheet-index_timesheet-index-add{
+
+
+
+        // Anzahl
+        span.header_count ui-corner-all{}
+
+        // Filter
+        div.filters{
+
+
+            // 1. Filter
+            #timesheet-index_filter{}
+
+            // 2. Filter
+            #timesheet-index_filter2{}
+
+            // Suchfeld
+            #timesheet-index_search{}
+
+            // Suchen Button
+            button{}
+
+
+        }	// Ende Filter
+
+        table{}
+
+
+        button[id*="timesheet-index_favorite"]{
+            img {
+                height: 16px;
+                width: 16px;
+            }
+
+        }
+    } //nextmatch_header
+
+} // iframe
+}
+//