extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-21 15:33:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Pixelegg changes

Browse Source
This commit is contained in:
Ralf Becker 2013-12-30 17:32:42 +00:00
parent 1b72778ffa
commit 880554bcf5
19 changed files with 938 additions and 708 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pixelegg/changelog.txt
View File

@ -62,4 +62,9 @@ Dateimanager - still working on it
Calendar -> still working on it Calendar -> still working on it
/* 20.12.2013 ***************** */ /* 27.12.2013 ***************** */
Fix Headernavigation Img before
Fix Sidemenu Rollover Effekts
Fix Dateimanager Menu
NEW: Transition Effekt

BIN
pixelegg/content-element-library/index_navigation_left.html
View File

Binary file not shown.

3
pixelegg/content-element-library/jquery_ui_dialog.html
View File

@ -81,6 +81,9 @@ Author: Stefan Reinhardt (c) pixelegg
<hr id="0" class="clearer"> <hr id="0" class="clearer">
</body> </body>
</html> </html>

742
pixelegg/css/pixelegg.css
View File

File diff suppressed because it is too large Load Diff

1
pixelegg/css/pixelegg.less
View File

@ -64,5 +64,6 @@
@import "../less/print.less"; @import "../less/print.less";
// //
// //
// //

36
pixelegg/less/def_buttons.less
View File

