/** * 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 * @package phpgwapi * @version $Id$ */ @import (reference) "def_design_pattern_color_font_shadow.less"; //##################### //# Complete Button # //##################### .Complete_Button_normal{ .border_normal; .box_shadow_standard_light; .color-100-gray; } .Complete_Button_hover{ // .border_hover; .box_shadow_standard_light_hover; background-color: inherit !important; } .Complete_Button_active{ // .border_hover; .box_shadow_standard_light_inset; } .Complete_Button_focus{ // .border_hover; .box_shadow_standard_light_inset; } // komplette Schaltflächen .Complete_Button_add { background-color: @egw_color_blue_lighter; color: #FFF; text-shadow: none; height: 35px; background-image: none !important; .border_radius_button_lefttop; &: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; } //.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; } // select .Complete_Button_select{ .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; } .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); } // 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; // .gradient(#000, #333, #FFF); // .gradient(#F5F5F5, #EEE, #FFF); } .Complete_Button_input_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); } // 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; .background-color-search; color: #FFFFFF; text-decoration: none; cursor: pointer; padding: 3px; margin-left: 5px; } .Complete_Button_search_action_hover{ .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; } .Complete_Button_search_action_reset{ .Complete_Button_search_action; .background_verlauf_diagonal_gray; } // Buchstaben .Complete_Button_lettersearch{ .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; } .Complete_Button_text_hover { .border_radius_button_normal; .border_hover; text-align: center; cursor: pointer; .background-color-30-gray; } .Complete_Button_text_active{ color: @gray; } .Complete_Button_text_icon_before{ .Complete_Button_normal; padding-left: 30px !important; background-position: 6px center; background-repeat: no-repeat; background-size: 20px auto; .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_active{ .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; } .Complete_Button_Icon_hover { .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; } // ############################# // Button Sub Menupunkte .Complete_Button_Module_Menu_Links{ .background-color-10-gray; } .Complete_Button_Module_Menu_Links_Hover{ .background-color-30-gray; .color-5-gray; } .Complete_Button_Module_Menu_Links_active{ .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; } .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-top: -7px; padding-left: 14px; width: 93%; } //.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-top: -7px; // padding-left: 14px; // // width: 93%; //}