mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-25 01:13:25 +01:00
pixelegg / less
cleanup less files separate the definitions in different files merge them in definitions.less ### same with layout_ files / merge in layout_defintions.less # change all app.less files
This commit is contained in:
Stefan Reinhardt
parent
e62cee604d
commit
c6527ff2a4
42
pixelegg/less/def_borderRadius.less
Normal file
42
pixelegg/less/def_borderRadius.less
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
## Definitions of all border radius
|
||||||
|
|
||||||
|
*/
|
||||||
|
@import "definitions.less";
|
||||||
|
|
||||||
|
/*#####################################################################*/
|
||||||
|
/* Radius*/
|
||||||
|
|
||||||
|
.border_radius_button_lefttop {
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
-webkit-border-top-left-radius: 10px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-moz-border-radius-topleft: 10px;
|
||||||
|
border-radius: 3px;
|
||||||
|
border-top-left-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border_radius_button_righttop {
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
-webkit-border-top-right-radius: 20px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-moz-border-radius-topright: 20px;
|
||||||
|
border-radius: 3px;
|
||||||
|
border-top-right-radius: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border_radius_button_normal {
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
32
pixelegg/less/def_borders.less
Normal file
32
pixelegg/less/def_borders.less
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
## Definitions of all borders
|
||||||
|
|
||||||
|
*/
|
||||||
|
@import "definitions.less";
|
||||||
|
|
||||||
|
// Rahmen für Schaltflächen
|
||||||
|
|
||||||
|
.border_normal{
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.border_hover{
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
.border_active{
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.border_none{
|
||||||
|
border: 0px solid rgba(0, 0, 0, 0.9);
|
||||||
|
}
|
||||||
75
pixelegg/less/def_boxShadow.less
Normal file
75
pixelegg/less/def_boxShadow.less
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
## Definitions of all box shadows
|
||||||
|
|
||||||
|
*/
|
||||||
|
@import "definitions.less";
|
||||||
|
|
||||||
|
// 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 {
|
||||||
|
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||||
|
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||||
|
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
// wird dunkler
|
||||||
|
|
||||||
|
.box_shadow_standard_light_hover {
|
||||||
|
-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);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// für focus und active
|
||||||
|
|
||||||
|
.box_shadow_standard_light_inset {
|
||||||
|
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.box_shadow_standard_light_active {
|
||||||
|
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.box_shadow_message {
|
||||||
|
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Rahmen für Dialoge
|
||||||
|
|
||||||
|
.box_shadow_edit_dialog {
|
||||||
|
|
||||||
|
-moz-box-shadow: inset 0 0 5px 5px #888;
|
||||||
|
-webkit-box-shadow: inset 0 0 5px 5px #888;
|
||||||
|
box-shadow: inset 0 0 5px 5px #888;
|
||||||
|
|
||||||
|
margin: 5px ;
|
||||||
|
padding: 0%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
39
pixelegg/less/def_buttonSize.less
Normal file
39
pixelegg/less/def_buttonSize.less
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
## Definitions of all buttons sizes
|
||||||
|
|
||||||
|
*/
|
||||||
|
@import "definitions.less";
|
||||||
|
|
||||||
|
// #############################
|
||||||
|
// Button Größen
|
||||||
|
|
||||||
|
.Button_size_square_32{
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.Button_size_square_16{
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Button_size_square_8{
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Button_size_h32_auto{
|
||||||
|
width: auto;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
@ -12,7 +12,7 @@
|
|||||||
* @version $Id$
|
* @version $Id$
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
@import "definitions.less";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
194
pixelegg/less/def_colors.less
Normal file
194
pixelegg/less/def_colors.less
Normal file
@ -0,0 +1,194 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
## Definitions of all used colors
|
||||||
|
|
||||||
|
*/
|
||||||
|
@import "definitions.less";
|
||||||
|
|
||||||
|
// Basic colour
|
||||||
|
// CI EGW
|
||||||
|
|
||||||
|
// Orange
|
||||||
|
@egw_color_1 : rgb(255, 194, 0); // #ffc200
|
||||||
|
|
||||||
|
@egw_color_1_a : #ffc200;
|
||||||
|
@egw_color_1_b : #BF9D30;
|
||||||
|
@egw_color_1_c : #A67E00;
|
||||||
|
@egw_color_1_d : #FFD140;
|
||||||
|
@egw_color_1_e : #FFDD73; // li:selected
|
||||||
|
|
||||||
|
// BLUE
|
||||||
|
@egw_color_2_a : #0C5DA5;
|
||||||
|
@egw_color_2_b : #26537C;
|
||||||
|
@egw_color_2_c : #043A6B;
|
||||||
|
@egw_color_2_d : #408DD2;
|
||||||
|
@egw_color_2_e : #679FD2; // li:current
|
||||||
|
|
||||||
|
|
||||||
|
// Lila
|
||||||
|
@egw_color_3_a : #560EAD;
|
||||||
|
@egw_color_3_b : #512882;
|
||||||
|
@egw_color_3_c : #360570;
|
||||||
|
@egw_color_3_d : #8643D6;
|
||||||
|
@egw_color_3_e : #9B6AD6;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@egw_color_blue : #1D1AB2;
|
||||||
|
|
||||||
|
@egw_color_blue_lighter : #0B5FA4 ;
|
||||||
|
|
||||||
|
@egw_color_blue_lightest : #679FD2; //#66A1D2;
|
||||||
|
|
||||||
|
//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;}
|
||||||
|
|
||||||
|
|
||||||
|
// 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_5 : #F2F2F2;
|
||||||
|
@gray_0 : #FFFFFF;
|
||||||
|
|
||||||
|
|
||||||
|
.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
|
||||||
|
|
||||||
|
@lightgray : @gray*010101;
|
||||||
|
/*@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%); }
|
||||||
|
|
||||||
|
|
||||||
|
// Warning
|
||||||
|
@red: #FF0000;
|
||||||
|
@color_warning : @red;
|
||||||
|
|
||||||
|
|
||||||
|
// ERROR
|
||||||
|
@color_error : #AE1D00;
|
||||||
|
|
||||||
|
|
||||||
|
// Test Colour for debug
|
||||||
|
@yellow : #FFD40F;
|
||||||
|
|
||||||
|
// Link Colours
|
||||||
|
@link_color : @egw_color_2_b;
|
||||||
|
@link_color_active: fade(@egw_color_2_b, 60%);
|
||||||
|
|
||||||
|
// soll EGROUPWARE FARBE GEBEN
|
||||||
|
/*@active_button_border_bottom : @egw_color_2_d;*/
|
||||||
|
|
||||||
|
// Hint / or have to do / must field
|
||||||
|
@color_hint : #189800; //@egw_color_2_a;
|
||||||
|
|
||||||
|
// Tooltipp / or have to do / must field
|
||||||
|
@color_tooltip : lighten(@egw_color_1_e, 90%);
|
||||||
|
|
||||||
|
/*optional / can field*/
|
||||||
|
@color_optional : fade(@egw_color_1_e, 10%);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*Listenausgabe*/
|
||||||
|
|
||||||
|
@color_even : @gray_0;
|
||||||
|
@color_odd : darken(@gray_0, 5%);
|
||||||
|
|
||||||
|
|
||||||
|
// aktiverte Zeilen in allen APP mit Listenausgabe
|
||||||
|
@color_active_row : fade(@egw_color_1_a, 1%);
|
||||||
|
|
||||||
|
// not in use
|
||||||
|
@color_selected_row : @egw_color_1_e;
|
||||||
|
|
||||||
|
// Mouse over
|
||||||
|
@color_hover_row : fade(@egw_color_2_e, 20%);
|
||||||
|
|
||||||
|
|
||||||
|
/* Dialog Button panel Background Color*/
|
||||||
|
@color_button_panel_bg_color : @egw_color_2_e;
|
||||||
|
|
||||||
|
|
||||||
|
/*Button edit + save + apply + copy = positive action */
|
||||||
|
@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 : #F5B301;
|
||||||
|
@color_cancel_action_hover : lighten(#F5B301, 0%);
|
||||||
|
@color_cancel_action_active : lighten(#F5B301, 15%);
|
||||||
|
|
||||||
|
/*Button delete = negative action */
|
||||||
|
@color_negative_action : #AE1D00;
|
||||||
|
@color_negative_action_hover : lighten(#AE1D00, 2%);
|
||||||
|
@color_negative_action_active : lighten(#AE1D00, 10%);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@color_splitter_bar : @egw_color_1_a;
|
||||||
|
@color_splitter_bar_hover : @egw_color_1_a;
|
||||||
|
@color_splitter_bar_active : @egw_color_1_a;
|
||||||
|
|
||||||
|
// Search Button
|
||||||
|
|
||||||
|
.background_color_search {background-color : @gray_30; }
|
||||||
|
|
||||||
|
|
||||||
|
// cal Heute // in Sidebar
|
||||||
|
.background_table_cal_head { background-color : @egw_color_1_a;}
|
||||||
|
|
||||||
|
@color_progress : @egw_color_1_e;
|
||||||
@ -12,708 +12,4 @@
|
|||||||
* @version $Id$
|
* @version $Id$
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Basic colour
|
// not used any more
|
||||||
// CI EGW
|
|
||||||
|
|
||||||
// Orange
|
|
||||||
@egw_color_1 : rgb(255, 194, 0); // #ffc200
|
|
||||||
|
|
||||||
@egw_color_1_a : #ffc200;
|
|
||||||
@egw_color_1_b : #BF9D30;
|
|
||||||
@egw_color_1_c : #A67E00;
|
|
||||||
@egw_color_1_d : #FFD140;
|
|
||||||
@egw_color_1_e : #FFDD73; // li:selected
|
|
||||||
|
|
||||||
// BLUE
|
|
||||||
@egw_color_2_a : #0C5DA5;
|
|
||||||
@egw_color_2_b : #26537C;
|
|
||||||
@egw_color_2_c : #043A6B;
|
|
||||||
@egw_color_2_d : #408DD2;
|
|
||||||
@egw_color_2_e : #679FD2; // li:current
|
|
||||||
|
|
||||||
|
|
||||||
// Lila
|
|
||||||
@egw_color_3_a : #560EAD;
|
|
||||||
@egw_color_3_b : #512882;
|
|
||||||
@egw_color_3_c : #360570;
|
|
||||||
@egw_color_3_d : #8643D6;
|
|
||||||
@egw_color_3_e : #9B6AD6;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@egw_color_blue : #1D1AB2;
|
|
||||||
|
|
||||||
@egw_color_blue_lighter : #0B5FA4 ;
|
|
||||||
|
|
||||||
@egw_color_blue_lightest : #679FD2; //#66A1D2;
|
|
||||||
|
|
||||||
//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;}
|
|
||||||
|
|
||||||
|
|
||||||
// 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_5 : #F2F2F2;
|
|
||||||
@gray_0 : #FFFFFF;
|
|
||||||
|
|
||||||
|
|
||||||
.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
|
|
||||||
|
|
||||||
@lightgray : @gray*010101;
|
|
||||||
/*@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%); }
|
|
||||||
|
|
||||||
|
|
||||||
// Warning
|
|
||||||
@red: #FF0000;
|
|
||||||
@color_warning : @red;
|
|
||||||
|
|
||||||
|
|
||||||
// ERROR
|
|
||||||
@color_error : #AE1D00;
|
|
||||||
|
|
||||||
|
|
||||||
// Test Colour for debug
|
|
||||||
@yellow : #FFD40F;
|
|
||||||
|
|
||||||
// Link Colours
|
|
||||||
@link_color : @egw_color_2_b;
|
|
||||||
@link_color_active: fade(@egw_color_2_b, 60%);
|
|
||||||
|
|
||||||
// soll EGROUPWARE FARBE GEBEN
|
|
||||||
/*@active_button_border_bottom : @egw_color_2_d;*/
|
|
||||||
|
|
||||||
// Hint / or have to do / must field
|
|
||||||
@color_hint : #189800; //@egw_color_2_a;
|
|
||||||
|
|
||||||
// Tooltipp / or have to do / must field
|
|
||||||
@color_tooltip : lighten(@egw_color_1_e, 90%);
|
|
||||||
|
|
||||||
/*optional / can field*/
|
|
||||||
@color_optional : fade(@egw_color_1_e, 10%);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*Listenausgabe*/
|
|
||||||
|
|
||||||
@color_even : @gray_0;
|
|
||||||
@color_odd : darken(@gray_0, 5%);
|
|
||||||
|
|
||||||
|
|
||||||
// aktiverte Zeilen in allen APP mit Listenausgabe
|
|
||||||
@color_active_row : fade(@egw_color_1_a, 1%);
|
|
||||||
|
|
||||||
// not in use
|
|
||||||
@color_selected_row : @egw_color_1_e;
|
|
||||||
|
|
||||||
// Mouse over
|
|
||||||
@color_hover_row : fade(@egw_color_2_e, 20%);
|
|
||||||
|
|
||||||
|
|
||||||
/* Dialog Button panel Background Color*/
|
|
||||||
@color_button_panel_bg_color : @egw_color_2_e;
|
|
||||||
|
|
||||||
|
|
||||||
/*Button edit + save + apply + copy = positive action */
|
|
||||||
@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 : #F5B301;
|
|
||||||
@color_cancel_action_hover : lighten(#F5B301, 0%);
|
|
||||||
@color_cancel_action_active : lighten(#F5B301, 15%);
|
|
||||||
|
|
||||||
/*Button delete = negative action */
|
|
||||||
@color_negative_action : #AE1D00;
|
|
||||||
@color_negative_action_hover : lighten(#AE1D00, 2%);
|
|
||||||
@color_negative_action_active : lighten(#AE1D00, 10%);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@color_splitter_bar : @egw_color_1_a;
|
|
||||||
@color_splitter_bar_hover : @egw_color_1_a;
|
|
||||||
@color_splitter_bar_active : @egw_color_1_a;
|
|
||||||
|
|
||||||
// Search Button
|
|
||||||
|
|
||||||
.background_color_search {background-color : @gray_30; }
|
|
||||||
|
|
||||||
|
|
||||||
// cal Heute // in Sidebar
|
|
||||||
.background_table_cal_head { background-color : @egw_color_1_a;}
|
|
||||||
|
|
||||||
@color_progress : @egw_color_1_e;
|
|
||||||
|
|
||||||
/*#####################################################################*/
|
|
||||||
// Schriften
|
|
||||||
|
|
||||||
.basefontfamily{
|
|
||||||
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@basefontsize : 11px;
|
|
||||||
|
|
||||||
.fontsize_normal {font-size: @basefontsize;}
|
|
||||||
|
|
||||||
.fontsize_xs {font-size: @basefontsize*0.25;} // h5
|
|
||||||
.fontsize_s {font-size: @basefontsize*0.5;} // h4
|
|
||||||
.fontsize_m {font-size: @basefontsize*1;} // p
|
|
||||||
.fontsize_l {font-size: @basefontsize*1.1;} // h3 + SIDEBAR APPS H1
|
|
||||||
.fontsize_xl {font-size: @basefontsize*1.3;} // h2
|
|
||||||
.fontsize_xxl {font-size: @basefontsize*1.8;} // h1
|
|
||||||
|
|
||||||
/*#####################################################################*/
|
|
||||||
/* Radius*/
|
|
||||||
|
|
||||||
.border_radius_button_lefttop {
|
|
||||||
-webkit-border-radius: 3px;
|
|
||||||
-webkit-border-top-left-radius: 10px;
|
|
||||||
-moz-border-radius: 3px;
|
|
||||||
-moz-border-radius-topleft: 10px;
|
|
||||||
border-radius: 3px;
|
|
||||||
border-top-left-radius: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border_radius_button_righttop {
|
|
||||||
-webkit-border-radius: 3px;
|
|
||||||
-webkit-border-top-right-radius: 20px;
|
|
||||||
-moz-border-radius: 3px;
|
|
||||||
-moz-border-radius-topright: 20px;
|
|
||||||
border-radius: 3px;
|
|
||||||
border-top-right-radius: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border_radius_button_normal {
|
|
||||||
-webkit-border-radius: 3px;
|
|
||||||
-moz-border-radius: 3px;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// 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 {
|
|
||||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
|
||||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
|
||||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
// wird dunkler
|
|
||||||
|
|
||||||
.box_shadow_standard_light_hover {
|
|
||||||
-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);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// für focus und active
|
|
||||||
|
|
||||||
.box_shadow_standard_light_inset {
|
|
||||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
|
||||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
|
||||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.box_shadow_standard_light_active {
|
|
||||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
|
||||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
|
||||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.box_shadow_message {
|
|
||||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
|
||||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
|
||||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Rahmen für Dialoge
|
|
||||||
|
|
||||||
.box_shadow_edit_dialog {
|
|
||||||
|
|
||||||
-moz-box-shadow: inset 0 0 5px 5px #888;
|
|
||||||
-webkit-box-shadow: inset 0 0 5px 5px #888;
|
|
||||||
box-shadow: inset 0 0 5px 5px #888;
|
|
||||||
|
|
||||||
margin: 5px ;
|
|
||||||
padding: 0%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// #############################
|
|
||||||
// Verlauf
|
|
||||||
|
|
||||||
.background_verlauf_diagonal_gray (@i: #d8d8d8, @j: #a3a3a3) {
|
|
||||||
background: -webkit-gradient(linear, 0 0, 0 bottom, @i, @j),
|
|
||||||
-moz-linear-gradient(@i, @j),
|
|
||||||
-o-linear-gradient(@i, @j),
|
|
||||||
linear-gradient(@i, @j);
|
|
||||||
-pie-background: linear-gradient(@i, @j);
|
|
||||||
behavior: url(/PIE.htc);
|
|
||||||
}
|
|
||||||
|
|
||||||
.background_linear_gradient(@i: #ffb76b, @j: #ff7f04) {
|
|
||||||
background: -webkit-gradient(linear, 0 0, 0 bottom, @i, @j),
|
|
||||||
-moz-linear-gradient(@i, @j),
|
|
||||||
-o-linear-gradient(@i, @j),
|
|
||||||
linear-gradient(@i, @j);
|
|
||||||
-pie-background: linear-gradient(@i, @j);
|
|
||||||
behavior: url(/PIE.htc);
|
|
||||||
}
|
|
||||||
|
|
||||||
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
|
|
||||||
background: @color,
|
|
||||||
-webkit-gradient(linear,
|
|
||||||
left bottom,
|
|
||||||
left top,
|
|
||||||
color-stop(0, @start),
|
|
||||||
color-stop(1, @stop)),
|
|
||||||
-ms-linear-gradient(bottom, @start, @stop),
|
|
||||||
-moz-linear-gradient(center bottom, @start 0%, @stop 100%),
|
|
||||||
-o-linear-gradient(@stop, @start);
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.bw_gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
|
|
||||||
background: @color,
|
|
||||||
-webkit-gradient(linear,
|
|
||||||
left bottom,
|
|
||||||
left top,
|
|
||||||
color-stop(0, rgb(@start,@start,@start)),
|
|
||||||
color-stop(1, rgb(@stop,@stop,@stop))),
|
|
||||||
-ms-linear-gradient(bottom,
|
|
||||||
rgb(@start,@start,@start) 0%,
|
|
||||||
rgb(@stop,@stop,@stop) 100%),
|
|
||||||
-moz-linear-gradient(center bottom,
|
|
||||||
rgb(@start,@start,@start) 0%,
|
|
||||||
rgb(@stop,@stop,@stop) 100%),
|
|
||||||
-o-linear-gradient(rgb(@stop,@stop,@stop),
|
|
||||||
rgb(@start,@start,@start));
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start)));
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.img_filter_gray{
|
|
||||||
|
|
||||||
/*filter grey*/
|
|
||||||
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
|
|
||||||
|
|
||||||
-webkit-filter: grayscale(100%);
|
|
||||||
-moz-filter: grayscale(100%);
|
|
||||||
-ms-filter: grayscale(0%);
|
|
||||||
-o-filter: grayscale(100%);
|
|
||||||
filter: grayscale(100%);
|
|
||||||
/*filter: url(grayscale.svg); Firefox 4+ */
|
|
||||||
filter: gray; /* IE 6-9 */
|
|
||||||
|
|
||||||
}
|
|
||||||
// #############################
|
|
||||||
// Transparenz
|
|
||||||
|
|
||||||
.transparent_50 {
|
|
||||||
/* Required for IE 5, 6, 7 */
|
|
||||||
/* ...or something to trigger hasLayout, like zoom: 1; */
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
/* Theoretically for IE 8 & 9 (more valid) */
|
|
||||||
/* ...but not required as filter works too */
|
|
||||||
/* should come BEFORE filter */
|
|
||||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
|
||||||
|
|
||||||
/* This works in IE 8 & 9 too */
|
|
||||||
/* ... but also 5, 6, 7 */
|
|
||||||
filter: alpha(opacity=50);
|
|
||||||
|
|
||||||
/* Older than Firefox 0.9 */
|
|
||||||
-moz-opacity:0.5;
|
|
||||||
|
|
||||||
/* Safari 1.x (pre WebKit!) */
|
|
||||||
-khtml-opacity: 0.5;
|
|
||||||
|
|
||||||
/* Modern!
|
|
||||||
/* Firefox 0.9+, Safari 2?, Chrome any?
|
|
||||||
/* Opera 9+, IE 9+ */
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// #############################
|
|
||||||
// Button Größen
|
|
||||||
|
|
||||||
.Button_size_square_32{
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.Button_size_square_16{
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Button_size_square_8{
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Button_size_h32_auto{
|
|
||||||
width: auto;
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*Icon Buttons ################## */
|
|
||||||
@mass_xxs : 8px;
|
|
||||||
@mass_xs : 12px;
|
|
||||||
@mass_s : 16px;
|
|
||||||
@mass_sm : 20px;
|
|
||||||
@mass_m : 24px;
|
|
||||||
@mass_l : 32px;
|
|
||||||
@mass_xl : 40px;
|
|
||||||
@mass_xxl: 48px;
|
|
||||||
|
|
||||||
|
|
||||||
/* ##############
|
|
||||||
# big Icon #
|
|
||||||
# #
|
|
||||||
# 32 x 32 #
|
|
||||||
# #
|
|
||||||
# #
|
|
||||||
################*/
|
|
||||||
.dimension_width_height_xl{width: @mass_xl; height: @mass_xl;}
|
|
||||||
.dimension_width_height_l{width: @mass_l; height: @mass_l;}
|
|
||||||
.dimension_width_height_m{width: @mass_m; height: @mass_m;}
|
|
||||||
.dimension_width_height_sm{width: @mass_sm; height: @mass_sm;}
|
|
||||||
.dimension_width_height_s{width: @mass_s; height: @mass_s;}
|
|
||||||
.dimension_width_height_xs{width: @mass_xs; height: @mass_xs;}
|
|
||||||
.dimension_width_height_xxs{width: @mass_xxs; height: @mass_xxs;}
|
|
||||||
|
|
||||||
/* only Buttons ################## */
|
|
||||||
|
|
||||||
/* ##########################
|
|
||||||
# big Button #
|
|
||||||
# #
|
|
||||||
# #
|
|
||||||
# #
|
|
||||||
# N x 32 #
|
|
||||||
############################*/
|
|
||||||
|
|
||||||
.dimension_height_xxl{ height: @mass_xxl;}
|
|
||||||
.dimension_height_xl{ height: @mass_xl;}
|
|
||||||
.dimension_height_l{ height: @mass_l;}
|
|
||||||
.dimension_height_m{ height: @mass_m;}
|
|
||||||
.dimension_height_sm{ height: @mass_sm;}
|
|
||||||
.dimension_height_s{ height: @mass_s;}
|
|
||||||
.dimension_height_xs{ height: @mass_xs;}
|
|
||||||
.dimension_height_xxs{ height: @mass_xxs;}
|
|
||||||
|
|
||||||
// Rahmen für Schaltflächen
|
|
||||||
|
|
||||||
.border_normal{
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
.border_hover{
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
.border_active{
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.border_none{
|
|
||||||
border: 0px solid rgba(0, 0, 0, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*---------------------------------------------------
|
|
||||||
LESS Elements 0.9
|
|
||||||
---------------------------------------------------
|
|
||||||
A set of useful LESS mixins
|
|
||||||
More info at: http://lesselements.com
|
|
||||||
---------------------------------------------------*/
|
|
||||||
|
|
||||||
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
|
|
||||||
background: @color,
|
|
||||||
-webkit-gradient(linear,
|
|
||||||
left bottom,
|
|
||||||
left top,
|
|
||||||
color-stop(0, @start),
|
|
||||||
color-stop(1, @stop)),
|
|
||||||
-ms-linear-gradient(bottom,
|
|
||||||
@start,
|
|
||||||
@stop),
|
|
||||||
-moz-linear-gradient(center bottom,
|
|
||||||
@start 0%,
|
|
||||||
@stop 100%),
|
|
||||||
-o-linear-gradient(@stop,
|
|
||||||
@start);
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
|
|
||||||
}
|
|
||||||
.bw_gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
|
|
||||||
background: @color,
|
|
||||||
-webkit-gradient(linear,
|
|
||||||
left bottom,
|
|
||||||
left top,
|
|
||||||
color-stop(0, rgb(@start,@start,@start)),
|
|
||||||
color-stop(1, rgb(@stop,@stop,@stop))),
|
|
||||||
-ms-linear-gradient(bottom,
|
|
||||||
rgb(@start,@start,@start) 0%,
|
|
||||||
rgb(@stop,@stop,@stop) 100%),
|
|
||||||
-moz-linear-gradient(center bottom,
|
|
||||||
rgb(@start,@start,@start) 0%,
|
|
||||||
rgb(@stop,@stop,@stop) 100%),
|
|
||||||
-o-linear-gradient(rgb(@stop,@stop,@stop),
|
|
||||||
rgb(@start,@start,@start));
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start)));
|
|
||||||
}
|
|
||||||
.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
|
|
||||||
border-top: solid 1px @top-color;
|
|
||||||
border-left: solid 1px @left-color;
|
|
||||||
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) {
|
|
||||||
-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;
|
|
||||||
}
|
|
||||||
.rounded(@radius: 2px) {
|
|
||||||
-webkit-border-radius: @radius;
|
|
||||||
-moz-border-radius: @radius;
|
|
||||||
border-radius: @radius;
|
|
||||||
}
|
|
||||||
.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;
|
|
||||||
-webkit-border-top-left-radius: @topleft;
|
|
||||||
-moz-border-radius-topright: @topright;
|
|
||||||
-moz-border-radius-bottomright: @bottomright;
|
|
||||||
-moz-border-radius-bottomleft: @bottomleft;
|
|
||||||
-moz-border-radius-topleft: @topleft;
|
|
||||||
border-top-right-radius: @topright;
|
|
||||||
border-bottom-right-radius: @bottomright;
|
|
||||||
border-bottom-left-radius: @bottomleft;
|
|
||||||
border-top-left-radius: @topleft;
|
|
||||||
/*.background-clip(padding-box);*/
|
|
||||||
}
|
|
||||||
.opacity(@opacity: 0.5) {
|
|
||||||
-moz-opacity: @opacity;
|
|
||||||
-khtml-opacity: @opacity;
|
|
||||||
-webkit-opacity: @opacity;
|
|
||||||
opacity: @opacity;
|
|
||||||
@opperc: @opacity * 100;
|
|
||||||
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
|
|
||||||
filter: ~"alpha(opacity=@{opperc})";
|
|
||||||
}
|
|
||||||
.transition_duration(@duration: 0.2s) {
|
|
||||||
-moz-transition-duration: @duration;
|
|
||||||
-webkit-transition-duration: @duration;
|
|
||||||
-o-transition-duration: @duration;
|
|
||||||
transition-duration: @duration;
|
|
||||||
}
|
|
||||||
.transform(...) {
|
|
||||||
-webkit-transform: @arguments;
|
|
||||||
-moz-transform: @arguments;
|
|
||||||
-o-transform: @arguments;
|
|
||||||
-ms-transform: @arguments;
|
|
||||||
transform: @arguments;
|
|
||||||
}
|
|
||||||
.rotation(@deg:5deg){
|
|
||||||
.transform(rotate(@deg));
|
|
||||||
}
|
|
||||||
.scale(@ratio:1.3){
|
|
||||||
.transform(scale(@ratio));
|
|
||||||
}
|
|
||||||
.transition(@duration:0.2s, @ease:ease-out) {
|
|
||||||
-webkit-transition: all @duration @ease;
|
|
||||||
-moz-transition: all @duration @ease;
|
|
||||||
-o-transition: all @duration @ease;
|
|
||||||
transition: all @duration @ease;
|
|
||||||
}
|
|
||||||
.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) {
|
|
||||||
-webkit-box-shadow: @arguments;
|
|
||||||
-moz-box-shadow: @arguments;
|
|
||||||
box-shadow: @arguments;
|
|
||||||
}
|
|
||||||
.box_sizing(@sizing: border-box) {
|
|
||||||
-ms-box-sizing: @sizing;
|
|
||||||
-moz-box-sizing: @sizing;
|
|
||||||
-webkit-box-sizing: @sizing;
|
|
||||||
box-sizing: @sizing;
|
|
||||||
}
|
|
||||||
.user_select(@argument: none) {
|
|
||||||
-webkit-user-select: @argument;
|
|
||||||
-moz-user-select: @argument;
|
|
||||||
-ms-user-select: @argument;
|
|
||||||
user-select: @argument;
|
|
||||||
}
|
|
||||||
.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
|
|
||||||
-moz-column-width: @colwidth;
|
|
||||||
-moz-column-count: @colcount;
|
|
||||||
-moz-column-gap: @colgap;
|
|
||||||
-moz-column-rule-color: @columnRuleColor;
|
|
||||||
-moz-column-rule-style: @columnRuleStyle;
|
|
||||||
-moz-column-rule-width: @columnRuleWidth;
|
|
||||||
-webkit-column-width: @colwidth;
|
|
||||||
-webkit-column-count: @colcount;
|
|
||||||
-webkit-column-gap: @colgap;
|
|
||||||
-webkit-column-rule-color: @columnRuleColor;
|
|
||||||
-webkit-column-rule-style: @columnRuleStyle;
|
|
||||||
-webkit-column-rule-width: @columnRuleWidth;
|
|
||||||
column-width: @colwidth;
|
|
||||||
column-count: @colcount;
|
|
||||||
column-gap: @colgap;
|
|
||||||
column-rule-color: @columnRuleColor;
|
|
||||||
column-rule-style: @columnRuleStyle;
|
|
||||||
column-rule-width: @columnRuleWidth;
|
|
||||||
}
|
|
||||||
.translate(@x:0, @y:0) {
|
|
||||||
.transform(translate(@x, @y));
|
|
||||||
}
|
|
||||||
.background_clip(@argument: padding-box) {
|
|
||||||
-moz-background-clip: @argument;
|
|
||||||
-webkit-background-clip: @argument;
|
|
||||||
background-clip: @argument;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ##################################################### */
|
|
||||||
|
|
||||||
.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+ */
|
|
||||||
background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* Chrome10+,Safari5.1+ */
|
|
||||||
background: -o-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* Opera 11.10+ */
|
|
||||||
background: -ms-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* IE10+ */
|
|
||||||
background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* W3C */
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf',GradientType=0 ); /* IE6-9 */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Vertical gradient using CSS where possible, and base64-encoded SVG for IE9 (enables use of this in combination with border-radius)
|
|
||||||
// Based on this by Phil Brown: http://blog.philipbrown.id.au/2012/09/base64-encoded-svg-gradient-backgrounds-in-less/
|
|
||||||
// Also based on a mixin from Twitter Bootstrap: https://github.com/twitter/bootstrap
|
|
||||||
|
|
||||||
.gradient_vertical(@startColor, @endColor) {
|
|
||||||
|
|
||||||
// IE9 prep
|
|
||||||
@dataPrefix: ~"url(data:image/svg+xml;base64,";
|
|
||||||
@dataSuffix: ~")";
|
|
||||||
@dataContent: ~'<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><linearGradient id="g743" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%"><stop stop-color="@{startColor}" offset="0"/><stop stop-color="@{endColor}" offset="1"/></linearGradient><rect x="0" y="0" width="1" height="1" fill="url(#g743)"/></svg>';
|
|
||||||
@b64Out: ~`(function(a,b,c){function e(a){a=a.replace(/\r\n/g,'\n');var b='';for(var c=0;c<a.length;c++){var d=a.charCodeAt(c);if(d<128){b+=String.fromCharCode(d)}else if(d>127&&d<2048){b+=String.fromCharCode(d>>6|192);b+=String.fromCharCode(d&63|128)}else{b+=String.fromCharCode(d>>12|224);b+=String.fromCharCode(d>>6&63|128);b+=String.fromCharCode(d&63|128)}}return b}function f(a){var b='';var c,f,g,h,i,j,l;var m=0;a=e(a);while(m<a.length){c=a.charCodeAt(m++);f=a.charCodeAt(m++);g=a.charCodeAt(m++);h=c>>2;i=(c&3)<<4|f>>4;j=(f&15)<<2|g>>6;l=g&63;if(isNaN(f)){j=l=64}else if(isNaN(g)){l=64}b=b+d.charAt(h)+d.charAt(i)+d.charAt(j)+d.charAt(l)}return b}var d='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';return a+f(b)+c})('@{dataPrefix}','@{dataContent}','@{dataSuffix}')`;
|
|
||||||
|
|
||||||
background-color: mix(@startColor, @endColor, 60%); // Base solid colour fallback
|
|
||||||
background-image: ~"@{b64Out}"; // IE9
|
|
||||||
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
|
||||||
background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
|
|
||||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
|
||||||
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
|
||||||
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
|
||||||
background-image: linear-gradient(top, @startColor, @endColor); // The standard
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.span_tool_group {
|
|
||||||
|
|
||||||
float: left;
|
|
||||||
margin: 0 6px 5px 0;
|
|
||||||
padding: 2px 2px 2px 5px;
|
|
||||||
border: 1px solid #a6a6a6;
|
|
||||||
border-bottom-color: #979797;
|
|
||||||
-moz-border-radius: 3px;
|
|
||||||
-webkit-border-radius: 3px;
|
|
||||||
border-radius: 3px;
|
|
||||||
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
|
|
||||||
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
|
|
||||||
box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
|
|
||||||
background: #e4e4e4;
|
|
||||||
background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));
|
|
||||||
background-image: -moz-linear-gradient(top,#fff,#e4e4e4);
|
|
||||||
background-image: -webkit-linear-gradient(top,#fff,#e4e4e4);
|
|
||||||
background-image: -o-linear-gradient(top,#fff,#e4e4e4);
|
|
||||||
background-image: -ms-linear-gradient(top,#fff,#e4e4e4);
|
|
||||||
background-image: linear-gradient(top,#fff,#e4e4e4);
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
//
|
|
||||||
60
pixelegg/less/def_dimension.less
Normal file
60
pixelegg/less/def_dimension.less
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
## Definitions of used dimensions in images, buttons and stuff
|
||||||
|
|
||||||
|
*/
|
||||||
|
@import "definitions.less";
|
||||||
|
|
||||||
|
/*Icon Buttons ################## */
|
||||||
|
@mass_xxs : 8px;
|
||||||
|
@mass_xs : 12px;
|
||||||
|
@mass_s : 16px;
|
||||||
|
@mass_sm : 20px;
|
||||||
|
@mass_m : 24px;
|
||||||
|
@mass_l : 32px;
|
||||||
|
@mass_xl : 40px;
|
||||||
|
@mass_xxl: 48px;
|
||||||
|
|
||||||
|
|
||||||
|
/* ##############
|
||||||
|
# big Icon #
|
||||||
|
# #
|
||||||
|
# 32 x 32 #
|
||||||
|
# #
|
||||||
|
# #
|
||||||
|
################*/
|
||||||
|
.dimension_width_height_xl{width: @mass_xl; height: @mass_xl;}
|
||||||
|
.dimension_width_height_l{width: @mass_l; height: @mass_l;}
|
||||||
|
.dimension_width_height_m{width: @mass_m; height: @mass_m;}
|
||||||
|
.dimension_width_height_sm{width: @mass_sm; height: @mass_sm;}
|
||||||
|
.dimension_width_height_s{width: @mass_s; height: @mass_s;}
|
||||||
|
.dimension_width_height_xs{width: @mass_xs; height: @mass_xs;}
|
||||||
|
.dimension_width_height_xxs{width: @mass_xxs; height: @mass_xxs;}
|
||||||
|
|
||||||
|
/* only Buttons ################## */
|
||||||
|
|
||||||
|
/* ##########################
|
||||||
|
# big Button #
|
||||||
|
# #
|
||||||
|
# #
|
||||||
|
# #
|
||||||
|
# N x 32 #
|
||||||
|
############################*/
|
||||||
|
|
||||||
|
.dimension_height_xxl{ height: @mass_xxl;}
|
||||||
|
.dimension_height_xl{ height: @mass_xl;}
|
||||||
|
.dimension_height_l{ height: @mass_l;}
|
||||||
|
.dimension_height_m{ height: @mass_m;}
|
||||||
|
.dimension_height_sm{ height: @mass_sm;}
|
||||||
|
.dimension_height_s{ height: @mass_s;}
|
||||||
|
.dimension_height_xs{ height: @mass_xs;}
|
||||||
|
.dimension_height_xxs{ height: @mass_xxs;}
|
||||||
36
pixelegg/less/def_fonts.less
Normal file
36
pixelegg/less/def_fonts.less
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
## Definitions of all used fonts
|
||||||
|
|
||||||
|
*/
|
||||||
|
@import "definitions.less";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*#####################################################################*/
|
||||||
|
// Schriften
|
||||||
|
|
||||||
|
.basefontfamily{
|
||||||
|
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@basefontsize : 11px;
|
||||||
|
|
||||||
|
.fontsize_normal {font-size: @basefontsize;}
|
||||||
|
|
||||||
|
.fontsize_xs {font-size: @basefontsize*0.25;} // h5
|
||||||
|
.fontsize_s {font-size: @basefontsize*0.5;} // h4
|
||||||
|
.fontsize_m {font-size: @basefontsize*1;} // p
|
||||||
|
.fontsize_l {font-size: @basefontsize*1.1;} // h3 + SIDEBAR APPS H1
|
||||||
|
.fontsize_xl {font-size: @basefontsize*1.3;} // h2
|
||||||
|
.fontsize_xxl {font-size: @basefontsize*1.8;} // h1
|
||||||
165
pixelegg/less/def_gradient.less
Normal file
165
pixelegg/less/def_gradient.less
Normal file
@ -0,0 +1,165 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
## Definitions of all gradients
|
||||||
|
|
||||||
|
*/
|
||||||
|
@import "definitions.less";
|
||||||
|
|
||||||
|
// #############################
|
||||||
|
// Verlauf
|
||||||
|
|
||||||
|
.background_verlauf_diagonal_gray (@i: #d8d8d8, @j: #a3a3a3) {
|
||||||
|
background: -webkit-gradient(linear, 0 0, 0 bottom, @i, @j),
|
||||||
|
-moz-linear-gradient(@i, @j),
|
||||||
|
-o-linear-gradient(@i, @j),
|
||||||
|
linear-gradient(@i, @j);
|
||||||
|
-pie-background: linear-gradient(@i, @j);
|
||||||
|
behavior: url(/PIE.htc);
|
||||||
|
}
|
||||||
|
|
||||||
|
.background_linear_gradient(@i: #ffb76b, @j: #ff7f04) {
|
||||||
|
background: -webkit-gradient(linear, 0 0, 0 bottom, @i, @j),
|
||||||
|
-moz-linear-gradient(@i, @j),
|
||||||
|
-o-linear-gradient(@i, @j),
|
||||||
|
linear-gradient(@i, @j);
|
||||||
|
-pie-background: linear-gradient(@i, @j);
|
||||||
|
behavior: url(/PIE.htc);
|
||||||
|
}
|
||||||
|
|
||||||
|
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
|
||||||
|
background: @color,
|
||||||
|
-webkit-gradient(linear,
|
||||||
|
left bottom,
|
||||||
|
left top,
|
||||||
|
color-stop(0, @start),
|
||||||
|
color-stop(1, @stop)),
|
||||||
|
-ms-linear-gradient(bottom, @start, @stop),
|
||||||
|
-moz-linear-gradient(center bottom, @start 0%, @stop 100%),
|
||||||
|
-o-linear-gradient(@stop, @start);
|
||||||
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.bw_gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
|
||||||
|
background: @color,
|
||||||
|
-webkit-gradient(linear,
|
||||||
|
left bottom,
|
||||||
|
left top,
|
||||||
|
color-stop(0, rgb(@start,@start,@start)),
|
||||||
|
color-stop(1, rgb(@stop,@stop,@stop))),
|
||||||
|
-ms-linear-gradient(bottom,
|
||||||
|
rgb(@start,@start,@start) 0%,
|
||||||
|
rgb(@stop,@stop,@stop) 100%),
|
||||||
|
-moz-linear-gradient(center bottom,
|
||||||
|
rgb(@start,@start,@start) 0%,
|
||||||
|
rgb(@stop,@stop,@stop) 100%),
|
||||||
|
-o-linear-gradient(rgb(@stop,@stop,@stop),
|
||||||
|
rgb(@start,@start,@start));
|
||||||
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start)));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Graufiler
|
||||||
|
.img_filter_gray{
|
||||||
|
|
||||||
|
/*filter grey*/
|
||||||
|
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
|
||||||
|
|
||||||
|
-webkit-filter: grayscale(100%);
|
||||||
|
-moz-filter: grayscale(100%);
|
||||||
|
-ms-filter: grayscale(0%);
|
||||||
|
-o-filter: grayscale(100%);
|
||||||
|
filter: grayscale(100%);
|
||||||
|
/*filter: url(grayscale.svg); Firefox 4+ */
|
||||||
|
filter: gray; /* IE 6-9 */
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// kein Filter
|
||||||
|
.img_filter_none{
|
||||||
|
|
||||||
|
/*filter grey*/
|
||||||
|
filter: none;
|
||||||
|
|
||||||
|
-webkit-filter: initial;
|
||||||
|
-moz-filter: initial;
|
||||||
|
-ms-filter: initial;
|
||||||
|
-o-filter: initial;
|
||||||
|
filter: initial;
|
||||||
|
/*filter: url(grayscale.svg); Firefox 4+ */
|
||||||
|
filter: initial; /* IE 6-9 */
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ##################################################### */
|
||||||
|
|
||||||
|
.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+ */
|
||||||
|
background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* Chrome10+,Safari5.1+ */
|
||||||
|
background: -o-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* Opera 11.10+ */
|
||||||
|
background: -ms-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* IE10+ */
|
||||||
|
background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); /* W3C */
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf',GradientType=0 ); /* IE6-9 */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Vertical gradient using CSS where possible, and base64-encoded SVG for IE9 (enables use of this in combination with border-radius)
|
||||||
|
// Based on this by Phil Brown: http://blog.philipbrown.id.au/2012/09/base64-encoded-svg-gradient-backgrounds-in-less/
|
||||||
|
// Also based on a mixin from Twitter Bootstrap: https://github.com/twitter/bootstrap
|
||||||
|
|
||||||
|
.gradient_vertical(@startColor, @endColor) {
|
||||||
|
|
||||||
|
// IE9 prep
|
||||||
|
@dataPrefix: ~"url(data:image/svg+xml;base64,";
|
||||||
|
@dataSuffix: ~")";
|
||||||
|
@dataContent: ~'<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><linearGradient id="g743" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%"><stop stop-color="@{startColor}" offset="0"/><stop stop-color="@{endColor}" offset="1"/></linearGradient><rect x="0" y="0" width="1" height="1" fill="url(#g743)"/></svg>';
|
||||||
|
@b64Out: ~`(function(a,b,c){function e(a){a=a.replace(/\r\n/g,'\n');var b='';for(var c=0;c<a.length;c++){var d=a.charCodeAt(c);if(d<128){b+=String.fromCharCode(d)}else if(d>127&&d<2048){b+=String.fromCharCode(d>>6|192);b+=String.fromCharCode(d&63|128)}else{b+=String.fromCharCode(d>>12|224);b+=String.fromCharCode(d>>6&63|128);b+=String.fromCharCode(d&63|128)}}return b}function f(a){var b='';var c,f,g,h,i,j,l;var m=0;a=e(a);while(m<a.length){c=a.charCodeAt(m++);f=a.charCodeAt(m++);g=a.charCodeAt(m++);h=c>>2;i=(c&3)<<4|f>>4;j=(f&15)<<2|g>>6;l=g&63;if(isNaN(f)){j=l=64}else if(isNaN(g)){l=64}b=b+d.charAt(h)+d.charAt(i)+d.charAt(j)+d.charAt(l)}return b}var d='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';return a+f(b)+c})('@{dataPrefix}','@{dataContent}','@{dataSuffix}')`;
|
||||||
|
|
||||||
|
background-color: mix(@startColor, @endColor, 60%); // Base solid colour fallback
|
||||||
|
background-image: ~"@{b64Out}"; // IE9
|
||||||
|
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
||||||
|
background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||||
|
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||||
|
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
||||||
|
background-image: linear-gradient(top, @startColor, @endColor); // The standard
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.span_tool_group {
|
||||||
|
|
||||||
|
float: left;
|
||||||
|
margin: 0 6px 5px 0;
|
||||||
|
padding: 2px 2px 2px 5px;
|
||||||
|
border: 1px solid #a6a6a6;
|
||||||
|
border-bottom-color: #979797;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
|
||||||
|
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
|
||||||
|
box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
|
||||||
|
background: #e4e4e4;
|
||||||
|
background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));
|
||||||
|
background-image: -moz-linear-gradient(top,#fff,#e4e4e4);
|
||||||
|
background-image: -webkit-linear-gradient(top,#fff,#e4e4e4);
|
||||||
|
background-image: -o-linear-gradient(top,#fff,#e4e4e4);
|
||||||
|
background-image: -ms-linear-gradient(top,#fff,#e4e4e4);
|
||||||
|
background-image: linear-gradient(top,#fff,#e4e4e4);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');
|
||||||
|
}
|
||||||
|
|
||||||
172
pixelegg/less/def_lessElements.less
Normal file
172
pixelegg/less/def_lessElements.less
Normal file
@ -0,0 +1,172 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
## Definitions of less elements / mixin
|
||||||
|
|
||||||
|
*/
|
||||||
|
@import "definitions.less";
|
||||||
|
|
||||||
|
/*---------------------------------------------------
|
||||||
|
LESS Elements 0.9
|
||||||
|
---------------------------------------------------
|
||||||
|
A set of useful LESS mixins
|
||||||
|
More info at: http://lesselements.com
|
||||||
|
---------------------------------------------------*/
|
||||||
|
|
||||||
|
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
|
||||||
|
background: @color,
|
||||||
|
-webkit-gradient(linear,
|
||||||
|
left bottom,
|
||||||
|
left top,
|
||||||
|
color-stop(0, @start),
|
||||||
|
color-stop(1, @stop)),
|
||||||
|
-ms-linear-gradient(bottom,
|
||||||
|
@start,
|
||||||
|
@stop),
|
||||||
|
-moz-linear-gradient(center bottom,
|
||||||
|
@start 0%,
|
||||||
|
@stop 100%),
|
||||||
|
-o-linear-gradient(@stop,
|
||||||
|
@start);
|
||||||
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
|
||||||
|
}
|
||||||
|
.bw_gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
|
||||||
|
background: @color,
|
||||||
|
-webkit-gradient(linear,
|
||||||
|
left bottom,
|
||||||
|
left top,
|
||||||
|
color-stop(0, rgb(@start,@start,@start)),
|
||||||
|
color-stop(1, rgb(@stop,@stop,@stop))),
|
||||||
|
-ms-linear-gradient(bottom,
|
||||||
|
rgb(@start,@start,@start) 0%,
|
||||||
|
rgb(@stop,@stop,@stop) 100%),
|
||||||
|
-moz-linear-gradient(center bottom,
|
||||||
|
rgb(@start,@start,@start) 0%,
|
||||||
|
rgb(@stop,@stop,@stop) 100%),
|
||||||
|
-o-linear-gradient(rgb(@stop,@stop,@stop),
|
||||||
|
rgb(@start,@start,@start));
|
||||||
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start)));
|
||||||
|
}
|
||||||
|
.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
|
||||||
|
border-top: solid 1px @top-color;
|
||||||
|
border-left: solid 1px @left-color;
|
||||||
|
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) {
|
||||||
|
-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;
|
||||||
|
}
|
||||||
|
.rounded(@radius: 2px) {
|
||||||
|
-webkit-border-radius: @radius;
|
||||||
|
-moz-border-radius: @radius;
|
||||||
|
border-radius: @radius;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
-webkit-border-top-left-radius: @topleft;
|
||||||
|
-moz-border-radius-topright: @topright;
|
||||||
|
-moz-border-radius-bottomright: @bottomright;
|
||||||
|
-moz-border-radius-bottomleft: @bottomleft;
|
||||||
|
-moz-border-radius-topleft: @topleft;
|
||||||
|
border-top-right-radius: @topright;
|
||||||
|
border-bottom-right-radius: @bottomright;
|
||||||
|
border-bottom-left-radius: @bottomleft;
|
||||||
|
border-top-left-radius: @topleft;
|
||||||
|
/*.background-clip(padding-box);*/
|
||||||
|
}
|
||||||
|
.opacity(@opacity: 0.5) {
|
||||||
|
-moz-opacity: @opacity;
|
||||||
|
-khtml-opacity: @opacity;
|
||||||
|
-webkit-opacity: @opacity;
|
||||||
|
opacity: @opacity;
|
||||||
|
@opperc: @opacity * 100;
|
||||||
|
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
|
||||||
|
filter: ~"alpha(opacity=@{opperc})";
|
||||||
|
}
|
||||||
|
.transition_duration(@duration: 0.2s) {
|
||||||
|
-moz-transition-duration: @duration;
|
||||||
|
-webkit-transition-duration: @duration;
|
||||||
|
-o-transition-duration: @duration;
|
||||||
|
transition-duration: @duration;
|
||||||
|
}
|
||||||
|
.transform(...) {
|
||||||
|
-webkit-transform: @arguments;
|
||||||
|
-moz-transform: @arguments;
|
||||||
|
-o-transform: @arguments;
|
||||||
|
-ms-transform: @arguments;
|
||||||
|
transform: @arguments;
|
||||||
|
}
|
||||||
|
.rotation(@deg:5deg){
|
||||||
|
.transform(rotate(@deg));
|
||||||
|
}
|
||||||
|
.scale(@ratio:1.3){
|
||||||
|
.transform(scale(@ratio));
|
||||||
|
}
|
||||||
|
.transition(@duration:0.2s, @ease:ease-out) {
|
||||||
|
-webkit-transition: all @duration @ease;
|
||||||
|
-moz-transition: all @duration @ease;
|
||||||
|
-o-transition: all @duration @ease;
|
||||||
|
transition: all @duration @ease;
|
||||||
|
}
|
||||||
|
.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) {
|
||||||
|
-webkit-box-shadow: @arguments;
|
||||||
|
-moz-box-shadow: @arguments;
|
||||||
|
box-shadow: @arguments;
|
||||||
|
}
|
||||||
|
.box_sizing(@sizing: border-box) {
|
||||||
|
-ms-box-sizing: @sizing;
|
||||||
|
-moz-box-sizing: @sizing;
|
||||||
|
-webkit-box-sizing: @sizing;
|
||||||
|
box-sizing: @sizing;
|
||||||
|
}
|
||||||
|
.user_select(@argument: none) {
|
||||||
|
-webkit-user-select: @argument;
|
||||||
|
-moz-user-select: @argument;
|
||||||
|
-ms-user-select: @argument;
|
||||||
|
user-select: @argument;
|
||||||
|
}
|
||||||
|
.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
|
||||||
|
-moz-column-width: @colwidth;
|
||||||
|
-moz-column-count: @colcount;
|
||||||
|
-moz-column-gap: @colgap;
|
||||||
|
-moz-column-rule-color: @columnRuleColor;
|
||||||
|
-moz-column-rule-style: @columnRuleStyle;
|
||||||
|
-moz-column-rule-width: @columnRuleWidth;
|
||||||
|
-webkit-column-width: @colwidth;
|
||||||
|
-webkit-column-count: @colcount;
|
||||||
|
-webkit-column-gap: @colgap;
|
||||||
|
-webkit-column-rule-color: @columnRuleColor;
|
||||||
|
-webkit-column-rule-style: @columnRuleStyle;
|
||||||
|
-webkit-column-rule-width: @columnRuleWidth;
|
||||||
|
column-width: @colwidth;
|
||||||
|
column-count: @colcount;
|
||||||
|
column-gap: @colgap;
|
||||||
|
column-rule-color: @columnRuleColor;
|
||||||
|
column-rule-style: @columnRuleStyle;
|
||||||
|
column-rule-width: @columnRuleWidth;
|
||||||
|
}
|
||||||
|
.translate(@x:0, @y:0) {
|
||||||
|
.transform(translate(@x, @y));
|
||||||
|
}
|
||||||
|
.background_clip(@argument: padding-box) {
|
||||||
|
-moz-background-clip: @argument;
|
||||||
|
-webkit-background-clip: @argument;
|
||||||
|
background-clip: @argument;
|
||||||
|
}
|
||||||
44
pixelegg/less/def_transparency.less
Normal file
44
pixelegg/less/def_transparency.less
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
## Definitions of all gradients
|
||||||
|
|
||||||
|
*/
|
||||||
|
@import "definitions.less";
|
||||||
|
|
||||||
|
// #############################
|
||||||
|
// Transparenz
|
||||||
|
|
||||||
|
.transparent_50 {
|
||||||
|
/* Required for IE 5, 6, 7 */
|
||||||
|
/* ...or something to trigger hasLayout, like zoom: 1; */
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
/* Theoretically for IE 8 & 9 (more valid) */
|
||||||
|
/* ...but not required as filter works too */
|
||||||
|
/* should come BEFORE filter */
|
||||||
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||||
|
|
||||||
|
/* This works in IE 8 & 9 too */
|
||||||
|
/* ... but also 5, 6, 7 */
|
||||||
|
filter: alpha(opacity=50);
|
||||||
|
|
||||||
|
/* Older than Firefox 0.9 */
|
||||||
|
-moz-opacity:0.5;
|
||||||
|
|
||||||
|
/* Safari 1.x (pre WebKit!) */
|
||||||
|
-khtml-opacity: 0.5;
|
||||||
|
|
||||||
|
/* Modern!
|
||||||
|
/* Firefox 0.9+, Safari 2?, Chrome any?
|
||||||
|
/* Opera 9+, IE 9+ */
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
53
pixelegg/less/definitions.less
Normal file
53
pixelegg/less/definitions.less
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
|
||||||
|
## Important ###########
|
||||||
|
|
||||||
|
# Merge file for all .less def_ Files
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Buttons
|
||||||
|
@import "def_buttons.less";
|
||||||
|
|
||||||
|
// Box Shadow
|
||||||
|
@import "def_boxShadow.less";
|
||||||
|
|
||||||
|
// Borders
|
||||||
|
@import "def_borders.less";
|
||||||
|
|
||||||
|
// Border Radius
|
||||||
|
@import "def_borderRadius.less";
|
||||||
|
|
||||||
|
// Box Shadow
|
||||||
|
@import "def_boxShadow.less";
|
||||||
|
|
||||||
|
// Button Size
|
||||||
|
@import "def_buttonSize.less";
|
||||||
|
|
||||||
|
// Colors
|
||||||
|
@import "def_colors.less";
|
||||||
|
|
||||||
|
// Colors
|
||||||
|
@import "def_dimension.less";
|
||||||
|
|
||||||
|
// fonts + font size
|
||||||
|
@import "def_fonts.less";
|
||||||
|
|
||||||
|
// Gradient / Farbverlauf
|
||||||
|
@import "def_gradient.less";
|
||||||
|
|
||||||
|
// Gradient / Farbverlauf
|
||||||
|
@import "def_lessElements.less";
|
||||||
|
|
||||||
|
// Transparency
|
||||||
|
@import "def_transparency.less";
|
||||||
26
pixelegg/less/layout_ajaxLoader.less
Normal file
26
pixelegg/less/layout_ajaxLoader.less
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* lettersearch
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
|
||||||
|
*/
|
||||||
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
|
||||||
|
|
||||||
|
.egw_fw_ui_ajaxloader {
|
||||||
|
display: inline-block;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
background-image:url(../images/ajax-loader.gif);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
172
pixelegg/less/layout_buttons.less
Normal file
172
pixelegg/less/layout_buttons.less
Normal file
@ -0,0 +1,172 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* lettersearch
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
|
||||||
|
*/
|
||||||
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
// Button global for all and everything:
|
||||||
|
|
||||||
|
/*##########################################
|
||||||
|
# Content Element #
|
||||||
|
# Button #
|
||||||
|
###########################################*/
|
||||||
|
|
||||||
|
|
||||||
|
button{
|
||||||
|
// siehe etemplate2.less
|
||||||
|
}
|
||||||
|
|
||||||
|
button.et2_button_text,
|
||||||
|
input[type=button] {
|
||||||
|
|
||||||
|
background-image[src$="svg"]{.gradient_vertical (@gray_30, @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;
|
||||||
|
background-size: 20px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {.box_shadow_standard_light_active !important;}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ########################################################################################
|
||||||
|
* Content Element
|
||||||
|
* Button mit Bildern
|
||||||
|
*
|
||||||
|
######################################################################################## */
|
||||||
|
button.et2_button_with_image{
|
||||||
|
.Complete_Button_text_icon_before;
|
||||||
|
background-repeat: no-repeat !important;
|
||||||
|
background-position: 6px center;
|
||||||
|
background-size: 20px 20px;
|
||||||
|
background-color: @gray_10;
|
||||||
|
background-color[url$="svg"]{.gradient_vertical (@gray_30, @gray_30);}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ########################################################################################
|
||||||
|
* Content Element
|
||||||
|
* Button löschen / delete / => color-negative-action // red
|
||||||
|
*
|
||||||
|
######################################################################################## */
|
||||||
|
|
||||||
|
input[type="submit"][id*="delete"],
|
||||||
|
input[type="button"][id*="delete"],
|
||||||
|
button[id="delete"],
|
||||||
|
button[id="infolog-edit_button[delete]"],
|
||||||
|
button[id="addressbook-edit_button[delete]"],
|
||||||
|
button[id="resources-edit_delete"],
|
||||||
|
button[id="calendar-edit_button[delete]"],
|
||||||
|
button[id="timesheet-edit_button[delete]"],
|
||||||
|
button[id="displayToolbar-delete"],
|
||||||
|
button.et2_button_delete
|
||||||
|
{
|
||||||
|
.Complete_Button_delete;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ########################################################################################
|
||||||
|
* Content Element
|
||||||
|
* Button edit + save + apply + copy => color-positive-action // green
|
||||||
|
*
|
||||||
|
######################################################################################## */
|
||||||
|
|
||||||
|
button[id*="save"],
|
||||||
|
button[id*="apply"],
|
||||||
|
button[id*="copy"],
|
||||||
|
button[id*="edit_button[edit]"],
|
||||||
|
button.et2_button{
|
||||||
|
|
||||||
|
.Complete_Button_save_apply_copy;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
button#filemanager-select_button[ok]{
|
||||||
|
&:active {background-color: @color_positive_action_active;}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Password change
|
||||||
|
#passwordchange {
|
||||||
|
background-image:url('../images/cancel.png') !important;
|
||||||
|
.Complete_Button_text_icon_before;
|
||||||
|
|
||||||
|
&:hover {background-color: @color_positive_action_active !important; .box_shadow_standard_light_hover;}
|
||||||
|
&:active {background-color: @color_positive_action_active !important; .box_shadow_standard_light_inset;}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* ########################################################################################
|
||||||
|
*
|
||||||
|
* Button cancel / => color-cancel-action // yellow
|
||||||
|
*
|
||||||
|
######################################################################################## */
|
||||||
|
|
||||||
|
button[id*="cancel"],
|
||||||
|
button[id*="importexport-wizardbox_button[previous]"],
|
||||||
|
button#cancel,
|
||||||
|
#cancel,
|
||||||
|
button.et2_button_cancel,
|
||||||
|
button.et2_button_question{
|
||||||
|
|
||||||
|
&:hover { background-color: @color_cancel_action_hover !important; color: @gray_100; }
|
||||||
|
&:active { background-color: @color_cancel_action_active !important; color: @gray_80; }
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* et2_box_widget ###*/
|
||||||
|
/*div.et2_box_widget .et2_button_text:last_child,*/
|
||||||
|
button[id="cancel"],
|
||||||
|
button#cancel{
|
||||||
|
|
||||||
|
.Complete_Button_cancel;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Password cancel
|
||||||
|
#passwordcancel {
|
||||||
|
background-image:url('../images/cancel.png') !important;
|
||||||
|
.Complete_Button_text_icon_before;
|
||||||
|
|
||||||
|
&: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;}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ########################################################################################
|
||||||
|
*
|
||||||
|
* Button hinzufügen
|
||||||
|
*
|
||||||
|
######################################################################################## */
|
||||||
|
|
||||||
|
button.add {
|
||||||
|
.Complete_Button_add ;
|
||||||
|
}
|
||||||
|
|
||||||
|
button[id="add"]{
|
||||||
|
background-image:url('../images/add.png') !important;
|
||||||
|
.Complete_Button_text_icon_before;
|
||||||
|
|
||||||
|
&:active {background-color: @color_positive_action_active !important;}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*Button Ende #######################################################*/
|
||||||
@ -12,8 +12,7 @@
|
|||||||
* @version $Id$
|
* @version $Id$
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
@import (reference) "definitions.less";
|
||||||
@import (reference) "def_buttons.less";
|
|
||||||
|
|
||||||
|
|
||||||
//########################################################################################################
|
//########################################################################################################
|
||||||
|
|||||||
48
pixelegg/less/layout_clientSideJsError.less
Normal file
48
pixelegg/less/layout_clientSideJsError.less
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* lettersearch
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
|
||||||
|
*/
|
||||||
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Clientside Javascript error-log
|
||||||
|
*/
|
||||||
|
#topmenu_info_error {
|
||||||
|
width: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
div.client_error_log {
|
||||||
|
max-height: 50ex;
|
||||||
|
}
|
||||||
|
div.client_error_log tbody {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
div.client_error_log tr.hidden td > div {
|
||||||
|
max-height: 2ex;
|
||||||
|
max-width: 40ex;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space:nowrap;
|
||||||
|
}
|
||||||
|
div.client_error_log tr td.timestamp > div {
|
||||||
|
text-wrap: none;
|
||||||
|
white-space: normal;
|
||||||
|
width: 27ex;
|
||||||
|
}
|
||||||
|
div.client_error_log tr.hidden td.stack > div {
|
||||||
|
text-indent: 100%
|
||||||
|
}
|
||||||
|
div.client_error_log tr td.stack > div {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
Binary file not shown.
59
pixelegg/less/layout_definitions.less
Normal file
59
pixelegg/less/layout_definitions.less
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
|
||||||
|
|
||||||
|
|
||||||
|
## Important ###########
|
||||||
|
|
||||||
|
# Merge file for all .less layout_ Files
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Lettersearch
|
||||||
|
|
||||||
|
@import "layout_ajaxLoader.less";
|
||||||
|
|
||||||
|
@import "layout_buttons.less";
|
||||||
|
|
||||||
|
@import "layout_chosen.less";
|
||||||
|
|
||||||
|
@import "layout_clientSideJsError.less";
|
||||||
|
|
||||||
|
@import "layout_content_elements.less";
|
||||||
|
|
||||||
|
@import "layout_dhtmlSubmenu.less";
|
||||||
|
|
||||||
|
@import "layout_dialog.less";
|
||||||
|
|
||||||
|
@import "layout_footer.less";
|
||||||
|
|
||||||
|
@import "layout_headlines.less";
|
||||||
|
|
||||||
|
@import "layout_lettersearch.less";
|
||||||
|
|
||||||
|
@import "layout_loginPage.less";
|
||||||
|
|
||||||
|
@import "layout_messages.less";
|
||||||
|
|
||||||
|
@import "layout_overlay.less";
|
||||||
|
|
||||||
|
@import "layout_raster.less";
|
||||||
|
|
||||||
|
@import "layout_reset.less";
|
||||||
|
|
||||||
|
@import "layout_sbHolder.less";
|
||||||
|
|
||||||
|
@import "layout_svgFilter.less";
|
||||||
|
|
||||||
|
@import "layout_table.less";
|
||||||
|
|
||||||
|
@import "layout_traditional.less";
|
||||||
|
|
||||||
|
|
||||||
36
pixelegg/less/layout_dhtmlSubmenu.less
Normal file
36
pixelegg/less/layout_dhtmlSubmenu.less
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* lettersearch
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
|
||||||
|
*/
|
||||||
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
|
||||||
|
/*dhtml Submenu ##########################################################*/
|
||||||
|
div.dhtmlxMenu_egw_SubLevelArea_Polygon{
|
||||||
|
|
||||||
|
table.dhtmlxMebu_SubLevelArea_Tbl{
|
||||||
|
|
||||||
|
tr.sub_item {
|
||||||
|
|
||||||
|
|
||||||
|
td.sub_item_icon{
|
||||||
|
img[src*="svg"]{background-color: @gray_100; .gradient_vertical (@gray_90, @gray_90);}
|
||||||
|
.img_filter_gray;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
tr.sub_item_selected {
|
||||||
|
background-color: @egw_color_1_a !important;
|
||||||
|
background-image: none !important;}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
@ -15,9 +15,8 @@
|
|||||||
* @version $Id$
|
* @version $Id$
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import (reference) "def_buttons.less";
|
@import (reference) "definitions.less";
|
||||||
/*@import (reference) "def_content_elements.less";*/
|
//##############################################################################################################
|
||||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
|
||||||
|
|
||||||
/*body {
|
/*body {
|
||||||
background-color: @gray_0;
|
background-color: @gray_0;
|
||||||
|
|||||||
@ -9,7 +9,8 @@
|
|||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import "def_design_pattern_color_font_shadow.less";
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
|
||||||
/* #################################################
|
/* #################################################
|
||||||
* FOOTER
|
* FOOTER
|
||||||
|
|||||||
92
pixelegg/less/layout_headlines.less
Normal file
92
pixelegg/less/layout_headlines.less
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* lettersearch
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
|
||||||
|
*/
|
||||||
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
h1 {
|
||||||
|
font-size: 300%;
|
||||||
|
line-height: 330%;
|
||||||
|
margin: 0.4em 0 0;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.headline_h1 {
|
||||||
|
font-size: 300%;
|
||||||
|
line-height: 330%;
|
||||||
|
margin: 0.4em 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 250%;
|
||||||
|
line-height: 270%;
|
||||||
|
margin: 0.6em 0 0;
|
||||||
|
}
|
||||||
|
.headline_h2 {
|
||||||
|
font-size: 250%;
|
||||||
|
line-height: 270%;
|
||||||
|
margin: 0.6em 0 0;
|
||||||
|
font-weight: lighter;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 200%;
|
||||||
|
line-height: 220%;
|
||||||
|
margin: 0.8571em 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headline_h3 {
|
||||||
|
font-size: 200%;
|
||||||
|
line-height: 220%;
|
||||||
|
margin: 0.8571em 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 a {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 150%;
|
||||||
|
line-height: 160%;
|
||||||
|
margin: 1.125em 0 0;
|
||||||
|
}
|
||||||
|
.headline_h4 {
|
||||||
|
font-size: 150%;
|
||||||
|
line-height: 160%;
|
||||||
|
margin: 1.125em 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 100%;
|
||||||
|
line-height: 110%;
|
||||||
|
margin: 1.2857em 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headline_h5 {
|
||||||
|
font-size: 100%;
|
||||||
|
line-height: 110%;
|
||||||
|
margin: 1.2857em 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-size: 100%;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 100%;
|
||||||
|
margin: 1.5em 0 0;
|
||||||
|
}
|
||||||
|
.headline_h6 {
|
||||||
|
font-size: 100%;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 100%;
|
||||||
|
margin: 1.5em 0 0;
|
||||||
|
}
|
||||||
45
pixelegg/less/layout_lettersearch.less
Executable file
45
pixelegg/less/layout_lettersearch.less
Executable file
@ -0,0 +1,45 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* lettersearch
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id$
|
||||||
|
*/
|
||||||
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
|
||||||
|
// Lettersearch
|
||||||
|
|
||||||
|
.lettersearch {
|
||||||
|
.Complete_Button_lettersearch;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lettersearch:hover {
|
||||||
|
.background_color_30_gray;
|
||||||
|
.color_0_gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.lettersearch_active{
|
||||||
|
.Complete_Button_lettersearch;
|
||||||
|
.background_color_30_gray;
|
||||||
|
// background-color: #808080 !important;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.lettersearch {
|
||||||
|
// border-color: #E0E0E0;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*.nextmatch_header table {
|
||||||
|
border: none !important;
|
||||||
|
width: 99% !important;
|
||||||
|
}*/
|
||||||
@ -12,9 +12,8 @@
|
|||||||
* @version $Id$
|
* @version $Id$
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import (reference) "def_buttons.less";
|
@import (reference) "definitions.less";
|
||||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
//##############################################################################################################
|
||||||
@import (reference) "layout_messages.less";
|
|
||||||
|
|
||||||
|
|
||||||
/* ##################################################################################
|
/* ##################################################################################
|
||||||
|
|||||||
@ -12,9 +12,8 @@
|
|||||||
* @version $Id$
|
* @version $Id$
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
@import (reference) "definitions.less";
|
||||||
@import (reference) "def_buttons.less";
|
//##############################################################################################################
|
||||||
//@import "def_buttons.less";
|
|
||||||
|
|
||||||
|
|
||||||
#egwpopup{
|
#egwpopup{
|
||||||
|
|||||||
53
pixelegg/less/layout_overlay.less
Normal file
53
pixelegg/less/layout_overlay.less
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* lettersearch
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
|
||||||
|
*/
|
||||||
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
|
||||||
|
|
||||||
|
/*z.b. Dateimanager overlay*/
|
||||||
|
|
||||||
|
.egwGridView_grid span.iconOverlayContainer {
|
||||||
|
margin: 2px 5px 2px 2px;
|
||||||
|
position: relative;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
overflow: visible;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.egwGridView_grid span.overlayContainer {
|
||||||
|
position: absolute;
|
||||||
|
right: -2px;
|
||||||
|
bottom: -2px;
|
||||||
|
vertical-align: bottom;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.egwGridView_grid span.iconContainer {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.egwGridView_grid span.overlayContainer img.overlay {
|
||||||
|
position: relative;
|
||||||
|
top: 1px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
height: 9px;
|
||||||
|
width: 11px;
|
||||||
|
|
||||||
|
}
|
||||||
@ -12,7 +12,8 @@
|
|||||||
* @version $Id$
|
* @version $Id$
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import (reference) "def_buttons.less";
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
|
||||||
//############## Layout ########################################################################################
|
//############## Layout ########################################################################################
|
||||||
|
|
||||||
|
|||||||
119
pixelegg/less/layout_reset.less
Normal file
119
pixelegg/less/layout_reset.less
Normal file
@ -0,0 +1,119 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* lettersearch
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
|
||||||
|
*/
|
||||||
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
/**
|
||||||
|
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
|
||||||
|
* http://cssreset.com
|
||||||
|
* fieldset legend
|
||||||
|
*/
|
||||||
|
/* html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
form, label,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
|
article, aside, canvas, details, embed,
|
||||||
|
figure, figcaption, footer, header, hgroup,
|
||||||
|
menu, nav, output, ruby, section, summary,
|
||||||
|
time, mark, audio, video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
}*/
|
||||||
|
/* HTML5 display-role reset for older browsers */
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol, ul {
|
||||||
|
/*list-style: none;*/
|
||||||
|
}
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
*::-webkit-input-placeholder {
|
||||||
|
color:@gray_60;
|
||||||
|
}
|
||||||
|
*:-moz-placeholder {
|
||||||
|
/* FF 4-18 */
|
||||||
|
color: @gray_60;
|
||||||
|
}
|
||||||
|
*::-moz-placeholder {
|
||||||
|
/* FF 19+ */
|
||||||
|
color: @gray_60;
|
||||||
|
}
|
||||||
|
*:-ms-input-placeholder {
|
||||||
|
/* IE 10+ */
|
||||||
|
color: @gray_60;
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe{border: none;}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//Reset
|
||||||
|
|
||||||
|
html * {
|
||||||
|
font-size: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
//###############################################
|
||||||
|
|
||||||
|
// verhindert Scrollbars und gibt content volle höhe
|
||||||
|
html {
|
||||||
|
|
||||||
|
margin: 0px !important;
|
||||||
|
padding: 0px !important;
|
||||||
|
width: 99.9% !important;
|
||||||
|
height: 99% !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
body{
|
||||||
|
background-image:none;
|
||||||
|
|
||||||
|
.background_color_10_gray;
|
||||||
|
.color_100_gray; // Schriftfarbe schwarz
|
||||||
|
|
||||||
|
margin: 0px !important;
|
||||||
|
padding: 0px !important;
|
||||||
|
width: 99.9% !important;
|
||||||
|
height: 99% !important;
|
||||||
|
font-size: 11px;
|
||||||
|
line-height: 1.28;
|
||||||
|
font-weight: normal;
|
||||||
|
|
||||||
|
}
|
||||||
141
pixelegg/less/layout_sbHolder.less
Normal file
141
pixelegg/less/layout_sbHolder.less
Normal file
@ -0,0 +1,141 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* lettersearch
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
|
||||||
|
*/
|
||||||
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
.sbHolder{
|
||||||
|
.Complete_Button_select;
|
||||||
|
// background-color: #2d2d2d;
|
||||||
|
// border: solid 1px #515151;
|
||||||
|
// font-family: Arial, sans-serif;
|
||||||
|
.basefontfamily;
|
||||||
|
font-size: 1.2em;
|
||||||
|
font-weight: normal;
|
||||||
|
height: 30px;
|
||||||
|
position: relative;
|
||||||
|
width: 10em;
|
||||||
|
|
||||||
|
&:hover{.Complete_Button_select_hover;}
|
||||||
|
&:focus{.Complete_Button_select_focus;}
|
||||||
|
|
||||||
|
}
|
||||||
|
.sbHolder:focus .sbSelector{}
|
||||||
|
|
||||||
|
.sbSelector{
|
||||||
|
display: block;
|
||||||
|
height: 30px;
|
||||||
|
left: 0;
|
||||||
|
line-height: 30px;
|
||||||
|
outline: none;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
text-indent: 10px;
|
||||||
|
top: 0;
|
||||||
|
width: 170px;
|
||||||
|
}
|
||||||
|
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
|
||||||
|
// color: #EBB52D;
|
||||||
|
.color_50_gray;
|
||||||
|
outline: none;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.sbToggle{
|
||||||
|
background: url(../img/select-icons.png) 0 -116px no-repeat;
|
||||||
|
display: block;
|
||||||
|
height: 30px;
|
||||||
|
outline: none;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 30px;
|
||||||
|
}
|
||||||
|
.sbToggle:hover{
|
||||||
|
background: url(../images/select-icons.png) 0 -167px no-repeat;
|
||||||
|
}
|
||||||
|
.sbToggleOpen{
|
||||||
|
background: url(../images/select-icons.png) 0 -16px no-repeat;
|
||||||
|
}
|
||||||
|
.sbToggleOpen:hover{
|
||||||
|
background: url(../images/select-icons.png) 0 -66px no-repeat;
|
||||||
|
}
|
||||||
|
.sbHolderDisabled{
|
||||||
|
background-color: #3C3C3C;
|
||||||
|
border: solid 1px #515151;
|
||||||
|
}
|
||||||
|
.sbHolderDisabled .sbHolder{
|
||||||
|
|
||||||
|
}
|
||||||
|
.sbHolderDisabled .sbToggle{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ausklappliste
|
||||||
|
|
||||||
|
.sbOptions{
|
||||||
|
// background-color: #212121;
|
||||||
|
.background_color_0_gray;
|
||||||
|
border: solid 1px #515151;
|
||||||
|
list-style: none;
|
||||||
|
left: -1px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
width: 200px;
|
||||||
|
z-index: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
|
li{
|
||||||
|
padding: 0 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
border-bottom: dotted 1px #515151;
|
||||||
|
display: block;
|
||||||
|
outline: none;
|
||||||
|
padding: 7px 0 7px 3px;
|
||||||
|
color:@link_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link,
|
||||||
|
a:visited{
|
||||||
|
color:@link_color;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:hover,
|
||||||
|
a:focus,
|
||||||
|
a.sbFocus{
|
||||||
|
color: @link_color_active;
|
||||||
|
}
|
||||||
|
li.last a{
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.sbDisabled{
|
||||||
|
border-bottom: dotted 1px #515151;
|
||||||
|
color: #999;
|
||||||
|
display: block;
|
||||||
|
padding: 7px 0 7px 3px;
|
||||||
|
}
|
||||||
|
.sbGroup{
|
||||||
|
border-bottom: dotted 1px #515151;
|
||||||
|
color: #EBB52D;
|
||||||
|
display: block;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 7px 0 7px 3px;
|
||||||
|
}
|
||||||
|
.sbSub{
|
||||||
|
padding-left: 17px;
|
||||||
|
}
|
||||||
|
}
|
||||||
29
pixelegg/less/layout_svgFilter.less
Normal file
29
pixelegg/less/layout_svgFilter.less
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* lettersearch
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
|
||||||
|
*/
|
||||||
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
|
||||||
|
/*SVG Filter / not for Logo */
|
||||||
|
#egw_fw_sidebar img[src$="svg"]{
|
||||||
|
.gradient_vertical (@gray_60, @gray_60);
|
||||||
|
.rounded(3px);
|
||||||
|
border: 1px solid @gray_0;;
|
||||||
|
}
|
||||||
|
|
||||||
|
#egw_fw_main img[src$="svg"],
|
||||||
|
#egw_fw_footer img[src$="svg"]{
|
||||||
|
/*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
|
||||||
|
.gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
|
||||||
|
|
||||||
|
}
|
||||||
@ -12,8 +12,7 @@
|
|||||||
* @version $Id$
|
* @version $Id$
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
@import (reference) "definitions.less";
|
||||||
@import (reference) "def_buttons.less";
|
|
||||||
|
|
||||||
/** #####################################################################################
|
/** #####################################################################################
|
||||||
* et2
|
* et2
|
||||||
@ -29,6 +28,11 @@ table.et2_grid {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Tabellen
|
||||||
|
|
||||||
|
.th {
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
.innerContainer{
|
.innerContainer{
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
323
pixelegg/less/layout_traditional.less
Executable file
323
pixelegg/less/layout_traditional.less
Executable file
@ -0,0 +1,323 @@
|
|||||||
|
/**
|
||||||
|
* EGroupware: Stylite Pixelegg template
|
||||||
|
*
|
||||||
|
* lettersearch
|
||||||
|
*
|
||||||
|
* Please do NOT change css-files directly, instead change less-files and compile them!
|
||||||
|
*
|
||||||
|
* @link http://www.egroupware.org
|
||||||
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
||||||
|
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
|
||||||
|
* @package pixelegg
|
||||||
|
* @version $Id$
|
||||||
|
*/
|
||||||
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
|
||||||
|
/* traditional */
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
form
|
||||||
|
{
|
||||||
|
margin:0px;
|
||||||
|
padding:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img
|
||||||
|
{
|
||||||
|
border:0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
div{
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
input[type=submit],input[type=button],input[type=reset],button,.egwbutton
|
||||||
|
{
|
||||||
|
.background_color_10_gray;
|
||||||
|
background-image: none;
|
||||||
|
border: outset 1px #b9d5e3;
|
||||||
|
margin: 1px;
|
||||||
|
padding: 1px;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #004e7d;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover
|
||||||
|
{
|
||||||
|
.background_color_15_gray;
|
||||||
|
background-image: none;
|
||||||
|
border: outset 1px #b9d5e3;
|
||||||
|
color: #004e7d;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active
|
||||||
|
{
|
||||||
|
border: inset 1px #bbbbbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled,button:disabled,.egwbutton:disabled
|
||||||
|
{
|
||||||
|
background-color: transparent;
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
input.egwbutton
|
||||||
|
{
|
||||||
|
background-color:#b9d5e3;
|
||||||
|
border: outset 1px #b9d5e3;
|
||||||
|
margin: 1px;
|
||||||
|
padding: 1px;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #004e7d;
|
||||||
|
}
|
||||||
|
|
||||||
|
input.egwbutton:hover
|
||||||
|
{
|
||||||
|
background-color:#94bfd4;
|
||||||
|
border: outset 1px #b9d5e3;
|
||||||
|
color: #004e7d;
|
||||||
|
}
|
||||||
|
input.egwbutton:active
|
||||||
|
{
|
||||||
|
border: inset 1px #bbbbbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=image]
|
||||||
|
{
|
||||||
|
cursor: pointer;
|
||||||
|
border: 0;
|
||||||
|
.dimension_width_height_s;
|
||||||
|
}
|
||||||
|
|
||||||
|
#thesideboxcolumn
|
||||||
|
{
|
||||||
|
width: 177px;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sideresize
|
||||||
|
{
|
||||||
|
background-image:url(../images/resize.png);
|
||||||
|
width:13px;
|
||||||
|
height:13px;
|
||||||
|
right:1px;
|
||||||
|
top:1px;
|
||||||
|
position:absolute;
|
||||||
|
z-index:9999;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.divSidebox
|
||||||
|
{
|
||||||
|
position:relative;
|
||||||
|
border: #9c9c9c 1px solid;
|
||||||
|
overflow:auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.divSideboxHeader
|
||||||
|
{
|
||||||
|
text-align:center;
|
||||||
|
.background_color_15_gray;
|
||||||
|
padding-top:2px;
|
||||||
|
.color_50_gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
a.divSideboxEntry, .divSideboxEntry
|
||||||
|
{
|
||||||
|
text-align:left;
|
||||||
|
background-color:#FDFDFD;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.appTitles,.appTitles
|
||||||
|
{
|
||||||
|
height:18px;
|
||||||
|
padding-top:2px;
|
||||||
|
padding-bottom:2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.textSidebox
|
||||||
|
{
|
||||||
|
padding: 0;
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.textSidebox
|
||||||
|
{
|
||||||
|
padding-top:3px;
|
||||||
|
padding-bottom:3px;
|
||||||
|
padding-left: 1px;
|
||||||
|
border-top: solid #aaaaaa 1px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sideboxSpace
|
||||||
|
{
|
||||||
|
height:9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.greyLine
|
||||||
|
{
|
||||||
|
margin:1px;
|
||||||
|
border-top:solid 1px #7e7e7e;
|
||||||
|
height:1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#extraIcons
|
||||||
|
{
|
||||||
|
background-color:#eeeeee;
|
||||||
|
border:solid 1px #7e7e7e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.extraIconsRow
|
||||||
|
{
|
||||||
|
border:solid 1px #dddddd;
|
||||||
|
padding:2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu
|
||||||
|
{
|
||||||
|
background-color: #0081c1;
|
||||||
|
background-image: url(../images/bgtopmenu2.png);
|
||||||
|
color:#006699;
|
||||||
|
/*border-top: solid 1px #7e7e7e;*/
|
||||||
|
border-bottom: solid #5793ff 1px;
|
||||||
|
height:20px;
|
||||||
|
padding-top:4px ;
|
||||||
|
line-height:16px;
|
||||||
|
}
|
||||||
|
#topmenu a
|
||||||
|
{
|
||||||
|
color:#006699;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu_items
|
||||||
|
{
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
#topmenu_info
|
||||||
|
{
|
||||||
|
float:right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divUpperTabs
|
||||||
|
{
|
||||||
|
text-align:right;
|
||||||
|
height: 15px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divUpperTabs ul
|
||||||
|
{
|
||||||
|
display:inline;
|
||||||
|
margin:0;
|
||||||
|
padding:10px 10px 0 1px;
|
||||||
|
list-style:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divUpperTabs li
|
||||||
|
{
|
||||||
|
float:right;
|
||||||
|
margin:0 5px 0 0;
|
||||||
|
padding:0 5px 0 5px;
|
||||||
|
border:solid 1px #9c9c9c;
|
||||||
|
border-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
//#divAppIconBar
|
||||||
|
//{
|
||||||
|
// background-color:silver;
|
||||||
|
// border:solid 1px #9c9c9c;
|
||||||
|
// background-image: url(../images/background-icon-bar.png);
|
||||||
|
// background-repeat: repeat-x;
|
||||||
|
// overflow:visible;
|
||||||
|
// height: 45px; /* prevents text line to show in IE7+8(Compatibilitymode) */
|
||||||
|
//}
|
||||||
|
|
||||||
|
/* Star-Plus-HTML Hack fix for the above */
|
||||||
|
*:first-child+html #divAppIconBar
|
||||||
|
{
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divAppTextBar
|
||||||
|
{
|
||||||
|
background-color:white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divStatusBar
|
||||||
|
{
|
||||||
|
background-color:white;
|
||||||
|
height:18px;
|
||||||
|
padding-left:3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tdSidebox
|
||||||
|
{
|
||||||
|
width:170px;
|
||||||
|
background-color:white;
|
||||||
|
overflow:visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tdAppbox
|
||||||
|
{
|
||||||
|
background-color:white;
|
||||||
|
padding-left:5px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divAppboxHeader
|
||||||
|
{
|
||||||
|
background-image:url(../images/appbox-header-background.png);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
height: 25px;
|
||||||
|
border-bottom:solid 1px #c0c0c0;
|
||||||
|
text-align:center;
|
||||||
|
padding-bottom:0px;
|
||||||
|
border-top:solid 1px #9c9c9c;
|
||||||
|
border-left:solid 1px #9c9c9c;
|
||||||
|
border-right:solid 1px #9c9c9c;
|
||||||
|
|
||||||
|
|
||||||
|
table img {.dimension_height_s;}
|
||||||
|
}
|
||||||
|
|
||||||
|
#divAppbox
|
||||||
|
{
|
||||||
|
background-color:#ffffff;
|
||||||
|
padding:5px;
|
||||||
|
border-bottom:solid 1px #9c9c9c;
|
||||||
|
border-left:solid 1px #9c9c9c;
|
||||||
|
border-right:solid 1px #9c9c9c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divGenTime,#divPoweredBy
|
||||||
|
{
|
||||||
|
bottom:4px;
|
||||||
|
text-align:center;
|
||||||
|
width:99%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pageGenTime,#divPoweredBy
|
||||||
|
{
|
||||||
|
font-size: 80%;
|
||||||
|
color: #ff0000;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pageGenTime {
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pageGenTime > span:after {
|
||||||
|
content: ", ";
|
||||||
|
}
|
||||||
|
|
||||||
|
.pageGenTime > span:last-child:after {
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
@ -12,7 +12,8 @@
|
|||||||
* @version $Id$
|
* @version $Id$
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
@import (reference) "definitions.less";
|
||||||
|
//##############################################################################################################
|
||||||
|
|
||||||
.ms-ctn{
|
.ms-ctn{
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@ -12,8 +12,8 @@
|
|||||||
* @version $Id$
|
* @version $Id$
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
@import (reference) "definitions.less";
|
||||||
@import (reference) "def_buttons.less";
|
//##############################################################################################################
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user