mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-10-05 09:42:30 +02:00
cleanup less files (r3170, r3172)
This commit is contained in:
Ralf Becker
commit
f4fb321965
File diff suppressed because it is too large
Load Diff
@ -37,6 +37,8 @@
|
||||
* neccesarry settings
|
||||
*/
|
||||
@import "../less/etemplate2.less";
|
||||
// print ausgabe
|
||||
@import "../less/print.less";
|
||||
/*@import "../../phpgwapi/templates/idots/css/traditional.css";*/
|
||||
@import "../less/jquery-ui.less";
|
||||
@import "../less/magicsuggest.less";
|
||||
@ -51,18 +53,20 @@
|
||||
/**
|
||||
* layout_*.less files are Pixelegg template specific
|
||||
*/
|
||||
@import "../less/layout_definitions.less";
|
||||
|
||||
|
||||
/*@import "../less/layout_buttons_global.less";*/
|
||||
@import "../less/layout_chosen.less";
|
||||
@import "../less/layout_messages.less";
|
||||
@import "../less/layout_content_elements.less";
|
||||
@import "../less/layout_table.less";
|
||||
@import "../less/layout_loginPage.less";
|
||||
@import "../less/layout_raster.less";
|
||||
/*@import "../less/layout_chosen.less";*/
|
||||
/*@import "../less/layout_messages.less";*/
|
||||
/*@import "../less/layout_content_elements.less";*/
|
||||
/*@import "../less/layout_table.less";*/
|
||||
/*@import "../less/layout_loginPage.less";*/
|
||||
/*@import "../less/layout_raster.less";*/
|
||||
/*@import "../less/layout_nextmatch.less";*/
|
||||
@import "../less/layout_footer.less";
|
||||
@import "../less/layout_dialog.less";
|
||||
@import "../less/print.less";
|
||||
/*@import "../less/layout_footer.less";*/
|
||||
/*@import "../less/layout_dialog.less";*/
|
||||
|
||||
|
||||
//
|
||||
//
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 2.4 KiB |
13
pixelegg/images/download.svg
Executable file
13
pixelegg/images/download.svg
Executable file
@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="download" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 28.3 28.3" enable-background="new 0 0 28.3 28.3" xml:space="preserve">
|
||||
<g>
|
||||
<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECECED" points="17.3,18.1 17.3,5.8 11,5.8 11,18.1 6.4,18.1 14.2,28.3
|
||||
22,18.1 "/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECECED" d="M23.6,0H4.7C2.1,0,0,2.1,0,4.7v18.9c0,2.6,2.1,4.7,4.7,4.7h2.1
|
||||
v-2.8H5.7c-1.6,0-2.8-1.3-2.8-2.8v-17c0-1.6,1.3-2.8,2.8-2.8h17c1.6,0,2.8,1.3,2.8,2.8v17c0,1.6-1.3,2.8-2.8,2.8h-1.2v2.8h2.2
|
||||
c2.6,0,4.7-2.1,4.7-4.7V4.7C28.3,2.1,26.2,0,23.6,0z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 923 B |
BIN
pixelegg/images/milestone.png
Executable file
BIN
pixelegg/images/milestone.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
13
pixelegg/images/milestone.svg
Executable file
13
pixelegg/images/milestone.svg
Executable file
@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="milestone" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 28.3 28.3" enable-background="new 0 0 28.3 28.3" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#ECECED" d="M22.1,6.7c1.4,1.7,2.2,3.8,2.2,6.2c0,5.5-4.5,9.9-10.1,9.9S4.1,18.3,4.1,12.9c0-2.3,0.8-4.5,2.2-6.2
|
||||
L3.8,3.6C1.5,6,0.1,9.3,0.1,12.9c0,7.6,6.3,13.8,14.1,13.8s14.1-6.2,14.1-13.8c0-3.6-1.4-6.9-3.7-9.3L22.1,6.7z"/>
|
||||
<path fill="#ECECED" d="M16.7,2.4l-2.5,3.1l-2.5-3.1H6.1l8.1,10.1l8.1-10.1H16.7z"/>
|
||||
<path fill="#ECECED" d="M14.2,16.6L8.6,9.6c-0.6,1-0.9,2.1-0.9,3.3c0,3.5,2.9,6.4,6.5,6.4s6.5-2.8,6.5-6.4c0-1.2-0.3-2.3-0.9-3.3
|
||||
L14.2,16.6z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 939 B |
BIN
pixelegg/images/save_zip.png
Executable file
BIN
pixelegg/images/save_zip.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
43
pixelegg/images/save_zip.svg
Executable file
43
pixelegg/images/save_zip.svg
Executable file
@ -0,0 +1,43 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="download_as_zip" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" style="enable-background:new 0 0 28.347 28.347;"
|
||||
xml:space="preserve">
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.st0{fill:#ECECED;}
|
||||
.st1{clip-path:url(#SVGID_2_);fill-rule:evenodd;clip-rule:evenodd;fill:#ECECED;}
|
||||
.st2{clip-path:url(#SVGID_4_);fill:#ECECED;}
|
||||
]]>
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<defs>
|
||||
<rect id="SVGID_1_" x="0.042" y="0.046" width="28.262" height="28.255"/>
|
||||
</defs>
|
||||
<clipPath id="SVGID_2_">
|
||||
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
||||
</clipPath>
|
||||
<path class="st1" d="M15.108,17.001"/>
|
||||
</g>
|
||||
<polygon class="st0" points="0.761,0.045 0.761,1.641 6.409,1.641 0.042,7.753 0.042,9.471 9.89,9.471 9.89,7.882 2.994,7.882
|
||||
9.634,1.524 9.634,0.045 "/>
|
||||
<rect x="12.8" y="0.045" class="st0" width="2.447" height="9.425"/>
|
||||
<g>
|
||||
<defs>
|
||||
<rect id="SVGID_3_" x="0.042" y="0.046" width="28.262" height="28.255"/>
|
||||
</defs>
|
||||
<clipPath id="SVGID_4_">
|
||||
<use xlink:href="#SVGID_3_" style="overflow:visible;"/>
|
||||
</clipPath>
|
||||
<path class="st2" d="M21.466,9.471V5.915h1.596c1.107,0,1.954-0.045,2.539-0.136c0.43-0.071,0.854-0.221,1.27-0.445
|
||||
c0.415-0.227,0.758-0.535,1.028-0.93s0.405-0.881,0.405-1.46c0-0.75-0.234-1.361-0.702-1.835c-0.47-0.474-1.05-0.781-1.745-0.923
|
||||
c-0.452-0.094-1.422-0.141-2.91-0.141h-3.928v9.425H21.466z M22.648,1.64c0.882,0,1.469,0.021,1.761,0.064
|
||||
c0.396,0.056,0.725,0.194,0.984,0.418c0.259,0.223,0.389,0.506,0.389,0.849c0,0.279-0.093,0.523-0.277,0.733
|
||||
s-0.439,0.363-0.765,0.463c-0.325,0.098-0.97,0.146-1.935,0.146h-1.34V1.64H22.648z"/>
|
||||
<path class="st2" d="M18.12,15.763c-6.784,0.249-10.867-2.849-14.316-6.294c0,8.186,7.11,14.634,14.316,14.707v4.125l10.177-8.348
|
||||
L18.12,11.605V15.763z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
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$
|
||||
*/
|
||||
|
||||
@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$
|
||||
*/
|
||||
|
||||
// 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;
|
||||
|
||||
/*#####################################################################*/
|
||||
// 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');
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//
|
||||
//
|
||||
// not used any more
|
||||
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$
|
||||
*/
|
||||
|
||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
||||
@import (reference) "def_buttons.less";
|
||||
@import (reference) "definitions.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.
61
pixelegg/less/layout_definitions.less
Normal file
61
pixelegg/less/layout_definitions.less
Normal file
@ -0,0 +1,61 @@
|
||||
/**
|
||||
* 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
|
||||
|
||||
*/
|
||||
|
||||
// first
|
||||
@import "layout_reset.less";
|
||||
|
||||
//then
|
||||
@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_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$
|
||||
*/
|
||||
|
||||
@import (reference) "def_buttons.less";
|
||||
/*@import (reference) "def_content_elements.less";*/
|
||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
||||
@import (reference) "definitions.less";
|
||||
//##############################################################################################################
|
||||
|
||||
/*body {
|
||||
background-color: @gray_0;
|
||||
|
||||
@ -9,7 +9,8 @@
|
||||
*
|
||||
*/
|
||||
|
||||
@import "def_design_pattern_color_font_shadow.less";
|
||||
@import (reference) "definitions.less";
|
||||
//##############################################################################################################
|
||||
|
||||
/* #################################################
|
||||
* 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$
|
||||
*/
|
||||
|
||||
@import (reference) "def_buttons.less";
|
||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
||||
@import (reference) "layout_messages.less";
|
||||
@import (reference) "definitions.less";
|
||||
//##############################################################################################################
|
||||
|
||||
|
||||
/* ##################################################################################
|
||||
|
||||
@ -12,9 +12,8 @@
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
||||
@import (reference) "def_buttons.less";
|
||||
//@import "def_buttons.less";
|
||||
@import (reference) "definitions.less";
|
||||
//##############################################################################################################
|
||||
|
||||
|
||||
#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$
|
||||
*/
|
||||
|
||||
@import (reference) "def_buttons.less";
|
||||
@import (reference) "definitions.less";
|
||||
//##############################################################################################################
|
||||
|
||||
//############## Layout ########################################################################################
|
||||
|
||||
|
||||
121
pixelegg/less/layout_reset.less
Normal file
121
pixelegg/less/layout_reset.less
Normal file
@ -0,0 +1,121 @@
|
||||
/**
|
||||
* 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$
|
||||
*/
|
||||
|
||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
||||
@import (reference) "def_buttons.less";
|
||||
@import (reference) "definitions.less";
|
||||
|
||||
/** #####################################################################################
|
||||
* et2
|
||||
@ -29,6 +28,11 @@ table.et2_grid {
|
||||
|
||||
}
|
||||
|
||||
// Tabellen
|
||||
|
||||
.th {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
.innerContainer{
|
||||
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$
|
||||
*/
|
||||
|
||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
||||
@import (reference) "definitions.less";
|
||||
//##############################################################################################################
|
||||
|
||||
.ms-ctn{
|
||||
position: relative;
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
}
|
||||
/*
|
||||
svg#etemplate_navbar {
|
||||
fill: @gray_40;
|
||||
fill: @gray_40;
|
||||
}
|
||||
|
||||
svg#infolog_navbar {
|
||||
@ -26,7 +26,7 @@ svg#infolog_navbar {
|
||||
}
|
||||
|
||||
svg#admin_navbar {
|
||||
fill: @gray_40;
|
||||
fill: @gray_40;
|
||||
}
|
||||
|
||||
.egw_fw_ui_tabs_header > svg * {
|
||||
@ -35,9 +35,9 @@ svg#admin_navbar {
|
||||
}
|
||||
|
||||
svg#sambaadmin_navbar {
|
||||
fill: @gray_40;
|
||||
fill: @gray_40;
|
||||
}
|
||||
|
||||
svg#mail_navbar {
|
||||
fill: @gray_40;
|
||||
fill: @gray_40;
|
||||
}*/
|
||||
|
||||
@ -12,8 +12,8 @@
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
||||
@import (reference) "def_buttons.less";
|
||||
@import (reference) "definitions.less";
|
||||
//##############################################################################################################
|
||||
|
||||
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
}
|
||||
/*
|
||||
svg#etemplate_navbar {
|
||||
fill: @gray_40;
|
||||
fill: @gray_40;
|
||||
}
|
||||
|
||||
svg#infolog_navbar {
|
||||
@ -32,7 +32,7 @@ svg#infolog_navbar {
|
||||
}
|
||||
|
||||
svg#admin_navbar {
|
||||
fill: @gray_40;
|
||||
fill: @gray_40;
|
||||
}
|
||||
|
||||
.egw_fw_ui_tabs_header > svg * {
|
||||
@ -41,11 +41,11 @@ svg#admin_navbar {
|
||||
}
|
||||
|
||||
svg#sambaadmin_navbar {
|
||||
fill: @gray_40;
|
||||
fill: @gray_40;
|
||||
}
|
||||
|
||||
svg#mail_navbar {
|
||||
fill: @gray_40;
|
||||
fill: @gray_40;
|
||||
}*/
|
||||
//
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user