extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-30 09:48:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mail styling:

Browse Source 
-Fix delete button hover
-Cleanup app.less
This commit is contained in:
Hadi Nategh 2016-06-24 17:43:09 +02:00
parent 66f1e302d2
commit cd34b70908
4 changed files with 785 additions and 1177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
mail/templates/default/app.css
View File

@ -199,7 +199,6 @@ table tr.attachmentRow > td > img {
} }
#popupattachmentDIV { #popupattachmentDIV {
position:top;
background-color:#efefdf; background-color:#efefdf;
bottom:0px; bottom:0px;
min-height:80px; min-height:80px;

63
mail/templates/mobile/app.css
View File

@ -202,7 +202,6 @@ table tr.attachmentRow > td > img {
overflow: auto; overflow: auto;
} }
#popupattachmentDIV { #popupattachmentDIV {
position: top;
background-color: #efefdf; background-color: #efefdf;
bottom: 0px; bottom: 0px;
min-height: 80px; min-height: 80px;
@ -904,9 +903,6 @@ body {
#mail-index div#mail-index_nm div.nextmatch_header div.filters select { #mail-index div#mail-index_nm div.nextmatch_header div.filters select {
margin-top: 9px; margin-top: 9px;
} }
#mail-index div#mail-index_nm div.nextmatch_header div.filters input#mail-index_search {
/*height: 20px !important;*/
}
#mail-index div#mail-index_nm .egwGridView_outer { #mail-index div#mail-index_nm .egwGridView_outer {
margin-right: 10px; margin-right: 10px;
} }
@ -977,15 +973,6 @@ body {
# # # # # #
# # # # # #
############################################## */ ############################################## */
.egw_fw_ui_category_content {
/*new mail in FOlder
span.standartTreeRow b {color: @egw_color_2_a;}
*/
/*move Mail*/
/* .draggedOver {
background-color: @color_hint;
}*/
}
.egw_fw_ui_category_content span#mail-tree_target { .egw_fw_ui_category_content span#mail-tree_target {
max-height: 50%; max-height: 50%;
} }
@ -1204,11 +1191,7 @@ body {
#mail-display { #mail-display {
min-height: 768px; min-height: 768px;
padding: 5px; padding: 5px;
/*.mailDisplayHeaderSection{*/
/*top: 0;*/
/*position: relative;*/
/*Toolbar*/ /*Toolbar*/
/*}*/
} }
#mail-display .et2_toolbar, #mail-display .et2_toolbar,
#mail-display #mail-display_toolbar, #mail-display #mail-display_toolbar,
@ -1217,9 +1200,7 @@ body {
background-color: transparent; background-color: transparent;
color: #000000; color: #000000;
clear: both; clear: both;
/* padding: 5px 3px;*/
height: 36px; height: 36px;
/*display: -webkit-box;*/
/*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/ /*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/
} }
#mail-display .et2_toolbar div.et2_toolbar_actionlist, #mail-display .et2_toolbar div.et2_toolbar_actionlist,
@ -1528,8 +1509,6 @@ div.ui-toolbar-menulist {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
} }
.et2_toolbar_actionlist .et2_toolbar-dropdown { .et2_toolbar_actionlist .et2_toolbar-dropdown {
/* background: @gray_10 !important;
background-color: @gray_10 !important;*/
margin: -4px 5px 2px 1px; margin: -4px 5px 2px 1px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -1833,7 +1812,6 @@ A.sieveRowInActive {
overflow: auto; overflow: auto;
} }
#popupattachmentDIV { #popupattachmentDIV {
position: top;
background-color: #efefdf; background-color: #efefdf;
bottom: 0px; bottom: 0px;
min-height: 80px; min-height: 80px;
@ -1845,8 +1823,6 @@ A.sieveRowInActive {
pre { pre {
white-space: pre-wrap; white-space: pre-wrap;
/* Mozilla, since 1999 */ /* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap; white-space: -o-pre-wrap;
/* Opera 7 */ /* Opera 7 */
width: 99%; width: 99%;
@ -2084,6 +2060,7 @@ input[type=button] {
background-image: -o-linear-gradient(top, #189800, #189800); background-image: -o-linear-gradient(top, #189800, #189800);
background-image: linear-gradient(top, #189800, #189800); background-image: linear-gradient(top, #189800, #189800);
background-repeat: repeat-x; background-repeat: repeat-x;
color: white;
} }
#mail-index_toolbar button[id*="toolbar-composeasnew"]:hover img[src$="svg"], #mail-index_toolbar button[id*="toolbar-composeasnew"]:hover img[src$="svg"],
#mail-index_toolbar button[id*="toolbar-reply"]:hover img[src$="svg"], #mail-index_toolbar button[id*="toolbar-reply"]:hover img[src$="svg"],
@ -2177,6 +2154,7 @@ input[type=button] {
background-image: -o-linear-gradient(top, #AE1D00, #AE1D00); background-image: -o-linear-gradient(top, #AE1D00, #AE1D00);
background-image: linear-gradient(top, #AE1D00, #AE1D00); background-image: linear-gradient(top, #AE1D00, #AE1D00);
background-repeat: repeat-x; background-repeat: repeat-x;
color: white;
} }
#mail-index_toolbar button[id*="toolbar-unflagged"]:hover img[src$="svg"], #mail-index_toolbar button[id*="toolbar-unflagged"]:hover img[src$="svg"],
#mail-index_toolbar button[id*="toolbar-delete"]:hover img[src$="svg"] { #mail-index_toolbar button[id*="toolbar-delete"]:hover img[src$="svg"] {
@ -2295,43 +2273,6 @@ input[type=button] {
background-repeat: repeat-x; background-repeat: repeat-x;
background-color: #ffc200; background-color: #ffc200;
} }
/*#toolbar-actionbox{.dimension_height_s;}*/
/*
h.ui-toolbar-menulistHeader,
#ui-accordion-toolbar-actionbox-header-0{
.dimension_height_s;
background-color: @gray_50;
color: @gray_0;
margin:0;
// little ICON
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
margin-top: -11px;
color: @gray_0;
}
}
// accordion, where Button be placed
div#toolbar-menulist{
background-color: @gray_50;
color: @gray_0;
Elemente
button {
height: 24px !important;
img[src$="svg"]{
.gradient_vertical (@gray_60, @gray_60);
background-color: @gray_100;
}
}
}*/
/*AN / To*/ /*AN / To*/
div.mailPreviewHeaders div.mail_extraEmails { div.mailPreviewHeaders div.mail_extraEmails {
display: inline-block; display: inline-block;

63
mail/templates/pixelegg/app.css
View File

@ -190,7 +190,6 @@ table tr.attachmentRow > td > img {
overflow: auto; overflow: auto;
} }
#popupattachmentDIV { #popupattachmentDIV {
position: top;
background-color: #efefdf; background-color: #efefdf;
bottom: 0px; bottom: 0px;
min-height: 80px; min-height: 80px;
@ -892,9 +891,6 @@ body {
#mail-index div#mail-index_nm div.nextmatch_header div.filters select { #mail-index div#mail-index_nm div.nextmatch_header div.filters select {
margin-top: 9px; margin-top: 9px;
} }
#mail-index div#mail-index_nm div.nextmatch_header div.filters input#mail-index_search {
/*height: 20px !important;*/
}
#mail-index div#mail-index_nm .egwGridView_outer { #mail-index div#mail-index_nm .egwGridView_outer {
margin-right: 10px; margin-right: 10px;
} }
@ -965,15 +961,6 @@ body {
# # # # # #
# # # # # #
############################################## */ ############################################## */
.egw_fw_ui_category_content {
/*new mail in FOlder
span.standartTreeRow b {color: @egw_color_2_a;}
*/
/*move Mail*/
/* .draggedOver {
background-color: @color_hint;
}*/
}
.egw_fw_ui_category_content span#mail-tree_target { .egw_fw_ui_category_content span#mail-tree_target {
max-height: 50%; max-height: 50%;
} }
@ -1192,11 +1179,7 @@ body {
#mail-display { #mail-display {
min-height: 768px; min-height: 768px;
padding: 5px; padding: 5px;
/*.mailDisplayHeaderSection{*/
/*top: 0;*/
/*position: relative;*/
/*Toolbar*/ /*Toolbar*/
/*}*/
} }
#mail-display .et2_toolbar, #mail-display .et2_toolbar,
#mail-display #mail-display_toolbar, #mail-display #mail-display_toolbar,
@ -1205,9 +1188,7 @@ body {
background-color: transparent; background-color: transparent;
color: #000000; color: #000000;
clear: both; clear: both;
/* padding: 5px 3px;*/
height: 36px; height: 36px;
/*display: -webkit-box;*/
/*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/ /*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/
} }
#mail-display .et2_toolbar div.et2_toolbar_actionlist, #mail-display .et2_toolbar div.et2_toolbar_actionlist,
@ -1516,8 +1497,6 @@ div.ui-toolbar-menulist {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
} }
.et2_toolbar_actionlist .et2_toolbar-dropdown { .et2_toolbar_actionlist .et2_toolbar-dropdown {
/* background: @gray_10 !important;
background-color: @gray_10 !important;*/
margin: -4px 5px 2px 1px; margin: -4px 5px 2px 1px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -1821,7 +1800,6 @@ A.sieveRowInActive {
overflow: auto; overflow: auto;
} }
#popupattachmentDIV { #popupattachmentDIV {
position: top;
background-color: #efefdf; background-color: #efefdf;
bottom: 0px; bottom: 0px;
min-height: 80px; min-height: 80px;
@ -1833,8 +1811,6 @@ A.sieveRowInActive {
pre { pre {
white-space: pre-wrap; white-space: pre-wrap;
/* Mozilla, since 1999 */ /* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap; white-space: -o-pre-wrap;
/* Opera 7 */ /* Opera 7 */
width: 99%; width: 99%;
@ -2072,6 +2048,7 @@ input[type=button] {
background-image: -o-linear-gradient(top, #189800, #189800); background-image: -o-linear-gradient(top, #189800, #189800);
background-image: linear-gradient(top, #189800, #189800); background-image: linear-gradient(top, #189800, #189800);
background-repeat: repeat-x; background-repeat: repeat-x;
color: white;
} }
#mail-index_toolbar button[id*="toolbar-composeasnew"]:hover img[src$="svg"], #mail-index_toolbar button[id*="toolbar-composeasnew"]:hover img[src$="svg"],
#mail-index_toolbar button[id*="toolbar-reply"]:hover img[src$="svg"], #mail-index_toolbar button[id*="toolbar-reply"]:hover img[src$="svg"],
@ -2165,6 +2142,7 @@ input[type=button] {
background-image: -o-linear-gradient(top, #AE1D00, #AE1D00); background-image: -o-linear-gradient(top, #AE1D00, #AE1D00);
background-image: linear-gradient(top, #AE1D00, #AE1D00); background-image: linear-gradient(top, #AE1D00, #AE1D00);
background-repeat: repeat-x; background-repeat: repeat-x;
color: white;
} }
#mail-index_toolbar button[id*="toolbar-unflagged"]:hover img[src$="svg"], #mail-index_toolbar button[id*="toolbar-unflagged"]:hover img[src$="svg"],
#mail-index_toolbar button[id*="toolbar-delete"]:hover img[src$="svg"] { #mail-index_toolbar button[id*="toolbar-delete"]:hover img[src$="svg"] {
@ -2283,43 +2261,6 @@ input[type=button] {
background-repeat: repeat-x; background-repeat: repeat-x;
background-color: #ffc200; background-color: #ffc200;
} }
/*#toolbar-actionbox{.dimension_height_s;}*/
/*
h.ui-toolbar-menulistHeader,
#ui-accordion-toolbar-actionbox-header-0{
.dimension_height_s;
background-color: @gray_50;
color: @gray_0;
margin:0;
// little ICON
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
margin-top: -11px;
color: @gray_0;
}
}
// accordion, where Button be placed
div#toolbar-menulist{
background-color: @gray_50;
color: @gray_0;
Elemente
button {
height: 24px !important;
img[src$="svg"]{
.gradient_vertical (@gray_60, @gray_60);
background-color: @gray_100;
}
}
}*/
/*AN / To*/ /*AN / To*/
div.mailPreviewHeaders div.mail_extraEmails { div.mailPreviewHeaders div.mail_extraEmails {
display: inline-block; display: inline-block;

287
mail/templates/pixelegg/app.less
View File

@ -60,70 +60,28 @@ body {
background-color: white; background-color: white;
} }
#mail-index { #mail-index {
/* Keeps the scrollbar in the window in chrome */ /* Keeps the scrollbar in the window in chrome */
margin-right: -10px; margin-right: -10px;
table.egwGridView_grid{
// border-collapse: inherit;
// width: 99%;
}
// Rahmen + padding
// .box_shadow_dialog;
#mail-index_mailPreviewContainer {}
// alles
// Box mit Header und Liste // Box mit Header und Liste
div#mail-index_nm { div#mail-index_nm {
// Header // Header
div.nextmatch_header { div.nextmatch_header {
// Counter
span.header_count ui-corner-all{
span{}
}
// Filter // Filter
div.filters { div.filters {
// Fläche // Fläche
select {margin-top: 9px;} select {margin-top: 9px;}
select#mail-index_filter{
}
select#mail-index_filter2{ }
// Suchfeld
input#mail-index_search{
/*height: 20px !important;*/
}
// Suchknopf
button.et2_button {
}
} // Ende Filter } // Ende Filter
} // Ende Header } // Ende Header
// Keeps the scrollbar in the window in Firefox // Keeps the scrollbar in the window in Firefox
.egwGridView_outer { .egwGridView_outer {
margin-right: 10px; margin-right: 10px;
} }
// Listenausgabe der Emails
div {}
// Bilder in den Listen // Bilder in den Listen
tr.mail td img { tr.mail td img {
max-height: 50px; max-height: 50px;
@ -133,12 +91,6 @@ body {
tr.mail td img[src*="svg"] { .gradient_vertical (@gray_70, @gray_70);} tr.mail td img[src*="svg"] { .gradient_vertical (@gray_70, @gray_70);}
tr.mail div span {.box_shadow_none;} tr.mail div span {.box_shadow_none;}
} // Ende: Box mit Header und Liste } // Ende: Box mit Header und Liste
// Splitterbar // Splitterbar
@ -147,16 +99,11 @@ body {
background-color: @color_splitter_bar; background-color: @color_splitter_bar;
} }
// Ansicht der Emails // Ansicht der Emails
div#mail-index_mailPreview { div#mail-index_mailPreview {
margin: 0; margin: 0;
.background_color_5_gray; .background_color_5_gray;
// From // From
div#mail-index_mailPreviewHeadersFrom { div#mail-index_mailPreviewHeadersFrom {
width: 50%; width: 50%;
@ -184,34 +131,9 @@ body {
div#mail-index_mailPreviewHeadersSubject > span { div#mail-index_mailPreviewHeadersSubject > span {
white-space: nowrap; white-space: nowrap;
} }
// Email Inhalt
div#mail-index_mailPreviewContainer{
iframe#mail-index_messageIFRAME{
// Email Inhalt
div{}
// Zeit für das Anzeigen
div#divGenTime{}
}
}
} // Ende: Ansicht der Emails } // Ende: Ansicht der Emails
} // iframe } // iframe
/*############################################## /*##############################################
# # # # # #
# # # # # #
@ -240,20 +162,10 @@ body {
.basefontfamily; .basefontfamily;
} }
// color - selected tree item // color - selected tree item
.selectedTreeRow, .selectedTreeRow_lor {background-color: @egw_color_1_a; color: @gray_90;text-decoration: none;} .selectedTreeRow, .selectedTreeRow_lor {background-color: @egw_color_1_a; color: @gray_90;text-decoration: none;}
.standartTreeRow_lor {background-color: rgba(103, 159, 210, 0.2); color: @gray_90;text-decoration: none;} .standartTreeRow_lor {background-color: rgba(103, 159, 210, 0.2); color: @gray_90;text-decoration: none;}
/*new mail in FOlder
span.standartTreeRow b {color: @egw_color_2_a;}
*/
/*move Mail*/
/* .draggedOver {
background-color: @color_hint;
}*/
} // Ende Sidebox } // Ende Sidebox
/* ################################################################################## /* ##################################################################################
@ -288,8 +200,6 @@ body {
padding: 5px; padding: 5px;
max-height: 99%; max-height: 99%;
// ################################## // ##################################
// Identity // Identity
.mailComposeHeaders:first-child { .mailComposeHeaders:first-child {
@ -298,8 +208,6 @@ body {
/*.gradient_thead;*/ /*.gradient_thead;*/
} }
// ################################## // ##################################
// Toolbar // Toolbar
.et2_toolbar button.toolbar_toggled { .et2_toolbar button.toolbar_toggled {
@ -386,34 +294,26 @@ body {
font-size: 0.8em; font-size: 0.8em;
border: none; border: none;
margin: 8px 0; margin: 8px 0;
select {} select {}
span {margin:0px 8px;} span {margin:0px 8px;}
} }
// File sent as... // File sent as...
div.mailUploadSection { div.mailUploadSection {
border-top: 0px solid silver; border-top: 0px solid silver;
margin-top: 16px; margin-top: 16px;
width: 99%; width: 99%;
// File Compose Elements // File Compose Elements
div.et2_hbox { div.et2_hbox {
margin: -11px 0 5px -4px; margin: -11px 0 5px -4px;
label { margin-right: 10%;} label { margin-right: 10%;}
} }
// Table - attachments // Table - attachments
#mail-compose_attachments { #mail-compose_attachments {
border-top: 1px solid silver; border-top: 1px solid silver;
} }
} }
fieldset.mailUploadSection { fieldset.mailUploadSection {
border-top: 0px solid silver; border-top: 0px solid silver;
font-size: 0.8em; font-size: 0.8em;
@ -423,9 +323,6 @@ div.mailUploadSection {
border-right: none; border-right: none;
width: 99%; width: 99%;
} }
} // Ende Dialog } // Ende Dialog
/* ################################################################################## /* ##################################################################################
@ -440,28 +337,22 @@ div.mailUploadSection {
min-height: 768px; min-height: 768px;
padding: 5px; padding: 5px;
/*.mailDisplayHeaderSection{*/
/*top: 0;*/
/*position: relative;*/
/*Toolbar*/ /*Toolbar*/
.et2_toolbar, .et2_toolbar,
#mail-display_toolbar, #mail-display_toolbar,
mail-display_displayToolbar { mail-display_displayToolbar {
/*.gradient_thead;*/ /*.gradient_thead;*/
background-color: transparent; background-color: transparent;
.color_100_gray; .color_100_gray;
clear: both; clear: both;
/* padding: 5px 3px;*/
height: 36px; height: 36px;
/*display: -webkit-box;*/
// all buttons // all buttons
div.et2_toolbar_actionlist { div.et2_toolbar_actionlist {
margin-top: 0px; margin-top: 0px;
margin-left: 0px;} margin-left: 0px;
}
button { button {
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
@ -506,37 +397,27 @@ div.mailUploadSection {
&:hover {} &:hover {}
&:focus {} &:focus {}
li { li {
a { a {
img { width: 16px;margin-right: 3px;} img { width: 16px;margin-right: 3px;}
} }
} }
} }
// ?
// speichern // speichern
#mail-display_save_wrapper { #mail-display_save_wrapper {
&:hover {} &:hover {}
&:focus {} &:focus {}
// das Wort speichern // das Wort speichern
button#mail-display_save { button#mail-display_save {
background-image: url('../pixelegg/images/speichern.png'); background-image: url('../pixelegg/images/speichern.png');
background-position: left center; background-position: left center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px 16px; background-size: 16px 16px;
box-shadow: none; box-shadow: none;
&:hover { &:hover {
img {display: none; background-image: none;} img {display: none; background-image: none;}
} }
&:focus {box-shadow: none; } &:focus {box-shadow: none; }
} }
li { li {
@ -545,33 +426,24 @@ div.mailUploadSection {
} }
} }
} }
// anzeigen // anzeigen
#mail-display_view_wrapper { #mail-display_view_wrapper {
&:hover {} &:hover {}
&:focus {} &:focus {}
button#mail-display_view { button#mail-display_view {
box-shadow: none; box-shadow: none;
&:hover { &:hover {
img {display: none; background-image: none;} img {display: none; background-image: none;}
} }
&:focus {box-shadow: none; } &:focus {box-shadow: none; }
} }
li { li {
a { a {
img { width: 16px;margin-right: 3px;} img { width: 16px;margin-right: 3px;}
} }
} }
} }
// mark // mark
#mail-display_mark_wrapper { #mail-display_mark_wrapper {
@ -596,7 +468,6 @@ div.mailUploadSection {
} }
} }
/*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/ /*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/
// ###################### buttons############################## // ###################### buttons##############################
// # # # # # # # # # #### // # # # # # # # # # ####
@ -641,10 +512,6 @@ div.mailUploadSection {
} }
/*}*/
// Dateianhänge // Dateianhänge
.mailDisplayAttachments { .mailDisplayAttachments {
@ -673,40 +540,24 @@ div.mailUploadSection {
/** /**
* et2_toolbar * et2_toolbar
*/ */
.et2_toolbar {
button {
}
}
.et2_toolbar-dropdown { .et2_toolbar-dropdown {
background: @gray_10 !important; background: @gray_10 !important;
background-color: @gray_10 !important; background-color: @gray_10 !important;
button { button {
background: @gray_10 !important; background: @gray_10 !important;
background-color: @gray_10 !important; background-color: @gray_10 !important;
&:hover{} &:hover{}
} }
ul> li{ }
ul{ }
} }
.et2_toolbar-dropdown-menulist { .et2_toolbar-dropdown-menulist {
button { button {
background: @gray_10 !important; background: @gray_10 !important;
background-color: @gray_10 !important; background-color: @gray_10 !important;
&:nth-child(2){} &:nth-child(2){}
} }
ul{ } ul{ }
} }
@ -714,39 +565,22 @@ div.ui-toolbar-menulist{
.border_normal; .border_normal;
} }
.ui-toolbar-menulist { .ui-toolbar-menulist {
h { h {
padding-bottom: 7px; padding-bottom: 7px;
margin: 0; margin: 0;
} }
button {
}
div{ div{
background-color: @gray_10 !important; background-color: @gray_10 !important;
.border_normal; .border_normal;
} }
} }
.ui-toolbar-menulistHeader{
}
.et2_toolbar_activeList{
}
// all used button in toolbar // all used button in toolbar
.et2_toolbar_actionlist { .et2_toolbar_actionlist {
// zusammengesetzte Buttons // zusammengesetzte Buttons
.et2_toolbar-dropdown { .et2_toolbar-dropdown {
/* background: @gray_10 !important;
background-color: @gray_10 !important;*/
margin: -4px 5px 2px 1px; margin: -4px 5px 2px 1px;
.rounded(3px); .rounded(3px);
.et2_dropdown { .et2_dropdown {
.box_shadow_none; .box_shadow_none;
border: none !important; border: none !important;
@ -758,41 +592,28 @@ div.ui-toolbar-menulist{
.box_shadow_none; .box_shadow_none;
background: @gray_10 !important; background: @gray_10 !important;
background-color: @gray_10 !important; background-color: @gray_10 !important;
&:hover{}
img { img {
.dimension_width_height_s; .dimension_width_height_s;
top: 3px; top: 3px;
} }
} }
} }
.et2_button_icon .et2_button_icon
{ {
.dimension_height_xs; .dimension_height_xs;
} }
ul> li{ }
ul{ }
} }
} }
// aufgeklappte Toolbar // aufgeklappte Toolbar
div#displayToolbar-menulist { div#displayToolbar-menulist {
.et2_dropdown { .et2_dropdown {
.box_shadow_none; .box_shadow_none;
border: none !important; border: none !important;
button {.box_shadow_none;} button {.box_shadow_none;}
} }
img {.dimension_width_height_sm; } img {.dimension_width_height_sm; }
} }
/* ################################################################################## /* ##################################################################################
@ -801,11 +622,8 @@ div#displayToolbar-menulist{
* ################################################################################## * ##################################################################################
*/ */
#mail-subscribe, #mail-folder_management { #mail-subscribe, #mail-folder_management {
table.et2_grid tr td { table.et2_grid tr td {
padding: 0px; padding: 0px;
/*Label*/ /*Label*/
.mail_subscription_header { .mail_subscription_header {
.headline_h2; .headline_h2;
@ -815,23 +633,17 @@ div#displayToolbar-menulist{
padding-bottom: 20px; padding-bottom: 20px;
} }
// Folder List // Folder List
div.et2_box { div.et2_box {
margin-top: 16px; margin-top: 16px;
height: 484px; height: 484px;
overflow: auto; overflow: auto;
} }
} }
// color - selected tree item // color - selected tree item
.selectedTreeRow,.selectedTreeRow_lor {background-color: @egw_color_1_a; color: @gray_90;text-decoration: none;} .selectedTreeRow,.selectedTreeRow_lor {background-color: @egw_color_1_a; color: @gray_90;text-decoration: none;}
// color - hover over standard tree item // color - hover over standard tree item
.standartTreeRow_lor {background-color: rgba(103, 159, 210, 0.2); color: @gray_90;text-decoration: none;} .standartTreeRow_lor {background-color: rgba(103, 159, 210, 0.2); color: @gray_90;text-decoration: none;}
} // #mail-subscribe } // #mail-subscribe
.mail_subscription_header, .mail_folder_management_header .mail_subscription_header, .mail_folder_management_header
@ -907,8 +719,6 @@ textarea
} }
.defaultProfile { color:#000000; font-weight:bold !important; } .defaultProfile { color:#000000; font-weight:bold !important; }
.quoted1 { color:#660066; } .quoted1 { color:#660066; }
.quoted2 { color:#007777; } .quoted2 { color:#007777; }
.quoted3 { color:#990000; } .quoted3 { color:#990000; }
@ -1082,7 +892,6 @@ A.sieveRowInActive
} }
#popupattachmentDIV { #popupattachmentDIV {
position:top;
background-color:#efefdf; background-color:#efefdf;
bottom:0px; bottom:0px;
min-height:80px; min-height:80px;
@ -1094,7 +903,6 @@ A.sieveRowInActive
pre { pre {
white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Opera 7 */
width: 99%; width: 99%;
} }
@ -1163,9 +971,6 @@ pre {
// Ende dtree // Ende dtree
} }
.useEllipsis { .useEllipsis {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -1253,11 +1058,6 @@ input[type=button] {
} }
// Headerbereich grau hinterlegt // Headerbereich grau hinterlegt
#mail-index_mailPreviewContainer { #mail-index_mailPreviewContainer {
position: absolute; position: absolute;
border: 1px solid .color_10_gray; border: 1px solid .color_10_gray;
@ -1271,8 +1071,6 @@ input[type=button] {
/*# ICON # ICON # ICON # ICON #ICON # ICON# ICON # ICON #*/ /*# ICON # ICON # ICON # ICON #ICON # ICON# ICON # ICON #*/
/*#######################################################*/ /*#######################################################*/
/*Toolbar der Email*/ /*Toolbar der Email*/
#mail-display_toolbar { #mail-display_toolbar {
padding: 0px; padding: 0px;
@ -1302,20 +1100,13 @@ input[type=button] {
} }
/* Elemente */ /* Elemente */
button { button {
height: 24px !important; height: 24px !important;
img[src$="svg"] { img[src$="svg"] {
.gradient_vertical (@gray_60, @gray_60); .gradient_vertical (@gray_60, @gray_60);
background-color: @gray_100; background-color: @gray_100;
} }
span { span {
padding: 0; padding: 0;
@ -1325,10 +1116,6 @@ input[type=button] {
} }
} }
} }
button[id*="toolbar-composeasnew"], button[id*="toolbar-composeasnew"],
@ -1346,7 +1133,6 @@ input[type=button] {
.gradient_vertical (@color_positive_action, @color_positive_action); .gradient_vertical (@color_positive_action, @color_positive_action);
background-color: @color_positive_action; background-color: @color_positive_action;
} }
} }
&:hover { &:hover {
background-color: @color_positive_action; background-color: @color_positive_action;
@ -1355,7 +1141,7 @@ input[type=button] {
.gradient_vertical (@color_positive_action, @color_positive_action); .gradient_vertical (@color_positive_action, @color_positive_action);
background-color: @color_positive_action; background-color: @color_positive_action;
} }
color:white;
} }
&:active { &:active {
background-color: @color_positive_action; background-color: @color_positive_action;
@ -1364,11 +1150,7 @@ input[type=button] {
.gradient_vertical (@color_positive_action, @color_positive_action); .gradient_vertical (@color_positive_action, @color_positive_action);
background-color: @color_positive_action; background-color: @color_positive_action;
} }
} }
} }
button[id*="toolbar-unflagged"], button[id*="toolbar-unflagged"],
@ -1389,6 +1171,7 @@ input[type=button] {
.gradient_vertical (@color_negative_action, @color_negative_action); .gradient_vertical (@color_negative_action, @color_negative_action);
background-color: @color_negative_action; background-color: @color_negative_action;
} }
color:white;
} }
&:active { &:active {
@ -1412,7 +1195,6 @@ input[type=button] {
.gradient_vertical (@egw_color_1_a, @egw_color_1_a); .gradient_vertical (@egw_color_1_a, @egw_color_1_a);
background-color: @egw_color_1_a; background-color: @egw_color_1_a;
} }
} }
&:hover { &:hover {
background-color: @egw_color_1_a; background-color: @egw_color_1_a;
@ -1421,7 +1203,6 @@ input[type=button] {
.gradient_vertical (@egw_color_1_a, @egw_color_1_a); .gradient_vertical (@egw_color_1_a, @egw_color_1_a);
background-color: @egw_color_1_a; background-color: @egw_color_1_a;
} }
} }
&:active { &:active {
background-color: @egw_color_1_a; background-color: @egw_color_1_a;
@ -1431,53 +1212,9 @@ input[type=button] {
background-color: @egw_color_1_a; background-color: @egw_color_1_a;
} }
} }
} }
} }
// weitere Button
/*#toolbar-actionbox{.dimension_height_s;}*/
/*
h.ui-toolbar-menulistHeader,
#ui-accordion-toolbar-actionbox-header-0{
.dimension_height_s;
background-color: @gray_50;
color: @gray_0;
margin:0;
// little ICON
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
margin-top: -11px;
color: @gray_0;
}
}
// accordion, where Button be placed
div#toolbar-menulist{
background-color: @gray_50;
color: @gray_0;
Elemente
button {
height: 24px !important;
img[src$="svg"]{
.gradient_vertical (@gray_60, @gray_60);
background-color: @gray_100;
}
}
}*/
/*AN / To*/ /*AN / To*/
div.mailPreviewHeaders div.mail_extraEmails { div.mailPreviewHeaders div.mail_extraEmails {
display: inline-block; display: inline-block;
@ -1485,16 +1222,11 @@ div.mailPreviewHeaders div.mail_extraEmails {
max-width: 50%; max-width: 50%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
img.et2_button_icon { img.et2_button_icon {
.dimension_width_height_m; .dimension_width_height_m;
} }
} }
// Anhänge an Email // Anhänge an Email
#mail-index_previewAttachmentArea { #mail-index_previewAttachmentArea {
@ -1515,14 +1247,9 @@ div.mailPreviewHeaders div.mail_extraEmails {
/* Button after field*/ /* Button after field*/
#mail-index_mailPreviewHeadersAttachments { #mail-index_mailPreviewHeadersAttachments {
img.et2_button_icon {.dimension_width_height_xs; background-color: inherit;} img.et2_button_icon {.dimension_width_height_xs; background-color: inherit;}
} }
/*######################################################*/ /*######################################################*/
/*Diplay : View */ /*Diplay : View */
.mailDisplayContainer, .mailDisplayAttachments { .mailDisplayContainer, .mailDisplayAttachments {
@ -1555,7 +1282,6 @@ div.mailPreviewHeaders div.mail_extraEmails {
.mailDisplayHeaderSection { .mailDisplayHeaderSection {
position: absolute; position: absolute;
top: 12px; top: 12px;
} }
div.mailDisplayHeaders > div:first-parent { div.mailDisplayHeaders > div:first-parent {
overflow: hidden; overflow: hidden;
@ -1568,7 +1294,8 @@ div.mailComposeHeaders > span:first-child {
width: 8em; width: 8em;
} }
div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailComposeBody, div.mailPreviewHeaders > * { div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailComposeBody, div.mailPreviewHeaders > * {
margin-left: 3px;} margin-left: 3px;
}
div.mailDisplayHeaders div.mail_extraEmails { div.mailDisplayHeaders div.mail_extraEmails {
display: inline-block; display: inline-block;
max-height: 1.3em; max-height: 1.3em;