From 0313de5294eb05e89b8fd7ccab863e29aac7d025 Mon Sep 17 00:00:00 2001
From: Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
Date: Wed, 5 Mar 2014 11:08:44 +0000
Subject: [PATCH] new pictures for nextmatch sorting asc + desc less classes

---
 pixelegg/css/pixelegg.css                     | 98 +++++++++++--------
 .../def_design_pattern_color_font_shadow.less |  4 +-
 pixelegg/less/layout_content_elements.less    |  2 +-
 pixelegg/less/layout_dialog.less              | 16 +--
 4 files changed, 67 insertions(+), 53 deletions(-)

diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index b45344adca..e3636004ac 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -874,15 +874,23 @@
     width: 12px;
     height: 12px;
   }
+  .nextmatch_sortheader {
+    /*    background-position: right center;
+    background-repeat: no-repeat;
+    color: #003075;
+    cursor: pointer;
+    margin-right: 10px;*/
+    padding-right: 18px;
+  }
   .nextmatch_sortheader.asc {
-    /*    font-weight: bold;
-    background-image: url(../images/up.png);*/
-    background-size: 12px 12px;
+    font-weight: bold;
+    background-image: url(../images/selectarrowup.png);
+    background-size: 16px 16px;
   }
   .nextmatch_sortheader.desc {
-    /*    font-weight: bold;
-    background-image: url(../images/down.png);*/
-    background-size: 12px 12px;
+    font-weight: bold;
+    background-image: url(../images/selectarrowdown.png);
+    background-size: 16px 16px;
   }
   /* End of hierarchy */
   /* Mangled link-to widget inside a nextmatch - used for DnD uploads */
