pixelegg changes from friday

addressbook/templates/pixelegg/app.css

@@ -173,11 +173,11 @@ fieldset.emailGroup {
  * Give space to both contact view & infolog list
  */
   #addressbook-index {
-    height: 99%;
+    /*height: 99%;*/
   }
   #addressbook-edit {
-    height: auto;
+    /*height: auto;*/
-    min-height: 390px;
+    /*min-height: 390px;*/
     overflow: auto;
   }
   div#addressbook-index div.et2_hbox_left {
@@ -834,7 +834,7 @@ fieldset.emailGroup {
   }
   div#addressbook-edit fieldset.phoneGroup table.et2_grid tr:nth-child(odd),
   div#addressbook-search fieldset.phoneGroup table.et2_grid tr:nth-child(odd) {
-    background: #f7f7f7;
+    background: #fafafa;
   }
   div#addressbook-edit fieldset.phoneGroup table.et2_grid td,
   div#addressbook-search fieldset.phoneGroup table.et2_grid td {
@@ -879,7 +879,7 @@ fieldset.emailGroup {
   }
   div#addressbook-edit fieldset.emailGroup table.et2_grid tr:nth-child(odd),
   div#addressbook-search fieldset.emailGroup table.et2_grid tr:nth-child(odd) {
-    background: #f7f7f7;
+    background: #fafafa;
   }
   div#addressbook-edit fieldset.emailGroup table.et2_grid td,
   div#addressbook-search fieldset.emailGroup table.et2_grid td {
@@ -970,7 +970,7 @@ fieldset.emailGroup {
     background: #ffffff;
   }
   #addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid div#addressbook-edit_addressbook-edit-name table.et2_grid tr:nth-child(odd) {
-    background: #f7f7f7;
+    background: #fafafa;
   }
   #addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid div#addressbook-edit_addressbook-edit-name table.et2_grid td {
     padding: 5px 0px 5px 3px;
@@ -1014,7 +1014,7 @@ fieldset.emailGroup {
     background: #ffffff;
   }
   #addressbook-edit_addressbook-edit-details table.et2_grid tr:nth-child(odd) {
-    background: #f7f7f7;
+    background: #fafafa;
   }
   #addressbook-edit_addressbook-edit-details table.et2_grid td {
     padding: 5px 0px 5px 3px;

addressbook/templates/pixelegg/app.less

@@ -49,11 +49,11 @@
 
 
 #addressbook-index {
-  height: 99%;
+  /*height: 99%;*/
 }
 #addressbook-edit {
-  height: auto;
+  /*height: auto;*/
-  min-height: 390px;
+  /*min-height: 390px;*/
   overflow:    auto;
 }
 
@@ -284,7 +284,7 @@ div#addressbook-index{
                             padding: 0px;
                             margin-top: 0px;
                             vertical-align: middle;                            
-                            .gradient-vertical (@egw_color_2_a, @egw_color_2_a);
+                            .gradient_vertical (@egw_color_2_a, @egw_color_2_a);
 
                             &:hover{.Complete_Button_Icon_hover ;}
 
@@ -304,7 +304,7 @@ div#addressbook-index{
                           &:before {content: ""; font-size: 1em;padding-left: 5px;}
                           /*Text*/
                           span {visibility: hidden; display: none;};
-                         img {.scale; margin: 0.5em; .gradient-vertical (@egw_color_2_a, @egw_color_2_a);} 
+                         img {.scale; margin: 0.5em; .gradient_vertical (@egw_color_2_a, @egw_color_2_a);} 
                       }
                     }  
 

filemanager/templates/pixelegg/app.css

