1
0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-23 15:18:58 +01:00
egroupware_official/phpgwapi/templates/default/def_buttons.less
2013-11-14 19:29:55 +00:00

311 lines
12 KiB
Plaintext
Executable File
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/**
* 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$
*/
@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%;
//}