@@ -2050,9 +2058,9 @@ select {
   /*.Complete_Button_select;*/
   padding: 3px;
   margin: 0;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
 }
 select:hover {
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@@ -5150,6 +5158,9 @@ button.image_button {
  * @version $Id$
  */
 /*@import (reference) "def_content_elements.less";*/
+body {
+  background-color: #ffffff;
+}
 div#popupMainDiv {
   padding: 8px;
 }
@@ -5206,7 +5217,7 @@ table.dialog-main-view {
 }
 /*###########################################
 #                                           #
-#     dialog-header                         #
+#     dialogHeader                         #
 #############################################
 #                                           #
 #                                           #
@@ -5217,7 +5228,7 @@ table.dialog-main-view {
 #                                           #
 #                                           #
 #############################################
-#   dialog-operators                        #
+#   dialogOperators                        #
 #############################################
 #                                           #
 #    buttons                                #
@@ -5225,7 +5236,7 @@ table.dialog-main-view {
 #                                           #
 ##############################################*/
 /**********    Header Part ********************/
-.dialog-header {
+.dialogHeader {
   /*background-color: @egw_color_2_d;*/
   /*.background-color-5-gray;*/
   background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
@@ -5243,32 +5254,33 @@ table.dialog-main-view {
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0);
   /* IE6-9 */
   color: #000000;
+  height: 40px;
 }
-.dialog-header table.et2_grid {
+.dialogHeader table.et2_grid {
   border-top: none;
 }
-.dialog-header table.et2_grid .th {
+.dialogHeader table.et2_grid .th {
   background-color: #0c5da5 !important;
 }
-.dialog-header table.et2_grid tr {
+.dialogHeader table.et2_grid tr {
   height: 30px;
 }
-.dialog-header table.et2_grid td {
+.dialogHeader table.et2_grid td {
   padding: 0px 0px 0px 3px;
   color: #000000;
 }
-.dialog-header table.et2_grid table.et2_grid label.et2_label span.et2_selectbox li {
+.dialogHeader table.et2_grid table.et2_grid label.et2_label span.et2_selectbox li {
   float: left;
 }
-.dialog-header img {
+.dialogHeader img {
   height: 16px !important;
 }
-.dialog-header input.et2_textbox {
+.dialogHeader input.et2_textbox {
   font-size: 1.3em;
   width: 550px;
   margin-right: 20px;
 }
-.dialog-header .et2_label {
+.dialogHeader .et2_label {
   color: #000000;
   vertical-align: middle;
   padding: 0px 0px 0px 9px !important;
@@ -5276,7 +5288,7 @@ table.dialog-main-view {
   margin: 0px important;
   font-size: 1em;
 }
-.dialog-header td.space span img {
+.dialogHeader td.space span img {
   background: #ffffff;
   border: 2px solid #ffffff;
   /*filter grey*/
@@ -5291,17 +5303,17 @@ table.dialog-main-view {
   filter: gray;
   /* IE 6-9 */
 }
-tr.dialog-header2,
-tr.dialog-header3,
-tr.dialog-header4 {
-  background-color: #e6e6e6 !important;
-  border-top: 2px solid #e6e6e6;
-  border-bottom: 2px solid #e6e6e6;
+tr.dialogHeader2,
+tr.dialogHeader3,
+tr.dialogHeader4 {
+  background-color: #ffffff !important;
+  border-top: 2px solid #ffffff;
+  border-bottom: 2px solid #ffffff;
   vertical-align: middle;
 }
-tr.dialog-header2 .et2_label,
-tr.dialog-header3 .et2_label,
-tr.dialog-header4 .et2_label {
+tr.dialogHeader2 .et2_label,
+tr.dialogHeader3 .et2_label,
+tr.dialogHeader4 .et2_label {
   color: #1a1a1a;
   vertical-align: middle;
   padding: 0px 0px 0px 9px !important;
@@ -5311,7 +5323,7 @@ tr.dialog-header4 .et2_label {
   width: 50px !important;
 }
 /************* Tabs  *********************************/
-.dialog-tabs {
+.dialogTabs {
   /*.background-color-5-gray;*/
   background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
   /* FF3.6+ */
@@ -5330,44 +5342,44 @@ tr.dialog-header4 .et2_label {
   color: #000000;
 }
 /************* Main  **********************************/
-.dialog-main-timeframe div {
+.dialogMainTimeframe div {
   min-height: 100px;
 }
 /**********    Operators *******************************/
-.dialog-operators {
+.dialogOperators {
   background-color: rgba(230, 230, 230, 0.02);
   border-top: 0px solid #e6e6e6;
   border-bottom: 0px solid #e6e6e6;
 }
-.dialog-operators td {
+.dialogOperators td {
   padding: 2px;
 }
 /**********    Footer  *******************************/
 /*Buttons / Toolbar*/
-.dialog-footer-toolbar {
+.dialogFooterToolbar {
   background-color: #679fd2;
   /*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/
 }
-.dialog-footer-toolbar td {
+.dialogFooterToolbar td {
   padding: 0px 5px;
 }
-.dialog-footer-toolbar button {
+.dialogFooterToolbar button {
   height: 24px;
   min-width: 114px;
 }
-.dialog-footer-toolbar button:hover {
+.dialogFooterToolbar button:hover {
   height: 24px;
 }
-.dialog-footer-toolbar button:action {
+.dialogFooterToolbar button:action {
   height: 24px;
 }
-.dialog-footer-toolbar button[id="addressbook-edit_button[delete]"] {
+.dialogFooterToolbar button[id="addressbook-edit_button[delete]"] {
   float: right;
 }
-.dialog-footer-toolbar div.et2_hbox {
+.dialogFooterToolbar div.et2_hbox {
   white-space: normal;
 }
-.dialog-footer-toolbar label.et2_label {
+.dialogFooterToolbar label.et2_label {
   /*        .Complete_Button_input;
         .border_normal;
 	.box_shadow_standard_light;
@@ -5377,7 +5389,7 @@ tr.dialog-header4 .et2_label {
   position: relative;
   top: 11px;
 }
-.dialog-footer-toolbar input.et2_checkbox {
+.dialogFooterToolbar input.et2_checkbox {
   top: 0px;
 }
 /*Dialog Calendar - Resourcen suchen*/
diff --git a/pixelegg/less/def_design_pattern_color_font_shadow.less b/pixelegg/less/def_design_pattern_color_font_shadow.less
index 6c112b84b6..8764811376 100755
--- a/pixelegg/less/def_design_pattern_color_font_shadow.less
+++ b/pixelegg/less/def_design_pattern_color_font_shadow.less
@@ -184,9 +184,9 @@
 
 .background_color_search {background-color : @gray_30;	}
 
-// cal Heute
 
-.background_table_cal_head { background-color : @egw_color_1_a;}
+// cal Heute // in Sidebar
+.background_table_cal_head { background-color : @egw_color_1_e;}
 
 @color_progress : @egw_color_1_e;
 
diff --git a/pixelegg/less/layout_content_elements.less b/pixelegg/less/layout_content_elements.less
index cf78a6865c..78fd45858c 100755
--- a/pixelegg/less/layout_content_elements.less
+++ b/pixelegg/less/layout_content_elements.less
@@ -160,7 +160,7 @@ select {
     /*.Complete_Button_select;*/
     padding:3px;
     margin: 0;
-    .rounded (4px);
+    .rounded (3px);
 
     &:hover{.Complete_Button_select_hover;}
     &:focus{.Complete_Button_select_focus;}
diff --git a/pixelegg/less/layout_dialog.less b/pixelegg/less/layout_dialog.less
index dec721a3d3..bacb059c9f 100755
--- a/pixelegg/less/layout_dialog.less
+++ b/pixelegg/less/layout_dialog.less
@@ -19,12 +19,13 @@
 /*@import (reference) "def_content_elements.less";*/
 @import (reference) "def_design_pattern_color_font_shadow.less";
 
-
+body {background-color: @gray_0;}
 
 // Dialoge Allgemeine Definition
 
 div#popupMainDiv {
 	padding: 8px;
+        
 }
 
 div.et2_container {
@@ -125,7 +126,7 @@ table.dialog-main-view {width: 100%;}
 
 /*###########################################
 #                                           #
-#     dialog-header                         #
+#     dialogHeader                         #
 #############################################
 #                                           #
 #                                           #
@@ -136,7 +137,7 @@ table.dialog-main-view {width: 100%;}
 #                                           #
 #                                           #
 #############################################
-#   dialog-operators                        #
+#   dialogOperators                        #
 #############################################
 #                                           #
 #    buttons                                #
@@ -152,6 +153,7 @@ table.dialog-main-view {width: 100%;}
     /*background-color: @egw_color_2_d;*/
     .gradient_thead;
     .color_100_gray;
+    height: 40px;
 
 
     table.et2_grid {
@@ -225,9 +227,9 @@ table.dialog-main-view {width: 100%;}
 tr.dialogHeader2,
 tr.dialogHeader3,
 tr.dialogHeader4{
-    background-color: @gray_10 !important;
-    border-top: 2px solid @gray_10;
-    border-bottom: 2px solid @gray_10;
+    background-color: @gray_0 !important;
+    border-top: 2px solid @gray_0;
+    border-bottom: 2px solid @gray_0;
     vertical-align: middle;
 
 
@@ -258,7 +260,7 @@ tr.dialogHeader4{
 /************* Main  **********************************/
 
 // Terminsuche
-.dialog-main-timeframe {
+.dialogMainTimeframe {
 
     div {min-height: 100px;}