@@ -130,7 +130,7 @@ div.filemanager_navigation {
 div.filemanager_navigation img {
   width: 16px;
   height: 16px;
-  background-color: #f0f0f0;
+  /*.background_color_10_gray;*/
   -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@@ -141,7 +141,7 @@ div.filemanager_navigation img {
   padding: 0.2em;
 }
 div.filemanager_navigation img:hover {
-  background-color: #cccccc;
+  /*.background_color_20_gray;*/
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@@ -200,20 +200,15 @@ div.filemanager_navigation > label {
   margin-right: 0.2em;
 }
 div.filemanager_navigation > label > input {
-  width: 100%;
+  width: 90%;
 }
 #filemanager-index .et2_file {
-  background-color: #0b5fa4 !important;
+  /*background-color: @egw_color_blue_lighter !important;*/
   color: #FFF;
   text-shadow: none;
   /*    height: auto;*/
   background-image: none !important;
-  -webkit-border-radius: 3px;
+  /*.border_radius_button_lefttop;*/
-  -webkit-border-top-left-radius: 20px;
-  -moz-border-radius: 3px;
-  -moz-border-radius-topleft: 20px;
-  border-radius: 3px;
-  border-top-left-radius: 20px;
   color: #fff;
   height: auto;
   width: 55%;
@@ -231,11 +226,11 @@ div.filemanager_navigation > label > input {
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   -webkit-border-radius: 3px;
-  -webkit-border-top-left-radius: 20px;
+  -webkit-border-top-left-radius: 10px;
   -moz-border-radius: 3px;
-  -moz-border-radius-topleft: 20px;
+  -moz-border-radius-topleft: 10px;
   border-radius: 3px;
-  border-top-left-radius: 20px;
+  border-top-left-radius: 10px;
 }
 #filemanager-index .et2_file:before {
   font-size: 1.5em;
@@ -250,6 +245,12 @@ div.filemanager_navigation > label > input {
   width: 32px !important;
   height: 32px !important;
 }
+#filemanager-index .filters {
+  vertical-align: center;
+}
+#filemanager-index .filters #filemanager-index_filter {
+  margin-top: 0.5em;
+}
 /*// Dialog filemanager 
 // #####################################################*/
 #filemanager-select {
@@ -292,7 +293,7 @@ div.filemanager_navigation > label > input {
   background: #ffffff;
 }
 #filemanager-select table#filemanager-select_dir tr:nth-child(odd) {
-  background: #ebebeb;
+  background: #fafafa;
 }
 #filemanager-select .vfsMimeIcon {
   width: 16px;

filemanager/templates/pixelegg/app.less

@@ -103,11 +103,11 @@ div.filemanager_navigation > label {
 
 
 div.filemanager_navigation > label > input {
-    width: 100%;
+    width: 90%;
 }
 
-#filemanager-index{
 
+#filemanager-index{
 
     .et2_file{
         .Complete_Button_add;
@@ -132,6 +132,15 @@ div.filemanager_navigation > label > input {
     }
     
     
+    
+    .filters{
+        
+        vertical-align: center;
+        
+        #filemanager-index_filter{ margin-top: 0.5em;}
+    }
+
+
 } // iframe
 
 

infolog/templates/pixelegg/app.css

@@ -120,7 +120,7 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
     	
 }*/
 #infolog-index {
-  height: auto !important;
+  /*height: auto !important;*/
 }
 #infolog-index table.et2_grid {
   border-top: 0px;
@@ -299,11 +299,11 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
   margin-top: 1.5%;
 }
 #infolog-index #infolog-index_nm .frame {
-  min-height: 100%;
+  /*            min-height: 100%; 
-  height: 60em;
+            height: 60em;*/
 }
 #infolog-index #infolog-index_nm .egwGridView_scrollarea {
-  height: auto;
+  /*height: auto;*/
 }
 #infolog-index #infolog-index_nm .egwGridView_scrollarea table.egwGridView_grid img {
   height: 16px;

infolog/templates/pixelegg/app.less

@@ -70,7 +70,7 @@ span#favorite_sidebox_infolog{
 
 #infolog-index {
 
-    height: auto !important;
+    /*height: auto !important;*/
 
     table.et2_grid {border-top: 0px;}
 
