forked from extern/egroupware
295 lines
7.5 KiB
Plaintext
Executable File
295 lines
7.5 KiB
Plaintext
Executable File
/**
|
|
* EGroupware: CSS with less preprocessor
|
|
*
|
|
* Definitions for apps
|
|
*
|
|
* 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$
|
|
*
|
|
* definitions of globally used items (buttons, fields, tables)
|
|
*
|
|
*/
|
|
|
|
@import (reference) "def_design_pattern_color_font_shadow.less";
|
|
@import (reference) "def_buttons.less";
|
|
|
|
|
|
//########################################################################################################
|
|
// Buttons
|
|
//
|
|
//########################################################################################################
|
|
// #####################################################
|
|
|
|
|
|
//Buttons et2
|
|
|
|
input[type="submit"],
|
|
input[type="button"],
|
|
input[type="reset"],
|
|
button, .egwbutton {
|
|
background-color: #B9D5E3;
|
|
border: 1px outset #B9D5E3;
|
|
color: #004E7D;
|
|
}
|
|
.et2_button_text,
|
|
input[type="button"] {
|
|
.background-color-10-gray;
|
|
|
|
.color-30-gray;
|
|
|
|
margin: 5px;
|
|
padding: 3px;
|
|
border-radius: 20px 3px 3px 3px;
|
|
-webkit-border-radius: 20px 3px 3px 3px;
|
|
-moz-border-radius: 20px 3px 3px 3px;
|
|
|
|
:before {content: "►"; color: red; font-size: 50px; }
|
|
}
|
|
|
|
/**##################################################################################################
|
|
* Button widget - text only, and icon
|
|
*
|
|
* ##################################################################################################
|
|
*/
|
|
//.et2_button {
|
|
// cursor: pointer;
|
|
// text-align: center;
|
|
// font-size: 9pt;
|
|
// text-shadow: 1px 1px #E0E0E0;
|
|
//}
|
|
|
|
// Button mit Text
|
|
|
|
.et2_button_text,
|
|
input[type=button] {
|
|
.Complete_Button_text;
|
|
.box_shadow_standard_light;
|
|
|
|
&:hover {.Complete_Button_text_hover;}
|
|
&:active {.Complete_Button_text_active;}
|
|
&:focus {.Complete_Button_text_active;}
|
|
}
|
|
|
|
|
|
// Button mit Bild
|
|
//
|
|
//.et2_button_icon {
|
|
// border: none;
|
|
// background: transparent;
|
|
// padding: 0px;
|
|
//}
|
|
//
|
|
// #####################################################
|
|
/* Button Hinzufügen */
|
|
#add.et2_button {
|
|
.Complete_Button_add;
|
|
// &:before {.Complete_Button_add_before;}
|
|
}
|
|
|
|
|
|
|
|
|
|
// #####################################################
|
|
// Button bearbeiten
|
|
|
|
input[type="submit"][id="edit"],
|
|
input[type="button"][id="edit"],
|
|
button[id*="edit"],
|
|
input[type="submit"][id="edit"]:hover,
|
|
input[type="button"][id="edit"]:hover,
|
|
button[id*="edit"]:hover {
|
|
background-image:url('../images/bearbeiten.png');
|
|
.Complete_Button_text_icon_before;
|
|
}
|
|
|
|
// #####################################################
|
|
// Button Kopieren
|
|
|
|
input[type="submit"][id*="copy"],
|
|
input[type="button"][id*="copy"],
|
|
button[id*="copy"],
|
|
input[type="submit"][id*="copy"]:hover,
|
|
input[type="button"][id*="copy"]:hover,
|
|
button[id*="copy"]:hover{
|
|
.Complete_Button_text_icon_before;
|
|
background-image:url('../images/kopieren.png');
|
|
}
|
|
// #####################################################
|
|
// Button Abbruch
|
|
|
|
input[type="submit"][id*="cancel"],
|
|
input[type="button"][id*="cancel"],
|
|
button[id*="cancel"],
|
|
input[type="submit"][id*="cancel"]:hover,
|
|
input[type="button"][id*="cancel"]:hover,
|
|
button[id*="cancel"]:hover{
|
|
.Complete_Button_text_icon_before;
|
|
background-image:url('../images/abbruch.png');
|
|
}
|
|
|
|
// #####################################################
|
|
// Button löschen
|
|
|
|
input[type="submit"][id*="delete"],
|
|
input[type="button"][id*="delete"],
|
|
button[id*="delete"] {
|
|
.Complete_Button_text_icon_before;
|
|
background-image:url('../images/loeschen.png');
|
|
margin-left: 3em;
|
|
|
|
}
|
|
input[type="submit"][id*="delete"]:hover,
|
|
input[type="button"][id*="delete"]:hover,
|
|
button[id*="delete"]:hover {
|
|
.Complete_Button_text_icon_before;
|
|
background-image:url('../images/loeschen.png');
|
|
background-color: red !important;
|
|
}
|
|
// #####################################################
|
|
// Button übernehmen
|
|
|
|
input[type="submit"][id*="apply"],
|
|
input[type="button"][id*="apply"],
|
|
button[id*="apply"],
|
|
input[type="submit"][id*="apply"]:hover,
|
|
input[type="button"][id*="apply"]:hover,
|
|
button[id*="apply"]:hover {
|
|
.Complete_Button_text_icon_before;
|
|
background-image:url('../images/uebernehmen.png');
|
|
}
|
|
|
|
// #####################################################
|
|
// Button speichern
|
|
|
|
input[type="submit"][id*="save"],
|
|
input[type="button"][id*="save"],
|
|
button[id*="save"],
|
|
input[type="submit"][id*="save"]:hover,
|
|
input[type="button"][id*="save"]:hover,
|
|
button[id*="save"]:hover
|
|
|
|
{
|
|
.Complete_Button_text_icon_before;
|
|
background-image:url('../images/speichern.png');
|
|
}
|
|
// #####################################################
|
|
// Button Suchen
|
|
|
|
input[type="submit"][id*="search"],
|
|
input[type="button"][id*="search"],
|
|
button[id*="search"]{
|
|
.Complete_Button_text_icon_before;
|
|
|
|
background-image:url('../images/erweiterte-suche.png');
|
|
|
|
|
|
&:hover {.box_shadow_standard_light_hover; background-image:url('../images/erweiterte-suche.png');}
|
|
|
|
&:focus {.box_shadow_standard_light_inset;}
|
|
}
|
|
|
|
// #####################################################
|
|
// Button ok = speichern
|
|
|
|
button.button_ok {
|
|
.Complete_Button_text_icon_before;
|
|
background-image:url('../images/speichern.png');
|
|
}
|
|
button.button_ok:hover {
|
|
.Complete_Button_text_icon_before;
|
|
background-image:url('../images/speichern.png');
|
|
}
|
|
|
|
// #####################################################
|
|
// Button Befehl auswählen (infolog)
|
|
|
|
button#infolog-index_legacy_actions{
|
|
|
|
.Complete_Button_text_icon_before;
|
|
background-image:url('../images/bearbeiten.png');
|
|
|
|
&:hover {.box_shadow_standard_light_hover; background-image:url('../images/bearbeiten.png');}
|
|
|
|
&:focus {.box_shadow_standard_light_inset;}
|
|
|
|
}
|
|
// #####################################################
|
|
// Button hinzufügen (infolog)
|
|
|
|
button[id*="note"]{
|
|
.Complete_Button_text_icon_before;
|
|
|
|
// &:before {content: "+"; font-size: 2em;}
|
|
|
|
// background-image:url('../images/bearbeiten.png');
|
|
|
|
&:hover {
|
|
.box_shadow_standard_light_hover;
|
|
// background-image:url('../images/bearbeiten.png');
|
|
}
|
|
|
|
&:focus {.box_shadow_standard_light_inset;}
|
|
|
|
}
|
|
|
|
|
|
// #####################################################
|
|
// Create Button (mail)
|
|
|
|
button#mail-index_button[mailcreate],
|
|
button[id*="mailcreate"]{
|
|
.Complete_Button_add;
|
|
background-image: url("images/write_mail.png") !important;
|
|
background-position: right center !important;
|
|
background-repeat: no-repeat;
|
|
padding-left: 25px;
|
|
text-align: left;
|
|
width: 99%;
|
|
|
|
&:hover {
|
|
.box_shadow_standard_light_hover;
|
|
.border_radius_button_lefttop ;
|
|
// background-image:url('../images/bearbeiten.png');
|
|
}
|
|
|
|
&:focus {.border_radius_button_lefttop ;.box_shadow_standard_light_inset;}
|
|
}
|
|
|
|
|
|
// #####################################################
|
|
// Senden Button (mail Dialog)
|
|
|
|
button#mail-compose_button[send],
|
|
button#mail-compose_button[id*="send"],
|
|
.mail-compose_button {
|
|
.Complete_Button_text_icon_before;
|
|
background-image: url(../../mail/templates/default/images/mail_send.png) !important;
|
|
height: 26px;
|
|
padding: 0 3px 0 0;
|
|
.background-color-15-gray;
|
|
&:hover {.box_shadow_standard_light_hover; }
|
|
|
|
&:focus {.box_shadow_standard_light_inset;}
|
|
|
|
}
|
|
|
|
// Alarm hinzufügen (calendar dialog)
|
|
button[id*="add_alarm"]{
|
|
.Complete_Button_text_icon_before;
|
|
.box_shadow_standard_light;
|
|
background-image: url("../images/k_alarm.png") !important;
|
|
height: 26px;
|
|
padding: 0 3px 0 0;
|
|
.background-color-15-gray;
|
|
&:hover {.box_shadow_standard_light_hover; height: 26px;}
|
|
|
|
&:focus {.box_shadow_standard_light_inset; height: 26px;}
|
|
|
|
}
|
|
|
|
// |