Pixelegg changes from Thursday

pixelegg/css/pixelegg.css

@@ -154,7 +154,7 @@
   }
   /*look in layout_content_elements*/
   .et2_selectbox .ui-multiselect-checkboxes li:hover {
-    background-color: #679fd2 !important;
+    background-color: #0c5da5 !important;
   }
   .et2_selectbox .ui-multiselect-checkboxes label {
     display: block;
@@ -457,9 +457,9 @@
     background-color: transparent;
     padding-left: 3px;
   }
-  /**
+  /* ################################################################
  * Nextmatch widget
-*/
+ * ################################################################*/
   .et2_nextmatch {
     background-color: #f0f0f0;
   }
@@ -468,10 +468,19 @@
     width: 16px;
     height: 16px;
   }
+  .ui-helper-clearfix {
+    background-color: #f0f0f0;
+  }
   .nextmatch_header .header_count {
     font-size: 11px;
     position: relative;
-    top: 7px;
+    top: 3px;
+    height: 22px;
+  }
+  .nextmatch_header .header_count span {
+    font-size: 11px;
+    top: 4px;
+    position: relative;
   }
   /*################################################################
 *
@@ -479,23 +488,23 @@
 *
 ################################################################*/
   .nextmatch_header > .filters {
-    width: 80%;
+    width: 100%;
     margin-bottom: 4px;
-    padding: 0;
+    padding: 0 5px 0 0;
     background-color: #b4b4b4;
     border: none !important;
     border-color: #000000;
     background-image: none !important;
     height: 37px;
-    -webkit-border-top-right-radius: 15px;
+    -webkit-border-top-right-radius: 3px;
     -webkit-border-bottom-right-radius: 3px;
     -webkit-border-bottom-left-radius: 0px;
     -webkit-border-top-left-radius: 0px;
-    -moz-border-radius-topright: 15px;
+    -moz-border-radius-topright: 3px;
     -moz-border-radius-bottomright: 3px;
     -moz-border-radius-bottomleft: 0px;
     -moz-border-radius-topleft: 0px;
-    border-top-right-radius: 15px;
+    border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 0px;
     border-top-left-radius: 0px;
@@ -505,7 +514,6 @@
     margin-top: 10px;
   }
   .nextmatch_header > .filters .et2_label {
-    /*        font-size: 0.9em;*/
     padding: 0.2em;
   }
   .nextmatch_header > .filters .et2_label select {
@@ -1081,9 +1089,9 @@ option:checked {
 .ui-widget-header .ui-state-focus,
 .ui-widget-content .ui-state-focus {
   border-color: #e6e6e6;
-  background: #679fd2;
+  background: #0c5da5;
   background-image: none;
-  color: #000000;
+  color: #ffffff;
 }
 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
@@ -1093,9 +1101,9 @@ option:checked {
   border-right: solid 1px 1px;
   border-bottom: solid 1px 1px;
   border-color: #e6e6e6;
-  background: #679fd2;
+  background: #0c5da5;
   background-image: none;
-  color: #000000;
+  color: #ffffff;
 }
 .ui-state-hover a,
 .ui-state-hover a:hover,
@@ -1213,13 +1221,32 @@ span.ui-icon-close {
   box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important;
   background-color: #fecc44 !important;
 }
+/*###########################################*/
+/*Menu */
+.ui-menu .ui-menu-item a {
+  line-height: 26px;
+  padding: 2px 5px;
+}
+/*###########################################*/
+/* col selection */
+span.ui-multiselect-header {
+  color: #ffffff;
+}
 span.ui-icon-search {
   background-image: url(../images/search.png) !important;
   background-position: 0px;
   background-size: 10px 10px;
 }
+.ui-corner-all {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
 /*###########################################*/
 /*Dialog: edit row*/
+.ui-widget-content {
+  border: 1px solid #0c5da5;
+}
 .ui-widget-content .et2_selectbox button.et2_button_text,
 .ui-widget-content .et2_selectbox select.et2_selectbox {
   height: 20px;
@@ -1228,7 +1255,7 @@ span.ui-icon-search {
   background-image: none;
 }
 .ui-widget-content .et2_selectbox div.ui-widget-header ul li label.ui-state-hover {
-  background-color: #679fd2;
+  background-color: #0c5da5;
   font-weight: normal;
 }
 /*###########################################*/
@@ -3313,7 +3340,7 @@ table.egwGridView_outer thead tr th.optcol {
   /*width: 32px !important;*/
 }
 table.egwGridView_outer thead tr th.optcol:hover {
-  background-color: #679fd2;
+  background-color: #0c5da5;
 }
 table.egwGridView_outer thead tr th.optcol span.selectcols {
   height: 9px;
@@ -3325,7 +3352,7 @@ table.egwGridView_outer thead tr th.optcol span.selectcols {
   display: inline-block;
 }
 table.egwGridView_outer thead tr th.optcol span.selectcols:hover {
-  background-color: #679fd2;
+  background-color: #0c5da5;
 }
 table.egwGridView_outer tbody {
   /*Elements inside td*/
@@ -3587,7 +3614,7 @@ table.nextmatch_header img {
 #loginMainDiv div#centerBox #loginCdMessage span {
   padding: 0.5em;
   font-size: 1.2em;
-  color: #679fd2;
+  color: #0c5da5;
   text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
   width: 100%;
 }
@@ -4160,14 +4187,19 @@ table.nextmatch_header img {
   position: fixed;
   right: 80px;
   top: 5px;
+  background-image: url(../images/add.png);
+  background-repeat: no-repeat;
+  background-size: 20px 20px;
+  background-position: 4px 4px;
   width: 16px;
   height: 16px;
 }
 #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add:before {
-  content: "+";
+  content: " ";
   font-size: 2em;
-  color: #ffc200;
+  color: #0c5da5;
   line-height: 0.6em;
+  background-color: white;
 }
 #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add:hover {
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@@ -4185,7 +4217,8 @@ table.nextmatch_header img {
   box-shadow: 0 0 0 rgba(0, 0, 0, 0);
   position: relative !important;
   right: 1px !important;
-  top: -5px;
+  top: -3px;
+  left: 35px;
 }
 #egw_fw_topmenu_info_items img#topmenu_info_error {
   width: 16px;
@@ -5184,6 +5217,9 @@ table.dialog-main-view {
 .dialog-header table.et2_grid table.et2_grid label.et2_label span.et2_selectbox li {
   float: left;
 }
+.dialog-header img {
+  height: 16px !important;
+}
 .dialog-header input.et2_textbox {
   font-size: 1.3em;
   width: 550px;
@@ -5361,12 +5397,13 @@ div.admin-config form > table td b {
  * Message in popup
  */
 body > div#egw_message {
-  background-color: #ffc200;
+  background-color: #e6e6e6;
   /*border-radius: 10px;*/
   -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);
-  border: 1px solid rgba(0, 0, 0, 0.15);
+  /*        .border_normal;*/
+  border: 3px solid #ffc200;
   -webkit-border-top-right-radius: 0px;
   -webkit-border-bottom-right-radius: 15px;
   -webkit-border-bottom-left-radius: 15px;

pixelegg/less/def_buttons.less

@@ -86,17 +86,20 @@
 
 /*ADD / Hinzufügen = only PLUS */
 .Complete_Button_add_only_plus {
-                .dimension_width_height_m;
+                height: 24px;
-                border: 1px solid rgba(0, 0, 0, 0.15);
+                width: 32px;
+                border: 1px solid #0C5DA5;
+                margin: 6px 2px;
                 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
                 padding: -0.5em;
-                background-color: @egw_color_2_e !important;
+                background-color: @gray_10 !important;
+                background-size: 16px 16px;
 
 
                 &:before {
                         content: "";
                         font-size: 2em;
-                        color: @egw_color_1_a;
+                        color: @egw_color_2_a;
                         line-height: 0.6em;
                         padding-left: 0.1em;
                         padding-right: 4em;

pixelegg/less/def_design_pattern_color_font_shadow.less

@@ -126,7 +126,7 @@
 /*@active_button_border_bottom : @egw_color_2_d;*/ 
 
 // Hint / or have to do / must field
-@color_hint : @egw_color_2_e;
+@color_hint : @egw_color_2_a;
 
 // Tooltipp / or have to do / must field
 @color_tooltip : lighten(@egw_color_1_e, 90%);
@@ -682,7 +682,7 @@ background-repeat: repeat-x;
 
         float: left;
         margin: 0 6px 5px 0;
-        padding: 0px 2px;
+        padding: 2px 2px 2px 5px;
         border: 1px solid #a6a6a6;
         border-bottom-color: #979797;
         -moz-border-radius: 3px;

pixelegg/less/etemplate2.less

@@ -334,24 +334,32 @@ hr {
         span.et2_label {background-color: transparent;padding-left: 3px;}
         }
 }
-/**
+/* ################################################################
  * Nextmatch widget
-*/
+ * ################################################################*/
-
-
 .et2_nextmatch {
     .background_color_10_gray;
 }
-
 /* images*/
 .et2_nextmatch > img {.dimension_width_height_s;}
 
-// little rectangle
 
+// area width left and right boxes
+.ui-helper-clearfix{.background_color_10_gray;}
+
+// count
 .nextmatch_header .header_count {
     font-size: 11px;
     position: relative;
-    top: 7px;
+    top: 3px;
+    height: 22px;
+    
+    // count
+    span {
+        font-size: 11px;
+        top: 4px;
+        position: relative;
+    }  
 }
 
 /*################################################################
@@ -362,35 +370,27 @@ hr {
 
 .nextmatch_header > .filters {
 
-    width: 80%;
+    width: 100%;
     margin-bottom: 4px;
-    padding: 0;
+    
+    padding: 0 5px 0 0;
     background-color: @gray_30;
     border: none !important;
     border-color: @gray_100;
     background-image: none !important;
     height: 37px;
-    .border_radius (15px, 3px, 0px, 0px);
+    .border_radius (3px, 3px, 0px, 0px);
-
 
     select {margin-top: 10px;}
 
     .et2_label {
-
-/*        font-size: 0.9em;*/
         padding: 0.2em;
-
-
         select {
             /*.Complete_Button_select;*/
             margin-left: 2px;
             margin-right: 1px;
             margin-top: 8px;
-
             max-width: 14% !important;
-
-
-
             &:hover{
                 .Complete_Button_select_hover;
             }

pixelegg/less/jquery-ui.less

@@ -108,7 +108,7 @@ option:checked {background-color: @egw_color_1_e;}
     border-color: @gray_10;
     background: @color_hint;
     background-image: none;
-    .color_100_gray;
+    color: @gray_0;
     
 }
 
@@ -123,7 +123,7 @@ option:checked {background-color: @egw_color_1_e;}
     background: @color_hint;
     background-image: none;
     //	font-size: 105%;
-    .color_100_gray;
+    .color_0_gray;
 //    font-weight: normal !important;
 }
 .ui-state-hover a,
@@ -223,6 +223,23 @@ span.ui-icon-close {margin-top: 0px; top: 5px;}
     }
     
 }
+/*###########################################*/
+/*Menu */
+
+.ui-menu{
+    
+    .ui-menu-item {
+        
+        
+        a {line-height: 26px; padding: 2px 5px;}
+        
+    }
+    
+}
+/*###########################################*/
+/* col selection */
+span.ui-multiselect-header {color: @gray_0;}
+
 
 
 span.ui-icon-search{
@@ -232,12 +249,15 @@ span.ui-icon-search{
 
 }
  
+.ui-corner-all{.rounded(3px)}
 
 /*###########################################*/
 /*Dialog: edit row*/
 
 .ui-widget-content {
     
+    border: 1px solid @egw_color_2_a;
+
     .et2_selectbox {
 
         button.et2_button_text, 

pixelegg/less/layout_dialog.less

@@ -179,6 +179,8 @@ table.dialog-main-view {width: 100%;}
 
     }
     
+    img {.dimension_height_s !important;}
+
     input.et2_textbox {
         font-size: 1.3em;
         width: 550px;
@@ -379,10 +381,11 @@ div.admin-config form > table {
  * Message in popup
  */
 body > div#egw_message {
-	background-color: @egw_color_1_a;
+	background-color: @gray_10;
 	/*border-radius: 10px;*/
         .box_shadow_message;
-        .border_normal;
+/*        .border_normal;*/
+         border: 3px solid @egw_color_1_a;
         .border_radius (0px, 15px, 15px, 0px);
 	right: 5px;
 	/*top: 5px;*/

pixelegg/less/layout_raster.less

@@ -429,8 +429,23 @@
         position: fixed;
         right: 80px;
         top: 5px;
+        
+        background-image: url(../images/add.png);
+        background-repeat: no-repeat;
+        background-size: 20px 20px;
+        background-position: 4px 4px;
+        
+        
         .dimension_width_height_s;
-        &:before {content: "+"; font-size: 2em; color: @egw_color_1; line-height: 0.6em}
+        
+        &:before {
+            content: " "; 
+            font-size: 2em; 
+            color: @egw_color_2_a; 
+            line-height: 0.6em;
+            background-color: white;
+        }
+        
         &:hover {.box_shadow_standard_light_hover;}
         &:focus {.box_shadow_standard_light_inset;}
     }
@@ -443,7 +458,8 @@
         box-shadow: 0 0 0 rgba(0, 0, 0, 0);
         position: relative !important;
         right: 1px !important;
-        top: -5px;
+        top: -3px;
+        left: 35px;
 
     }