@ -25,7 +25,7 @@
.border_normal; .border_normal;
.box_shadow_standard_light; .box_shadow_standard_light;
.rounded (3px); .rounded (3px);
color: @gray-100; color: @gray_100;
-webkit-transition-property: background; -webkit-transition-property: background;
-moz-transition-property: background; -moz-transition-property: background;
@ -108,7 +108,7 @@
outline:0; outline:0;
border-width:1px; border-width:1px;
border-style: solid; border-style: solid;
border-color: @gray-30; border-color: @gray_30;
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10); -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10); -moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10); box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
@ -121,7 +121,7 @@
.Complete_Button_input{ .Complete_Button_input{
.border_normal; .border_normal;
border-color: @gray-30; border-color: @gray_30;
.box_shadow_standard_light; .box_shadow_standard_light;
width: auto; width: auto;
/*margin: 0.5em 0em 0.5em 0;*/ /*margin: 0.5em 0em 0.5em 0;*/
@ -140,7 +140,7 @@
outline:0; outline:0;
border-width:1px; border-width:1px;
border-style: solid; border-style: solid;
border-color: @gray-30; border-color: @gray_30;
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10); -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10); -moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10); box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
@ -152,13 +152,13 @@
.Complete_Button_search_action{ .Complete_Button_search_action{
.border_normal; .border_normal;
border-color: @gray-30; border-color: @gray_30;
.box_shadow_standard_light; .box_shadow_standard_light;
width: 45px; width: 45px;
height: 22px; height: 22px;
.border_radius_button_righttop; .border_radius_button_righttop;
.background-color-search; .background_color_search;
color: lighten(@egw_color_1, 15%); color: lighten(@egw_color_1, 15%);
text-decoration: none; text-decoration: none;
@ -189,8 +189,8 @@
.Complete_Button_text{ .Complete_Button_text{
.border_radius_button_normal; .border_radius_button_normal;
.background-color-10-gray; .background_color_10_gray;
border-color: @gray-50; border-color: @gray_50;
cursor: pointer; cursor: pointer;
} }
@ -200,7 +200,7 @@
.border_hover; .border_hover;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
.background-color-30-gray; .background_color_30_gray;
} }
.Complete_Button_text_active{ .Complete_Button_text_active{
color: @gray; color: @gray;
@ -230,21 +230,21 @@
// Buttons nur Icon // Buttons nur Icon
.Complete_Button_Icon_normal { .Complete_Button_Icon_normal {
.background-color-10-gray; .background_color_10_gray;
.box_shadow_standard_light; .box_shadow_standard_light;
.border_normal; .border_normal;
.border_radius_button_normal; .border_radius_button_normal;
} }
.Complete_Button_Icon_hover { .Complete_Button_Icon_hover {
.background-color-20-gray; .background_color_20_gray;
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
.border_hover; .border_hover;
.border_radius_button_normal; .border_radius_button_normal;
} }
.Complete_Button_Icon_active { .Complete_Button_Icon_active {
.background-color-30-gray; .background_color_30_gray;
.border_active; .border_active;
.border_radius_button_normal; .border_radius_button_normal;
.box_shadow_standard_light_inset; .box_shadow_standard_light_inset;
@ -254,16 +254,16 @@
// Button Sub Menupunkte // Button Sub Menupunkte
.Complete_Button_Module_Menu_Links{ .Complete_Button_Module_Menu_Links{
.background-color-10-gray; .background_color_10_gray;
} }
.Complete_Button_Module_Menu_Links_Hover{ .Complete_Button_Module_Menu_Links_Hover{
.background-color-30-gray; .background_color_30_gray;
.color-5-gray; .color_5_gray;
} }
.Complete_Button_Module_Menu_Links_active{ .Complete_Button_Module_Menu_Links_active{
.background-color-10-gray; .background_color_10_gray;
} }
@ -274,7 +274,7 @@
padding-top: 0px; padding-top: 0px;
padding-bottom: 5px; padding-bottom: 5px;
.border_normal; .border_normal;
.background-color-15-gray; .background_color_15_gray;
} }
.Complete_Button_Module_Menu_Links_Sub { .Complete_Button_Module_Menu_Links_Sub {
@ -283,7 +283,7 @@
padding-bottom: 5px; padding-bottom: 5px;
.border_normal; .border_normal;
border-top-width: 0px; border-top-width: 0px;
.background-color-10-gray; .background_color_10_gray;
margin-top: -7px; margin-top: -7px;
padding-left: 14px; padding-left: 14px;

174
pixelegg/less/def_design_pattern_color_font_shadow.less
View File

@ -50,88 +50,93 @@
//Berechnung der EGW Farben //Berechnung der EGW Farben
.background-color-egw-normal {background-color : @egw_color_1_a !important;} .background_color_egw_normal {background-color : @egw_color_1_a !important;}
.background-color-egw-light {background-color : @egw_color_1_d;} .background_color_egw_light {background-color : @egw_color_1_d;}
.background-color-egw-lighter {background-color : @egw_color_1_e;} .background_color_egw_lighter {background-color : @egw_color_1_e;}
.background-color-egw-dark {background-color : @egw_color_2_a;} .background_color_egw_dark {background-color : @egw_color_2_a;}
.background-color-egw-darker {background-color : @egw_color_2_b;} .background_color_egw_darker {background-color : @egw_color_2_b;}
// greyscale // greyscale
@gray : #000000; // Base colur is black @gray : #000000; // Base colur is black
/*@gray-100 : #000000;*/ /*@gray-100 : #000000;*/
@gray-100 : #000000; @gray_100 : #000000;
@gray-90 : #1E1E1E; @gray_90 : #1E1E1E;
@gray-80 : #373737; @gray_80 : #373737;
@gray-70 : #505050; @gray_70 : #505050;
@gray-60 : #696969; @gray_60 : #696969;
@gray-50 : #828282; @gray_50 : #828282;
@gray-40 : #9B9B9B; @gray_40 : #9B9B9B;
@gray-30 : #B4B4B4; @gray_30 : #B4B4B4;
@gray-20 : #CDCDCD; @gray_20 : #CDCDCD;
@gray-10 : #E6E6E6; @gray_10 : #E6E6E6;
@gray-0 : #FFFFFF; @gray_0 : #FFFFFF;
.color-0-gray { color : lighten(@gray, 100%);} // white .color_0_gray { color : lighten(@gray, 100%);} // white
.color-5-gray { color : lighten(@gray, 95%);} .color_5_gray { color : lighten(@gray, 95%);}
.color-10-gray { color : lighten(@gray, 90%);} .color_10_gray { color : lighten(@gray, 90%);}
.color-15-gray { color : lighten(@gray, 85%);} .color_15_gray { color : lighten(@gray, 85%);}
.color-20-gray { color : lighten(@gray, 80%);} .color_20_gray { color : lighten(@gray, 80%);}
.color-25-gray { color : lighten(@gray, 75%);} .color_25_gray { color : lighten(@gray, 75%);}
.color-30-gray { color : lighten(@gray, 70%);} .color_30_gray { color : lighten(@gray, 70%);}
.color-40-gray { color : lighten(@gray, 60%);} .color_40_gray { color : lighten(@gray, 60%);}
.color-50-gray { color : lighten(@gray, 50%);} .color_50_gray { color : lighten(@gray, 50%);}
.color-60-gray { color : lighten(@gray, 40%);} .color_60_gray { color : lighten(@gray, 40%);}
.color-70-gray { color : lighten(@gray, 30%);} .color_70_gray { color : lighten(@gray, 30%);}
.color-80-gray { color : lighten(@gray, 20%);} .color_80_gray { color : lighten(@gray, 20%);}
.color-90-gray { color : lighten(@gray, 10%);} .color_90_gray { color : lighten(@gray, 10%);}
.color-100-gray { color : @gray; } // black .color_100_gray { color : @gray; } // black
@lightgray : @gray*010101; @lightgray : @gray*010101;
/*@darkgrey : .color-90-gray;*/ /*@darkgrey : .color_90_gray;*/
// grey fpr background // grey fpr background
.background-color-0-gray { background-color : lighten(@gray, 100%);} .background_color_0_gray { background-color : lighten(@gray, 100%);}
.background-color-5-gray { background-color : lighten(@gray, 98%); } .background_color_5_gray { background-color : lighten(@gray, 98%); }
.background-color-10-gray { background-color : lighten(@gray, 94%); } .background_color_10_gray { background-color : lighten(@gray, 94%); }
.background-color-15-gray { background-color : lighten(@gray, 85%); } .background_color_15_gray { background-color : lighten(@gray, 85%); }
.background-color-20-gray { background-color : lighten(@gray, 80%); } .background_color_20_gray { background-color : lighten(@gray, 80%); }
.background-color-25-gray { background-color : lighten(@gray, 75%); } .background_color_25_gray { background-color : lighten(@gray, 75%); }
.background-color-30-gray { background-color : lighten(@gray, 70%) !important; } .background_color_30_gray { background-color : lighten(@gray, 70%) !important; }
.background-color-40-gray { background-color : lighten(@gray, 60%); } .background_color_40_gray { background-color : lighten(@gray, 60%); }
.background-color-50-gray { background-color : lighten(@gray, 50%); } .background_color_50_gray { background-color : lighten(@gray, 50%); }
// Warning // Warning
@red: #FF0000; @red: #FF0000;
@color-warning : @red; @color_warning : @red;
// ERROR
@color_error : #AE1D00;
// Test Colour for debug // Test Colour for debug
@yellow : #FFD40F; @yellow : #FFD40F;
// Link Colours // Link Colours
@link-color : #000000; @link_color : #000000;
@link-color-active: @link-color*010101; @link_color_active: @link_color*010101;
// soll EGROUPWARE FARBE GEBEN // soll EGROUPWARE FARBE GEBEN
/*@active_button_border_bottom : @egw_color_2_d;*/ /*@active_button_border_bottom : @egw_color_2_d;*/
// Hint / or have to do / must field // Hint / or have to do / must field
@color-hint : @egw_color_1_a; @color_hint : @egw_color_1_a;
/*optional / can field*/ /*optional / can field*/
@color-optional : lighten(@egw_color_1_a, 25%); @color_optional : lighten(@egw_color_1_a, 25%);
/*Listenausgabe*/ /*Listenausgabe*/
@color-even : @gray-0; @color_even : @gray_0;
@color-odd : darken(@gray-0, 8%); @color_odd : darken(@gray_0, 8%);
// aktiverte Zeilen in allen APP mit Listenausgabe // aktiverte Zeilen in allen APP mit Listenausgabe
@ -148,31 +153,31 @@
/*Button edit + save + apply + copy = positive action */ /*Button edit + save + apply + copy = positive action */
@color-positive-action : #00AB00; // green @color_positive_action : #189800; // green
@color-positive-action-hover : fade(#00AB00, 2%); // green @color_positive_action_hover : fade(#189800, 2%); // green
@color-positive-action-active : lighten(#00AB00, 2%); // green @color_positive_action_active : lighten(#189800, 2%); // green
/*Button cancel = do nothing action */ /*Button cancel = do nothing action */
@color-cancel-action : yellow; @color_cancel_action : #F5B301;
@color-cancel-action-hover : lighten(yellow, 0%); @color_cancel_action_hover : lighten(#F5B301, 0%);
@color-cancel-action-active : lighten(yellow, 15%); @color_cancel_action_active : lighten(#F5B301, 15%);
/*Button delete = negative action */ /*Button delete = negative action */
@color-negative-action : red; @color_negative_action : #AE1D00;
@color-negative-action-hover : lighten(red, 2%); @color_negative_action_hover : lighten(#AE1D00, 2%);
@color-negative-action-active : lighten(red, 10%); @color_negative_action_active : lighten(#AE1D00, 10%);
// Search Button // Search Button
.background-color-search {background-color : lighten(@egw_color_1, 15%); } .background_color_search {background-color : lighten(@egw_color_1, 15%); }
// cal Heute // cal Heute
.background-table-cal-head { background-color : @egw_color_1_a;} .background_table_cal_head { background-color : @egw_color_1_a;}
@color-progress : @egw_color_1_e; @color_progress : @egw_color_1_e;
/*#####################################################################*/ /*#####################################################################*/
// Schriften // Schriften
@ -214,6 +219,16 @@
// Box Shadow // Box Shadow
// none
.box_shadow_none {
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
// auf hellem Hintergrund // auf hellem Hintergrund
.box_shadow_standard_light { .box_shadow_standard_light {
@ -226,9 +241,9 @@
// wird dunkler // wird dunkler
.box_shadow_standard_light_hover { .box_shadow_standard_light_hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
// -webkit-box-shadow: none; // -webkit-box-shadow: none;
// -moz-box-shadow: none; // -moz-box-shadow: none;
// box-shadow:none; // box-shadow:none;
@ -432,7 +447,18 @@
# N x 32 # # N x 32 #
############################*/ ############################*/
.dimension_height_xl{ height: 32px; } .dimension_height_xl{ height: 40px; }
/* ##########################
# large Button #
# #
# #
# #
# N x 32 #
############################*/
.dimension_height_l{ height: 32px; }
/* ########################## /* ##########################
# medium Button # # medium Button #
@ -494,7 +520,7 @@
@start); @start);
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start)); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
} }
.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) { .bw_gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
background: @color, background: @color,
-webkit-gradient(linear, -webkit-gradient(linear,
left bottom, left bottom,
@ -517,7 +543,7 @@
border-right: solid 1px @right-color; border-right: solid 1px @right-color;
border-bottom: solid 1px @bottom-color; border-bottom: solid 1px @bottom-color;
} }
.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @r:0, @g:0, @b:0, @alpha: 0.1, @inset:inset) { .drop_shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @r:0, @g:0, @b:0, @alpha: 0.1, @inset:inset) {
-webkit-box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset; -webkit-box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset;
-moz-box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset; -moz-box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset;
box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset; box-shadow: @x-axis @y-axis @blur rgba(@r, @g, @b, @alpha) @inset;
@ -527,7 +553,7 @@
-moz-border-radius: @radius; -moz-border-radius: @radius;
border-radius: @radius; border-radius: @radius;
} }
.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { .border_radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
-webkit-border-top-right-radius: @topright; -webkit-border-top-right-radius: @topright;
-webkit-border-bottom-right-radius: @bottomright; -webkit-border-bottom-right-radius: @bottomright;
-webkit-border-bottom-left-radius: @bottomleft; -webkit-border-bottom-left-radius: @bottomleft;
@ -540,7 +566,7 @@
border-bottom-right-radius: @bottomright; border-bottom-right-radius: @bottomright;
border-bottom-left-radius: @bottomleft; border-bottom-left-radius: @bottomleft;
border-top-left-radius: @topleft; border-top-left-radius: @topleft;
.background-clip(padding-box); /*.background-clip(padding-box);*/
} }
.opacity(@opacity: 0.5) { .opacity(@opacity: 0.5) {
-moz-opacity: @opacity; -moz-opacity: @opacity;
@ -551,7 +577,7 @@
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})"; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
filter: ~"alpha(opacity=@{opperc})"; filter: ~"alpha(opacity=@{opperc})";
} }
.transition-duration(@duration: 0.2s) { .transition_duration(@duration: 0.2s) {
-moz-transition-duration: @duration; -moz-transition-duration: @duration;
-webkit-transition-duration: @duration; -webkit-transition-duration: @duration;
-o-transition-duration: @duration; -o-transition-duration: @duration;
@ -576,23 +602,23 @@
-o-transition: all @duration @ease; -o-transition: all @duration @ease;
transition: all @duration @ease; transition: all @duration @ease;
} }
.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) { .inner_shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
-webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
-moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
} }
.box-shadow(@arguments) { .box_shadow(@arguments) {
-webkit-box-shadow: @arguments; -webkit-box-shadow: @arguments;
-moz-box-shadow: @arguments; -moz-box-shadow: @arguments;
box-shadow: @arguments; box-shadow: @arguments;
} }
.box-sizing(@sizing: border-box) { .box_sizing(@sizing: border-box) {
-ms-box-sizing: @sizing; -ms-box-sizing: @sizing;
-moz-box-sizing: @sizing; -moz-box-sizing: @sizing;
-webkit-box-sizing: @sizing; -webkit-box-sizing: @sizing;
box-sizing: @sizing; box-sizing: @sizing;
} }
.user-select(@argument: none) { .user_select(@argument: none) {
-webkit-user-select: @argument; -webkit-user-select: @argument;
-moz-user-select: @argument; -moz-user-select: @argument;
-ms-user-select: @argument; -ms-user-select: @argument;
@ -621,7 +647,7 @@
.translate(@x:0, @y:0) { .translate(@x:0, @y:0) {
.transform(translate(@x, @y)); .transform(translate(@x, @y));
} }
.background-clip(@argument: padding-box) { .background_clip(@argument: padding-box) {
-moz-background-clip: @argument; -moz-background-clip: @argument;
-webkit-background-clip: @argument; -webkit-background-clip: @argument;
background-clip: @argument; background-clip: @argument;
@ -629,7 +655,7 @@
/* ##################################################### */ /* ##################################################### */
.gradient-thead{ .gradient_thead{
/*.background-color-5-gray;*/ /*.background-color-5-gray;*/
background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(191,191,191,0.65) 100%); /* FF3.6+ */ background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(191,191,191,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,0)), color-stop(100%,rgba(191,191,191,0.65))); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,0)), color-stop(100%,rgba(191,191,191,0.65))); /* Chrome,Safari4+ */

8
pixelegg/less/def_messages.less
View File

@ -19,8 +19,8 @@
border-width: 9px 0px 0px 9px; border-width: 9px 0px 0px 9px;
border-style: solid; border-style: solid;
border-color: @gray-30; border-color: @gray_30;
.background-color-25-gray; .background_color_25_gray;
@ -29,12 +29,12 @@
// display: none !important; // display: none !important;
border-width: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px;
border-style: solid; border-style: solid;
border-color: @gray-50; border-color: @gray_50;
.border_radius_button_righttop; .border_radius_button_righttop;
padding: 14px 2px 4px 15px; padding: 14px 2px 4px 15px;
font-size: 1em; font-size: 1em;
font-weight: normal; font-weight: normal;
.background-color-10-gray; .background_color_10_gray;
color: @egw_color_2_d; color: @egw_color_2_d;
width: 80%; width: 80%;

138
pixelegg/less/etemplate2.less
View File

@ -86,7 +86,7 @@ div.et2_hbox>div {
display: inline-block; display: inline-block;
/*border: 1px solid cornflowerblue;*/ /*border: 1px solid cornflowerblue;*/
.border_normal; .border_normal;
background-color: @gray-10; background-color: @gray_10;
padding: 3px; padding: 3px;
margin: 1px; margin: 1px;
} }
@ -104,7 +104,7 @@ div.et2_hbox>div {
.et2_placeholder .et2_attr { .et2_placeholder .et2_attr {
display: block; display: block;
font-size: 8pt; font-size: 8pt;
color: @gray-100; color: @gray_100;
margin: 2px 0 2px 0; margin: 2px 0 2px 0;
} }
@ -140,7 +140,7 @@ div.et2_hbox>div {
* Label widget, and labels for other widgets * Label widget, and labels for other widgets
*/ */
.et2_label { .et2_label {
color: @gray-90; color: @gray_90;
// float: left; // float: left;
} }
@ -178,12 +178,12 @@ a.et2_url.url {
* Button widget - text only, and icon * Button widget - text only, and icon
*/ */
.et2_button { .et2_button {
cursor: pointer; /* cursor: pointer;
text-align: center; text-align: center;
font-size: 9pt; font-size: 9pt;*/
text-shadow: 0px 0px !important;
text-shadow: 0px 0px; .Complete_Button_normal;
} }
/*in Nextmatch definiert*/ /*in Nextmatch definiert*/
@ -200,21 +200,38 @@ a.et2_url.url {
// width: 16px; // width: 16px;
.dimension_height_s; .dimension_height_s;
} }
button.et2_button_text:hover, input[type=button]:hover {
color: @gray-90; button.et2_button_text,
border: 1px solid @gray-20; input[type=button] {
background-color: @gray-30;
&:hover{
/*background-color: @gray_30;*/
text-shadow: 0px 0px;
color: @gray_0;
.box_shadow_standard_light_hover;
background-color: @color_positive_action_active;
}
&:active {.box_shadow_standard_light_active !important;}
}
/*button.et2_button_text:hover, input[type=button]:hover {
color: @gray_90;
border: 1px solid @gray_20;
background-color: @gray_30;
} }
button.et2_button_text:active, input[type=button]:active { button.et2_button_text:active, input[type=button]:active {
/*background-image: none !important;*/ background-image: none !important;
background-color: @gray-50; background-color: @gray_50;
color: @gray-0; color: @gray_0;
} }
button.et2_button_text:focus, input[type=button]:focus { button.et2_button_text:focus, input[type=button]:focus {
border: 1px solid @gray-40; border: 1px solid @gray_40;
color: @gray-0; color: @gray_0;
outline: none; outline: none;
} }*/
/** /**
* Drop down button * Drop down button
@ -310,7 +327,7 @@ button.et2_button_text:focus, input[type=button]:focus {
// text-indent: -26px; // text-indent: -26px;
// max-width: 85%; // max-width: 85%;
&:hover {background-color: @color-hint !important;} &:hover {background-color: @color_hint !important;}
@ -345,7 +362,7 @@ button.et2_button_text:focus, input[type=button]:focus {
.et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close{ .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close{
/*visibility: hidden;*/ /*visibility: hidden;*/
background-image: url(../images/close.png); background-image: url(../images/close.png);
background: @gray-0; background: @gray_0;
margin: 2px; margin: 2px;
padding: 0px; padding: 0px;
} }
@ -387,7 +404,7 @@ span.et2_date span {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
color: @gray-0; color: @gray_0;
cursor: pointer; cursor: pointer;
padding-top: 3px; padding-top: 3px;
padding-left: 22px; padding-left: 22px;
@ -475,7 +492,7 @@ div.et2_file input {background-color: @egw_color_1_a;}
} }
.et2_file .progress p { .et2_file .progress p {
background-color: @color-progress; background-color: @color_progress;
height:5px; height:5px;
margin: 0px; margin: 0px;
} }
@ -542,7 +559,7 @@ div.et2_link_entry input.ui-autocomplete-input {
} }
.et2_link_entry .ui-icon-close { .et2_link_entry .ui-icon-close {
display: inline-block; display: inline-block;
background-color: @gray-0; background-color: @gray_0;
border: none; border: none;
position: relative; position: relative;
top: 3px; top: 3px;
@ -663,7 +680,7 @@ ul.et2_link_string {
position: fixed; position: fixed;
border: 1px solid #897f51; border: 1px solid #897f51;
padding: 3px; padding: 3px;
background-color: @color-hint; background-color: @color_hint;
max-width: 300px; max-width: 300px;
color: black; color: black;
} }
@ -678,12 +695,10 @@ ul.et2_link_string {
padding: 4px; padding: 4px;
cursor: pointer; cursor: pointer;
font-size: 0.8em; font-size: 0.8em;
.border-radius(3px,0,0,3px); /*.border_radius(3px,0,0,3px);*/
// .bordered (@egw_color_2_c, @egw_color_2_c, #bfbfbf, @egw_color_2_c);
.background-color-25-gray; .background_color_25_gray;
// .border_radius_button_normal; .inner_shadow(1px, 0px, 0px, 0.5);
// .border_normal;
-webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
@ -694,18 +709,13 @@ ul.et2_link_string {
user-select: none; user-select: none;
&:hover { &:hover {
.color-5-gray; .color_5_gray;
// border: 1px solid gray; .background_color_25_gray;
.background-color-25-gray;
} }
&:active{ &:active{
.background-color-0-gray; .background_color_0_gray;
// border-width: 3px 1px 0px 0; .color_0_gray;
// border-style: solid;
// border-spacing: 0px;
// border-color: @active_button_border_bottom;
.color-0-gray;
} }
} }
@ -717,14 +727,14 @@ ul.et2_link_string {
// border-style: solid; // border-style: solid;
border-spacing: 0px; border-spacing: 0px;
// border-color: @active_button_border_bottom; // border-color: @active_button_border_bottom;
// .color-0-gray; // .color_0_gray;
background-color: white; background-color: white;
.color-100-gray; .color_100_gray;
border-width: 1px 1px 0px 1px; border-width: 1px 1px 0px 1px;
border-style: solid; border-style: solid;
border-color: @gray-70; border-color: @gray_70;
&:hover { &:hover {
.color-100-gray; .color_100_gray;
// border: 1px solid gray; // border: 1px solid gray;
background-color: white; background-color: white;
} }
@ -733,16 +743,16 @@ ul.et2_link_string {
.et2_tabs { .et2_tabs {
border-width: 0px 1px 1px 1px; border-width: 0px 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: @gray-70; border-color: @gray_70;
padding: 5px; padding: 5px;
overflow-y: auto; overflow-y: auto;
background-color: @gray-0; background-color: @gray_0;
.border_radius_button_normal; .border_radius_button_normal;
} }
.et2_tabheader { .et2_tabheader {
// background-color: @gray-20; // background-color: @gray_20;
background-position: bottom; background-position: bottom;
background-repeat: repeat-x; background-repeat: repeat-x;
padding-left: 0em; padding-left: 0em;
@ -776,7 +786,7 @@ ul.et2_vfs {
*/ */
[required] { [required] {
background-color: @egw_color_1_a; background-color: @egw_color_1_a;
.border-radius (3px, 3px ,3px ,3px ); .border_radius (3px, 3px ,3px ,3px );
input{ input{
} }
@ -790,7 +800,7 @@ ul.et2_vfs {
-moz-box-shadow: 0 0 6px #DDDDDD; -moz-box-shadow: 0 0 6px #DDDDDD;
background-color: #FFFE36; background-color: #FFFE36;
border: 1px solid #E1E16D; border: 1px solid #E1E16D;
color: @color-warning; color: @color_warning;
display: none; display: none;
font-size: 11px; font-size: 11px;
height: 15px; height: 15px;
@ -806,7 +816,7 @@ ul.et2_vfs {
hr { hr {
border-style: none; border-style: none;
border-top: 1px solid @gray-10; border-top: 1px solid @gray_10;
height: 1px; height: 1px;
margin: 10px 0px 10px 0px; margin: 10px 0px 10px 0px;
} }
@ -823,7 +833,7 @@ table.et2_grid {
/* border: 1px dashed silver;*/ /* border: 1px dashed silver;*/
.gray { .gray {
padding: 1em; background-color: @color-hint; padding: 1em; background-color: @color_hint;
span {background-color: transparent;} span {background-color: transparent;}
} }
} }
@ -902,7 +912,7 @@ div.message.floating {
.et2_nextmatch { .et2_nextmatch {
.background-color-10-gray; .background_color_10_gray;
} }
/* Left & right headers*/ /* Left & right headers*/
@ -939,12 +949,12 @@ div.message.floating {
width: 80%; width: 80%;
margin-bottom: 4px; margin-bottom: 4px;
padding: 0; padding: 0;
background-color: @gray-30; background-color: @gray_30;
border: none !important; border: none !important;
border-color: @gray-100; border-color: @gray_100;
background-image: none !important; background-image: none !important;
height: 37px; height: 37px;
.border-radius (15px, 3px, 0px, 0px); .border_radius (15px, 3px, 0px, 0px);
.et2_label { .et2_label {
@ -986,7 +996,7 @@ div.message.floating {
// Search Field // Search Field
.nextmatch_header > .filters input[type=search] { .nextmatch_header > .filters input[type=search] {
.background-color-search; .background_color_search;
color: black; color: black;
/*height: 25px;*/ /*height: 25px;*/
float: left; float: left;
@ -1060,8 +1070,8 @@ div.message.floating {
// margin-right: 3px; // margin-right: 3px;
} }
.et2_nextmatch .nextmatch_header > .filters { .et2_nextmatch .nextmatch_header > .filters {
border: 1px solid @gray-10; border: 1px solid @gray_10;
background-color: @gray-20; background-color: @gray_20;
background-image: url(../images/header_overlay.png); background-image: url(../images/header_overlay.png);
background-position: center; background-position: center;
background-repeat: repeat-x; background-repeat: repeat-x;
@ -1097,7 +1107,7 @@ div.message.floating {
.box_shadow_standard_light; .box_shadow_standard_light;
.border_radius_button_normal; .border_radius_button_normal;
.background-color-25-gray; .background_color_25_gray;
} }
@ -1113,7 +1123,7 @@ div.message.floating {
vertical-align: middle; vertical-align: middle;
margin-right: -2px; margin-right: -2px;
padding: 0px 1ex; padding: 0px 1ex;
.background-color-0-gray; .background_color_0_gray;
background-image: none; background-image: none;
// width: 50px; // width: 50px;
@ -1156,7 +1166,7 @@ div.message.floating {
/* hover */ /* hover */
button.ui-state-hover { button.ui-state-hover {
background-color: @gray-30 !important; background-color: @gray_30 !important;
// background-image: url("../images/fav_filter_normal.png") !important; // background-image: url("../images/fav_filter_normal.png") !important;
// background-repeat: no-repeat !important; // background-repeat: no-repeat !important;
background-size: 16px 16px !important; background-size: 16px 16px !important;
@ -1250,7 +1260,7 @@ div.message.floating {
padding-left: 0 !important; padding-left: 0 !important;
margin-left: 0px; margin-left: 0px;
line-height: 1.5em; line-height: 2.5em;
img { img {
@ -1290,10 +1300,10 @@ div.message.floating {
.ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { .ui-widget-header .ui-state-focus {
.bordered(1px, 1px, 1px,1px); .bordered(1px, 1px, 1px,1px);
border-color: @gray-10; border-color: @gray_10;
background: transparent !important; background: transparent !important;
font-weight: bold; font-weight: bold;
.color-100-gray; .color_100_gray;
} }
.ui-menu-icons { .ui-menu-icons {
@ -1474,7 +1484,7 @@ div.et2_progress {
text-align: left; text-align: left;
} }
div.et2_progress > div { div.et2_progress > div {
background-color: @color-progress; background-color: @color_progress;
height: 5px; height: 5px;
} }
@ -1665,7 +1675,7 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
textarea, textarea,
textarea.description { textarea.description {
background-color: @color-optional; background-color: @color_optional;
padding: 0.3em 0 0 0.3em; padding: 0.3em 0 0 0.3em;
} }
@ -1729,4 +1739,4 @@ iframe#admin-index_iframe{
} }
// //
// //

70
pixelegg/less/jquery-ui.less
View File

@ -28,7 +28,7 @@ option:checked {background-color: @egw_color_1_e;}
z-index: 9999; z-index: 9999;
max-width: 300px; max-width: 300px;
.box-shadow (0 0 5px #aaa); .box_shadow (0 0 5px #aaa);
} }
/* Component containers /* Component containers
@ -56,28 +56,28 @@ option:checked {background-color: @egw_color_1_e;}
// background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; // background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
// color: #222222; // color: #222222;
background-image: none; background-image: none;
.color-50-gray !important; .color_50_gray !important;
background: white; background: white;
} }
.ui-widget-content a { .ui-widget-content a {
// color: #222222; // color: #222222;
.color-40-gray; .color_40_gray;
} }
.ui-widget-header { .ui-widget-header {
// border: 1px solid #4297d7; // border: 1px solid #4297d7;
.bordered(0px, 0px, 0px,0px) !important; .bordered(0px, 0px, 0px,0px) !important;
.gradient-thead !important; .gradient_thead !important;
/*border-color: @gray-10;*/ /*border-color: @gray_10;*/
// background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; // background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
// color: #ffffff; // color: #ffffff;
color : @gray-100; color : @gray_100;
font-weight: bold; font-weight: bold;
background-image: none; background-image: none;
border: 0px !important; border: 0px !important;
} }
.ui-widget-header a { .ui-widget-header a {
// color: #ffffff; // color: #ffffff;
.color-0-gray; .color_0_gray;
} }
/* Interaction states /* Interaction states
@ -86,18 +86,18 @@ option:checked {background-color: @egw_color_1_e;}
.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { .ui-widget-header .ui-state-default {
.bordered(1px, 1px, 1px,1px); .bordered(1px, 1px, 1px,1px);
border-color: @gray-10; border-color: @gray_10;
// background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; // background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
background: transparent; background: transparent;
font-weight: bold; font-weight: bold;
.color-40-gray; .color_40_gray;
// float: left; // float: left;
// position: relative; // position: relative;
} }
.ui-state-default a, .ui-state-default a,
.ui-state-default a:link, .ui-state-default a:link,
.ui-state-default a:visited { .ui-state-default a:visited {
.color-40-gray; .color_40_gray;
text-decoration: none; text-decoration: none;
} }
.ui-state-hover, .ui-state-hover,
@ -107,35 +107,35 @@ option:checked {background-color: @egw_color_1_e;}
.ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { .ui-widget-header .ui-state-focus {
.bordered(1px, 1px, 1px,1px); .bordered(1px, 1px, 1px,1px);
border-color: @gray-10; border-color: @gray_10;
// background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; // background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
background: @color-hint !important; background: @color_hint !important;
background-image: none !important; background-image: none !important;
// font-size: 105%; // font-size: 105%;
.color-100-gray; .color_100_gray;
// font-weight: normal !important; // font-weight: normal !important;
} }
.ui-state-hover a, .ui-state-hover a,
.ui-state-hover a:hover, .ui-state-hover a:hover,
.ui-state-hover a:link, .ui-state-hover a:link,
.ui-state-hover a:visited { .ui-state-hover a:visited {
.color-50-gray; .color_50_gray;
text-decoration: none; text-decoration: none;
} }
.ui-state-active, .ui-state-active,
.ui-widget-content .ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { .ui-widget-header .ui-state-active {
.bordered(1px, 1px, 1px,1px); .bordered(1px, 1px, 1px,1px);
border-color: @gray-20; border-color: @gray_20;
background: @color-hint; background: @color_hint;
background-image: none; background-image: none;
font-weight: bold; font-weight: bold;
.color-50-gray; .color_50_gray;
} }
.ui-state-active a, .ui-state-active a,
.ui-state-active a:link, .ui-state-active a:link,
.ui-state-active a:visited { .ui-state-active a:visited {
.color-50-gray; .color_50_gray;
text-decoration: none; text-decoration: none;
} }
@ -145,22 +145,22 @@ option:checked {background-color: @egw_color_1_e;}
.ui-widget-content .ui-state-highlight, .ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { .ui-widget-header .ui-state-highlight {
.bordered(1px, 1px, 1px,1px); .bordered(1px, 1px, 1px,1px);
border-color: @gray-30; border-color: @gray_30;
background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
.color-50-gray; .color_50_gray;
} }
.ui-state-highlight a, .ui-state-highlight a,
.ui-widget-content .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a { .ui-widget-header .ui-state-highlight a {
.color-10-gray; .color_10_gray;
} }
.ui-state-error, .ui-state-error,
.ui-widget-content .ui-state-error, .ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error { .ui-widget-header .ui-state-error {
.bordered(1px, 1px, 1px,1px); .bordered(1px, 1px, 1px,1px);
border-color: @gray-10; border-color: @gray_10;
// background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; // background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
.color-30-gray; .color_30_gray;
} }
.ui-state-error a, .ui-state-error a,
.ui-widget-content .ui-state-error a,{ .ui-widget-content .ui-state-error a,{
@ -177,7 +177,7 @@ option:checked {background-color: @egw_color_1_e;}
/*visibility: hidden;*/ /*visibility: hidden;*/
background-image: url(../images/search.png); background-image: url(../images/search.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: @gray-0; background-color: @gray_0;
background-size: contain; background-size: contain;
.dimension_width_height_s; .dimension_width_height_s;
margin: 2px; margin: 2px;
@ -185,11 +185,11 @@ option:checked {background-color: @egw_color_1_e;}
margin-top: 1px; margin-top: 1px;
.rounded (2px); .rounded (2px);
&:hover{ background-color: @gray-30; color: @gray-90;.box_shadow_standard_light_hover;} &:hover{ background-color: @gray_30; color: @gray_90;.box_shadow_standard_light_hover;}
&:active { &:active {
.box_shadow_standard_light_active !important; .box_shadow_standard_light_active !important;
background-color: @color-cancel-action-active !important; background-color: @color_cancel_action_active !important;
} }
} }
@ -199,17 +199,17 @@ span.ui-icon-close {margin-top: 0px; top: 5px !important;}
.ui-icon-closethick { .ui-icon-closethick {
background-image: url(../images/close.png) !important; background-image: url(../images/close.png) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: @gray-0; background-color: @gray_0;
background-size: contain; background-size: contain;
background-position: 0 0 !important; background-position: 0 0 !important;
.color-0-gray; .color_0_gray;
.dimension_height_s; .dimension_height_s;
&:hover{ background-color: @gray-10; color: @gray-90; .box_shadow_standard_light_hover;} &:hover{ background-color: @gray_10; color: @gray_90; .box_shadow_standard_light_hover;}
&:active { &:active {
.box_shadow_standard_light_active !important; .box_shadow_standard_light_active !important;
background-color: @color-cancel-action-active !important; background-color: @color_cancel_action_active !important;
} }
} }
@ -237,7 +237,7 @@ span.ui-icon-search{
div.ui-widget-header { div.ui-widget-header {
ul li label.ui-state-hover {background-color: @color-hint; font-weight: normal;} ul li label.ui-state-hover {background-color: @color_hint; font-weight: normal;}
} }
@ -254,15 +254,15 @@ span.ui-icon-search{
button{ button{
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
&:hover{ background-color: @gray-30; color: @gray-90;} &:hover{ background-color: @gray_30; color: @gray_90;}
} }
button.ui-button-text-only {background-color: @gray-20 !important; button.ui-button-text-only {background-color: @gray_20 !important;
background: inherit; background: inherit;
color: @gray-100 !important; color: @gray_100 !important;
font-weight: normal !important; font-weight: normal !important;
&:hover{ background-color: @gray-30 !important;} &:hover{ background-color: @gray_30 !important;}
} }
} }
// //

BIN
pixelegg/less/layout_chosen.less
View File

Binary file not shown.

94
pixelegg/less/layout_content_elements.less
View File

@ -35,8 +35,8 @@ html * {
body{ body{
background-image:none; background-image:none;
.background-color-10-gray; .background_color_10_gray;
.color-100-gray; // Schriftfarbe schwarz .color_100_gray; // Schriftfarbe schwarz
margin: 0px !important; margin: 0px !important;
padding: 0px !important; padding: 0px !important;
@ -61,7 +61,7 @@ textarea {
.basefontfamily; .basefontfamily;
.background-color-5-gray ; .background_color_5_gray ;
} }
//########################## //##########################
@ -88,6 +88,8 @@ select {
} }
:hover {.transition (0.2s, ease-out);}
// ############################# // #############################
// Schriftformate // Schriftformate
@ -140,7 +142,7 @@ select {
position:relative; position:relative;
} }
select:after { /*select:after {
content:'<>'; content:'<>';
font:11px "Consolas", monospace; font:11px "Consolas", monospace;
color:#aaa; color:#aaa;
@ -162,7 +164,7 @@ select:before {
position:absolute; position:absolute;
pointer-events:none; pointer-events:none;
display:block; display:block;
} }*/
div.selectbox-wrapper { div.selectbox-wrapper {
@ -225,7 +227,7 @@ div.selectbox-wrapper {
} }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{ .sbSelector:link, .sbSelector:visited, .sbSelector:hover{
// color: #EBB52D; // color: #EBB52D;
.color-50-gray; .color_50_gray;
outline: none; outline: none;
text-decoration: none; text-decoration: none;
} }
@ -263,7 +265,7 @@ div.selectbox-wrapper {
.sbOptions{ .sbOptions{
// background-color: #212121; // background-color: #212121;
.background-color-0-gray; .background_color_0_gray;
border: solid 1px #515151; border: solid 1px #515151;
list-style: none; list-style: none;
left: -1px; left: -1px;
@ -288,7 +290,7 @@ div.selectbox-wrapper {
a:link, a:link,
a:visited{ a:visited{
.color-100-gray; .color_100_gray;
text-decoration: none; text-decoration: none;
} }
a:hover, a:hover,
@ -328,17 +330,17 @@ div.selectbox-wrapper {
// Links // Links
a:link, a:visited, select, input, textarea { a:link, a:visited, select, input, textarea {
color : @link-color; color : @link_color;
} }
select,input,button select,input,button
{ {
.color-100-gray; .color_100_gray;
font-size:99%; font-size:99%;
padding: 0.2em 0; padding: 0.2em 0;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: @gray-20; border-color: @gray_20;
} }
select select
@ -349,14 +351,14 @@ select
a:link,a:visited a:link,a:visited
{ {
cursor:pointer; cursor:pointer;
color: @link-color; color: @link_color;
text-decoration: none; text-decoration: none;
} }
a:hover,a:active a:hover,a:active
{ {
cursor:pointer; cursor:pointer;
color:@link-color-active; color:@link_color_active;
text-decoration: underline; text-decoration: underline;
} }
@ -423,7 +425,7 @@ hr.clearer {
width: 100%; width: 100%;
background-color: @egw_color_1_a; background-color: @egw_color_1_a;
.rounded (3px); .rounded (3px);
border: 1px solid @gray-100; border: 1px solid @gray_100;
} }
//############################################################################################################## //##############################################################################################################
@ -435,14 +437,14 @@ hr.clearer {
} }
.lettersearch:hover { .lettersearch:hover {
.background-color-30-gray; .background_color_30_gray;
.color-0-gray; .color_0_gray;
} }
.lettersearch_active{ .lettersearch_active{
.Complete_Button_lettersearch; .Complete_Button_lettersearch;
.background-color-30-gray; .background_color_30_gray;
// background-color: #808080 !important; // background-color: #808080 !important;
font-weight: bold; font-weight: bold;
} }
@ -525,7 +527,7 @@ div{
} }
input[type=submit],input[type=button],input[type=reset],button,.egwbutton input[type=submit],input[type=button],input[type=reset],button,.egwbutton
{ {
.background-color-10-gray; .background_color_10_gray;
background-image: none; background-image: none;
border: outset 1px #b9d5e3; border: outset 1px #b9d5e3;
margin: 1px; margin: 1px;
@ -536,7 +538,7 @@ input[type=submit],input[type=button],input[type=reset],button,.egwbutton
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover
{ {
.background-color-15-gray; .background_color_15_gray;
background-image: none; background-image: none;
border: outset 1px #b9d5e3; border: outset 1px #b9d5e3;
color: #004e7d; color: #004e7d;
@ -611,9 +613,9 @@ input[type=image]
.divSideboxHeader .divSideboxHeader
{ {
text-align:center; text-align:center;
.background-color-15-gray; .background_color_15_gray;
padding-top:2px; padding-top:2px;
.color-50-gray; .color_50_gray;
} }
@ -798,11 +800,7 @@ a.textSidebox
button{ button{
.Complete_Button_normal; // siehe etemplate2.less
&:hover{ background-color: @gray-30; color: @gray-90;.box_shadow_standard_light_hover;}
&:active {.box_shadow_standard_light_active !important;}
} }
/* ######################################################################################## /* ########################################################################################
* *
@ -821,21 +819,21 @@ button[id="addressbook-edit_button[delete]"]
margin-left: 3em; margin-left: 3em;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
/*background-color: @color-negative-action !important;*/ /*background-color: @color-negative-action !important;*/
/*color: @gray-100 !important;*/ /*color: @gray_100 !important;*/
&:hover { &:hover {
background-image:url('../images/delete-hover.png') !important; background-image:url('../images/delete-hover.png') !important;
background-color: @color-negative-action-hover !important; background-color: @color_negative_action_hover !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
color: @gray-0 !important;; color: @gray_0 !important;;
} }
&:active { &:active {
background-image:url('../images/delete-hover.png') !important; background-image:url('../images/delete-hover.png') !important;
background-color: @color-negative-action-active !important; background-color: @color_negative_action_active !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
color: @gray-0; color: @gray_0;
} }
} }
@ -846,20 +844,20 @@ button[id="addressbook-edit_button[delete]"]
######################################################################################## */ ######################################################################################## */
button[id*="save"] { button[id*="save"] {
&:active {background-color: @color-positive-action-active;} &:active {background-color: @color_positive_action_active;}
} }
button[id*="apply"]{ button[id*="apply"]{
&:active {background-color: @color-positive-action-active;} &:active {background-color: @color_positive_action_active;}
} }
button[id*="copy"]{ button[id*="copy"]{
&:active {background-color: @color-positive-action-active;} &:active {background-color: @color_positive_action_active;}
} }
button[id*="edit_button[edit]"]{ button[id*="edit_button[edit]"]{
&:active {background-color: @color-positive-action-active;} &:active {background-color: @color_positive_action_active;}
} }
button#filemanager-select_button[ok]{ button#filemanager-select_button[ok]{
&:active {background-color: @color-positive-action-active;} &:active {background-color: @color_positive_action_active;}
} }
/*ui-widget*/ /*ui-widget*/
@ -868,29 +866,29 @@ button#series {
background-image:url('../images/edit.png') !important; background-image:url('../images/edit.png') !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
&:hover {background-image:url('../images/edit.png') !important;} &:hover {background-image:url('../images/edit.png') !important;}
&:active {background-color: @color-positive-action-active !important;} &:active {background-color: @color_positive_action_active !important;}
} }
/*edit exception*/ /*edit exception*/
button#exception { button#exception {
background-image:url('../images/edit.png') !important; background-image:url('../images/edit.png') !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
&:hover {background-image:url('../images/edit.png') !important;} &:hover {background-image:url('../images/edit.png') !important;}
&:active {background-color: @color-positive-action-active !important;} &:active {background-color: @color_positive_action_active !important;}
} }
/*calendar series add*/ /*calendar series add*/
#calendar-edit_add { #calendar-edit_add {
&:active {background-color: @color-positive-action-active !important;} &:active {background-color: @color_positive_action_active !important;}
/* .Complete_Button_add; /* .Complete_Button_add;
&:hover {.Complete_Button_add_hover;} */ &:hover {.Complete_Button_add_hover;} */
} }
/*calendar search freetime*/ /*calendar search freetime*/
#calendar-edit_freetime{ #calendar-edit_freetime{
&:active {background-color: @color-positive-action-active !important;} &:active {background-color: @color_positive_action_active !important;}
} }
/*calendar search freetime*/ /*calendar search freetime*/
button[id*="edit_button[add_alarm]"]{ button[id*="edit_button[add_alarm]"]{
&:active {background-color: @color-positive-action-active !important;} &:active {background-color: @color_positive_action_active !important;}
} }
/* ######################################################################################## /* ########################################################################################
* *
@ -901,13 +899,13 @@ button[id*="edit_button[add_alarm]"]{
button[id*="cancel"], button[id*="cancel"],
button#cancel{ button#cancel{
&:hover { background-color: @color-cancel-action-hover !important; color: @gray-100; } &:hover { background-color: @color_cancel_action_hover !important; color: @gray_100; }
&:active { background-color: @color-cancel-action-active !important; color: @gray-80; } &:active { background-color: @color_cancel_action_active !important; color: @gray_80; }
} }
/* et2_box_widget ###*/ /* et2_box_widget ###*/
/*div.et2_box_widget .et2_button_text:last-child,*/ /*div.et2_box_widget .et2_button_text:last_child,*/
button[id="cancel"]{ button[id="cancel"]{
background-image:url('../images/cancel.png') !important; background-image:url('../images/cancel.png') !important;
@ -915,8 +913,8 @@ button[id="cancel"]{
content: "ID missing"; content: "ID missing";
&:hover {background-color: @color-cancel-action-hover !important; .box_shadow_standard_light_hover;} &:hover {background-color: @color_cancel_action_hover !important; .box_shadow_standard_light_hover;}
&:active {background-color: @color-cancel-action-active !important; .box_shadow_standard_light_inset;} &:active {background-color: @color_cancel_action_active !important; .box_shadow_standard_light_inset;}
} }
/* ######################################################################################## /* ########################################################################################
@ -933,7 +931,7 @@ button[id="add"]{
background-image:url('../images/add.png') !important; background-image:url('../images/add.png') !important;
.Complete_Button_text_icon_before; .Complete_Button_text_icon_before;
&:active {background-color: @color-positive-action-active !important;} &:active {background-color: @color_positive_action_active !important;}
} }
/* ######################################################################################## /* ########################################################################################
@ -963,4 +961,4 @@ button.et2_button_with_image{
} }
} }
// //

BIN
pixelegg/less/layout_dialog.less
View File

Binary file not shown.

BIN
pixelegg/less/layout_footer.less
View File

Binary file not shown.

26
pixelegg/less/layout_loginPage.css
View File

@ -53,9 +53,7 @@
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-top-left-radius: 25px; border-top-left-radius: 25px;
-moz-background-clip: padding-box; /*.background-clip(padding-box);*/
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-top: solid 1px #0c5da5; border-top: solid 1px #0c5da5;
border-left: solid 1px #0c5da5; border-left: solid 1px #0c5da5;
border-right: solid 1px #0c5da5; border-right: solid 1px #0c5da5;
@ -86,9 +84,9 @@
margin: 1em; margin: 1em;
} }
#loginMainDiv div#centerBox form table.divLoginbox { #loginMainDiv div#centerBox form table.divLoginbox {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -100,11 +98,11 @@
padding: 0.5em; padding: 0.5em;
} }
#loginMainDiv div#centerBox form table.divLoginbox select { #loginMainDiv div#centerBox form table.divLoginbox select {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0.5em; margin: 5px 0em 5px 5px;
padding: 3px; padding: 3px;
outline: none; outline: none;
display: inline-block; display: inline-block;
@ -121,11 +119,11 @@
#loginMainDiv div#centerBox form table.divLoginbox input { #loginMainDiv div#centerBox form table.divLoginbox input {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
border-color: #b4b4b4; border-color: #b4b4b4;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0; /*margin: 0.5em 0em 0.5em 0;*/
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;

BIN
pixelegg/less/layout_loginPage.less
View File

Binary file not shown.

12
pixelegg/less/layout_messages.less
View File

@ -18,7 +18,7 @@
#msg,.message { #msg,.message {
color: red; color: red;
font-style: italic; font-style: italic;
background: @gray-0; background: @gray_0;
} }
@ -27,8 +27,8 @@
border-width: 9px 0px 0px 0px; border-width: 9px 0px 0px 0px;
border-style: solid; border-style: solid;
border-color: @gray-30; border-color: @gray_30;
.background-color-30-gray; .background_color_30_gray;
@ -37,12 +37,12 @@
// display: none !important; // display: none !important;
border-width: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px;
border-style: solid; border-style: solid;
border-color: @gray-10; border-color: @gray_10;
.border_radius_button_righttop; .border_radius_button_righttop;
padding: 5px 2px 4px 15px; padding: 5px 2px 4px 15px;
font-size: 1em; font-size: 1em;
font-weight: normal; font-weight: normal;
.background-color-10-gray; .background_color_10_gray;
color: @egw_color_2_d; color: @egw_color_2_d;
width: 80%; width: 80%;
@ -67,7 +67,7 @@
span.message { span.message {
height: 35px; height: 35px;
border-bottom: 2px solid @gray-10; border-bottom: 2px solid @gray_10;
color: white; color: white;
background: red; background: red;
height: auto; height: auto;

335
pixelegg/less/layout_raster.less
View File

@ -30,7 +30,7 @@
// .background-color-0-gray; // .background-color-0-gray;
margin: 0; margin: 0;
body {.background-color-0-gray; } body {.background_color_0_gray; }
} }
.egwGridView_scrollarea { .egwGridView_scrollarea {
@ -51,12 +51,12 @@
margin-left: -8px; margin-left: -8px;
text-align: center; text-align: center;
height: 45px; height: 45px;
.background-color-5-gray; .background_color_5_gray;
img { img {
height: 40px; height: 40px;
border: none; border: none;
.background-color-5-gray; .background_color_5_gray;
} }
} }
@ -81,95 +81,121 @@
#egw_fw_topmenu_items { #egw_fw_topmenu_items {
float: left; float: left;
padding-top: 10px; padding-top: 10px;
width: 70%;
ul { ul {
li{ li{
.color-100-gray; .color_100_gray;
.Button_size_square_32; /*.Button_size_square_32;*/
padding: 0.3em 0.4em; padding: 0.3em 0.4em;
.Complete_Button_normal; .Complete_Button_normal;
&:hover{.Complete_Button_hover;.color-100-gray;} &:hover{.Complete_Button_hover;.color_100_gray;}
&:active {.Complete_Button_active;} &:active {.Complete_Button_active;}
.transition (0.2s, ease-out);
a {
.color_100_gray;
text-decoration: none;
a {.color-100-gray; text-decoration: none; } &:hover {
.color_50_gray;
border-color: @gray_50;
text-decoration: none !important;
}
}
a:hover {
.color-50-gray;
border-color: @gray-50;
text-decoration: none !important;
}
} }
/*Home*/ /*Home*/
li:first-child{ li:first-child{
margin-left: 10px; margin-left: 10px;
:before{border: none;} :before{border: none;}
a:before { }
padding-right: 5px;
content: url(../images/topmenu_items/home.png); /*home*/
a#topmenu_home {
margin-left: 0px;
&:before {
padding-right: 20px;
content: " ";
background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat;
.dimension_width_height_s; .dimension_width_height_s;
} }
} }
/*Setup*/ /*Setup / Einstellungen*/
li:nth-child(2){ a#topmenu_prefs{
a:before { margin-left: 0px;
padding-right: 5px; &:before {
content: url(../images/topmenu_items/setup.png); padding-right: 20px;
content: "";
background-image: url(../images/topmenu_items/setup.png);
background-repeat: no-repeat;
.dimension_width_height_s; .dimension_width_height_s;
} }
} }
/*access*/
li:nth-child(3){ /*access / Zugriff */
a:before { a#topmenu_acl{
padding-right: 5px; &:before {
content: url(../images/topmenu_items/access.png); padding-right: 20px;
content: "";
background-repeat: no-repeat;
.dimension_width_height_s; .dimension_width_height_s;
background-image: url(../images/topmenu_items/access.png);
} }
} }
/*category*/ /*category*/
li:nth-child(4){ a#topmenu_cats{
a:before { &:before {
padding-right: 5px; background-image: url(../images/topmenu_items/category.png);
content: url(../images/topmenu_items/category.png); padding-right: 20px;
content: "";
background-repeat: no-repeat;
.dimension_width_height_s; .dimension_width_height_s;
} }
} }
/*password*/ /*password*/
li:nth-child(5){ a#topmenu_preferences{
a:before { &:before {
padding-right: 5px; background-image: url(../images/topmenu_items/password.png);
content: url(../images/topmenu_items/password.png); padding-right: 20px;
content: "";
background-repeat: no-repeat;
.dimension_width_height_s; .dimension_width_height_s;
} }
} }
/*help*/ /*help*/
li:nth-child(6){ a#topmenu_manual{
a:before { &:before {
padding-right: 5px; background-image: url(../images/topmenu_items/help.png);
content: url(../images/topmenu_items/help.png); padding-right: 20px;
content: "";
background-repeat: no-repeat;
.dimension_width_height_s; .dimension_width_height_s;
} }
} }
/*Search*/ /*Search*/
li:nth-child(7){ a#topmenu_search{
a:before { &:before {
padding-right: 5px; background-image: url(../images/topmenu_items/search.png);
content: url(../images/topmenu_items/search.png); padding-right: 20px;
content: "";
background-repeat: no-repeat;
.dimension_width_height_s; .dimension_width_height_s;
} }
} }
/*logout*/ /*logout*/
li:nth-child(8){ a#topmenu_logout{
a:before { &:before {
padding-right: 5px; background-image: url(../images/topmenu_items/logout.png);
content: url(../images/topmenu_items/logout.png); padding-right: 20px;
content: "";
background-repeat: no-repeat;
.dimension_width_height_s; .dimension_width_height_s;
} }
} }
@ -243,37 +269,63 @@
// quick_add // quick_add
span#quick_add{ span#quick_add{
.Complete_Button_add; /*.Complete_Button_add;*/
.Button_size_square_16;
.border_normal;
.box_shadow_standard_light;
float: right;
position: fixed; position: fixed;
right: 88px; right: 83px;
top: 0; top: 5px;
z-index: 200; padding: 0.5em;
&:before {content: "+"; font-size: 2em; color: @egw_color_1; line-height: 0.6em}
padding: 5px 0.8em 6px 0.5em; &:focus {.box_shadow_standard_light_inset;};
.transition (0.2s, ease-out);
&:before {content: "+";font-size: 1.5em;color: @egw_color_1; line-height: 1.1em}
select#quick_add_selectbox{ select#quick_add_selectbox{
.border_normal; position: fixed;
.box_shadow_standard_light; right: 83px;
height: 26px; /*.border_normal;*/
padding: 0 0 0 10px; /*.box_shadow_standard_light;*/
font-size: 0.9em; /*height: 26px;*/
line-height: 1.1em; padding: 0 0 0 10px;
&:hover {.box_shadow_standard_light_hover;} font-size: 0.9em;
&:focus {.box_shadow_standard_light_inset;} /*line-height: 1.1em;*/
/* option {
&:first-child{ visibility: hidden;
&:before {content: "+";font-size: 2em;color: @egw_color_1;}
transition-property: visibility;
transition-duration: 0s;
transition-timing-function: linear;
transition-delay: 0s;
}
}
}*/
/*hover*/
span#quick_add:hover {
width: 166px !important;
.box_shadow_standard_light_hover;
select#quick_add_selectbox {
/*.box_shadow_standard_light_hover;*/
.box_shadow_none;
border: none;
position: relative !important;
right: 1px !important;
top: -5px;
z-index: 200;
visibility: visible !important;
} }
}
}
}
}
// Logout // Logout
#egw_fw_logout { #egw_fw_logout {
@ -407,7 +459,7 @@
left: 0px; left: 0px;
bottom: 20px; bottom: 20px;
width: 225px; width: 225px;
.background-color-5-gray; .background_color_5_gray;
//Menu //Menu
#egw_fw_sidemenu { #egw_fw_sidemenu {
@ -423,7 +475,7 @@
// .background-color-0-gray; // .background-color-0-gray;
.egw_fw_ui_scrollarea_outerdiv{ .egw_fw_ui_scrollarea_outerdiv{
.background-color-5-gray; .background_color_5_gray;
// Alle Tabs // Alle Tabs
@ -447,7 +499,7 @@
/*padding: 0px 5px 5px 10px;*/ /*padding: 0px 5px 5px 10px;*/
&:hover { &:hover {
.background-color-15-gray; .background_color_15_gray;
.rounded(5px); .rounded(5px);
} }
@ -459,7 +511,7 @@
font-weight: normal; font-weight: normal;
margin: 0 0 10px 0; margin: 0 0 10px 0;
padding-top: 0.31em; padding-top: 0.31em;
.color-40-gray; .color_40_gray;
} }
@ -478,21 +530,21 @@
background-repeat: no-repeat; background-repeat: no-repeat;
/*background-image: none;*/ /*background-image: none;*/
.background-color-10-gray; .background_color_10_gray;
.border-radius ( 5px, 0px, 0px, 27px ); .border_radius ( 5px, 0px, 0px, 27px );
.bordered (@gray-30, @gray-30, @gray-30, @gray-30); .bordered (@gray_30, @gray_30, @gray_30, @gray_30);
margin: 0 0 0 0; margin: 0 0 0 0;
border-bottom: none; border-bottom: none;
height: 44px; height: 44px;
img {padding-left: 10px; padding-top: 8px;} img {padding-left: 10px; padding-top: 8px;}
h1 {text-transform: uppercase; font-size: 1.4em; .color-100-gray; padding-top: 8px;} h1 {text-transform: uppercase; font-size: 1.4em; .color_100_gray; padding-top: 8px;}
&:hover {.box_shadow_standard_light_hover; .border-radius ( 5px, 0px, 0px, 27px );} &:hover {.box_shadow_standard_light_hover; .border_radius ( 5px, 0px, 0px, 27px );}
&:active {.box_shadow_standard_light_active; .border-radius ( 5px, 0px, 0px, 27px );} &:active {.box_shadow_standard_light_active; .border_radius ( 5px, 0px, 0px, 27px );}
&:focus { &:focus {
background-image: url("../images/ajax-loader.gif"); background-image: url("../images/ajax-loader.gif");
@ -500,7 +552,7 @@
background-position: 90% 50%; background-position: 90% 50%;
.Complete_Button_active; .Complete_Button_active;
.background-color-25-gray; .background_color_25_gray;
} }
@ -514,8 +566,8 @@
.egw_fw_ui_sidemenu_entry_content { .egw_fw_ui_sidemenu_entry_content {
display: block; display: block;
background-image: none; background-image: none;
.border-radius (0, 0, 27px, 0); .border_radius (0, 0, 27px, 0);
border-color: @gray-30; border-color: @gray_30;
border-style: solid; border-style: solid;
border-width: 0px; border-width: 0px;
margin: 0 0 2em 0; margin: 0 0 2em 0;
@ -523,16 +575,16 @@
> div:nth-of-type(1) { > div:nth-of-type(1) {
padding: 5px 0.3em 1.5em 0.3em; padding: 5px 0.3em 1.5em 0.3em;
margin: 0 0 10px 0; margin: 0 0 10px 0;
.background-color-30-gray; .background_color_30_gray;
.border-radius (0, 0, 27px, 0); .border_radius (0, 0, 27px, 0);
border-color: @gray-30; border-color: @gray_30;
} }
/*letztes Element*/ /*letztes Element*/
div.egw_fw_ui_category:nth-last-of-type(-n+3) { div.egw_fw_ui_category:nth-last-of-type(-n+3) {
/* color:#ff0000; /* color:#ff0000;
background-color: yellow !important;*/ background-color: yellow !important;*/
.border-radius (0, 0, 15px, 0); .border_radius (0, 0, 15px, 0);
} }
// Schaltflächen // Schaltflächen
@ -542,9 +594,12 @@
padding: 0.5em 1em; padding: 0.5em 1em;
cursor: pointer; cursor: pointer;
// border-top: 7px solid; // border-top: 7px solid;
border-color: @gray-30; border-color: @gray_30;
background-color: @gray-50; background-color: @gray_10;
.border-radius(3px,3px,3px,3px);
/*background-color: @egw_color_2_d;*/
.border_radius(3px,3px,3px,3px);
h1 { h1 {
margin: 5px 0px 3px 5px; margin: 5px 0px 3px 5px;
@ -564,7 +619,7 @@
// Hover // Hover
.egw_fw_ui_category:hover { .egw_fw_ui_category:hover {
.background-color-40-gray; .background_color_40_gray;
padding: 0.5em 1em; padding: 0.5em 1em;
} }
@ -579,28 +634,29 @@
background-color: @egw_color_2_d; background-color: @egw_color_2_d;
/*.background-color-50-gray;*/ /*.background-color-50-gray;*/
.color-5-gray; .color_5_gray;
.border-radius(3px,3px,3px,3px) !important; .border_radius(3px,3px,3px,3px) !important;
h1 { h1 {
background-image:url(../images/arrow_down.png); background-image:url(../images/arrow_down.png);
a { a {
color: #FFF; color: #FFF;
img {height: 16px; width: 16px;} img {height: 16px; width: 16px;}
}
a:hover {
padding: 5px 30px 5px 0px;
width: 200px;
.background_color_10_gray;
.color_50_gray;
.Complete_Button_hover;
}
} }
a:hover { &:hover {background-color: @egw_color_2_a; .transition (0.2s, ease-out);}
padding: 5px 30px 5px 0px;
width: 200px;
.background-color-10-gray;
.color-50-gray;
.Complete_Button_hover;
}
}
} }
@ -614,7 +670,7 @@
} }
.egw_fw_ui_sidemenu_entry_header_bottom { .egw_fw_ui_sidemenu_entry_header_bottom {
border-width: 0px; border-width: 0px;
border-color: @gray-0; border-color: @gray_0;
} }
.egw_fw_ui_sidemenu_entry_icon { .egw_fw_ui_sidemenu_entry_icon {
@ -647,7 +703,7 @@
#egw_fw_splitter { #egw_fw_splitter {
position: absolute; position: absolute;
// background-color: RGB(200, 200, 255); // background-color: RGB(200, 200, 255);
.background-color-30-gray; .background_color_30_gray;
width: 5px; width: 5px;
top: 51px; top: 51px;
bottom: 3px; bottom: 3px;
@ -659,7 +715,7 @@
background-image: url(../images/splitter_vert.png); background-image: url(../images/splitter_vert.png);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
.background-color-30-gray; .background_color_30_gray;
position: absolute; position: absolute;
width: 5px; width: 5px;
height: 100%; height: 100%;
@ -680,7 +736,7 @@
// Submenu / Unterpunkte in der Seitenleiste // Submenu / Unterpunkte in der Seitenleiste
.egw_fw_ui_category_content { .egw_fw_ui_category_content {
.background-color-0-gray; .background_color_0_gray;
border-top-width: 0; border-top-width: 0;
border-left: 0px solid; border-left: 0px solid;
border-bottom: 0px solid; border-bottom: 0px solid;
@ -690,15 +746,17 @@
padding-left: 0px; padding-left: 0px;
padding-top: 14px; padding-top: 14px;
margin-right: 5px; margin-right: 5px;
min-height: 50px; /*min-height: 50px;*/
img { height: 16px; width: 16px;vertical-align: middle;}
img { .dimension_height_s; vertical-align: middle;}
&:hover { &:hover {
.background-color-0-gray; .background_color_0_gray;
border-color: @gray-50; border-color: @gray_50;
} }
input#uical_select_owner_multiple{ input#uical_select_owner_multiple{
height: 16px; .dimension_height_s;
width: 16px;
vertical-align: middle; vertical-align: middle;
} }
select#calendar_filter{ select#calendar_filter{
@ -718,23 +776,25 @@
.egw_fw_ui_sidemenu_listitem { .egw_fw_ui_sidemenu_listitem {
padding: 0.5em 0; padding: 0.5em 0;
margin: 4px 0 5px 0px; margin: 0px 0 5px 0px;
position: relative; position: relative;
min-height: 16px;
background-color: @gray_0;
// Icon before // Icon before
img.egw_fw_ui_sidemenu_listitem_icon { img.egw_fw_ui_sidemenu_listitem_icon {
height: 16px; .dimension_width_height_s;
width: 16px;
padding: 0px; padding: 0px;
margin: 0px 5px; margin: 0px 5px;
float: left; float: left;
/*.Complete_Button_Icon_normal;*/ /*.Complete_Button_Icon_normal;*/
background-image: url("../images/bullet.png"); background-image: url("../images/bullet.png");
background-size: 16px 16px; background-size: .dimension_width_height_s;
background-position: center;
background-position: center;
/*&:hover {height: 16px; .Complete_Button_Icon_hover ;}*/ /*&:hover {height: 16px; .Complete_Button_Icon_hover ;}*/
} }
@ -767,7 +827,7 @@
min-width: 5em; min-width: 5em;
&:hover{ &:hover{
.color-100-gray; .color_100_gray;
} }
&:active { &:active {
@ -815,9 +875,9 @@
} }
a:nth-child(2):hover { a:nth-child(2):hover {
background-color: @color-warning; background-color: @color_warning;
.Complete_Button_Icon_hover ; .Complete_Button_Icon_hover ;
.color-0-gray; .color_0_gray;
// width: auto; // width: auto;
} }
@ -828,9 +888,10 @@
// Submenu Item // Submenu Item
&:hover{ &:hover{
.color-100-gray; .color_100_gray;
background-color: @egw_color_1_e; background-color: @egw_color_1_e;
padding: 0.5em 0; padding: 0.5em 0;
} }
} // .egw_fw_ui_sidemenu_listitem } // .egw_fw_ui_sidemenu_listitem
@ -932,7 +993,7 @@ div#calendar-container {
color: #000; color: #000;
cursor: default; cursor: default;
padding: 0.3em; padding: 0.3em;
.background-color-5-gray; .background_color_5_gray;
.basefontfamily; .basefontfamily;
thead { thead {
@ -1070,7 +1131,7 @@ div#calendar-container {
padding-right: 0; padding-right: 0;
position: relative; position: relative;
.border-radius(5px,0, 0, 5px); .border_radius(5px,0, 0, 5px);
/*.background-color-5-gray;*/ /*.background-color-5-gray;*/
@ -1082,12 +1143,12 @@ div#calendar-container {
cursor: pointer; cursor: pointer;
border-width: 1px 1px 0 1px; border-width: 1px 1px 0 1px;
border-style: solid; border-style: solid;
border-color: @gray-30;; border-color: @gray_30;;
background-repeat:repeat-x; background-repeat:repeat-x;
height: 47px; height: 47px;
&:hover {.background-color-30-gray ;} &:hover {.background_color_30_gray ;}
h1 {font-size: 100%; line-height: 1em; margin-top:0;} h1 {font-size: 100%; line-height: 1em; margin-top:0;}
@ -1105,10 +1166,10 @@ div#calendar-container {
.egw_fw_ui_tab_header_active { .egw_fw_ui_tab_header_active {
border-width: 1px 1px 0px 1px !important; border-width: 1px 1px 0px 1px !important;
padding: 0 0 5px !important; padding: 0 0 5px !important;
.background-color-30-gray ; .background_color_30_gray ;
background-image:none !important; background-image:none !important;
&:hover {.background-color-25-gray ;} &:hover {.background_color_25_gray ;}
// aktive Bilder // aktive Bilder

BIN
pixelegg/less/layout_table.less
View File

Binary file not shown.