mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-10-05 01:22:16 +02:00
latest pixelegg changes
This commit is contained in:
Ralf Becker
parent
d9db5df4f9
commit
f10287c2a4
File diff suppressed because it is too large
Load Diff
Binary file not shown.
@ -15,91 +15,93 @@
|
||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
||||
|
||||
|
||||
|
||||
|
||||
//#####################
|
||||
//# Complete Button #
|
||||
//#####################
|
||||
|
||||
.Complete_Button_normal{
|
||||
.border_normal;
|
||||
.box_shadow_standard_light;
|
||||
.color-100-gray;
|
||||
.border_normal;
|
||||
.box_shadow_standard_light;
|
||||
.color-100-gray;
|
||||
}
|
||||
|
||||
.Complete_Button_hover{
|
||||
// .border_hover;
|
||||
.box_shadow_standard_light_hover;
|
||||
background-color: inherit !important;
|
||||
// .border_hover;
|
||||
.box_shadow_standard_light_hover;
|
||||
background-color: inherit !important;
|
||||
}
|
||||
|
||||
.Complete_Button_active{
|
||||
// .border_hover;
|
||||
.box_shadow_standard_light_inset;
|
||||
// .border_hover;
|
||||
.box_shadow_standard_light_inset;
|
||||
}
|
||||
|
||||
.Complete_Button_focus{
|
||||
// .border_hover;
|
||||
.box_shadow_standard_light_inset;
|
||||
// .border_hover;
|
||||
.box_shadow_standard_light_inset;
|
||||
}
|
||||
|
||||
// komplette Schaltflächen
|
||||
|
||||
.Complete_Button_add {
|
||||
background-color: @egw_color_blue_lighter !important;
|
||||
color: #FFF;
|
||||
text-shadow: none;
|
||||
height: 35px;
|
||||
background-image: none !important;
|
||||
.border_radius_button_lefttop;
|
||||
background-color: @egw_color_blue_lighter !important;
|
||||
color: #FFF;
|
||||
text-shadow: none;
|
||||
height: 35px;
|
||||
background-image: none !important;
|
||||
.border_radius_button_lefttop;
|
||||
|
||||
&:before {content: "+";font-size: 2em;color: @egw_color_1;}
|
||||
&:before {content: "+";font-size: 2em;color: @egw_color_1;}
|
||||
}
|
||||
|
||||
.Complete_Button_add_hover {
|
||||
background-color: @egw_color_blue_lightest !important;
|
||||
color: @egw_color_1;
|
||||
.box_shadow_standard_light_hover;
|
||||
.border_radius_button_lefttop;
|
||||
background-color: @egw_color_blue_lightest !important;
|
||||
color: @egw_color_1;
|
||||
.box_shadow_standard_light_hover;
|
||||
.border_radius_button_lefttop;
|
||||
}
|
||||
|
||||
//.Complete_Button_add_before {content: "+";font-size: 2em;}
|
||||
|
||||
|
||||
.Complete_Button_hinweis{
|
||||
.Button_size_square_32;
|
||||
.border_normal;
|
||||
padding: 0 0.2em;
|
||||
border-left: 3px solid;
|
||||
border-left-color: @lightgray;
|
||||
.Button_size_square_32;
|
||||
.border_normal;
|
||||
padding: 0 0.2em;
|
||||
border-left: 3px solid;
|
||||
border-left-color: @lightgray;
|
||||
}
|
||||
|
||||
|
||||
// select
|
||||
|
||||
.Complete_Button_select{
|
||||
.box_shadow_standard_light;
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0.5em;
|
||||
padding:3px;
|
||||
.box_shadow_standard_light;
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0.5em;
|
||||
padding:3px;
|
||||
outline:none;
|
||||
display: inline-block;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
cursor:pointer;
|
||||
}
|
||||
}
|
||||
.Complete_Button_select_hover {
|
||||
.box_shadow_standard_light_hover;
|
||||
.box_shadow_standard_light_hover;
|
||||
}
|
||||
|
||||
.Complete_Button_select_focus {
|
||||
outline:0;
|
||||
border-width:1px;
|
||||
border-style: solid;
|
||||
.border-color-25-gray;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
}
|
||||
outline:0;
|
||||
border-width:1px;
|
||||
border-style: solid;
|
||||
border-color: @gray-30;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -107,30 +109,30 @@
|
||||
// Input
|
||||
|
||||
.Complete_Button_input{
|
||||
.border_normal;
|
||||
.border-color-25-gray;
|
||||
.box_shadow_standard_light;
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
.border_radius_button_normal;
|
||||
.border_normal;
|
||||
border-color: @gray-30;
|
||||
.box_shadow_standard_light;
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
.border_radius_button_normal;
|
||||
|
||||
// .gradient(#000, #333, #FFF);
|
||||
// .gradient(#F5F5F5, #EEE, #FFF);
|
||||
// .gradient(#000, #333, #FFF);
|
||||
// .gradient(#F5F5F5, #EEE, #FFF);
|
||||
|
||||
}
|
||||
|
||||
.Complete_Button_input_hover{
|
||||
.box_shadow_standard_light_hover;
|
||||
.box_shadow_standard_light_hover;
|
||||
}
|
||||
|
||||
.Complete_Button_input_focus {
|
||||
outline:0;
|
||||
border-width:1px;
|
||||
border-style: solid;
|
||||
.border-color-25-gray;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
outline:0;
|
||||
border-width:1px;
|
||||
border-style: solid;
|
||||
border-color: @gray-30;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
|
||||
}
|
||||
|
||||
|
||||
@ -138,43 +140,43 @@
|
||||
// Suchen button
|
||||
|
||||
.Complete_Button_search_action{
|
||||
.border_normal;
|
||||
.border-color-25-gray;
|
||||
.box_shadow_standard_light;
|
||||
width: 3em;
|
||||
// height: 2.5em;
|
||||
// margin: 0.5em 1em 0.5em 1;
|
||||
.border_radius_button_lefttop;
|
||||
.border_normal;
|
||||
border-color: @gray-30;
|
||||
.box_shadow_standard_light;
|
||||
width: 3em;
|
||||
// height: 2.5em;
|
||||
// margin: 0.5em 1em 0.5em 1;
|
||||
.border_radius_button_lefttop;
|
||||
|
||||
.background-color-search;
|
||||
.background-color-search;
|
||||
|
||||
color: #FFFFFF;
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
|
||||
cursor: pointer;
|
||||
padding: 3px;
|
||||
margin-left: 5px;
|
||||
padding: 3px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
.Complete_Button_search_action_hover{
|
||||
.box_shadow_standard_light_hover;
|
||||
background-color: @yellow !important;
|
||||
.border_radius_button_lefttop;
|
||||
.box_shadow_standard_light_hover;
|
||||
background-color: @yellow !important;
|
||||
.border_radius_button_lefttop;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Complete_Button_search_action_active{
|
||||
.box_shadow_standard_light_hover;
|
||||
.background-color-search;
|
||||
.border_radius_button_lefttop;
|
||||
.box_shadow_standard_light_hover;
|
||||
.background-color-search;
|
||||
.border_radius_button_lefttop;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Complete_Button_search_action_reset{
|
||||
.Complete_Button_search_action;
|
||||
.Complete_Button_search_action;
|
||||
.background_verlauf_diagonal_gray;
|
||||
}
|
||||
|
||||
@ -182,120 +184,120 @@
|
||||
// Buchstaben
|
||||
|
||||
.Complete_Button_lettersearch{
|
||||
.border_radius_button_normal;
|
||||
.box_shadow_standard_light;
|
||||
.border_normal;
|
||||
// border: 1px solid #D3DCE3;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
.border_radius_button_normal;
|
||||
.box_shadow_standard_light;
|
||||
.border_normal;
|
||||
// border: 1px solid #D3DCE3;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
// Text
|
||||
|
||||
.Complete_Button_text{
|
||||
.border_radius_button_normal;
|
||||
.background-color-10-gray;
|
||||
.border-color-50-gray;
|
||||
cursor: pointer;
|
||||
.border_radius_button_normal;
|
||||
.background-color-10-gray;
|
||||
border-color: @gray-50;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
.Complete_Button_text_hover {
|
||||
.border_radius_button_normal;
|
||||
.border_hover;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
.background-color-30-gray;
|
||||
.border_radius_button_normal;
|
||||
.border_hover;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
.background-color-30-gray;
|
||||
}
|
||||
.Complete_Button_text_active{
|
||||
color: @gray;
|
||||
color: @gray;
|
||||
}
|
||||
|
||||
|
||||
.Complete_Button_text_icon_before{
|
||||
.Complete_Button_normal;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
.Button_size_h32_auto;
|
||||
.Complete_Button_normal;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
.Button_size_h32_auto;
|
||||
}
|
||||
|
||||
.Complete_Button_text_icon_before_hover{
|
||||
.Complete_Button_text_icon_before;
|
||||
.box_shadow_standard_light_hover;
|
||||
.Complete_Button_text_icon_before;
|
||||
.box_shadow_standard_light_hover;
|
||||
}
|
||||
|
||||
.Complete_Button_text_icon_before_active{
|
||||
.Complete_Button_text_icon_before;
|
||||
.box_shadow_standard_light_hover;
|
||||
.Complete_Button_text_icon_before;
|
||||
.box_shadow_standard_light_hover;
|
||||
|
||||
}
|
||||
|
||||
// Buttons nur Icon
|
||||
|
||||
.Complete_Button_Icon_normal {
|
||||
.background-color-10-gray;
|
||||
.box_shadow_standard_light;
|
||||
.border_normal;
|
||||
.border_radius_button_normal;
|
||||
.background-color-10-gray;
|
||||
.box_shadow_standard_light;
|
||||
.border_normal;
|
||||
.border_radius_button_normal;
|
||||
}
|
||||
|
||||
.Complete_Button_Icon_hover {
|
||||
.background-color-30-gray;
|
||||
.box_shadow_standard_light_hover;
|
||||
.border_hover;
|
||||
.border_radius_button_normal;
|
||||
.background-color-30-gray;
|
||||
.box_shadow_standard_light_hover;
|
||||
.border_hover;
|
||||
.border_radius_button_normal;
|
||||
}
|
||||
|
||||
.Complete_Button_Icon_active {
|
||||
.background-color-50-gray;
|
||||
.box_shadow_standard_light_hover;
|
||||
.border_active;
|
||||
.border_radius_button_normal;
|
||||
.background-color-50-gray;
|
||||
.box_shadow_standard_light_hover;
|
||||
.border_active;
|
||||
.border_radius_button_normal;
|
||||
}
|
||||
|
||||
// #############################
|
||||
// Button Sub Menupunkte
|
||||
|
||||
.Complete_Button_Module_Menu_Links{
|
||||
.background-color-10-gray;
|
||||
.background-color-10-gray;
|
||||
}
|
||||
|
||||
.Complete_Button_Module_Menu_Links_Hover{
|
||||
.background-color-30-gray;
|
||||
.color-5-gray;
|
||||
.background-color-30-gray;
|
||||
.color-5-gray;
|
||||
}
|
||||
|
||||
.Complete_Button_Module_Menu_Links_active{
|
||||
.background-color-10-gray;
|
||||
.background-color-10-gray;
|
||||
}
|
||||
|
||||
|
||||
// Button Sub Sub Menupunkte
|
||||
|
||||
.Complete_Button_Module_Menu_Links_Sub_Hover {
|
||||
margin-left: 2px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 5px;
|
||||
.border_normal;
|
||||
.background-color-15-gray;
|
||||
margin-left: 2px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 5px;
|
||||
.border_normal;
|
||||
.background-color-15-gray;
|
||||
}
|
||||
|
||||
.Complete_Button_Module_Menu_Links_Sub {
|
||||
margin-left: 3px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 5px;
|
||||
.border_normal;
|
||||
border-top-width: 0px;
|
||||
.background-color-10-gray;
|
||||
margin-left: 3px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 5px;
|
||||
.border_normal;
|
||||
border-top-width: 0px;
|
||||
.background-color-10-gray;
|
||||
|
||||
margin-top: -7px;
|
||||
padding-left: 14px;
|
||||
margin-top: -7px;
|
||||
padding-left: 14px;
|
||||
|
||||
width: 93%;
|
||||
}
|
||||
width: 93%;
|
||||
}
|
||||
//.Complete_Button_Module_Menu_Links_Sub {
|
||||
// margin-left: 3px;
|
||||
// padding-top: 0px;
|
||||
|
||||
@ -95,10 +95,13 @@ select {
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
// Flächen
|
||||
|
||||
// Hintergrund für Filter
|
||||
// Filterfläche*/
|
||||
|
||||
//select {
|
||||
|
||||
//}
|
||||
|
||||
|
||||
// #############################
|
||||
@ -193,10 +196,10 @@ div.selectbox-wrapper {
|
||||
padding:0px;
|
||||
|
||||
li.selected {
|
||||
background-color: #EAF2FB;
|
||||
background-color: @egw_color_1_e;
|
||||
}
|
||||
li.current {
|
||||
background-color: #CDD8E4;
|
||||
background-color: @egw_color_2_e;
|
||||
}
|
||||
|
||||
li {
|
||||
@ -359,7 +362,7 @@ select,input,button
|
||||
padding: 0.2em 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
.border-color-15-gray;
|
||||
border-color: @gray-20;
|
||||
}
|
||||
|
||||
select
|
||||
@ -475,7 +478,7 @@ td.lettersearch {
|
||||
margin: 0;
|
||||
border-width: 0px 1px 0px 1px;
|
||||
border-style: solid;
|
||||
border-color: #c6ced6;
|
||||
border-color: @gray-30;
|
||||
cursor: pointer;
|
||||
color: gray;
|
||||
background-color: RGB(250, 250, 250);
|
||||
@ -796,4 +799,4 @@ a.textSidebox
|
||||
width:99%;
|
||||
}
|
||||
|
||||
//
|
||||
//
|
||||
@ -12,23 +12,24 @@
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
// Farben
|
||||
// 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;
|
||||
@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;
|
||||
@egw_color_2_e : #679FD2; // li:current
|
||||
|
||||
|
||||
// Lila
|
||||
@ -56,95 +57,88 @@
|
||||
.background-color-egw-darker {background-color : @egw_color_2_b;}
|
||||
|
||||
|
||||
// greyscale
|
||||
@gray : #000000; // Base colur is black
|
||||
|
||||
/*@gray-100 : #000000;*/
|
||||
@gray-100 : @gray*75%;
|
||||
@gray-90 : #1E1E1E;
|
||||
@gray-80 : #373737;
|
||||
@gray-70 : #505050;
|
||||
@gray-60 : #696969;
|
||||
@gray-50 : #828282;
|
||||
@gray-40 : #9B9B9B;
|
||||
@gray-30 : #B4B4B4;
|
||||
@gray-20 : #CDCDCD;
|
||||
@gray-10 : #E6E6E6;
|
||||
@gray-0 : #FFFFFF;
|
||||
|
||||
|
||||
@blue : blue;
|
||||
|
||||
@gray : #000000;
|
||||
|
||||
@red: #FF0000;
|
||||
|
||||
@yellow : #FFD40F;
|
||||
|
||||
@lightgray : #E4E7EA;
|
||||
|
||||
@link-color : #000000;
|
||||
|
||||
@link-color-active: @link-color*010101;
|
||||
|
||||
@active_button_border_bottom : @egw_color_2_d; // soll EGROUPWARE FARBE GEBEN
|
||||
|
||||
@color-hint : @egw_color_1_a;
|
||||
|
||||
// aktiverte Zeilen in allen APP mit Listenausgabe
|
||||
@active_row : #679FD2;
|
||||
|
||||
// Grauwerte
|
||||
|
||||
.color-0-gray { color : lighten(@gray, 100%);}
|
||||
.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-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-100-gray { color : @gray; }
|
||||
.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
|
||||
|
||||
// Hintergrundfarben
|
||||
@lightgray : @gray*010101;
|
||||
/*@darkgrey : .color-90-gray;*/
|
||||
|
||||
// Warnung
|
||||
|
||||
.background-color-warning {background-color : @red;}
|
||||
|
||||
.background-color-hint {background-color : darken(@red, 5%);}
|
||||
|
||||
|
||||
//Grautöne
|
||||
// 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-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-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%); }
|
||||
|
||||
//Contexthilfe
|
||||
|
||||
.background-color-Context-Help{ background-color: @egw_color_1;}
|
||||
// Warning
|
||||
@red: #FF0000;
|
||||
@color-warning : @red;
|
||||
|
||||
// Test Colour for debug
|
||||
@yellow : #FFD40F;
|
||||
|
||||
|
||||
// Link Colours
|
||||
@link-color : #000000;
|
||||
@link-color-active: @link-color*010101;
|
||||
|
||||
.background-color-required-field {
|
||||
background-color : #FFF;
|
||||
color: #000;
|
||||
border: 1px solid red;}
|
||||
// soll EGROUPWARE FARBE GEBEN
|
||||
/*@active_button_border_bottom : @egw_color_2_d;*/
|
||||
|
||||
.background-color-dialog-container {background-color : lighten(@gray, 100%); }
|
||||
// Hint /
|
||||
@color-hint : @egw_color_1_a;
|
||||
|
||||
// aktiverte Zeilen in allen APP mit Listenausgabe
|
||||
@active_row : @egw_color_2_d;
|
||||
|
||||
|
||||
// Search Button
|
||||
.background-color-search {background-color : lighten(@egw_color_1, 15%); }
|
||||
|
||||
// cal Heute
|
||||
|
||||
.background-table-cal-head { background-color : @egw_color_1_a;}
|
||||
|
||||
// Bordercolor
|
||||
|
||||
.border-color-10-gray { border-color : lighten(@gray, 94%); }
|
||||
.border-color-15-gray { border-color : lighten(@gray, 85%); }
|
||||
.border-color-25-gray { border-color : lighten(@gray, 75%); }
|
||||
.border-color-50-gray { border-color : lighten(@gray, 50%); }
|
||||
|
||||
//Bilder
|
||||
|
||||
// Schriften
|
||||
|
||||
.basefontfamily{
|
||||
//font-family: Verdana, Helvetica, Sans-Serif;
|
||||
font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
|
||||
// font-size: 16px;
|
||||
//font-family: Verdana, Helvetica, Sans-Serif;
|
||||
font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
|
||||
// font-size: 16px;
|
||||
|
||||
}
|
||||
|
||||
@ -153,27 +147,27 @@
|
||||
// Radius
|
||||
|
||||
.border_radius_button_lefttop {
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
}
|
||||
|
||||
.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;
|
||||
-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;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
@ -181,58 +175,45 @@
|
||||
// auf hellem Hintergrund
|
||||
|
||||
.box_shadow_standard_light {
|
||||
-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);
|
||||
}
|
||||
-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);
|
||||
}
|
||||
|
||||
|
||||
// wird dunkler
|
||||
|
||||
.box_shadow_standard_light_hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
// -webkit-box-shadow: none;
|
||||
// -moz-box-shadow: none;
|
||||
// box-shadow:none;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
// -webkit-box-shadow: none;
|
||||
// -moz-box-shadow: none;
|
||||
// box-shadow:none;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// 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);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Rahmen um Hauptinhalt
|
||||
|
||||
.box_shadow_dialog {
|
||||
// -webkit-box-shadow: -3px 20px 29px @egw_color_1;
|
||||
// -moz-box-shadow: -3px 20px 29px @egw_color_1;
|
||||
// box-shadow: -3px 20px 29px @egw_color_1;
|
||||
}
|
||||
-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);
|
||||
}
|
||||
|
||||
|
||||
// Rahmen für Dialoge
|
||||
|
||||
.box_shadow_edit_dialog {
|
||||
// -webkit-box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.75);
|
||||
// -moz-box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.75);
|
||||
// box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
|
||||
|
||||
-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;
|
||||
-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%;
|
||||
}
|
||||
margin: 5px ;
|
||||
padding: 0%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
// #############################
|
||||
@ -240,104 +221,104 @@
|
||||
|
||||
.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);
|
||||
-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);
|
||||
-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));
|
||||
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)));
|
||||
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)));
|
||||
}
|
||||
|
||||
// #############################
|
||||
// Transparenz
|
||||
|
||||
.transparent_50 {
|
||||
/* Required for IE 5, 6, 7 */
|
||||
/* ...or something to trigger hasLayout, like zoom: 1; */
|
||||
width: 100%;
|
||||
/* 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)";
|
||||
/* 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);
|
||||
/* 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;
|
||||
/* Older than Firefox 0.9 */
|
||||
-moz-opacity:0.5;
|
||||
|
||||
/* Safari 1.x (pre WebKit!) */
|
||||
-khtml-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;
|
||||
/* 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;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
|
||||
}
|
||||
|
||||
.Button_size_square_16{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.Button_size_square_8{
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.Button_size_h32_auto{
|
||||
width: auto;
|
||||
height: 32px;
|
||||
width: auto;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
// Rahmen für Schaltflächen
|
||||
@ -354,22 +335,7 @@
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
// Flächen
|
||||
|
||||
// Hintergrund für Filter
|
||||
// Filterfläche*/
|
||||
|
||||
.nm_filters_rectangle {
|
||||
|
||||
padding: 0 0 1em 1em;
|
||||
.background-color-10-gray;
|
||||
// vertical-align: top;
|
||||
border-width: 0 0 1px 0;
|
||||
.border-color-15-gray;
|
||||
background-image: none;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -381,153 +347,153 @@
|
||||
---------------------------------------------------*/
|
||||
|
||||
.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));
|
||||
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)));
|
||||
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;
|
||||
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;
|
||||
-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;
|
||||
-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);
|
||||
-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})";
|
||||
-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;
|
||||
-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;
|
||||
-webkit-transform: @arguments;
|
||||
-moz-transform: @arguments;
|
||||
-o-transform: @arguments;
|
||||
-ms-transform: @arguments;
|
||||
transform: @arguments;
|
||||
}
|
||||
.rotation(@deg:5deg){
|
||||
.transform(rotate(@deg));
|
||||
.transform(rotate(@deg));
|
||||
}
|
||||
.scale(@ratio:1.5){
|
||||
.transform(scale(@ratio));
|
||||
.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;
|
||||
-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);
|
||||
-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;
|
||||
-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;
|
||||
-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;
|
||||
-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;
|
||||
-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));
|
||||
.transform(translate(@x, @y));
|
||||
}
|
||||
.background-clip(@argument: padding-box) {
|
||||
-moz-background-clip: @argument;
|
||||
-webkit-background-clip: @argument;
|
||||
background-clip: @argument;
|
||||
-moz-background-clip: @argument;
|
||||
-webkit-background-clip: @argument;
|
||||
background-clip: @argument;
|
||||
}
|
||||
|
||||
//
|
||||
@ -19,7 +19,7 @@
|
||||
|
||||
border-width: 9px 0px 0px 9px;
|
||||
border-style: solid;
|
||||
.border-color-25-gray;
|
||||
border-color: @gray-30;
|
||||
.background-color-25-gray;
|
||||
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
// display: none !important;
|
||||
border-width: 0px 0px 0px 0px;
|
||||
border-style: solid;
|
||||
border-color: #D5DDE6;
|
||||
border-color: @gray-50;
|
||||
.border_radius_button_righttop;
|
||||
padding: 14px 2px 4px 15px;
|
||||
font-size: 1em;
|
||||
|
||||
@ -69,6 +69,7 @@ div.et2_hbox_al_right {
|
||||
div.et2_hbox_right {
|
||||
float: right;
|
||||
clear: right;
|
||||
background: transparent;
|
||||
}
|
||||
div.et2_hbox>div {
|
||||
display: inline-block;
|
||||
@ -310,9 +311,9 @@ button.et2_button_text:focus, input[type=button]:focus {
|
||||
// max-width: 85%;
|
||||
|
||||
&:hover {background-color: @color-hint !important;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
.et2_selectbox .ui-multiselect-checkboxes ul {
|
||||
margin: 0px auto;
|
||||
@ -704,7 +705,7 @@ ul.et2_link_string {
|
||||
.color-100-gray;
|
||||
border-width: 1px 1px 0px 1px;
|
||||
border-style: solid;
|
||||
.border-color-25-gray;
|
||||
border-color: @gray-70;
|
||||
&:hover {
|
||||
.color-100-gray;
|
||||
// border: 1px solid gray;
|
||||
@ -715,21 +716,22 @@ ul.et2_link_string {
|
||||
.et2_tabs {
|
||||
border-width: 0px 1px 1px 1px;
|
||||
border-style: solid;
|
||||
.border-color-25-gray;
|
||||
border-color: @gray-70;
|
||||
padding: 5px;
|
||||
overflow-y: auto;
|
||||
.background-color-dialog-container;
|
||||
background-color: @gray-0;
|
||||
.border_radius_button_normal;
|
||||
}
|
||||
|
||||
|
||||
.et2_tabheader {
|
||||
.background-color-25-gray;
|
||||
background-color: @gray-20;
|
||||
background-position: bottom;
|
||||
background-repeat: repeat-x;
|
||||
padding-left: 0em;
|
||||
border-bottom: 1px solid #bfbfbf;
|
||||
margin: 0 2px;
|
||||
|
||||
:first-child {
|
||||
margin-left: 0.3em;
|
||||
}
|
||||
@ -740,6 +742,7 @@ ul.et2_link_string {
|
||||
/**
|
||||
* VFS widget(s)
|
||||
*/
|
||||
|
||||
ul.et2_vfs {
|
||||
padding-left: 0px;
|
||||
margin: 1px;
|
||||
@ -757,7 +760,7 @@ ul.et2_vfs {
|
||||
[required] {
|
||||
background-color: @egw_color_1_a;
|
||||
input{
|
||||
// border-color: #FFFFD0;
|
||||
|
||||
}
|
||||
}
|
||||
.invalid {
|
||||
@ -872,10 +875,11 @@ div.message.floating {
|
||||
|
||||
/**
|
||||
* Nextmatch widget
|
||||
*/
|
||||
*/
|
||||
|
||||
|
||||
.et2_nextmatch {
|
||||
/* background-color: silver;*/
|
||||
.background-color-10-gray;
|
||||
}
|
||||
|
||||
/* Left & right headers*/
|
||||
@ -884,24 +888,127 @@ div.message.floating {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/*.nextmatch_header .header_count {
|
||||
/* images*/
|
||||
.et2_nextmatch > img {height: 16px; width: 16px;}
|
||||
|
||||
// little rectangle
|
||||
.nextmatch_header .header_count {
|
||||
padding: 0px 20px;
|
||||
margin: 6px 20px 0px;
|
||||
border: 1px solid #E0E0E0;
|
||||
float:right;
|
||||
font-size: 150%;
|
||||
text-align: center
|
||||
}*/
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
top: 7px;
|
||||
/*width: 50px;*/
|
||||
}
|
||||
|
||||
/*################################################################
|
||||
*
|
||||
* Filters
|
||||
*
|
||||
################################################################*/
|
||||
|
||||
.nextmatch_header > .filters {
|
||||
padding-left: 5px;
|
||||
|
||||
width: 80%;
|
||||
margin-bottom: 4px;
|
||||
padding: 0;
|
||||
background-color: @gray-30;
|
||||
border: none !important;
|
||||
border-color: @gray-100;
|
||||
background-image: none !important;
|
||||
border-top-right-radius: 15px;
|
||||
border-bottom-right-radius: 15px;
|
||||
}
|
||||
|
||||
.nextmatch_header > .filters {
|
||||
select,
|
||||
input,
|
||||
button {
|
||||
height: 25px;
|
||||
padding: 0px 0px 0px 3px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Select Field
|
||||
.nextmatch_header > .filters select {
|
||||
margin-right: 2ex;
|
||||
width: 15%;
|
||||
max-width: 15% !important;
|
||||
.Complete_Button_select;
|
||||
margin-right: 2ex;
|
||||
|
||||
&:hover{
|
||||
.Complete_Button_select_hover;
|
||||
}
|
||||
|
||||
/*Dialog - Addressbook - View */
|
||||
#infolog-index_cat_id,
|
||||
#infolog-index_filter {width: 50% !important;}
|
||||
|
||||
|
||||
|
||||
}
|
||||
// Select -> Option
|
||||
.nextmatch_header > .filters > select > option {font-size: 0.9em;}
|
||||
|
||||
|
||||
|
||||
|
||||
// Search Field
|
||||
.nextmatch_header > .filters button.et2_button {
|
||||
.Complete_Button_search_action;
|
||||
background-image: none;
|
||||
width: auto;
|
||||
|
||||
&:hover{
|
||||
.Complete_Button_search_action_hover;
|
||||
background-color: @egw_color_2_e !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
.Complete_Button_search_action_active;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
.Complete_Button_input_focus;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// Input Field
|
||||
.nextmatch_header > .filters input {
|
||||
margin-right: 2ex;
|
||||
width: 15%;
|
||||
.Complete_Button_input;
|
||||
&:hover{
|
||||
.Complete_Button_input_hover;
|
||||
}
|
||||
&:focus{
|
||||
.Complete_Button_input_focus;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.nextmatch_header .et2_button_icon {
|
||||
vertical-align: middle;
|
||||
.Complete_Button_Icon_normal;
|
||||
margin-top: 0px;
|
||||
margin-right: 1em;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
padding: 2px;
|
||||
|
||||
.et2_button_icon:hover{.Complete_Button_Icon_hover ;}
|
||||
}
|
||||
|
||||
|
||||
.nextmatch_header > .filters .et2_button_icon {
|
||||
margin-top: 8px;
|
||||
}
|
||||
@ -912,14 +1019,136 @@ div.message.floating {
|
||||
margin-bottom: 3px;
|
||||
// margin-right: 3px;
|
||||
}
|
||||
/*.et2_nextmatch .nextmatch_header > .filters {
|
||||
.et2_nextmatch .nextmatch_header > .filters {
|
||||
border: 1px solid silver;
|
||||
background-color: #E0E0E0;
|
||||
background-image: url(../../../phpgwapi/templates/default/images/egw_action/header_overlay.png);
|
||||
background-position: center;
|
||||
background-repeat: repeat-x;
|
||||
margin-bottom: 3px;
|
||||
}*/
|
||||
}
|
||||
|
||||
/*################################################################
|
||||
*
|
||||
* Favorites
|
||||
*
|
||||
################################################################*/
|
||||
|
||||
.nextmatch_header div[id$=favorite_wrapper] {
|
||||
margin-top: 6px;
|
||||
vertical-align: middle;
|
||||
|
||||
.box_shadow_standard_light;
|
||||
.border_radius_button_normal;
|
||||
.background-color-25-gray;
|
||||
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Drop down button
|
||||
*/
|
||||
.et2_dropdown{
|
||||
|
||||
button {
|
||||
height: 3.0ex;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: -2px;
|
||||
padding: 0px 1ex;
|
||||
.background-color-0-gray;
|
||||
background-image: none;
|
||||
width: 50px;
|
||||
|
||||
}
|
||||
button > div {
|
||||
vertical-align: middle;
|
||||
}
|
||||
button:last-child {
|
||||
padding: 0px
|
||||
}
|
||||
+ ul.ui-menu {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/*left Button*/
|
||||
button.ui-corner-left,
|
||||
button.ui-state-default{
|
||||
background-image: none !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 10px 10px;
|
||||
|
||||
img {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
right: 18px;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*right Button*/
|
||||
button.ui-corner-right {
|
||||
background-image: url("../images/fav_filter_normal.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 10px 10px;
|
||||
}
|
||||
|
||||
/* hover */
|
||||
button.ui-state-hover {
|
||||
background-color: @gray-30 !important;
|
||||
background-image: url("../images/fav_filter_normal.png") !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 16px 16px !important;
|
||||
background-position: 10px center !important;
|
||||
}
|
||||
|
||||
button.ui-state-hover > img {
|
||||
position: absolute;
|
||||
top: 70000px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
} // dropdown
|
||||
|
||||
/* // Liste
|
||||
ul{
|
||||
|
||||
border-color: @gray-30;
|
||||
.background-color-0-gray;
|
||||
.color-100-gray;
|
||||
li{
|
||||
.background-color-0-gray;
|
||||
|
||||
&:hover {.background-color-10-gray;}
|
||||
a {
|
||||
|
||||
height: 40px;
|
||||
border: none;
|
||||
|
||||
img {height: 16px; width: 16px;}
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background: none;
|
||||
text-indent: -22px;
|
||||
margin-left: 21px;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
}
|
||||
li#blank {}
|
||||
li#add { }
|
||||
|
||||
}*/
|
||||
|
||||
|
||||
/* Favorites */
|
||||
.nextmatch_header div[id$=favorite_wrapper] {
|
||||
margin-top: 6px;
|
||||
@ -970,15 +1199,15 @@ div.message.floating {
|
||||
float:right;
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
// List Icon
|
||||
.sideboxstar{
|
||||
background-image: url("../images/bullet.png");
|
||||
background-repeat: no-repeat;
|
||||
height: 9px;
|
||||
width: 9px
|
||||
}
|
||||
|
||||
background-image: url("../images/bullet.png");
|
||||
background-repeat: no-repeat;
|
||||
height: 9px;
|
||||
width: 9px
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -1033,7 +1262,7 @@ div.message.floating {
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus {
|
||||
.bordered(1px, 1px, 1px,1px);
|
||||
.border-color-10-gray;
|
||||
border-color: @gray-10;
|
||||
background: transparent !important;
|
||||
font-weight: bold;
|
||||
.color-100-gray;
|
||||
@ -1056,29 +1285,29 @@ div.message.floating {
|
||||
.ui-menu {
|
||||
|
||||
.ui-menu-item {
|
||||
|
||||
|
||||
&:hover {background-color: @egw_color_1_e;}
|
||||
|
||||
a {
|
||||
line-height: inherit;
|
||||
padding: 2px 0px;
|
||||
padding-left: 0 !important;
|
||||
|
||||
&:hover {text-decoration: underline;
|
||||
/*.Complete_Button_Icon_hover ;*/
|
||||
}
|
||||
&:hover {background-color: @egw_color_1_e;}
|
||||
|
||||
img { height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
line-height: inherit;
|
||||
padding: 2px 0px;
|
||||
padding-left: 0 !important;
|
||||
|
||||
}
|
||||
&:hover {text-decoration: underline;
|
||||
/*.Complete_Button_Icon_hover ;*/
|
||||
}
|
||||
|
||||
img { height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
div.ui-icon-heart{
|
||||
position: relative;
|
||||
float: left;
|
||||
@ -1313,98 +1542,98 @@ div.et2_progress > div {
|
||||
padding: 6px;
|
||||
}
|
||||
.et2_itempicker_app_select li.selected {
|
||||
border: 1px solid #b6b6b6;
|
||||
border-right: 1px solid transparent;
|
||||
background-color: #f9f9f9;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border: 1px solid #b6b6b6;
|
||||
border-right: 1px solid transparent;
|
||||
background-color: #f9f9f9;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
.et2_itempicker_search {
|
||||
display: inline-block;
|
||||
margin: 1em;
|
||||
margin-bottom: 0;
|
||||
margin-right: 0;
|
||||
width: 67%;
|
||||
padding: 0.2em;
|
||||
display: inline-block;
|
||||
margin: 1em;
|
||||
margin-bottom: 0;
|
||||
margin-right: 0;
|
||||
width: 67%;
|
||||
padding: 0.2em;
|
||||
}
|
||||
.et2_itempicker_clear {
|
||||
position: relative;
|
||||
top: 3px;
|
||||
left: -20px;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
left: -20px;
|
||||
}
|
||||
.et2_itempicker_button_action {
|
||||
position: absolute;
|
||||
margin: 1em;
|
||||
top: 0;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
margin: 1em;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
.et2_itempicker_itemlist {
|
||||
display: block;
|
||||
border: 1px solid #b6b6b6;
|
||||
margin: 1em;
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
height: 67%;
|
||||
background-color: #ffffff;
|
||||
overflow: auto;
|
||||
display: block;
|
||||
border: 1px solid #b6b6b6;
|
||||
margin: 1em;
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
height: 67%;
|
||||
background-color: #ffffff;
|
||||
overflow: auto;
|
||||
}
|
||||
.et2_itempicker_itemlist ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
.et2_itempicker_itemlist li {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 4px;
|
||||
color: #284d8a;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 4px;
|
||||
color: #284d8a;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.et2_itempicker_itemlist li.row_on {
|
||||
background-color: #f2f9fe;
|
||||
background-color: #f2f9fe;
|
||||
}
|
||||
.et2_itempicker_itemlist li.selected {
|
||||
color: #ffffff;
|
||||
background-color: #3875d7;
|
||||
color: #ffffff;
|
||||
background-color: #3875d7;
|
||||
}
|
||||
/**
|
||||
* et2_dialog: EGroupware left aligns all buttons, but [Delete]
|
||||
*/
|
||||
div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
float: left;
|
||||
float: left;
|
||||
}
|
||||
div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
|
||||
float: left;
|
||||
margin-right: 1em;
|
||||
float: left;
|
||||
margin-right: 1em;
|
||||
}
|
||||
.et2_prompt #message {
|
||||
white-space: pre-wrap;
|
||||
padding-bottom: 10px;
|
||||
white-space: pre-wrap;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.et2_prompt #value {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
/**
|
||||
* et2_taglist
|
||||
*/
|
||||
.ms-ctn,
|
||||
.ms-res-ctn {
|
||||
/* It doesn't really work smaller than this */
|
||||
min-width: 150px;
|
||||
/* It doesn't really work smaller than this */
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
|
||||
.ms-ctn .loading {
|
||||
position: relative;
|
||||
margin: 0px auto -16px auto;
|
||||
top: 5px;
|
||||
position: relative;
|
||||
margin: 0px auto -16px auto;
|
||||
top: 5px;
|
||||
}
|
||||
.ms-res-ctn {
|
||||
overflow-x: hidden;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
//
|
||||
@ -65,7 +65,7 @@ option:checked {background-color: @egw_color_1_e;}
|
||||
.ui-widget-header {
|
||||
// border: 1px solid #4297d7;
|
||||
.bordered(1px, 1px, 1px,1px);
|
||||
.border-color-10-gray;
|
||||
border-color: @gray-10;
|
||||
// background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
|
||||
// color: #ffffff;
|
||||
.color-0-gray;
|
||||
@ -84,7 +84,7 @@ option:checked {background-color: @egw_color_1_e;}
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
.bordered(1px, 1px, 1px,1px);
|
||||
.border-color-10-gray;
|
||||
border-color: @gray-10;
|
||||
// background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
|
||||
background: transparent;
|
||||
font-weight: bold;
|
||||
@ -105,7 +105,7 @@ option:checked {background-color: @egw_color_1_e;}
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus {
|
||||
.bordered(1px, 1px, 1px,1px);
|
||||
.border-color-10-gray;
|
||||
border-color: @gray-10;
|
||||
// background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
|
||||
background: @color-hint !important;
|
||||
background-image: none !important;
|
||||
@ -124,7 +124,7 @@ option:checked {background-color: @egw_color_1_e;}
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active {
|
||||
.bordered(1px, 1px, 1px,1px);
|
||||
.border-color-25-gray;
|
||||
border-color: @gray-20;
|
||||
background: @color-hint;
|
||||
background-image: none;
|
||||
font-weight: bold;
|
||||
@ -143,7 +143,7 @@ option:checked {background-color: @egw_color_1_e;}
|
||||
.ui-widget-content .ui-state-highlight,
|
||||
.ui-widget-header .ui-state-highlight {
|
||||
.bordered(1px, 1px, 1px,1px);
|
||||
.border-color-10-gray;
|
||||
border-color: @gray-30;
|
||||
background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
|
||||
.color-50-gray;
|
||||
}
|
||||
@ -156,7 +156,7 @@ option:checked {background-color: @egw_color_1_e;}
|
||||
.ui-widget-content .ui-state-error,
|
||||
.ui-widget-header .ui-state-error {
|
||||
.bordered(1px, 1px, 1px,1px);
|
||||
.border-color-10-gray;
|
||||
border-color: @gray-10;
|
||||
// background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
|
||||
.color-30-gray;
|
||||
}
|
||||
|
||||
@ -0,0 +1 @@
|
||||
/*Bitte löschen*/
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
@ -19,7 +19,7 @@
|
||||
|
||||
border-width: 9px 0px 0px 9px;
|
||||
border-style: solid;
|
||||
.border-color-25-gray;
|
||||
border-color: @gray-30;
|
||||
.background-color-25-gray;
|
||||
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
// display: none !important;
|
||||
border-width: 0px 0px 0px 0px;
|
||||
border-style: solid;
|
||||
border-color: #D5DDE6;
|
||||
border-color: @gray-10;
|
||||
.border_radius_button_righttop;
|
||||
padding: 14px 2px 4px 15px;
|
||||
font-size: 1em;
|
||||
|
||||
@ -11,682 +11,3 @@
|
||||
* @package pixelegg
|
||||
* @version $Id$
|
||||
*/
|
||||
/**
|
||||
* EGroupware: CSS with less preprocessor
|
||||
*
|
||||
* Definitions for buttons
|
||||
*
|
||||
* 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 Reinhardt <stefan.reinhardt@pixelegg.de>
|
||||
* @package phpgwapi
|
||||
* @version $Id$
|
||||
*/
|
||||
.Complete_Button_normal {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-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);
|
||||
color: #000000;
|
||||
}
|
||||
.Complete_Button_hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
background-color: inherit !important;
|
||||
}
|
||||
.Complete_Button_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);
|
||||
}
|
||||
.Complete_Button_focus {
|
||||
-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);
|
||||
}
|
||||
.Complete_Button_add {
|
||||
background-color: #0b5fa4 !important;
|
||||
color: #FFF;
|
||||
text-shadow: none;
|
||||
height: 35px;
|
||||
background-image: none !important;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
}
|
||||
.Complete_Button_add:before {
|
||||
content: "+";
|
||||
font-size: 2em;
|
||||
color: #ffc200;
|
||||
}
|
||||
.Complete_Button_add_hover {
|
||||
background-color: #66a1d2 !important;
|
||||
color: #ffc200;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
}
|
||||
.Complete_Button_hinweis {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
padding: 0 0.2em;
|
||||
border-left: 3px solid;
|
||||
border-left-color: #e4e7ea;
|
||||
}
|
||||
.Complete_Button_select {
|
||||
-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);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0.5em;
|
||||
padding: 3px;
|
||||
outline: none;
|
||||
display: inline-block;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.Complete_Button_select_hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.Complete_Button_select_focus {
|
||||
outline: 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.Complete_Button_input {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
-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);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.Complete_Button_input_hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.Complete_Button_input_focus {
|
||||
outline: 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.Complete_Button_search_action {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
-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);
|
||||
width: 3em;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
background-color: #ffd44d;
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
padding: 3px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.Complete_Button_search_action_hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
background-color: #ffd40f !important;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
}
|
||||
.Complete_Button_search_action_active {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
background-color: #ffd44d;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
}
|
||||
.Complete_Button_search_action_reset {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
-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);
|
||||
width: 3em;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
background-color: #ffd44d;
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
padding: 3px;
|
||||
margin-left: 5px;
|
||||
background: -webkit-gradient(linear, 0 0, 0 bottom, #d8d8d8, #a3a3a3), -moz-linear-gradient(#d8d8d8, #a3a3a3), -o-linear-gradient(#d8d8d8, #a3a3a3), linear-gradient(#d8d8d8, #a3a3a3);
|
||||
-pie-background: linear-gradient(#d8d8d8, #a3a3a3);
|
||||
behavior: url(/PIE.htc);
|
||||
}
|
||||
.Complete_Button_lettersearch {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-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);
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.Complete_Button_text {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #f0f0f0;
|
||||
border-color: #808080;
|
||||
cursor: pointer;
|
||||
}
|
||||
.Complete_Button_text_hover {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background-color: #b3b3b3 !important;
|
||||
}
|
||||
.Complete_Button_text_active {
|
||||
color: #000000;
|
||||
}
|
||||
.Complete_Button_text_icon_before {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-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);
|
||||
color: #000000;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
width: auto;
|
||||
height: 32px;
|
||||
}
|
||||
.Complete_Button_text_icon_before_hover {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-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);
|
||||
color: #000000;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
width: auto;
|
||||
height: 32px;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.Complete_Button_text_icon_before_active {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-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);
|
||||
color: #000000;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
width: auto;
|
||||
height: 32px;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.Complete_Button_Icon_normal {
|
||||
background-color: #f0f0f0;
|
||||
-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);
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.Complete_Button_Icon_hover {
|
||||
background-color: #b3b3b3 !important;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.Complete_Button_Icon_active {
|
||||
background-color: #808080;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
border: 1px solid rgba(0, 0, 0, 0.9);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.Complete_Button_Module_Menu_Links {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.Complete_Button_Module_Menu_Links_Hover {
|
||||
background-color: #b3b3b3 !important;
|
||||
color: #f2f2f2;
|
||||
}
|
||||
.Complete_Button_Module_Menu_Links_active {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.Complete_Button_Module_Menu_Links_Sub_Hover {
|
||||
margin-left: 2px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 5px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
background-color: #d9d9d9;
|
||||
}
|
||||
.Complete_Button_Module_Menu_Links_Sub {
|
||||
margin-left: 3px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 5px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-top-width: 0px;
|
||||
background-color: #f0f0f0;
|
||||
margin-top: -7px;
|
||||
padding-left: 14px;
|
||||
width: 93%;
|
||||
}
|
||||
/**
|
||||
* Nextmatch widget
|
||||
*/
|
||||
.et2_nextmatch .nextmatch_header > .filters {
|
||||
border: none !important;
|
||||
background-image: none !important;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.et2_nextmatch {
|
||||
background-color: #f0f0f0;
|
||||
/* Favorites */
|
||||
}
|
||||
.et2_nextmatch div > .header {
|
||||
margin-top: -20px;
|
||||
border: none;
|
||||
}
|
||||
.et2_nextmatch input,
|
||||
.et2_nextmatch select {
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header {
|
||||
border: none !important;
|
||||
background-image: none !important;
|
||||
background-color: #f0f0f0;
|
||||
background-size: 80% 10;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header img {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div.et2_hbox_right {
|
||||
background: transparent;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div.et2_hbox_right table.et2_grid {
|
||||
background: transparent;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header .et2_button_icon {
|
||||
vertical-align: middle;
|
||||
background-color: #f0f0f0;
|
||||
-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);
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
margin-top: 0px;
|
||||
margin-right: 1em;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
padding: 2px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header .et2_button_icon:hover {
|
||||
background-color: #b3b3b3 !important;
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header .header_count {
|
||||
position: relative;
|
||||
top: 7px;
|
||||
width: 50px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper {
|
||||
-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);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #bfbfbf;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
/**
|
||||
* Drop down button
|
||||
*/
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown {
|
||||
/*linke Seite Bild*/
|
||||
/*right Button*/
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button#ui-corner-left,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button#ui-corner-left,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button#ui-corner-left,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button#ui-corner-left,
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown .ui-state-default,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown .ui-state-default,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown .ui-state-default,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown .ui-state-default {
|
||||
background-image: none;
|
||||
width: auto;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button#ui-corner-left img,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button#ui-corner-left img,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button#ui-corner-left img,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button#ui-corner-left img,
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown .ui-state-default img,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown .ui-state-default img,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown .ui-state-default img,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown .ui-state-default img {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
right: 20px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button {
|
||||
height: 3.0ex;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: -2px;
|
||||
padding: 0px 1ex;
|
||||
background-color: #ffffff;
|
||||
background-image: none;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button > div,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button > div,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button > div,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button > div {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button:last-child,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button:last-child,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button:last-child,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button:last-child {
|
||||
padding: 0px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown + ul.ui-menu,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown + ul.ui-menu,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown + ul.ui-menu,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown + ul.ui-menu {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button.ui-corner-right,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button.ui-corner-right,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button.ui-corner-right,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button.ui-corner-right {
|
||||
background-image: url("../images/fav_filter_normal.png");
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button.ui-state-hover,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button.ui-state-hover,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button.ui-state-hover,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button.ui-state-hover {
|
||||
/*background-image: none;*/
|
||||
background-color: rgba(255, 255, 255, 0.9) !important;
|
||||
background-image: url("../images/fav_filter_normal.png") !important;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul {
|
||||
border-color: #bfbfbf;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li:hover,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li:hover,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li:hover,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li:hover {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a {
|
||||
height: 40px;
|
||||
border: none;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a img,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a img,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a img,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a img {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a:hover,
|
||||
.et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a:hover,
|
||||
.et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a:hover,
|
||||
.et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a:hover {
|
||||
background: none;
|
||||
text-indent: -22px;
|
||||
margin-left: 21px;
|
||||
height: 40px;
|
||||
}
|
||||
.et2_nextmatch div#favorite_wrapper {
|
||||
margin-top: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
/*#########################################################
|
||||
#
|
||||
# Filterleiste
|
||||
#
|
||||
#########################################################*/
|
||||
.et2_nextmatch .nextmatch_header > .filters {
|
||||
background-image: none !important;
|
||||
border: medium none !important;
|
||||
background: yellow !important;
|
||||
padding: 0 0 1em 1em;
|
||||
background-color: #d9d9d9 !important;
|
||||
vertical-align: top;
|
||||
border-width: 0 0 1px 0;
|
||||
border-color: #d9d9d9;
|
||||
width: 80%;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.filters {
|
||||
padding: 0 0 1em 1em;
|
||||
background-color: #f0f0f0;
|
||||
border-width: 0 0 1px 0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: none;
|
||||
width: 80%;
|
||||
margin-bottom: 1em;
|
||||
/*Suchen Button*/
|
||||
}
|
||||
.filters img.et2_button_icon {
|
||||
float: right;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
}
|
||||
.filters select,
|
||||
.filters input,
|
||||
.filters button {
|
||||
height: 20px;
|
||||
}
|
||||
.filters select {
|
||||
-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);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0.5em;
|
||||
padding: 3px;
|
||||
outline: none;
|
||||
display: inline-block;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
cursor: pointer;
|
||||
margin-right: 2ex;
|
||||
padding: 5px;
|
||||
padding: 0px 0px 0px 3px;
|
||||
}
|
||||
.filters select:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.filters select option {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.filters select#cat_id {
|
||||
margin-left: 1em;
|
||||
}
|
||||
.filters input {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
-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);
|
||||
width: auto;
|
||||
margin: 0.5em 0em 0.5em 0;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.filters input:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.filters button {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
-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);
|
||||
width: 3em;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
background-color: #ffd44d;
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
padding: 3px;
|
||||
margin-left: 5px;
|
||||
background-image: none;
|
||||
width: auto;
|
||||
}
|
||||
.filters button:hover {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
background-color: #ffd40f !important;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
background-color: #ffd40f;
|
||||
}
|
||||
.filters button:active {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
|
||||
background-color: #ffd44d;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-border-top-left-radius: 20px;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-border-radius-topleft: 20px;
|
||||
border-radius: 3px;
|
||||
border-top-left-radius: 20px;
|
||||
}
|
||||
.filters button:focus {
|
||||
outline: 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
@ -12,283 +12,4 @@
|
||||
* @version $Id$
|
||||
*/
|
||||
|
||||
@import "def_buttons.less";
|
||||
@import (reference) "def_design_pattern_color_font_shadow.less";
|
||||
/**
|
||||
* Nextmatch widget
|
||||
*/
|
||||
// Fläche einfärben
|
||||
|
||||
.et2_nextmatch .nextmatch_header > .filters {
|
||||
|
||||
border: none !important;
|
||||
background-image: none !important;
|
||||
.background-color-10-gray;
|
||||
}
|
||||
|
||||
.et2_nextmatch {
|
||||
|
||||
.background-color-10-gray;
|
||||
|
||||
|
||||
div > .header {
|
||||
margin-top: -20px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
// Listen Felder
|
||||
input, select {
|
||||
height: auto;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
|
||||
.nextmatch_header {
|
||||
border: none !important;
|
||||
background-image: none !important;
|
||||
.background-color-10-gray;
|
||||
background-size: 80% 10;
|
||||
margin-bottom: 3px;
|
||||
|
||||
img {height: 16px; width: 16px;}
|
||||
|
||||
|
||||
|
||||
|
||||
// rechte Box
|
||||
div.et2_hbox_right{
|
||||
|
||||
|
||||
background: transparent;
|
||||
|
||||
table.et2_grid {background: transparent;}
|
||||
}
|
||||
|
||||
|
||||
// z.b. Dateimanager
|
||||
.et2_button_icon {
|
||||
vertical-align: middle;
|
||||
.Complete_Button_Icon_normal;
|
||||
margin-top: 0px;
|
||||
margin-right: 1em;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
padding: 2px;
|
||||
}
|
||||
.et2_button_icon:hover{.Complete_Button_Icon_hover ;}
|
||||
|
||||
|
||||
|
||||
// Anzahl Treffer
|
||||
.header_count {
|
||||
position: relative;
|
||||
top: 7px;
|
||||
width: 50px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
// Favoriten
|
||||
div#infolog-index_favorite_wrapper,
|
||||
div#addressbook-index_favorite_wrapper,
|
||||
div#timesheet-index_favorite_wrapper,
|
||||
div#projectmanager-list_favorite_wrapper{
|
||||
.box_shadow_standard_light;
|
||||
.border_radius_button_normal;
|
||||
.background-color-25-gray;
|
||||
|
||||
position: relative;
|
||||
top: 5px;
|
||||
|
||||
/**
|
||||
* Drop down button
|
||||
*/
|
||||
.et2_dropdown{
|
||||
|
||||
/*linke Seite Bild*/
|
||||
|
||||
button#ui-corner-left,
|
||||
.ui-state-default{
|
||||
background-image: none;
|
||||
width: auto;
|
||||
img {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
button {
|
||||
height: 3.0ex;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: -2px;
|
||||
padding: 0px 1ex;
|
||||
.background-color-0-gray;
|
||||
background-image: none;
|
||||
|
||||
}
|
||||
button > div {
|
||||
vertical-align: middle;
|
||||
}
|
||||
button:last-child {
|
||||
padding: 0px
|
||||
}
|
||||
+ ul.ui-menu {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
|
||||
/*right Button*/
|
||||
button.ui-corner-right {
|
||||
background-image: url("../images/fav_filter_normal.png");
|
||||
}
|
||||
|
||||
button.ui-state-hover {
|
||||
/*background-image: none;*/
|
||||
background-color: rgba(255, 255, 255, 0.9 ) !important;
|
||||
background-image: url("../images/fav_filter_normal.png") !important;
|
||||
}
|
||||
|
||||
|
||||
} // dropdown
|
||||
|
||||
// Liste
|
||||
ul{
|
||||
|
||||
.border-color-25-gray;
|
||||
.background-color-0-gray;
|
||||
.color-100-gray;
|
||||
li{
|
||||
.background-color-0-gray;
|
||||
|
||||
&:hover {.background-color-10-gray;}
|
||||
a {
|
||||
|
||||
height: 40px;
|
||||
border: none;
|
||||
|
||||
img {height: 16px; width: 16px;}
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background: none;
|
||||
text-indent: -22px;
|
||||
margin-left: 21px;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
}
|
||||
li#blank {}
|
||||
li#add { }
|
||||
|
||||
}
|
||||
} // Favoriten
|
||||
|
||||
|
||||
|
||||
}
|
||||
/* Favorites */
|
||||
div#favorite_wrapper {
|
||||
margin-top: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
// Ende .et2_nextmatch
|
||||
}
|
||||
|
||||
|
||||
/*#########################################################
|
||||
#
|
||||
# Filterleiste
|
||||
#
|
||||
#########################################################*/
|
||||
.et2_nextmatch .nextmatch_header > .filters {
|
||||
background-image: none !important;
|
||||
border: medium none !important;
|
||||
background: yellow !important;
|
||||
padding: 0 0 1em 1em;
|
||||
.background-color-15-gray !important;
|
||||
vertical-align: top;
|
||||
border-width: 0 0 1px 0;
|
||||
.border-color-15-gray;
|
||||
width: 80%;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
|
||||
.filters {
|
||||
|
||||
.nm_filters_rectangle;
|
||||
width: 80%;
|
||||
margin-bottom: 1em;
|
||||
|
||||
// Export Icon
|
||||
img.et2_button_icon {
|
||||
float: right;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
select,
|
||||
input,
|
||||
button {height: 20px;}
|
||||
|
||||
select {
|
||||
.Complete_Button_select;
|
||||
margin-right: 2ex;
|
||||
padding: 5px;
|
||||
|
||||
padding: 0px 0px 0px 3px;
|
||||
&:hover{
|
||||
.Complete_Button_select_hover;
|
||||
}
|
||||
|
||||
option {font-size: 0.9em;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
select#cat_id {margin-left: 1em;}
|
||||
|
||||
|
||||
input {
|
||||
.Complete_Button_input;
|
||||
&:hover{
|
||||
.Complete_Button_input_hover;
|
||||
}
|
||||
|
||||
}
|
||||
label { }
|
||||
|
||||
|
||||
|
||||
|
||||
/*Suchen Button*/
|
||||
button {
|
||||
.Complete_Button_search_action;
|
||||
background-image: none;
|
||||
width: auto;
|
||||
|
||||
|
||||
&:hover{
|
||||
.Complete_Button_search_action_hover;
|
||||
background-color: @yellow;
|
||||
}
|
||||
|
||||
&:active {
|
||||
.Complete_Button_search_action_active;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
.Complete_Button_input_focus;
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
@ -84,7 +84,7 @@
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
padding: 0 0.2em;
|
||||
border-left: 3px solid;
|
||||
border-left-color: #e4e7ea;
|
||||
border-left-color: #000000;
|
||||
}
|
||||
.Complete_Button_select {
|
||||
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
@ -109,14 +109,14 @@
|
||||
outline: 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
border-color: #b4b4b4;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.Complete_Button_input {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
border-color: #b4b4b4;
|
||||
-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);
|
||||
@ -135,14 +135,14 @@
|
||||
outline: 0;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
border-color: #b4b4b4;
|
||||
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.Complete_Button_search_action {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
border-color: #b4b4b4;
|
||||
-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);
|
||||
@ -186,7 +186,7 @@
|
||||
}
|
||||
.Complete_Button_search_action_reset {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-color: #bfbfbf;
|
||||
border-color: #b4b4b4;
|
||||
-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);
|
||||
@ -223,7 +223,7 @@
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #f0f0f0;
|
||||
border-color: #808080;
|
||||
border-color: #828282;
|
||||
cursor: pointer;
|
||||
}
|
||||
.Complete_Button_text_hover {
|
||||
@ -413,7 +413,7 @@
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
|
||||
color: #808080;
|
||||
border-color: #808080;
|
||||
border-color: #828282;
|
||||
}
|
||||
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child {
|
||||
margin-left: 10px;
|
||||
@ -611,8 +611,6 @@
|
||||
color: #0c5da5;
|
||||
}
|
||||
/* ################################################################################################################
|
||||
################################################################################################################
|
||||
################################################################################################################
|
||||
* Sidebar
|
||||
* ################################################################################################################*/
|
||||
#egw_fw_sidebar {
|
||||
@ -645,7 +643,7 @@
|
||||
padding: 4px 5px 5px 15px;
|
||||
background-color: #fafafa;
|
||||
background-image: none;
|
||||
border-color: #f0f0f0;
|
||||
border-color: #e6e6e6;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
@ -720,7 +718,7 @@
|
||||
-moz-background-clip: padding-box;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
border-color: #bfbfbf;
|
||||
border-color: #b4b4b4;
|
||||
border-style: solid;
|
||||
border-width: 0px;
|
||||
margin: 0 0 2em 0;
|
||||
@ -744,14 +742,14 @@
|
||||
-moz-background-clip: padding-box;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
border-color: #bfbfbf;
|
||||
border-color: #b4b4b4;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category {
|
||||
margin: 10px 5px 0px 5px;
|
||||
padding: 0.5em 1em;
|
||||
cursor: pointer;
|
||||
border-color: #bfbfbf;
|
||||
background-color: #d9d9d9;
|
||||
border-color: #b4b4b4;
|
||||
background-color: #828282;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
-webkit-border-bottom-right-radius: 3px;
|
||||
-webkit-border-bottom-left-radius: 3px;
|
||||
@ -811,7 +809,7 @@
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_bottom {
|
||||
border-width: 0px;
|
||||
border-color: black;
|
||||
border-color: #ffffff;
|
||||
}
|
||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon {
|
||||
display: inline-block;
|
||||
@ -871,7 +869,7 @@
|
||||
}
|
||||
.egw_fw_ui_category_content:hover {
|
||||
background-color: #ffffff;
|
||||
border-color: #808080;
|
||||
border-color: #828282;
|
||||
}
|
||||
.egw_fw_ui_sidemenu_listitem {
|
||||
padding: 0.5em 0;
|
||||
@ -921,7 +919,7 @@
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #f0f0f0;
|
||||
border-color: #808080;
|
||||
border-color: #828282;
|
||||
cursor: pointer;
|
||||
width: 72% !important;
|
||||
}
|
||||
@ -1160,7 +1158,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
|
||||
#egw_fw_main .egw_fw_ui_tab_content {
|
||||
border-width: 0px 9px 0px 9px;
|
||||
border-style: solid;
|
||||
border-color: #bfbfbf;
|
||||
border-color: #b4b4b4;
|
||||
}
|
||||
#egw_fw_main .egw_fw_ui_tab_content div:nth-child(1) iframe {
|
||||
height: 100%;
|
||||
|
||||
@ -95,7 +95,7 @@
|
||||
a {.color-100-gray;}
|
||||
a:hover {
|
||||
.color-50-gray;
|
||||
.border-color-50-gray;
|
||||
border-color: @gray-50;
|
||||
}
|
||||
}
|
||||
|
||||
@ -310,8 +310,6 @@
|
||||
|
||||
|
||||
/* ################################################################################################################
|
||||
################################################################################################################
|
||||
################################################################################################################
|
||||
* Sidebar
|
||||
* ################################################################################################################*/
|
||||
|
||||
@ -351,7 +349,7 @@
|
||||
padding: 4px 5px 5px 15px;
|
||||
.background-color-5-gray;
|
||||
background-image: none;
|
||||
.border-color-10-gray;
|
||||
border-color: @gray-10;
|
||||
|
||||
.rounded(5px);
|
||||
&:hover { .background-color-15-gray;}
|
||||
@ -429,7 +427,7 @@
|
||||
|
||||
.border-radius (0, 0, 27px, 0);
|
||||
|
||||
.border-color-25-gray;
|
||||
border-color: @gray-30;
|
||||
|
||||
border-style: solid;
|
||||
border-width: 0px;
|
||||
@ -443,7 +441,7 @@
|
||||
.background-color-25-gray;
|
||||
.border-radius (0, 0, 27px, 0);
|
||||
|
||||
.border-color-25-gray;
|
||||
border-color: @gray-30;
|
||||
}
|
||||
|
||||
// Schaltflächen
|
||||
@ -453,8 +451,8 @@
|
||||
padding: 0.5em 1em;
|
||||
cursor: pointer;
|
||||
// border-top: 7px solid;
|
||||
.border-color-25-gray;
|
||||
.background-color-15-gray;
|
||||
border-color: @gray-30;
|
||||
background-color: @gray-50;
|
||||
.border-radius(3px,3px,3px,3px);
|
||||
|
||||
|
||||
@ -509,7 +507,7 @@
|
||||
}
|
||||
.egw_fw_ui_sidemenu_entry_header_bottom {
|
||||
border-width: 0px;
|
||||
border-color: black;
|
||||
border-color: @gray-0;
|
||||
}
|
||||
|
||||
.egw_fw_ui_sidemenu_entry_icon {
|
||||
@ -577,8 +575,6 @@
|
||||
border-left: 0px solid;
|
||||
border-bottom: 0px solid;
|
||||
|
||||
// .border-color-25-gray;
|
||||
|
||||
margin-left: 4px;
|
||||
margin-top: 0px;
|
||||
padding-bottom: 5px;
|
||||
@ -589,7 +585,7 @@
|
||||
img { height: 16px; width: 16px}
|
||||
&:hover {
|
||||
.background-color-0-gray;
|
||||
.border-color-50-gray;
|
||||
border-color: @gray-50;
|
||||
}
|
||||
|
||||
|
||||
@ -700,7 +696,7 @@
|
||||
}
|
||||
|
||||
a:nth-child(2):hover {
|
||||
.background-color-warning;
|
||||
background-color: @color-warning;
|
||||
.Complete_Button_Icon_hover ;
|
||||
.color-0-gray;
|
||||
// width: auto;
|
||||
@ -971,7 +967,6 @@ div#calendar-container {
|
||||
border-top-left-radius:3px;
|
||||
|
||||
.background-color-5-gray;
|
||||
// .background-color-egw-lighter ;
|
||||
display: inline-block;
|
||||
margin: 3px 5px 0px 0px;
|
||||
padding: 2px 10px 2px 10px;
|
||||
@ -979,9 +974,7 @@ div#calendar-container {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #c6ced6;
|
||||
// border-color: @egw_color_1;
|
||||
|
||||
// background-image:url(../images/tabs_bg.png);
|
||||
background-repeat:repeat-x;
|
||||
|
||||
height: 49px;
|
||||
@ -994,7 +987,6 @@ div#calendar-container {
|
||||
.egw_fw_ui_tab_header_active {
|
||||
border-width: 1px 1px 0px 1px !important;
|
||||
padding: 2px 10px 3px 10px !important;
|
||||
// background-color: white !important;
|
||||
.background-color-25-gray ;
|
||||
background-image:none !important;
|
||||
|
||||
@ -1008,7 +1000,7 @@ div#calendar-container {
|
||||
height: 20px;
|
||||
margin-right: 5px;
|
||||
margin-top: 10px;
|
||||
// float: left;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -1048,7 +1040,6 @@ div#calendar-container {
|
||||
// Hover
|
||||
|
||||
.egw_fw_ui_tab_header_hover{
|
||||
// background-image:url(../images/tabs_bg_hover.png);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@ -1069,7 +1060,7 @@ div#calendar-container {
|
||||
|
||||
border-width: 0px 9px 0px 9px;
|
||||
border-style: solid;
|
||||
.border-color-25-gray;
|
||||
border-color: @gray-30;
|
||||
|
||||
// background-color: white;
|
||||
// width: 99.5%;
|
||||
@ -1146,4 +1137,4 @@ div.et2_container {
|
||||
}
|
||||
}
|
||||
}
|
||||
//
|
||||
//
|
||||
Binary file not shown.
Loading…
Reference in New Issue
Block a user