egroupware_official/mail/templates/pixelegg/app.less

1893 lines
44 KiB
Plaintext
Raw Normal View History

2013-11-14 20:29:55 +01:00
/**
* EGroupware: CSS with less preprocessor
*
2014-01-15 19:04:11 +01:00
* Mail
2014-01-20 19:34:27 +01:00
*
2013-11-14 20:29:55 +01:00
* Please do NOT change app.css directly, instead change app.less and compile it!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package mail
* @version $Id$
*/
@import (reference) "../../../pixelegg/less/def_buttons.less";
2014-02-18 09:11:14 +01:00
@import (reference) "../../../pixelegg/less/layout_content_elements.less";
2013-11-14 20:29:55 +01:00
@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
2013-12-19 04:14:47 +01:00
@import (less) "../default/app.css";
2014-01-15 19:04:11 +01:00
2013-11-27 08:21:32 +01:00
#popupMainDiv{
padding: 5px;
.et2_grid{
tr{
td{
padding: 5px 0;
}
}
}
}
2013-11-22 06:28:19 +01:00
/*##############################################
# # #
# # #
# # #
# # #
# # #
# # #
# # #
2013-11-27 08:21:32 +01:00
# # iframe #
2013-11-22 06:28:19 +01:00
# # #
# # #
# # #
# # #
# # #
# # #
##############################################
*/
/*Border around iframe*/
iframe#mail-display_mailDisplayBodySrc{
/*border: 4px solid yellow;*/
}
/*Border around iframe*/
.mailDisplayContainer{
border: 0px;
}
2013-11-14 20:29:55 +01:00
2014-06-12 12:52:42 +02:00
2013-11-14 20:29:55 +01:00
div#mail-index{
2013-11-15 18:09:58 +01:00
table.egwGridView_grid{
// border-collapse: inherit;
// width: 99%;
}
// Rahmen + padding
// .box_shadow_dialog;
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
#mail-index_mailPreviewContainer {}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Message - standdardmäßig ausgeblendet
span#mail-index_msg{
span {
// background: red;
// height: 30px;
}
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// alles
2013-11-14 20:29:55 +01:00
2013-11-27 08:21:32 +01:00
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
margin: 0 1% 0 0 !important;
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Box mit Header und Liste
div#mail-index_nm{
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Header
div.nextmatch_header{
// Counter
span.header_count ui-corner-all{
span{}
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Filter
div.filters{
// Fläche
2014-01-20 19:34:27 +01:00
select {margin-top: 9px;}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
select#mail-index_filter{
}
2013-11-14 20:29:55 +01:00
2013-12-19 04:14:47 +01:00
select#mail-index_filter2{ }
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Suchfeld
input#mail-index_search{
2013-12-20 10:35:46 +01:00
/*height: 20px !important;*/
2013-11-15 18:09:58 +01:00
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Suchknopf
button.et2_button {
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
} // Ende Filter
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
} // Ende Header
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Listenausgabe der Emails
div {}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Bilder in den Listen
2014-02-03 11:05:44 +01:00
tr.mail td img {
.dimension_height_xs;
.box_shadow_none;
.border_none;
}
tr.mail td img[src*="svg"]{ .gradient_vertical (@gray_70, @gray_70);}
2014-01-15 19:04:11 +01:00
tr.mail div span {.dimension_height_xs;.box_shadow_none; display: table-cell; }
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
} // Ende: Box mit Header und Liste
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Splitterbar
div.splitter-bar,
2014-01-14 17:04:20 +01:00
div.splitter-bar-horizontal {
background-color: @color_splitter_bar;
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Ansicht der Emails
div#mail-index_mailPreview{
2014-01-14 17:04:20 +01:00
2013-11-27 08:21:32 +01:00
margin: 0;
2014-01-14 17:04:20 +01:00
.background_color_5_gray;
2014-01-20 19:34:27 +01:00
2013-11-15 18:09:58 +01:00
// From
div#mail-index_mailPreviewHeadersFrom{
width: 50%;
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// An
div#mail-index_mailPreviewHeadersTo{
width: 50%;
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Date
div#mail-index_mailPreviewHeadersDate{
2014-01-14 17:04:49 +01:00
position: absolute;
right: 0px;
2014-01-14 17:04:49 +01:00
margin: 25px 5px 0 0;
2013-11-15 18:09:58 +01:00
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Subject
div#mail-index_mailPreviewHeadersSubject{
width: 58%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
2013-11-15 18:09:58 +01:00
}
div#mail-index_mailPreviewHeadersSubject > span{
white-space: nowrap;
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Email Inhalt
div#mail-index_mailPreviewContainer{
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
iframe#mail-index_messageIFRAME{
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Email Inhalt
div{}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Zeit für das Anzeigen
div#divGenTime{}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
} // Ende: Ansicht der Emails
2013-11-14 20:29:55 +01:00
2013-11-27 08:21:32 +01:00
2013-11-14 20:29:55 +01:00
} // iframe
2013-12-19 04:14:47 +01:00
/*##############################################
# # #
# # #
# # #
# # #
# # #
# # #
# # #
# Side # #
# bar # #
# # #
# # #
# # #
# # #
# # #
############################################## */
2013-11-14 20:29:55 +01:00
.egw_fw_ui_category_content{
2013-11-15 18:09:58 +01:00
// Create Feld
#mail-index_buttonmailcreate{
margin-left: 0px;
2014-01-20 19:34:27 +01:00
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// #####################################################
// Create Button (mail)
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
button#mail-index_button[mailcreate],
button[id*="mailcreate"]{
2014-01-20 19:34:27 +01:00
2014-01-10 06:26:20 +01:00
.Complete_Button_add;
2013-12-20 15:32:40 +01:00
background-image: url("images/write_mail_lighter.png") !important;
2013-11-15 18:09:58 +01:00
background-position: right center !important;
background-repeat: no-repeat;
2013-12-20 15:32:40 +01:00
background-size: 20px 20px;
2013-11-15 18:09:58 +01:00
padding-left: 25px;
text-align: left;
width: 93%;
background-color: @gray_60;
height: 32px;
2013-11-14 20:29:55 +01:00
2014-01-10 06:26:20 +01:00
&:hover {
.Complete_Button_add_hover;
2013-11-15 18:09:58 +01:00
.box_shadow_standard_light_hover;
2014-01-14 17:04:20 +01:00
.border_radius_button_lefttop ;
color: @gray_90;
2014-01-14 17:04:20 +01:00
}
2013-11-14 20:29:55 +01:00
2014-01-14 17:04:20 +01:00
&:active {
background-color: @color_positive_action_active !important;
2014-01-14 17:04:20 +01:00
.border_radius_button_lefttop ;
.box_shadow_standard_light_inset;
2014-01-20 19:34:27 +01:00
2014-01-10 06:26:20 +01:00
}
2013-11-15 18:09:58 +01:00
}
2014-01-20 19:34:27 +01:00
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Mail Liste der Postfächer
span#mail-tree_target {
max-height: 50%;
}
.dtree {
.basefontfamily;
}
2014-01-20 19:34:27 +01:00
// color - selected tree item
.selectedTreeRow {background-color: @egw_color_1_a; color: @gray_90;}
2014-01-20 19:34:27 +01:00
/*new mail in FOlder
2013-12-08 22:38:36 +01:00
span.standartTreeRow b {color: @egw_color_2_a;}
2014-01-20 19:34:27 +01:00
*/
2014-01-08 19:49:29 +01:00
/*move Mail*/
/* .draggedOver {
2014-01-20 19:34:27 +01:00
background-color: @color_hint;
}*/
2014-01-20 19:34:27 +01:00
2014-01-08 19:49:29 +01:00
2013-11-14 20:29:55 +01:00
} // Ende Sidebox
2013-12-19 04:14:47 +01:00
/* ##################################################################################
* E-Mail Dialog "Compose"
*
* ##################################################################################
2014-01-20 19:34:27 +01:00
*/
2013-11-22 06:28:19 +01:00
/*###########################################
# #
# #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
#mail-compose_mail_plaintext {white-space: pre !important}
2013-12-19 04:14:47 +01:00
2013-11-14 20:29:55 +01:00
#mail-compose{
2013-11-15 18:09:58 +01:00
// gesamtbreite
width: 870px;
padding: 5px;
2014-01-20 19:34:27 +01:00
2013-12-20 15:32:40 +01:00
// ##################################
// Identity
.mailComposeHeaders:first-child{
2014-01-20 19:34:27 +01:00
2013-12-20 15:32:40 +01:00
/*background-color: @gray-0;*/
2014-01-20 19:34:27 +01:00
/*.gradient_thead;*/
2013-12-20 15:32:40 +01:00
}
2014-01-20 19:34:27 +01:00
2013-11-15 18:09:58 +01:00
// ##################################
// Toolbar
.mail-compose_toolbar{
2014-01-20 19:34:27 +01:00
float: left;
width: 100%;
2014-02-19 09:21:01 +01:00
height: 35px !important;
2014-04-24 12:55:14 +02:00
padding: 0px 5px 5px 2px !important;
2014-04-24 12:55:14 +02:00
/*.gradient_thead;*/
2014-02-19 09:21:01 +01:00
.color_100_gray;
2014-04-24 12:55:14 +02:00
background: transparent;
2014-02-19 09:21:01 +01:00
button[id="mail-compose_button[sent]"],
button.et2_button{
/* background-color: @gray_30;*/
2014-02-19 09:21:01 +01:00
/*height: 33px;*/
/*margin: 0px 3px 0 !important;*/
}
2014-01-20 19:34:27 +01:00
span.email-button-group {
2014-01-21 18:30:52 +01:00
.span_tool_group;
2014-01-23 09:44:49 +01:00
height: 27px;
2014-01-20 19:34:27 +01:00
}
2014-04-24 12:55:14 +02:00
// senden
span.sent {
float: left;
}
// save + print
span.save {float: left;
img{background-color: @gray_0;}
}
// file upload
span.file {float: left;
button{background-color: @gray_0;}
2014-04-24 12:55:14 +02:00
}
// save as infolog + tracker
2014-01-20 19:34:27 +01:00
span.egw {float: left;
img{
.dimension_height_s;
padding: 1px;
margin: 3px;
vertical-align: middle;
2014-04-24 12:55:14 +02:00
width :auto;
.rounded(3px);
background-color: @gray_0;
2014-01-20 19:34:27 +01:00
}
}
span.notification {float: left;
span.et2_label {line-height: 25px;}
2014-01-20 19:34:27 +01:00
}
span.priority {float: left;
span.et2_label {line-height: 25px;}
2014-01-20 19:34:27 +01:00
}
2014-04-24 12:55:14 +02:00
2014-01-20 19:34:27 +01:00
img{.dimension_height_m;}
img[src$="svg"]{
.gradient_vertical (@gray_30, @gray_40);
background-color: @gray_60;
2014-01-20 19:34:27 +01:00
.dimension_height_m;
&:hover {
.box_shadow_standard_light_hover;
2014-01-20 19:34:27 +01:00
background-color:@color_positive_action;
.gradient_vertical (@color_positive_action, @color_positive_action);
2014-01-20 19:34:27 +01:00
}
2013-12-30 18:34:29 +01:00
}
2014-01-20 19:34:27 +01:00
2014-01-21 18:30:52 +01:00
span.et2_label {font-size: 8px;}
2014-01-20 19:34:27 +01:00
/*######################################*/
/*// Button senden -> dev_buttons.less*/
2014-04-24 12:55:14 +02:00
button.et2_button { }
2013-11-15 18:09:58 +01:00
.mail-compose_button{
2014-01-21 18:30:52 +01:00
height: 27px;
2014-04-24 12:55:14 +02:00
/*margin-right: 3px !important;*/
2014-01-23 09:44:49 +01:00
margin-top: 0.7px !important;
2013-11-15 18:09:58 +01:00
padding: 0 3px 0 0;
2013-12-30 18:34:29 +01:00
text-align: left;
2014-04-24 12:55:14 +02:00
font-weight: normal;
2014-01-20 19:34:27 +01:00
padding-left: 20px;
width: 71px;
2014-01-21 18:30:52 +01:00
float: left;
2013-12-30 18:34:29 +01:00
background-image: url(images/mail_send.png) !important;
background-position: left;
background-repeat: no-repeat;
background-size: 16px 16px;
2014-01-20 19:34:27 +01:00
background-color: @egw_color_2_a;
color: @gray_0;
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
}
2014-01-20 19:34:27 +01:00
/*######################################*/
2013-12-30 18:34:29 +01:00
// Save + Print
2014-01-20 19:34:27 +01:00
2013-12-30 18:34:29 +01:00
img[id="mail-compose_button[saveAsDraftAndPrint]"],
img[id="mail-compose_button[saveAsDraft]"]{
2013-11-15 18:09:58 +01:00
vertical-align: middle;
2014-01-20 19:34:27 +01:00
padding: 1px;
margin: 3px;
2013-11-15 18:09:58 +01:00
.Complete_Button_Icon_normal;
2014-01-20 19:34:27 +01:00
.dimension_height_s;
2013-12-30 18:34:29 +01:00
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
2013-11-15 18:09:58 +01:00
}
2014-01-20 19:34:27 +01:00
/*######################################*/
// file
2013-11-14 20:29:55 +01:00
2013-12-30 18:34:29 +01:00
// Dateimanager
button[id="mail-compose_selectFromVFSForCompose"] {
2014-01-20 19:34:27 +01:00
/*margin-left: 15px !important;*/
.dimension_height_s;
margin: 3px;
2013-12-30 18:34:29 +01:00
vertical-align: middle;
2014-01-20 19:34:27 +01:00
float: left;
height: 20px !important;
width: auto;
background-size: 16px 16px;
padding: 0;
2013-12-30 18:34:29 +01:00
.Complete_Button_Icon_normal;
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
&:focus {.box_shadow_standard_light_inset; .background_color_15_gray;}
}
2013-11-15 18:09:58 +01:00
// Dateien Upload
.et2_file,
.mail-compose_fileselector{
2014-01-20 19:34:27 +01:00
float: left;
2013-11-15 18:09:58 +01:00
vertical-align: middle;
margin:2px;
span.et2_file_span{
2014-01-20 19:34:27 +01:00
font-size: 1.1em;
2014-04-24 12:55:14 +02:00
font-weight: normal;
2013-12-30 18:34:29 +01:00
.Complete_Button_text_icon_before;
background-image: url(images/attach.png) !important;
.background_color_5_gray;
2014-01-20 19:34:27 +01:00
height: 16px;
width: 100px;
2013-12-30 18:34:29 +01:00
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
2013-11-14 20:29:55 +01:00
2013-12-30 18:34:29 +01:00
&:focus {.box_shadow_standard_light_inset; .background_color_15_gray;}
2013-11-14 20:29:55 +01:00
2014-04-24 12:55:14 +02:00
}
input {border: none;}
2013-11-14 20:29:55 +01:00
input.et2_file_upload {width: 120px}
2014-01-20 19:34:27 +01:00
div.progress {width: 212px;}
2013-11-15 18:09:58 +01:00
}
2013-11-14 20:29:55 +01:00
2014-01-20 19:34:27 +01:00
/*######################################*/
/*save / Speichern als */
2013-12-30 18:34:29 +01:00
//als Infolog
#mail-compose_to_infolog{
2014-01-20 19:34:27 +01:00
margin-right: 5px !important;
2013-12-30 18:34:29 +01:00
&:hover{
.scale;
}
2013-11-15 18:09:58 +01:00
}
//als Ticket
2013-12-30 18:34:29 +01:00
input[id="mail-compose_to_tracker"]{
2014-01-20 19:34:27 +01:00
margin-right: 5px !important;
2013-12-30 18:34:29 +01:00
&:hover {
2014-01-20 19:34:27 +01:00
.scale;
2013-12-30 18:34:29 +01:00
}
2013-11-15 18:09:58 +01:00
}
2014-01-20 19:34:27 +01:00
/*######################################*/
2013-11-15 18:09:58 +01:00
// Empfangsbenachrichtigung
2013-12-30 18:34:29 +01:00
#mail-compose_disposition{
2014-01-20 19:34:27 +01:00
margin-right: 0px !important;
2013-12-30 18:34:29 +01:00
&:hover {
.scale;
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Priorität
2013-12-30 18:34:29 +01:00
#mail-compose_priority{
2014-01-20 19:34:27 +01:00
margin-right: 0px;
font-size: 9px;
2013-11-15 18:09:58 +01:00
span.et2_label {margin-right: 3px;}
}
} // Toolbar Ende
2013-11-14 20:29:55 +01:00
table.et2_grid {display: inline-block;}
2014-01-20 19:34:27 +01:00
/*// ###############################################################################*/
/*// Mail Header*/
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
.mailComposeHeaders,.mailComposeHeadersSection{
margin: 2px 0;
width: 98%;
2013-11-14 20:29:55 +01:00
span {
font-size: 0.8em;
text-align: right;
2014-01-21 18:30:52 +01:00
padding-right: 5px;
}
2014-01-21 18:30:52 +01:00
span.ms-close-btn {
width: auto;
2014-01-21 18:30:52 +01:00
background-repeat: no-repeat;
padding-right: 8px;
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
div{ max-width: 770px; }
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Automatische Auwahlliste
2013-12-30 18:34:29 +01:00
span.ui-state-error {color: @color_error;}
2013-11-15 18:09:58 +01:00
div.ms-res-item-active {
background: @egw_color_2_a;
span {color: #FFFFFF;}
}
2013-11-14 20:29:55 +01:00
2014-01-20 19:34:27 +01:00
/*Von*/
2014-01-21 18:30:52 +01:00
select#mail-compose_mailaccount {width: 100%; height: 30px;}
2014-01-20 19:34:27 +01:00
/*An*/
2014-01-20 19:34:27 +01:00
/*Kopie*/
span#mail-compose_cc_expander{
.Complete_Button_normal;
float: left;
width: 47px;
margin: 3px;
font-size: 8px;
margin-left: 12px;
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action; color: @gray_0;}
}
/*Blindkopie*/
span#mail-compose_bcc_expander{
.Complete_Button_normal;
float: left;
width: 47px;
margin: 3px;
font-size: 8px;
margin-left: 12px;
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;color: @gray_0;}
}
span#mail-compose_folder_expander{
.Complete_Button_normal;
float: left;
width: 47px;
margin: 3px;
font-size: 8px;
margin-left: 12px;
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;color: @gray_0;}
}
2014-01-20 19:34:27 +01:00
/*Betreff*/
input#mail-compose_subject { max-width: 716px;}
2014-01-20 19:34:27 +01:00
/*HTML Box*/
input#mail-compose_mimeType {margin-left: 12px;}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
} // Ende Header
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Mail Body
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Signature
fieldset.mailSignature {
font-size: 0.8em;
2013-12-30 18:34:29 +01:00
border: none;
margin: 8px 0;
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
select {}
2013-12-30 18:34:29 +01:00
span {margin:0px 8px;}
2013-11-15 18:09:58 +01:00
}
2013-11-14 20:29:55 +01:00
2013-12-30 18:34:29 +01:00
// Anhang
fieldset.mailUploadSection{
2014-01-20 19:34:27 +01:00
2013-12-30 18:34:29 +01:00
font-size: 0.8em;
border: none;
margin: 8px 0;
.background_color_15_gray;
}
2014-01-20 19:34:27 +01:00
2013-11-14 20:29:55 +01:00
} // Ende Dialog
#divGenTime_mail {
display: none;
}
2013-11-14 20:29:55 +01:00
/* ##################################################################################
* E-Mail Dialog "Ansehen"
2014-01-08 08:58:33 +01:00
* Preview
2013-11-14 20:29:55 +01:00
* ##################################################################################
*/
div#popupMainDiv{
padding: 8px;
margin: -6px 0px 6px -1px;
width: 100%;
}
2013-11-14 20:29:55 +01:00
#mail-display{
2013-11-15 18:09:58 +01:00
// gesamtbreite
width: 870px;
padding: 5px;
2014-02-19 09:21:01 +01:00
/*.mailDisplayHeaderSection{*/
/*top: 0;*/
/*position: relative;*/
2014-01-20 19:34:27 +01:00
2014-01-08 08:58:33 +01:00
/*Toolbar*/
2014-02-19 09:21:01 +01:00
.et2_toolbar,
#mail-display_toolbar,
mail-display_displayToolbar{
/*.gradient_thead;*/
background-color: transparent;
2014-02-19 09:21:01 +01:00
.color_100_gray;
clear: both;
/* padding: 5px 3px;*/
height: 36px;
/*display: -webkit-box;*/
2014-02-19 09:21:01 +01:00
// all buttons
div.et2_toolbar_actionlist{margin-top: 3px; margin-left: 3px;}
2014-01-08 08:58:33 +01:00
button {
2013-11-15 18:09:58 +01:00
.Complete_Button_Icon_normal;
2014-02-19 09:21:01 +01:00
height: 24px;
2013-11-15 18:09:58 +01:00
}
2014-01-20 19:34:27 +01:00
2014-01-08 08:58:33 +01:00
button[id*="toolbar-composeasnew"],
button[id*="toolbar-reply"],
button[id*="toolbar-reply_all"],
button[id*="toolbar-forward"],
button[id*="toolbar-print"],
button[id*="toolbar-save"],
button[id*="toolbar-header"]{
&:active {background-color: @color_positive_action_active;}
}
button[id*="toolbar-unflagged"],
button[id*="toolbar-delete"]{
&:active {background-color: @color_negative_action_active;}
}
2014-01-20 19:34:27 +01:00
2014-01-08 08:58:33 +01:00
button[id*="toolbar-infolog"],
button[id*="toolbar-tracker"]{
&:active {background-color: .background_color_15_gray;}
}
2014-01-20 19:34:27 +01:00
2013-11-15 18:09:58 +01:00
span.ui-state-default{
float: left;
background-image: none;
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Button ?
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Button antworten
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// allen antworten
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Forward
#mail-display_forward_wrapper {
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
&:hover {}
&:focus {}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
li {
a {
img { width: 16px;margin-right: 3px;}
}
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// ?
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// speichern
#mail-display_save_wrapper{
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
&:hover {}
&:focus {}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// das Wort speichern
button#mail-display_save {
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
background-image: url('../images/speichern.png');
background-position: left center;
background-repeat: no-repeat;
background-size: 16px 16px;
box-shadow: none;
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
&:hover {
img {display: none; background-image: none;}
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
&:focus {box-shadow: none; }
}
li {
a {
img { width: 16px;margin-right: 3px;}
}
}
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// anzeigen
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
#mail-display_view_wrapper{
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
&:hover {}
&:focus {}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
button#mail-display_view{
box-shadow: none;
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
&:hover {
img {display: none; background-image: none;}
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
&:focus {box-shadow: none; }
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
li {
a {
img { width: 16px;margin-right: 3px;}
}
}
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// mark
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
#mail-display_mark_wrapper{
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
&:hover {}
&:focus {}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
button#mail-display_mark{
box-shadow: none;
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
&:hover {
img {display: none; background-image: none;}
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
&:focus {box-shadow: none; }
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
li {
a {
img { width: 16px;margin-right: 3px;}
}
}
}
2014-02-03 11:05:44 +01:00
/*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/
// ###################### buttons##############################
// # # # # # # # # # ####
// # # # # # # # # # ####
// ############################################################
2014-02-12 16:50:24 +01:00
#toolbar-actionlist{
2014-02-03 11:05:44 +01:00
padding: 0px 3px;
span[data-group] {margin: 0px 40px 0 0;}
2014-02-20 20:42:52 +01:00
button {
2014-02-03 11:05:44 +01:00
.Complete_Button_Icon_normal;
height: 27px;
[src*="svg"]{
.gradient_vertical (@gray_90, @gray_90);
}
}
2014-02-03 11:05:44 +01:00
button[id*="toolbar-composeasnew"],
button[id*="toolbar-reply"],
button[id*="toolbar-reply_all"],
button[id*="toolbar-forward"],
button[id*="toolbar-print"],
button[id*="toolbar-save"],
button[id*="toolbar-header"]{
&:hover {background-color: @color_positive_action_active;}
&:active {background-color: @color_positive_action_active;}
}
button[id*="toolbar-unflagged"],
button[id*="toolbar-delete"]{
&:hover {background-color: @color_negative_action_active;}
&:active {background-color: @color_negative_action_active;}
}
button[id*="toolbar-infolog"],
button[id*="toolbar-tracker"]{
&:hover {background-color: @egw_color_1_a;}
&:active {background-color: .background_color_15_gray;}
}
2014-02-03 11:05:44 +01:00
}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
}
2013-11-14 20:29:55 +01:00
2014-02-19 09:21:01 +01:00
/*}*/
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
// Dateianhänge
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
.mailDisplayAttachments {
// background-color:#efefdf;
2013-12-30 18:34:29 +01:00
.background_color_10_gray;
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
max-height: 10%;
position: fixed;
bottom: 26px;
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
border: 0px solid @egw_color_3_a;
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
border-bottom: 0px;
opacity: 1;
-moz-opacity:1;
// filter: Alpha(opacity=100);
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
img {width: 16px;}
2013-11-14 20:29:55 +01:00
2013-11-15 18:09:58 +01:00
}
.mail_DisplayNone{
display: none;
}
2014-02-03 11:05:44 +01:00
2013-11-14 20:29:55 +01:00
} // Ende Display
2014-02-20 20:42:52 +01:00
// Toolbar ...from Hadi
/**
* et2_toolbar
*/
.et2_toolbar {
2014-02-20 20:42:52 +01:00
button {
}
}
.et2_toolbar-dropdown{
background: @gray_10 !important;
background-color: @gray_10 !important;
2014-02-20 20:42:52 +01:00
button{
background: @gray_10 !important;
background-color: @gray_10 !important;
2014-02-21 13:52:54 +01:00
&:hover{}
2014-02-20 20:42:52 +01:00
}
2014-02-21 13:52:54 +01:00
ul> li{ }
2014-02-21 13:52:54 +01:00
ul{ }
2014-02-20 20:42:52 +01:00
}
.et2_toolbar-dropdown-menulist {
button{
background: @gray_10 !important;
background-color: @gray_10 !important;
2014-02-21 13:52:54 +01:00
&:nth-child(2){}
2014-02-20 20:42:52 +01:00
}
ul{ }
2014-02-20 20:42:52 +01:00
}
div.ui-toolbar-menulist{
.border_normal;
}
.ui-toolbar-menulist{
2014-02-20 20:42:52 +01:00
h {
padding-bottom: 7px;
margin: 0;
}
2014-02-20 20:42:52 +01:00
button {
2014-02-21 13:52:54 +01:00
2014-02-20 20:42:52 +01:00
}
2014-02-20 20:42:52 +01:00
div{
background-color: @gray_10 !important;
.border_normal;
}
}
2014-02-20 20:42:52 +01:00
.ui-toolbar-menulistHeader{
}
.et2_toolbar_activeList{
}
// all used button in toolbar
2014-02-20 20:42:52 +01:00
.et2_toolbar_actionlist{
// zusammengesetzte Buttons
.et2_toolbar-dropdown{
/* background: @gray_10 !important;
background-color: @gray_10 !important;*/
margin: -4px 5px -2px 4px;
.rounded(3px);
.et2_dropdown{
.box_shadow_none;
border: none !important;
button{
.box_shadow_none;
background: @gray_10 !important;
background-color: @gray_10 !important;
&:hover{}
img {
.dimension_width_height_sm;
2014-04-24 12:55:14 +02:00
top: 3px;
}
}
}
ul> li{ }
ul{ }
}
2014-02-20 20:42:52 +01:00
}
2014-02-21 13:52:54 +01:00
// aufgeklappte Toolbar
div#displayToolbar-menulist{
2014-02-21 13:52:54 +01:00
.et2_dropdown{
.box_shadow_none;
border: none !important;
button {.box_shadow_none;}
}
img {.dimension_width_height_sm; }
2014-02-21 13:52:54 +01:00
}
2014-02-13 17:52:46 +01:00
/* ##################################################################################
* Dialog: Subscripe Folder
*
* ##################################################################################
*/
#mail-subscribe{
2014-02-13 17:52:46 +01:00
table.et2_grid tr td {
padding: 0px;
2014-02-18 09:11:14 +01:00
/*Label*/
.mail_subscription_header {
.headline_h2;
2014-02-18 09:11:14 +01:00
line-height: 2em;
font-weight: bold;
font-size: 150%;
padding-bottom: 20px;
}
2014-02-18 09:11:14 +01:00
// Folder List
2014-02-13 17:52:46 +01:00
div.et2_box {
2014-02-18 09:11:14 +01:00
margin-top: 16px;
height: 484px;
2014-02-13 17:52:46 +01:00
overflow: auto;
}
2014-02-13 17:52:46 +01:00
}
2014-02-13 17:52:46 +01:00
} // #mail-subscribe
2014-02-03 11:05:44 +01:00
.mail_subscription_header
{
font-weight: bold;
font-size: 150%;
padding-bottom: 20px;
}
2014-02-03 11:05:44 +01:00
2013-11-14 20:29:55 +01:00
/* ##################################################################################
* E-Mail
*
* ##################################################################################
*/
/* felamimail uses the styledefinitions below to format navButton/navSeparator */
tr.navbarBackground {
2013-11-15 18:09:58 +01:00
background-color:#dddddd;
2013-11-14 20:29:55 +01:00
}
div.navButton {
2013-11-15 18:09:58 +01:00
background-color:#dddddd;
float:left;
padding: 2px;
margin: 2px;
border: solid #dddddd 1px;
2013-11-14 20:29:55 +01:00
}
div.navButton:hover, div.navButtonHover {
2013-11-15 18:09:58 +01:00
background-color:#eeeeee;
float:left;
padding: 2px;
margin: 2px;
border: solid white 1px;
border-right: solid black 1px;
border-bottom: solid black 1px;
position: relative;
2013-11-14 20:29:55 +01:00
}
div.navButton:active, div.navButtonActive {
2013-11-15 18:09:58 +01:00
background-color:#dddddd;
float:left;
padding: 2px;
margin: 2px;
border: solid white 1px;
border-left: solid black 1px;
border-top: solid black 1px;
position: relative;
2013-11-14 20:29:55 +01:00
}
div.navSeparator {
2013-11-15 18:09:58 +01:00
background-color:#dddddd;
float:left;
padding: 0px;
margin: 2px;
border: solid silver 1px;
height:24px;
position: relative;
2013-11-14 20:29:55 +01:00
}
/* Fixes z-index problem with the calendar year selection (displays behind selectboxes)*/
.calendar .combo {
2013-11-15 18:09:58 +01:00
z-index: 1 !important;
2013-11-14 20:29:55 +01:00
}
//#############################################################################################
// mail/templates/app.css
textarea
{
2013-11-15 18:09:58 +01:00
font-family: monospace, sans-serif;
font-size: 110%;
2013-11-14 20:29:55 +01:00
}
.defaultProfile { color:#000000; font-weight:bold !important; }
.quoted1 { color:#660066; }
.quoted2 { color:#007777; }
.quoted3 { color:#990000; }
.quoted4 { color:#000099; }
.quoted5 { color:#bb6600; }
tr.mail div {
2013-11-15 18:09:58 +01:00
cursor: default;
white-space: normal;
text-overflow: ellipsis;
span {text-overflow: ellipsis;white-space: normal;}
2013-11-14 20:29:55 +01:00
}
tr.mail a {
2013-11-15 18:09:58 +01:00
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
2013-11-14 20:29:55 +01:00
}
tr.recent div,
tr.recent span,
tr.recent time,
tr.recent a,
tr.unseen div,
tr.unseen span,
tr.unseen time,
tr.unseen a {
2013-11-15 18:09:58 +01:00
color: #003075;
font-weight: bold;
2013-11-14 20:29:55 +01:00
}
tr.labelone div,
tr.labelone span,
tr.labelone time,
tr.labelone a {
2013-11-15 18:09:58 +01:00
color: #ff0080 !important;
2013-11-14 20:29:55 +01:00
}
tr.labeltwo div,
tr.labeltwo span,
tr.labeltwo time,
tr.labeltwo a {
2013-11-15 18:09:58 +01:00
color: #ff8000 !important;
2013-11-14 20:29:55 +01:00
}
tr.labelthree div,
tr.labelthree span,
tr.labelthree time,
tr.labelthree a {
2013-11-15 18:09:58 +01:00
color: #008000 !important;
2013-11-14 20:29:55 +01:00
}
tr.labelfour div,
tr.labelfour span,
tr.labelfour time,
tr.labelfour a {
2013-11-15 18:09:58 +01:00
color: #0000ff !important;
2013-11-14 20:29:55 +01:00
}
tr.labelfive div,
tr.labelfive span,
tr.labelfive time,
tr.labelfive a {
2013-11-15 18:09:58 +01:00
color: #8000ff !important;
2013-11-14 20:29:55 +01:00
}
tr.flagged div,
tr.flagged span,
tr.flagged time,
tr.flagged a {
2013-11-15 18:09:58 +01:00
color: #ff0000 !important;
2013-11-14 20:29:55 +01:00
}
tr.prio_high div,
tr.prio_high span,
tr.prio_high time,
tr.prio_high a {
2013-11-15 18:09:58 +01:00
color: #ac0000 !important;
2013-11-14 20:29:55 +01:00
}
tr.deleted div,
tr.deleted span,
tr.deleted time,
tr.deleted a {
2013-11-15 18:09:58 +01:00
color: silver;
text-decoration : line-through;
2013-11-14 20:29:55 +01:00
}
span.status_img {
2013-11-15 18:09:58 +01:00
display: inline-block;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-image: url(images/kmmsgread.png);
2013-11-18 20:31:54 +01:00
background-size: 12px 12px;
2013-11-14 20:29:55 +01:00
}
tr.deleted span.status_img {
2013-11-15 18:09:58 +01:00
background-image: url(images/kmmsgdel.png);
2013-11-14 20:29:55 +01:00
}
tr.unseen span.status_img {
2013-11-15 18:09:58 +01:00
background-image: url(images/kmmsgunseen.png);
2013-11-14 20:29:55 +01:00
}
tr.flagged_seen span.status_img {
2013-11-15 18:09:58 +01:00
background-image: url(images/read_flagged_small.png) !important;
2013-11-14 20:29:55 +01:00
}
tr.flagged_unseen span.status_img {
2013-11-15 18:09:58 +01:00
background-image: url(images/unread_flagged_small.png) !important;
2013-11-14 20:29:55 +01:00
}
tr.recent span.status_img {
2013-11-15 18:09:58 +01:00
background-image: url(images/kmmsgnew.png) !important;
2013-11-14 20:29:55 +01:00
}
tr.replied span.status_img {
2013-11-15 18:09:58 +01:00
background-image: url(images/kmmsgreplied.png) !important;
2013-11-14 20:29:55 +01:00
}
tr.forwarded span.status_img {
2013-11-15 18:09:58 +01:00
background-image: url(images/kmmsgforwarded.png) !important;
2013-11-14 20:29:55 +01:00
}
.subjectBold
{
2013-11-15 18:09:58 +01:00
font-size: 12px;
font-weight : bold;
font-family : Arial;
2013-11-14 20:29:55 +01:00
}
.subject
{
2013-11-15 18:09:58 +01:00
font-size: 12px;
font-family : Arial;
2013-11-14 20:29:55 +01:00
}
TR.sieveRowActive
{
2013-11-15 18:09:58 +01:00
font-size: 11px;
height : 20px;
padding: 0;
background : White;
2013-11-14 20:29:55 +01:00
}
A.sieveRowActive
{
2013-11-15 18:09:58 +01:00
font-size: 11px;
height : 14px;
padding: 0;
2013-11-14 20:29:55 +01:00
}
TR.sieveRowInActive
{
2013-11-15 18:09:58 +01:00
font-size: 11px;
height : 20px;
padding: 0;
background : White;
color: Silver;
2013-11-14 20:29:55 +01:00
}
A.sieveRowInActive
{
2013-11-15 18:09:58 +01:00
font-size: 11px;
height : 14px;
padding: 0;
color: Silver;
2013-11-14 20:29:55 +01:00
}
.bodyDIV {
2013-11-15 18:09:58 +01:00
position:absolute;
background-color:white;
top:134px;
bottom:0px;
width:100%;
border-top: 1px solid #efefdf;
2013-11-14 20:29:55 +01:00
}
.bodyDIVAttachment {
2013-11-15 18:09:58 +01:00
bottom:80px;
2013-11-14 20:29:55 +01:00
}
#attachmentSpanAllDIV{
2013-11-15 18:09:58 +01:00
background-color:#efefdf;
height:260px;
overflow:auto;
2013-11-14 20:29:55 +01:00
}
#attachmentDIV {
2013-11-15 18:09:58 +01:00
position:fixed;
background-color:#efefdf;
bottom:0px;
min-height:80px;
max-height:239px;
width:100%;
border-top: 1px solid silver;
overflow:auto;
2013-11-14 20:29:55 +01:00
}
#popupattachmentDIV {
2013-11-15 18:09:58 +01:00
position:top;
background-color:#efefdf;
bottom:0px;
min-height:80px;
max-height:239px;
width:100%;
border-top: 1px solid silver;
overflow:auto;
2013-11-14 20:29:55 +01:00
}
pre {
2013-11-15 18:09:58 +01:00
white-space: pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
width: 99%;
2013-11-14 20:29:55 +01:00
}
/*
avoid the vertical scrollbar within the sidebox section (triggered by the vertical dimension of the tree)
*/
.divSidebox {
2013-11-15 18:09:58 +01:00
overflow: hidden;
2013-11-14 20:29:55 +01:00
}
.textSidebox {
2013-11-15 18:09:58 +01:00
overflow-x: hidden;
overflow-y: auto;
2013-11-14 20:29:55 +01:00
}
/*
avoid the vertical scrollbar within the actual tablecontainer (of the tree)
*/
.containerTableStyle {
2013-11-15 18:09:58 +01:00
width: 100%;
overflow: hidden;
2013-11-14 20:29:55 +01:00
}
.dtree {
2013-11-15 18:09:58 +01:00
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
white-space: nowrap;
div {
width: 100%;
}
img {
border: 0px;
vertical-align: middle;
}
a {
color: #333;
text-decoration: none;
}
a.node, a.nodeSel {
white-space: nowrap;
padding: 1px 2px 1px 2px;
&:hover{
color: #333;
text-decoration: underline;
}
}
a.nodeSel {
background-color: #c0d2ec;
}
.clip {
overflow: hidden;
}
table, tr, td {
border: none;
}
table {
overflow: hidden;
width: 100%;
display: table-row;
}
// Ende dtree
2013-11-14 20:29:55 +01:00
}
.useEllipsis {
2013-11-15 18:09:58 +01:00
text-overflow: ellipsis;
width: 250px;
white-space: nowrap;
overflow: hidden;
2013-11-14 20:29:55 +01:00
}
#mail-index {
2013-11-15 18:09:58 +01:00
position: relative
2013-11-14 20:29:55 +01:00
}
.mail-index_quotabox {
2013-11-15 18:09:58 +01:00
position: absolute;
2014-02-10 10:31:36 +01:00
top:29px;
right:-72px;
2013-11-15 18:09:58 +01:00
width:200px !important;
z-index:99;
2014-02-10 10:31:36 +01:00
div.et2_progress {background-color: @gray_30 !important;}
div.et2_progress > div {min-height: 4px !important;}
2013-11-14 20:29:55 +01:00
}
.mail-index_quotaDisplayNone {
2013-11-15 18:09:58 +01:00
display: none !important;
2013-11-14 20:29:55 +01:00
}
.mail-index_QuotaGreen, .mail-index_QuotaYellow, .mail-index_QuotaRed {
2014-02-10 10:31:36 +01:00
height:4px !important;
2013-11-15 18:09:58 +01:00
width:100px !important;
2013-11-14 20:29:55 +01:00
}
.mail-index_QuotaGreen > div {
2013-11-15 18:09:58 +01:00
background-color: green !important;
2014-02-10 10:31:36 +01:00
height:4px !important;
2013-11-14 20:29:55 +01:00
}
.mail-index_QuotaYellow > div {
2013-11-15 18:09:58 +01:00
background-color: yellow !important;
2014-02-10 10:31:36 +01:00
height:4px !important;
2013-11-14 20:29:55 +01:00
}
.mail-index_QuotaRed > div {
2013-11-15 18:09:58 +01:00
background-color: red !important;
2014-02-10 10:31:36 +01:00
height:4px !important;
2013-11-14 20:29:55 +01:00
}
2014-02-10 10:31:36 +01:00
.mail-index_vacation {
position: absolute;
top:3px;
right:190px;
width:250px !important;
z-index:99;
}
.mail-index_vacation > div {
text-align: center;
}
.mail-index_vacation > div > span {
color: red;
}
2014-02-10 10:31:36 +01:00
2013-11-14 20:29:55 +01:00
/*
influence the tree display and scrolling behavior
*/
#mail-tree_target {
2013-11-15 18:09:58 +01:00
min-height: 35px;
max-height: 450px;
display: block;
display: -moz-inline-stack;
display: -moz-box;
width: 100%;
overflow: hidden;
overflow-y: auto;
z-index:100;
2013-11-14 20:29:55 +01:00
}
/*
we need the the image displayed with our buttons on the left side
*/
input[type=button] {
2013-11-15 18:09:58 +01:00
background-position: left;
2013-11-14 20:29:55 +01:00
}
#mail-index_messageIFRAME {
2013-11-15 18:09:58 +01:00
width: 100%;
height: 100%;
border: 0;
2013-11-14 20:29:55 +01:00
}
//#mail-index_button\[mailcreate\]
#mail-index_button[id*="mailcreate"]{
2013-11-15 18:09:58 +01:00
width: 99%;
text-align: left;
font-weight: bold;
padding-left: 25px;
background-image: url(images/write_mail.png) !important;
background-position: left;
background-repeat: no-repeat;
2013-11-14 20:29:55 +01:00
}
//#mail-compose_button[id*="send"] {
// text-align: left;
// font-weight: bold;
// padding-left: 30px;
// width: 80px;
// margin: 0px !important;
// background-image: url(images/mail_send.png) !important;
// background-position: left;
// background-repeat: no-repeat;
//}
.mailDisplay {
position: relative;
background-color: transparent;
width: 100%;
}
#mail-index_mailPreview {
2013-11-15 18:09:58 +01:00
overflow: hidden;
position: relative;
margin-top: 5px;
2013-11-14 20:29:55 +01:00
}
#mail-compose_fileselector {
2013-11-15 18:09:58 +01:00
width: 245px !important;
2013-11-14 20:29:55 +01:00
}
#mail-compose_toolbar {
2013-11-15 18:09:58 +01:00
padding: 0px !important;
2013-11-14 20:29:55 +01:00
}
#mail-compose_toolbar > button {
2013-11-15 18:09:58 +01:00
padding: .2em .4em;
2013-11-14 20:29:55 +01:00
}
#mail-compose_toolbar > img {
2013-11-15 18:09:58 +01:00
width: 16px;
padding: 0px;
height: 16px !important;
2013-11-14 20:29:55 +01:00
}
#mail-compose_toolbar > button > span > img {
2013-11-15 18:09:58 +01:00
width: 16px;
padding: 0px;
height: 16px !important;
2013-11-14 20:29:55 +01:00
}
2014-01-08 08:58:33 +01:00
2013-11-14 20:29:55 +01:00
.mailPreviewIcons {
2013-11-15 18:09:58 +01:00
position: absolute;
right: 0;
top: 0;
2013-11-14 20:29:55 +01:00
}
// Headerbereich grau hinterlegt
2014-01-08 08:58:33 +01:00
2013-11-14 20:29:55 +01:00
#mail-index_mailPreviewContainer {
2013-11-15 18:09:58 +01:00
position: absolute;
2014-01-08 08:58:33 +01:00
border: 1px solid .color_10_gray;
2014-02-03 11:05:44 +01:00
top: 97px;
2013-11-15 18:09:58 +01:00
bottom: 0;
left: 3px;
right: 0;
2013-11-14 20:29:55 +01:00
}
2014-01-08 08:58:33 +01:00
/*#######################################################*/
/*# ICON # ICON # ICON # ICON #ICON # ICON# ICON # ICON #*/
/*#######################################################*/
2013-11-14 20:29:55 +01:00
2014-01-08 08:58:33 +01:00
/*Toolbar der Email*/
#mail-display_toolbar {
padding: 0px;
}
#mail-display_toolbar > button > span {
padding: .2em .4em;
}
#mail-display_toolbar > button > span > img {
width: 16px;
padding: 0px;
height: auto;
}
2014-01-20 19:34:27 +01:00
2014-02-11 09:24:51 +01:00
// Button Toolbar - always visible
2013-11-14 20:29:55 +01:00
#mail-index_toolbar {
2014-02-12 16:50:24 +01:00
/*padding: 0px;*/
2013-11-15 18:09:58 +01:00
background: none;
2014-02-12 16:50:24 +01:00
/*margin: 5px 5px 0 0;*/
/*border: none;*/
2014-02-12 16:50:24 +01:00
// alle Buttons / drag + drop
#toolbar-actionlist{
2014-02-12 16:50:24 +01:00
margin-top: 3px;
2014-02-12 16:50:24 +01:00
}
2013-11-14 20:29:55 +01:00
2014-01-20 19:34:27 +01:00
2013-11-22 06:28:19 +01:00
/* Elemente */
2014-01-20 19:34:27 +01:00
2014-01-08 08:58:33 +01:00
button {
2014-02-10 10:31:36 +01:00
height: 24px !important;
2014-01-14 17:04:20 +01:00
img[src$="svg"]{
2014-02-03 11:05:44 +01:00
.gradient_vertical (@gray_60, @gray_60);
background-color: @gray_100;
2014-01-20 19:34:27 +01:00
}
2014-01-14 17:04:20 +01:00
2014-01-08 08:58:33 +01:00
span {
padding: 0;
2013-11-14 20:29:55 +01:00
2014-01-08 08:58:33 +01:00
img {
.dimension_width_height_s ;
padding: 0px;
2013-11-14 20:29:55 +01:00
2014-01-08 08:58:33 +01:00
}
}
2014-01-20 19:34:27 +01:00
2014-01-08 08:58:33 +01:00
}
2014-01-20 19:34:27 +01:00
2014-01-08 08:58:33 +01:00
button[id*="toolbar-composeasnew"],
button[id*="toolbar-reply"],
button[id*="toolbar-reply_all"],
button[id*="toolbar-forward"],
button[id*="toolbar-flagged"],
button[id*="toolbar-print"],
button[id*="toolbar-save"],
button[id*="toolbar-header"]{
2014-02-03 11:05:44 +01:00
&:focus {
background-color: @color_positive_action;
2014-02-03 11:05:44 +01:00
.gradient_vertical (@color_positive_action, @color_positive_action);
img[src$="svg"]{
.gradient_vertical (@color_positive_action, @color_positive_action);
background-color: @color_positive_action;
}
2014-02-03 11:05:44 +01:00
}
&:hover {
background-color: @color_positive_action;
2014-02-03 11:05:44 +01:00
.gradient_vertical (@color_positive_action, @color_positive_action);
img[src$="svg"]{
.gradient_vertical (@color_positive_action, @color_positive_action);
background-color: @color_positive_action;
}
2014-02-03 11:05:44 +01:00
}
&:active {
background-color: @color_positive_action;
2014-02-03 11:05:44 +01:00
.gradient_vertical (@color_positive_action, @color_positive_action);
img[src$="svg"]{
.gradient_vertical (@color_positive_action, @color_positive_action);
background-color: @color_positive_action;
}
2014-02-03 11:05:44 +01:00
}
2013-11-15 18:09:58 +01:00
}
2013-11-14 20:29:55 +01:00
2014-01-08 08:58:33 +01:00
button[id*="toolbar-unflagged"],
button[id*="toolbar-delete"]{
2014-02-03 11:05:44 +01:00
&:focus {
background-color: @color_negative_action;;
2014-02-03 11:05:44 +01:00
.gradient_vertical (@color_negative_action, @color_negative_action);
img[src$="svg"]{
.gradient_vertical (@color_negative_action, @color_negative_action);
background-color: @color_negative_action;
}
2014-02-03 11:05:44 +01:00
}
&:hover {
background-color: @color_negative_action;
2014-02-03 11:05:44 +01:00
.gradient_vertical (@color_negative_action, @color_negative_action);
img[src$="svg"]{
.gradient_vertical (@color_negative_action, @color_negative_action);
background-color: @color_negative_action;
}
2014-02-03 11:05:44 +01:00
}
&:active {
background-color: @color_negative_action;;
2014-02-03 11:05:44 +01:00
.gradient_vertical (@color_negative_action, @color_negative_action);
img[src$="svg"]{
.gradient_vertical (@color_negative_action, @color_negative_action);
background-color: @color_negative_action;
}
2014-02-03 11:05:44 +01:00
}
2014-01-08 08:58:33 +01:00
}
2014-01-20 19:34:27 +01:00
2014-01-08 08:58:33 +01:00
button[id*="toolbar-infolog"],
button[id*="toolbar-tracker"]{
2014-02-03 11:05:44 +01:00
&:focus {
background-color: @egw_color_1_a;
2014-02-03 11:05:44 +01:00
.gradient_vertical (@egw_color_1_a, @egw_color_1_a);
img[src$="svg"]{
.gradient_vertical (@egw_color_1_a, @egw_color_1_a);
background-color: @egw_color_1_a;
}
2014-02-03 11:05:44 +01:00
}
&:hover {
background-color: @egw_color_1_a;
2014-02-03 11:05:44 +01:00
.gradient_vertical (@egw_color_1_a, @egw_color_1_a);
img[src$="svg"]{
.gradient_vertical (@egw_color_1_a, @egw_color_1_a);
background-color: @egw_color_1_a;
}
2014-02-03 11:05:44 +01:00
}
&:active {
background-color: @egw_color_1_a;
2014-02-03 11:05:44 +01:00
.gradient_vertical (@egw_color_1_a, @egw_color_1_a);
img[src$="svg"]{
.gradient_vertical (@egw_color_1_a, @egw_color_1_a);
background-color: @egw_color_1_a;
}
}
2014-01-08 08:58:33 +01:00
}
2014-01-20 19:34:27 +01:00
2013-11-14 20:29:55 +01:00
}
2014-02-11 09:24:51 +01:00
// weitere Button
/*#toolbar-actionbox{.dimension_height_s;}*/
/*
2014-02-11 09:24:51 +01:00
h.ui-toolbar-menulistHeader,
#ui-accordion-toolbar-actionbox-header-0{
2014-02-11 09:24:51 +01:00
.dimension_height_s;
background-color: @gray_50;
2014-02-11 09:24:51 +01:00
color: @gray_0;
2014-02-11 16:35:25 +01:00
margin:0;
2014-02-11 09:24:51 +01:00
// little ICON
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
margin-top: -11px;
color: @gray_0;
}
2014-02-11 09:24:51 +01:00
}
// accordion, where Button be placed
div#toolbar-menulist{
background-color: @gray_50;
color: @gray_0;
Elemente
2014-02-11 09:24:51 +01:00
button {
height: 24px !important;
2014-02-11 09:24:51 +01:00
img[src$="svg"]{
2014-02-11 09:24:51 +01:00
.gradient_vertical (@gray_60, @gray_60);
background-color: @gray_100;
}
}
2014-02-21 13:52:54 +01:00
}*/
2014-02-11 09:24:51 +01:00
2013-11-14 20:29:55 +01:00
2014-01-14 17:04:20 +01:00
/*AN / To*/
div.mailPreviewHeaders div.mail_extraEmails {
display: inline-block;
max-height: 1.3em;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
2014-01-20 19:34:27 +01:00
2014-01-14 17:04:20 +01:00
img.et2_button_icon {
2014-01-20 19:34:27 +01:00
2014-01-14 17:04:20 +01:00
.dimension_width_height_m;
2014-01-20 19:34:27 +01:00
2014-01-14 17:04:20 +01:00
}
}
2013-11-14 20:29:55 +01:00
// Anhänge an Email
#mail-index_previewAttachmentArea {
2013-11-15 18:09:58 +01:00
// background-color:#efefdf;
2013-12-30 18:34:29 +01:00
.background_color_10_gray;
border-color: @gray_10;
2013-11-15 18:09:58 +01:00
.border_normal;
2014-04-24 12:55:14 +02:00
max-height: 3.6em;
2013-11-15 18:09:58 +01:00
// filter: Alpha(opacity=100);
2014-01-14 17:04:20 +01:00
img {.dimension_width_height_s;}
2013-11-27 08:21:32 +01:00
td{padding: 2px;}
2013-11-14 20:29:55 +01:00
}
#mail-index_previewAttachmentArea.noContent {
2013-11-15 18:09:58 +01:00
border:0px !important;
2013-11-14 20:29:55 +01:00
}
2014-01-14 17:04:20 +01:00
/* Button after field*/
#mail-index_mailPreviewHeadersAttachments{
2014-01-20 19:34:27 +01:00
2014-06-12 12:52:42 +02:00
img.et2_button_icon {.dimension_width_height_xs; background-color: inherit;}
2014-01-20 19:34:27 +01:00
2014-01-14 17:04:20 +01:00
}
2013-11-14 20:29:55 +01:00
/*######################################################*/
/*Diplay : View */
2013-11-14 20:29:55 +01:00
.mailDisplayContainer, .mailDisplayAttachments {
2013-11-15 18:09:58 +01:00
display: block;
display: -moz-inline-stack;
display: -moz-box;
width: 99%;
overflow: hidden;
overflow-y: auto;
left: 3px;
right: 3px;
2013-11-27 08:21:32 +01:00
z-index: 100;
2013-11-14 20:29:55 +01:00
}
.mailDisplayContainer {
2013-11-15 18:09:58 +01:00
position: fixed;
overflow: hidden;
overflow-y: auto;
border: 0px solid silver;
2013-11-15 18:09:58 +01:00
top: 120px;
bottom: 100px;
2013-11-14 20:29:55 +01:00
}
2013-12-19 04:14:47 +01:00
2013-11-14 20:29:55 +01:00
.mailDisplayHeaders {
2013-11-15 18:09:58 +01:00
overflow: hidden;
2013-11-14 20:29:55 +01:00
}
.mailDisplayHeaderSection {
2013-11-15 18:09:58 +01:00
position: absolute;
top: 12px;
2013-11-14 20:29:55 +01:00
}
div.mailDisplayHeaders > div:first-parent {
2013-11-15 18:09:58 +01:00
overflow: hidden;
2013-11-14 20:29:55 +01:00
}
div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailPreviewHeaders > span:first-child {
2013-11-15 18:09:58 +01:00
width: 7em;
display: inline-block;
2013-11-14 20:29:55 +01:00
}
div.mailComposeHeaders > span:first-child {
2013-11-15 18:09:58 +01:00
width: 8em;
2013-11-14 20:29:55 +01:00
}
div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailComposeBody, div.mailPreviewHeaders > * {
2013-11-15 18:09:58 +01:00
margin-left: 3px;}
div.mailDisplayHeaders div.mail_extraEmails {
display: inline-block;
max-height: 1.3em;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
}
div.mailDisplayHeaders div.mail_extraEmails.visible {
position: fixed;
left: 7em;
display: block;
max-height: 8em;
min-width: 30em;
z-index: 999;
overflow-y: auto;
background-color: white;
}
2013-11-27 08:21:32 +01:00
#mail-importMessage{
.et2_button_icon{
height: auto;
width: 24px;
}
2013-12-19 04:14:47 +01:00
}
//