mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-07 08:34:29 +01:00
Pixelegg changes
This commit is contained in:
parent
1b72778ffa
commit
880554bcf5
@ -62,4 +62,9 @@ Dateimanager - 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
|
Binary file not shown.
@ -81,6 +81,9 @@ Author: Stefan Reinhardt (c) pixelegg
|
||||
|
||||
|
||||
<hr id="0" class="clearer">
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -64,5 +64,6 @@
|
||||
@import "../less/print.less";
|
||||
|
||||
//
|
||||
|
||||
//
|
||||
//
|
@ -25,7 +25,7 @@
|
||||
.border_normal;
|
||||
.box_shadow_standard_light;
|
||||
.rounded (3px);
|
||||
color: @gray-100;
|
||||
color: @gray_100;
|
||||
|
||||
-webkit-transition-property: background;
|
||||
-moz-transition-property: background;
|
||||
@ -108,7 +108,7 @@
|
||||
outline:0;
|
||||
border-width:1px;
|
||||
border-style: solid;
|
||||
border-color: @gray-30;
|
||||
border-color: @gray_30;
|
||||
-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);
|
||||
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
@ -121,7 +121,7 @@
|
||||
|
||||
.Complete_Button_input{
|
||||
.border_normal;
|
||||
border-color: @gray-30;
|
||||
border-color: @gray_30;
|
||||
.box_shadow_standard_light;
|
||||
width: auto;
|
||||
/*margin: 0.5em 0em 0.5em 0;*/
|
||||
@ -140,7 +140,7 @@
|
||||
outline:0;
|
||||
border-width:1px;
|
||||
border-style: solid;
|
||||
border-color: @gray-30;
|
||||
border-color: @gray_30;
|
||||
-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);
|
||||
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
@ -152,13 +152,13 @@
|
||||
|
||||
.Complete_Button_search_action{
|
||||
.border_normal;
|
||||
border-color: @gray-30;
|
||||
border-color: @gray_30;
|
||||
.box_shadow_standard_light;
|
||||
width: 45px;
|
||||
height: 22px;
|
||||
|
||||
.border_radius_button_righttop;
|
||||
.background-color-search;
|
||||
.background_color_search;
|
||||
|
||||
color: lighten(@egw_color_1, 15%);
|
||||
text-decoration: none;
|
||||
@ -189,8 +189,8 @@
|
||||
|
||||
.Complete_Button_text{
|
||||
.border_radius_button_normal;
|
||||
.background-color-10-gray;
|
||||
border-color: @gray-50;
|
||||
.background_color_10_gray;
|
||||
border-color: @gray_50;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
@ -200,7 +200,7 @@
|
||||
.border_hover;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
.background-color-30-gray;
|
||||
.background_color_30_gray;
|
||||
}
|
||||
.Complete_Button_text_active{
|
||||
color: @gray;
|
||||
@ -230,21 +230,21 @@
|
||||
// Buttons nur Icon
|
||||
|
||||
.Complete_Button_Icon_normal {
|
||||
.background-color-10-gray;
|
||||
.background_color_10_gray;
|
||||
.box_shadow_standard_light;
|
||||
.border_normal;
|
||||
.border_radius_button_normal;
|
||||
}
|
||||
|
||||
.Complete_Button_Icon_hover {
|
||||
.background-color-20-gray;
|
||||
.background_color_20_gray;
|
||||
.box_shadow_standard_light_hover;
|
||||
.border_hover;
|
||||
.border_radius_button_normal;
|
||||
}
|
||||
|
||||
.Complete_Button_Icon_active {
|
||||
.background-color-30-gray;
|
||||
.background_color_30_gray;
|
||||
.border_active;
|
||||
.border_radius_button_normal;
|
||||
.box_shadow_standard_light_inset;
|
||||
@ -254,16 +254,16 @@
|
||||
// Button Sub Menupunkte
|
||||
|
||||
.Complete_Button_Module_Menu_Links{
|
||||
.background-color-10-gray;
|
||||
.background_color_10_gray;
|
||||
}
|
||||
|
||||
.Complete_Button_Module_Menu_Links_Hover{
|
||||
.background-color-30-gray;
|
||||
.color-5-gray;
|
||||
.background_color_30_gray;
|
||||
.color_5_gray;
|
||||
}
|
||||
|
||||
.Complete_Button_Module_Menu_Links_active{
|
||||
.background-color-10-gray;
|
||||
.background_color_10_gray;
|
||||
}
|
||||
|
||||
|
||||
@ -274,7 +274,7 @@
|
||||
padding-top: 0px;
|
||||
padding-bottom: 5px;
|
||||
.border_normal;
|
||||
.background-color-15-gray;
|
||||
.background_color_15_gray;
|
||||
}
|
||||
|
||||
.Complete_Button_Module_Menu_Links_Sub {
|
||||
@ -283,7 +283,7 @@
|
||||
padding-bottom: 5px;
|
||||
.border_normal;
|
||||
border-top-width: 0px;
|
||||
.background-color-10-gray;
|
||||
.background_color_10_gray;
|
||||
|
||||
margin-top: -7px;
|
||||
padding-left: 14px;
|
||||
|
@ -50,88 +50,93 @@
|
||||
|
||||
//Berechnung der EGW Farben
|
||||
|
||||
.background-color-egw-normal {background-color : @egw_color_1_a !important;}
|
||||
.background-color-egw-light {background-color : @egw_color_1_d;}
|
||||
.background-color-egw-lighter {background-color : @egw_color_1_e;}
|
||||
.background-color-egw-dark {background-color : @egw_color_2_a;}
|
||||
.background-color-egw-darker {background-color : @egw_color_2_b;}
|
||||
.background_color_egw_normal {background-color : @egw_color_1_a !important;}
|
||||
.background_color_egw_light {background-color : @egw_color_1_d;}
|
||||
.background_color_egw_lighter {background-color : @egw_color_1_e;}
|
||||
.background_color_egw_dark {background-color : @egw_color_2_a;}
|
||||
.background_color_egw_darker {background-color : @egw_color_2_b;}
|
||||
|
||||
|
||||
// greyscale
|
||||
@gray : #000000; // Base colur is black
|
||||
|
||||
/*@gray-100 : #000000;*/
|
||||
@gray-100 : #000000;
|
||||
@gray-90 : #1E1E1E;
|
||||
@gray-80 : #373737;
|
||||
@gray-70 : #505050;
|
||||
@gray-60 : #696969;
|
||||
@gray-50 : #828282;
|
||||
@gray-40 : #9B9B9B;
|
||||
@gray-30 : #B4B4B4;
|
||||
@gray-20 : #CDCDCD;
|
||||
@gray-10 : #E6E6E6;
|
||||
@gray-0 : #FFFFFF;
|
||||
@gray_100 : #000000;
|
||||
@gray_90 : #1E1E1E;
|
||||
@gray_80 : #373737;
|
||||
@gray_70 : #505050;
|
||||
@gray_60 : #696969;
|
||||
@gray_50 : #828282;
|
||||
@gray_40 : #9B9B9B;
|
||||
@gray_30 : #B4B4B4;
|
||||
@gray_20 : #CDCDCD;
|
||||
@gray_10 : #E6E6E6;
|
||||
@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-10-gray { color : lighten(@gray, 90%);}
|
||||
.color-15-gray { color : lighten(@gray, 85%);}
|
||||
.color-20-gray { color : lighten(@gray, 80%);}
|
||||
.color-25-gray { color : lighten(@gray, 75%);}
|
||||
.color-30-gray { color : lighten(@gray, 70%);}
|
||||
.color-40-gray { color : lighten(@gray, 60%);}
|
||||
.color-50-gray { color : lighten(@gray, 50%);}
|
||||
.color-60-gray { color : lighten(@gray, 40%);}
|
||||
.color-70-gray { color : lighten(@gray, 30%);}
|
||||
.color-80-gray { color : lighten(@gray, 20%);}
|
||||
.color-90-gray { color : lighten(@gray, 10%);}
|
||||
.color-100-gray { color : @gray; } // black
|
||||
.color_5_gray { color : lighten(@gray, 95%);}
|
||||
.color_10_gray { color : lighten(@gray, 90%);}
|
||||
.color_15_gray { color : lighten(@gray, 85%);}
|
||||
.color_20_gray { color : lighten(@gray, 80%);}
|
||||
.color_25_gray { color : lighten(@gray, 75%);}
|
||||
.color_30_gray { color : lighten(@gray, 70%);}
|
||||
.color_40_gray { color : lighten(@gray, 60%);}
|
||||
.color_50_gray { color : lighten(@gray, 50%);}
|
||||
.color_60_gray { color : lighten(@gray, 40%);}
|
||||
.color_70_gray { color : lighten(@gray, 30%);}
|
||||
.color_80_gray { color : lighten(@gray, 20%);}
|
||||
.color_90_gray { color : lighten(@gray, 10%);}
|
||||
.color_100_gray { color : @gray; } // black
|
||||
|
||||
@lightgray : @gray*010101;
|
||||
/*@darkgrey : .color-90-gray;*/
|
||||
/*@darkgrey : .color_90_gray;*/
|
||||
|
||||
// grey fpr background
|
||||
|
||||
.background-color-0-gray { background-color : lighten(@gray, 100%);}
|
||||
.background-color-5-gray { background-color : lighten(@gray, 98%); }
|
||||
.background-color-10-gray { background-color : lighten(@gray, 94%); }
|
||||
.background-color-15-gray { background-color : lighten(@gray, 85%); }
|
||||
.background-color-20-gray { background-color : lighten(@gray, 80%); }
|
||||
.background-color-25-gray { background-color : lighten(@gray, 75%); }
|
||||
.background-color-30-gray { background-color : lighten(@gray, 70%) !important; }
|
||||
.background-color-40-gray { background-color : lighten(@gray, 60%); }
|
||||
.background-color-50-gray { background-color : lighten(@gray, 50%); }
|
||||
.background_color_0_gray { background-color : lighten(@gray, 100%);}
|
||||
.background_color_5_gray { background-color : lighten(@gray, 98%); }
|
||||
.background_color_10_gray { background-color : lighten(@gray, 94%); }
|
||||
.background_color_15_gray { background-color : lighten(@gray, 85%); }
|
||||
.background_color_20_gray { background-color : lighten(@gray, 80%); }
|
||||
.background_color_25_gray { background-color : lighten(@gray, 75%); }
|
||||
.background_color_30_gray { background-color : lighten(@gray, 70%) !important; }
|
||||
.background_color_40_gray { background-color : lighten(@gray, 60%); }
|
||||
.background_color_50_gray { background-color : lighten(@gray, 50%); }
|
||||
|
||||
|
||||
// Warning
|
||||
@red: #FF0000;
|
||||
@color-warning : @red;
|
||||
@color_warning : @red;
|
||||
|
||||
|
||||
// ERROR
|
||||
@color_error : #AE1D00;
|
||||
|
||||
|
||||
// Test Colour for debug
|
||||
@yellow : #FFD40F;
|
||||
|
||||
// Link Colours
|
||||
@link-color : #000000;
|
||||
@link-color-active: @link-color*010101;
|
||||
@link_color : #000000;
|
||||
@link_color_active: @link_color*010101;
|
||||
|
||||
// soll EGROUPWARE FARBE GEBEN
|
||||
/*@active_button_border_bottom : @egw_color_2_d;*/
|
||||
|
||||
// Hint / or have to do / must field
|
||||
@color-hint : @egw_color_1_a;
|
||||
@color_hint : @egw_color_1_a;
|
||||
|
||||
/*optional / can field*/
|
||||
@color-optional : lighten(@egw_color_1_a, 25%);
|
||||
@color_optional : lighten(@egw_color_1_a, 25%);
|
||||
|
||||
|
||||
|
||||
/*Listenausgabe*/
|
||||
|
||||
@color-even : @gray-0;
|
||||
@color-odd : darken(@gray-0, 8%);
|
||||
@color_even : @gray_0;
|
||||
@color_odd : darken(@gray_0, 8%);
|
||||
|
||||
|
||||
// aktiverte Zeilen in allen APP mit Listenausgabe
|
||||
@ -148,31 +153,31 @@
|
||||
|
||||
|
||||
/*Button edit + save + apply + copy = positive action */
|
||||
@color-positive-action : #00AB00; // green
|
||||
@color-positive-action-hover : fade(#00AB00, 2%); // green
|
||||
@color-positive-action-active : lighten(#00AB00, 2%); // green
|
||||
@color_positive_action : #189800; // green
|
||||
@color_positive_action_hover : fade(#189800, 2%); // green
|
||||
@color_positive_action_active : lighten(#189800, 2%); // green
|
||||
|
||||
|
||||
/*Button cancel = do nothing action */
|
||||
@color-cancel-action : yellow;
|
||||
@color-cancel-action-hover : lighten(yellow, 0%);
|
||||
@color-cancel-action-active : lighten(yellow, 15%);
|
||||
@color_cancel_action : #F5B301;
|
||||
@color_cancel_action_hover : lighten(#F5B301, 0%);
|
||||
@color_cancel_action_active : lighten(#F5B301, 15%);
|
||||
|
||||
/*Button delete = negative action */
|
||||
@color-negative-action : red;
|
||||
@color-negative-action-hover : lighten(red, 2%);
|
||||
@color-negative-action-active : lighten(red, 10%);
|
||||
@color_negative_action : #AE1D00;
|
||||
@color_negative_action_hover : lighten(#AE1D00, 2%);
|
||||
@color_negative_action_active : lighten(#AE1D00, 10%);
|
||||
|
||||
|
||||
// Search Button
|
||||
|
||||
.background-color-search {background-color : lighten(@egw_color_1, 15%); }
|
||||
.background_color_search {background-color : lighten(@egw_color_1, 15%); }
|
||||
|
||||
// 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
|
||||
@ -214,6 +219,16 @@
|
||||
|
||||
|
||||
// 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
|
||||
|
||||
.box_shadow_standard_light {
|
||||
@ -226,9 +241,9 @@
|
||||
// wird dunkler
|
||||
|
||||
.box_shadow_standard_light_hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
// -webkit-box-shadow: none;
|
||||
// -moz-box-shadow: none;
|
||||
// box-shadow:none;
|
||||
@ -432,7 +447,18 @@
|
||||
# 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 #
|
||||
@ -494,7 +520,7 @@
|
||||
@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,
|
||||
-webkit-gradient(linear,
|
||||
left bottom,
|
||||
@ -517,7 +543,7 @@
|
||||
border-right: solid 1px @right-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;
|
||||
-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;
|
||||
@ -527,7 +553,7 @@
|
||||
-moz-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-bottom-right-radius: @bottomright;
|
||||
-webkit-border-bottom-left-radius: @bottomleft;
|
||||
@ -540,7 +566,7 @@
|
||||
border-bottom-right-radius: @bottomright;
|
||||
border-bottom-left-radius: @bottomleft;
|
||||
border-top-left-radius: @topleft;
|
||||
.background-clip(padding-box);
|
||||
/*.background-clip(padding-box);*/
|
||||
}
|
||||
.opacity(@opacity: 0.5) {
|
||||
-moz-opacity: @opacity;
|
||||
@ -551,7 +577,7 @@
|
||||
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
|
||||
filter: ~"alpha(opacity=@{opperc})";
|
||||
}
|
||||
.transition-duration(@duration: 0.2s) {
|
||||
.transition_duration(@duration: 0.2s) {
|
||||
-moz-transition-duration: @duration;
|
||||
-webkit-transition-duration: @duration;
|
||||
-o-transition-duration: @duration;
|
||||
@ -576,23 +602,23 @@
|
||||
-o-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);
|
||||
-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(@arguments) {
|
||||
.box_shadow(@arguments) {
|
||||
-webkit-box-shadow: @arguments;
|
||||
-moz-box-shadow: @arguments;
|
||||
box-shadow: @arguments;
|
||||
}
|
||||
.box-sizing(@sizing: border-box) {
|
||||
.box_sizing(@sizing: border-box) {
|
||||
-ms-box-sizing: @sizing;
|
||||
-moz-box-sizing: @sizing;
|
||||
-webkit-box-sizing: @sizing;
|
||||
box-sizing: @sizing;
|
||||
}
|
||||
.user-select(@argument: none) {
|
||||
.user_select(@argument: none) {
|
||||
-webkit-user-select: @argument;
|
||||
-moz-user-select: @argument;
|
||||
-ms-user-select: @argument;
|
||||
@ -621,7 +647,7 @@
|
||||
.translate(@x:0, @y:0) {
|
||||
.transform(translate(@x, @y));
|
||||
}
|
||||
.background-clip(@argument: padding-box) {
|
||||
.background_clip(@argument: padding-box) {
|
||||
-moz-background-clip: @argument;
|
||||
-webkit-background-clip: @argument;
|
||||
background-clip: @argument;
|
||||
@ -629,7 +655,7 @@
|
||||
|
||||
/* ##################################################### */
|
||||
|
||||
.gradient-thead{
|
||||
.gradient_thead{
|
||||
/*.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: -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+ */
|
||||
|
@ -19,8 +19,8 @@
|
||||
|
||||
border-width: 9px 0px 0px 9px;
|
||||
border-style: solid;
|
||||
border-color: @gray-30;
|
||||
.background-color-25-gray;
|
||||
border-color: @gray_30;
|
||||
.background_color_25_gray;
|
||||
|
||||
|
||||
|
||||
@ -29,12 +29,12 @@
|
||||
// display: none !important;
|
||||
border-width: 0px 0px 0px 0px;
|
||||
border-style: solid;
|
||||
border-color: @gray-50;
|
||||
border-color: @gray_50;
|
||||
.border_radius_button_righttop;
|
||||
padding: 14px 2px 4px 15px;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
.background-color-10-gray;
|
||||
.background_color_10_gray;
|
||||
color: @egw_color_2_d;
|
||||
width: 80%;
|
||||
|
||||
|
@ -86,7 +86,7 @@ div.et2_hbox>div {
|
||||
display: inline-block;
|
||||
/*border: 1px solid cornflowerblue;*/
|
||||
.border_normal;
|
||||
background-color: @gray-10;
|
||||
background-color: @gray_10;
|
||||
padding: 3px;
|
||||
margin: 1px;
|
||||
}
|
||||
@ -104,7 +104,7 @@ div.et2_hbox>div {
|
||||
.et2_placeholder .et2_attr {
|
||||
display: block;
|
||||
font-size: 8pt;
|
||||
color: @gray-100;
|
||||
color: @gray_100;
|
||||
margin: 2px 0 2px 0;
|
||||
}
|
||||
|
||||
@ -140,7 +140,7 @@ div.et2_hbox>div {
|
||||
* Label widget, and labels for other widgets
|
||||
*/
|
||||
.et2_label {
|
||||
color: @gray-90;
|
||||
color: @gray_90;
|
||||
// float: left;
|
||||
}
|
||||
|
||||
@ -178,12 +178,12 @@ a.et2_url.url {
|
||||
* Button widget - text only, and icon
|
||||
*/
|
||||
.et2_button {
|
||||
cursor: pointer;
|
||||
/* cursor: pointer;
|
||||
text-align: center;
|
||||
|
||||
font-size: 9pt;
|
||||
|
||||
text-shadow: 0px 0px;
|
||||
font-size: 9pt;*/
|
||||
text-shadow: 0px 0px !important;
|
||||
.Complete_Button_normal;
|
||||
}
|
||||
|
||||
/*in Nextmatch definiert*/
|
||||
@ -200,21 +200,38 @@ a.et2_url.url {
|
||||
// width: 16px;
|
||||
.dimension_height_s;
|
||||
}
|
||||
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,
|
||||
input[type=button] {
|
||||
|
||||
&: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 {
|
||||
/*background-image: none !important;*/
|
||||
background-color: @gray-50;
|
||||
color: @gray-0;
|
||||
background-image: none !important;
|
||||
background-color: @gray_50;
|
||||
color: @gray_0;
|
||||
}
|
||||
button.et2_button_text:focus, input[type=button]:focus {
|
||||
border: 1px solid @gray-40;
|
||||
color: @gray-0;
|
||||
border: 1px solid @gray_40;
|
||||
color: @gray_0;
|
||||
outline: none;
|
||||
}
|
||||
}*/
|
||||
|
||||
/**
|
||||
* Drop down button
|
||||
@ -310,7 +327,7 @@ button.et2_button_text:focus, input[type=button]:focus {
|
||||
// text-indent: -26px;
|
||||
// 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{
|
||||
/*visibility: hidden;*/
|
||||
background-image: url(../images/close.png);
|
||||
background: @gray-0;
|
||||
background: @gray_0;
|
||||
margin: 2px;
|
||||
padding: 0px;
|
||||
}
|
||||
@ -387,7 +404,7 @@ span.et2_date span {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
color: @gray-0;
|
||||
color: @gray_0;
|
||||
cursor: pointer;
|
||||
padding-top: 3px;
|
||||
padding-left: 22px;
|
||||
@ -475,7 +492,7 @@ div.et2_file input {background-color: @egw_color_1_a;}
|
||||
}
|
||||
|
||||
.et2_file .progress p {
|
||||
background-color: @color-progress;
|
||||
background-color: @color_progress;
|
||||
height:5px;
|
||||
margin: 0px;
|
||||
}
|
||||
@ -542,7 +559,7 @@ div.et2_link_entry input.ui-autocomplete-input {
|
||||
}
|
||||
.et2_link_entry .ui-icon-close {
|
||||
display: inline-block;
|
||||
background-color: @gray-0;
|
||||
background-color: @gray_0;
|
||||
border: none;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
@ -663,7 +680,7 @@ ul.et2_link_string {
|
||||
position: fixed;
|
||||
border: 1px solid #897f51;
|
||||
padding: 3px;
|
||||
background-color: @color-hint;
|
||||
background-color: @color_hint;
|
||||
max-width: 300px;
|
||||
color: black;
|
||||
}
|
||||
@ -678,12 +695,10 @@ ul.et2_link_string {
|
||||
padding: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 0.8em;
|
||||
.border-radius(3px,0,0,3px);
|
||||
// .bordered (@egw_color_2_c, @egw_color_2_c, #bfbfbf, @egw_color_2_c);
|
||||
/*.border_radius(3px,0,0,3px);*/
|
||||
|
||||
.background-color-25-gray;
|
||||
// .border_radius_button_normal;
|
||||
// .border_normal;
|
||||
.background_color_25_gray;
|
||||
.inner_shadow(1px, 0px, 0px, 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);
|
||||
box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
|
||||
@ -694,18 +709,13 @@ ul.et2_link_string {
|
||||
user-select: none;
|
||||
|
||||
&:hover {
|
||||
.color-5-gray;
|
||||
// border: 1px solid gray;
|
||||
.background-color-25-gray;
|
||||
.color_5_gray;
|
||||
.background_color_25_gray;
|
||||
}
|
||||
|
||||
&:active{
|
||||
.background-color-0-gray;
|
||||
// border-width: 3px 1px 0px 0;
|
||||
// border-style: solid;
|
||||
// border-spacing: 0px;
|
||||
// border-color: @active_button_border_bottom;
|
||||
.color-0-gray;
|
||||
.background_color_0_gray;
|
||||
.color_0_gray;
|
||||
}
|
||||
|
||||
}
|
||||
@ -717,14 +727,14 @@ ul.et2_link_string {
|
||||
// border-style: solid;
|
||||
border-spacing: 0px;
|
||||
// border-color: @active_button_border_bottom;
|
||||
// .color-0-gray;
|
||||
// .color_0_gray;
|
||||
background-color: white;
|
||||
.color-100-gray;
|
||||
.color_100_gray;
|
||||
border-width: 1px 1px 0px 1px;
|
||||
border-style: solid;
|
||||
border-color: @gray-70;
|
||||
border-color: @gray_70;
|
||||
&:hover {
|
||||
.color-100-gray;
|
||||
.color_100_gray;
|
||||
// border: 1px solid gray;
|
||||
background-color: white;
|
||||
}
|
||||
@ -733,16 +743,16 @@ ul.et2_link_string {
|
||||
.et2_tabs {
|
||||
border-width: 0px 1px 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: @gray-70;
|
||||
border-color: @gray_70;
|
||||
padding: 5px;
|
||||
overflow-y: auto;
|
||||
background-color: @gray-0;
|
||||
background-color: @gray_0;
|
||||
.border_radius_button_normal;
|
||||
}
|
||||
|
||||
|
||||
.et2_tabheader {
|
||||
// background-color: @gray-20;
|
||||
// background-color: @gray_20;
|
||||
background-position: bottom;
|
||||
background-repeat: repeat-x;
|
||||
padding-left: 0em;
|
||||
@ -776,7 +786,7 @@ ul.et2_vfs {
|
||||
*/
|
||||
[required] {
|
||||
background-color: @egw_color_1_a;
|
||||
.border-radius (3px, 3px ,3px ,3px );
|
||||
.border_radius (3px, 3px ,3px ,3px );
|
||||
input{
|
||||
|
||||
}
|
||||
@ -790,7 +800,7 @@ ul.et2_vfs {
|
||||
-moz-box-shadow: 0 0 6px #DDDDDD;
|
||||
background-color: #FFFE36;
|
||||
border: 1px solid #E1E16D;
|
||||
color: @color-warning;
|
||||
color: @color_warning;
|
||||
display: none;
|
||||
font-size: 11px;
|
||||
height: 15px;
|
||||
@ -806,7 +816,7 @@ ul.et2_vfs {
|
||||
|
||||
hr {
|
||||
border-style: none;
|
||||
border-top: 1px solid @gray-10;
|
||||
border-top: 1px solid @gray_10;
|
||||
height: 1px;
|
||||
margin: 10px 0px 10px 0px;
|
||||
}
|
||||
@ -823,7 +833,7 @@ table.et2_grid {
|
||||
/* border: 1px dashed silver;*/
|
||||
|
||||
.gray {
|
||||
padding: 1em; background-color: @color-hint;
|
||||
padding: 1em; background-color: @color_hint;
|
||||
span {background-color: transparent;}
|
||||
}
|
||||
}
|
||||
@ -902,7 +912,7 @@ div.message.floating {
|
||||
|
||||
|
||||
.et2_nextmatch {
|
||||
.background-color-10-gray;
|
||||
.background_color_10_gray;
|
||||
}
|
||||
|
||||
/* Left & right headers*/
|
||||
@ -939,12 +949,12 @@ div.message.floating {
|
||||
width: 80%;
|
||||
margin-bottom: 4px;
|
||||
padding: 0;
|
||||
background-color: @gray-30;
|
||||
background-color: @gray_30;
|
||||
border: none !important;
|
||||
border-color: @gray-100;
|
||||
border-color: @gray_100;
|
||||
background-image: none !important;
|
||||
height: 37px;
|
||||
.border-radius (15px, 3px, 0px, 0px);
|
||||
.border_radius (15px, 3px, 0px, 0px);
|
||||
|
||||
.et2_label {
|
||||
|
||||
@ -986,7 +996,7 @@ div.message.floating {
|
||||
|
||||
// Search Field
|
||||
.nextmatch_header > .filters input[type=search] {
|
||||
.background-color-search;
|
||||
.background_color_search;
|
||||
color: black;
|
||||
/*height: 25px;*/
|
||||
float: left;
|
||||
@ -1060,8 +1070,8 @@ div.message.floating {
|
||||
// margin-right: 3px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header > .filters {
|
||||
border: 1px solid @gray-10;
|
||||
background-color: @gray-20;
|
||||
border: 1px solid @gray_10;
|
||||
background-color: @gray_20;
|
||||
background-image: url(../images/header_overlay.png);
|
||||
background-position: center;
|
||||
background-repeat: repeat-x;
|
||||
@ -1097,7 +1107,7 @@ div.message.floating {
|
||||
|
||||
.box_shadow_standard_light;
|
||||
.border_radius_button_normal;
|
||||
.background-color-25-gray;
|
||||
.background_color_25_gray;
|
||||
|
||||
|
||||
}
|
||||
@ -1113,7 +1123,7 @@ div.message.floating {
|
||||
vertical-align: middle;
|
||||
margin-right: -2px;
|
||||
padding: 0px 1ex;
|
||||
.background-color-0-gray;
|
||||
.background_color_0_gray;
|
||||
background-image: none;
|
||||
// width: 50px;
|
||||
|
||||
@ -1156,7 +1166,7 @@ div.message.floating {
|
||||
|
||||
/* 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-repeat: no-repeat !important;
|
||||
background-size: 16px 16px !important;
|
||||
@ -1250,7 +1260,7 @@ div.message.floating {
|
||||
|
||||
padding-left: 0 !important;
|
||||
margin-left: 0px;
|
||||
line-height: 1.5em;
|
||||
line-height: 2.5em;
|
||||
|
||||
|
||||
img {
|
||||
@ -1290,10 +1300,10 @@ div.message.floating {
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus {
|
||||
.bordered(1px, 1px, 1px,1px);
|
||||
border-color: @gray-10;
|
||||
border-color: @gray_10;
|
||||
background: transparent !important;
|
||||
font-weight: bold;
|
||||
.color-100-gray;
|
||||
.color_100_gray;
|
||||
}
|
||||
|
||||
.ui-menu-icons {
|
||||
@ -1474,7 +1484,7 @@ div.et2_progress {
|
||||
text-align: left;
|
||||
}
|
||||
div.et2_progress > div {
|
||||
background-color: @color-progress;
|
||||
background-color: @color_progress;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
@ -1665,7 +1675,7 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
|
||||
|
||||
textarea,
|
||||
textarea.description {
|
||||
background-color: @color-optional;
|
||||
background-color: @color_optional;
|
||||
padding: 0.3em 0 0 0.3em;
|
||||
}
|
||||
|
||||
@ -1729,4 +1739,4 @@ iframe#admin-index_iframe{
|
||||
}
|
||||
|
||||
//
|
||||
//
|
||||
// |