@@ -234,12 +234,12 @@ span#favorite_sidebox_infolog{
         }
 
         .frame {
-            min-height: 100%; 
+/*            min-height: 100%; 
-            height: 60em;
+            height: 60em;*/
         }
 
         .egwGridView_scrollarea{
-            height: auto;
+            /*height: auto;*/
             //				overflow: auto;
 
             table.egwGridView_grid {

preferences/templates/pixelegg/app.css

@@ -85,21 +85,89 @@ textarea.prefValue {
 #            #                               #
 #            #                               #
 ##############################################*/
+/*app.css Stylite*/
+table.prefTable {
+  width: 100%;
+}
+tr.prefRow {
+  position: relative;
+}
+td.prefName {
+  width: 50%;
+}
+tr.prefRow > td {
+  vertical-align: bottom;
+  /* otherwise help will cover bigger prefValue */
+}
+.prefHelp {
+  position: absolute;
+  display: none;
+  width: 98%;
+  background-color: #679fd2;
+  padding: 5px;
+  margin-top: 5px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
+  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  color: #ffffff !important;
+}
+tr.prefRow:hover .prefHelp {
+  display: block;
+  z-index: 10;
+  /* FF: displays it under next prefName without */
+}
+.prefDefault,
+.prefValue {
+  float: left;
+}
+.prefValue {
+  margin-right: 5px;
+}
+.prefValue textarea,
+textarea.prefValue {
+  width: 99%;
+  height: 5em;
+}
 .prefType,
 .prefApp {
   font-size: 150%;
   display: inline-block;
   padding-bottom: 5px;
 }
-#preferences-settings {
+/*###############################*/
-  /*Preferences APP / left */
+.prefType,
-  /*Preferences APP Settings / right*/
+.prefApp {
+  margin: 0.3em;
+  -webkit-appearance: button;
+  padding: 10px;
 }
-#preferences-settings select#preferences-settings_appname:before {
+img[src$="svg"] {
-  padding-right: 20px;
+  background-color: #0c5da5;
-  content: "";
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-  background-image: url(images/setup.png);
+  background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
+  background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
+  background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
+  background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
+  background-image: linear-gradient(top, #0c5da5, #0c5da5);
+  background-repeat: repeat-x;
+}
+/*Preferences APP / left */
+.prefApp {
+  background-image: url(../pixelegg/images/setup.png);
   background-repeat: no-repeat;
-  width: 24px;
+  background-position: 93% 50%;
-  height: 24px;
+  background-size: 16px 16px;
+  margin-right: 1em;
+}
+/*Preferences APP Settings / right*/
+.prefType {
+  background-image: url(../pixelegg/images/setup.png);
+  background-repeat: no-repeat;
+  background-position: 93% 50%;
+  background-size: 16px 16px;
 }

preferences/templates/pixelegg/app.less

@@ -36,35 +36,100 @@
 #            #                               #
 #            #                               #
 ##############################################*/
+
+/*app.css Stylite*/
+
+table.prefTable {
+	width: 100%;
+}
+tr.prefRow {
+	position: relative;
+}
+td.prefName {
+	width: 50%;
+}
+tr.prefRow > td {
+	vertical-align: bottom;	/* otherwise help will cover bigger prefValue */
+}
+.prefHelp {
+	position: absolute;
+	display: none;
+	width: 98%;
+	background-color: @color_hint;
+
+	padding: 5px;
+	margin-top: 5px;
+        
+        .border_normal;
+        .box_shadow_standard_light;
+        .rounded (3px);
+        color: @gray_0 !important;
+        
+        
+}
+tr.prefRow:hover .prefHelp {
+	display: block;
+	z-index: 10;	/* FF: displays it under next prefName without */
+}
+.prefDefault, .prefValue {
+	float: left;
+}
+.prefValue {
+	margin-right: 5px;
+}
+.prefValue textarea, textarea.prefValue {
+	width: 99%;
+	height: 5em;
+}
 .prefType, .prefApp {
-font-size: 150%;
+	font-size: 150%;
-display: inline-block;
+	display: inline-block;
-padding-bottom: 5px;
+	padding-bottom: 5px;
 }
 
-#preferences-settings{
+
+
+
+
+
+/*###############################*/
+
+
+
+.prefType, .prefApp {
+    margin: 0.3em;
+    -webkit-appearance:button; padding:10px;
+}
+
+
+
+img[src$="svg"]{
+            .gradient_vertical (@egw_color_2_a, @egw_color_2_a);
+}
+
+
 
 /*Preferences APP / left */
-select#preferences-settings_appname{
+.prefApp{
     
-    &:before {
+                            background-image: url(../pixelegg/images/setup.png);
-                        padding-right: 20px;
+                            background-repeat: no-repeat; 
-                        content: "";
+                            background-position: 93% 50%;
-                        background-image: url(./images/setup.png);
+                            background-size: 16px 16px;
-                        background-repeat: no-repeat;
+                            
-                        .dimension_width_height_m;
+                            margin-right: 1em;
-              }
   
 
 }
-
 /*Preferences APP Settings / right*/
-#preferences-settings_type{
+.prefType{
     
+                            background-image: url(../pixelegg/images/setup.png);
+                            background-repeat: no-repeat; 
+                            background-position: 93% 50%;
+                            background-size: 16px 16px;
                               
 
-}
-
 
 }
 //