mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-01-03 04:29:28 +01:00
Mail styling:
-Fix delete button hover -Cleanup app.less
This commit is contained in:
Hadi Nategh
parent
66f1e302d2
commit
cd34b70908
@ -199,7 +199,6 @@ table tr.attachmentRow > td > img {
|
||||
}
|
||||
|
||||
#popupattachmentDIV {
|
||||
position:top;
|
||||
background-color:#efefdf;
|
||||
bottom:0px;
|
||||
min-height:80px;
|
||||
|
||||
@ -202,7 +202,6 @@ table tr.attachmentRow > td > img {
|
||||
overflow: auto;
|
||||
}
|
||||
#popupattachmentDIV {
|
||||
position: top;
|
||||
background-color: #efefdf;
|
||||
bottom: 0px;
|
||||
min-height: 80px;
|
||||
@ -904,9 +903,6 @@ body {
|
||||
#mail-index div#mail-index_nm div.nextmatch_header div.filters select {
|
||||
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 {
|
||||
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 {
|
||||
max-height: 50%;
|
||||
}
|
||||
@ -1204,11 +1191,7 @@ body {
|
||||
#mail-display {
|
||||
min-height: 768px;
|
||||
padding: 5px;
|
||||
/*.mailDisplayHeaderSection{*/
|
||||
/*top: 0;*/
|
||||
/*position: relative;*/
|
||||
/*Toolbar*/
|
||||
/*}*/
|
||||
}
|
||||
#mail-display .et2_toolbar,
|
||||
#mail-display #mail-display_toolbar,
|
||||
@ -1217,9 +1200,7 @@ body {
|
||||
background-color: transparent;
|
||||
color: #000000;
|
||||
clear: both;
|
||||
/* padding: 5px 3px;*/
|
||||
height: 36px;
|
||||
/*display: -webkit-box;*/
|
||||
/*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/
|
||||
}
|
||||
#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);
|
||||
}
|
||||
.et2_toolbar_actionlist .et2_toolbar-dropdown {
|
||||
/* background: @gray_10 !important;
|
||||
background-color: @gray_10 !important;*/
|
||||
margin: -4px 5px 2px 1px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
@ -1833,7 +1812,6 @@ A.sieveRowInActive {
|
||||
overflow: auto;
|
||||
}
|
||||
#popupattachmentDIV {
|
||||
position: top;
|
||||
background-color: #efefdf;
|
||||
bottom: 0px;
|
||||
min-height: 80px;
|
||||
@ -1845,8 +1823,6 @@ A.sieveRowInActive {
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
/* Mozilla, since 1999 */
|
||||
white-space: -pre-wrap;
|
||||
/* Opera 4-6 */
|
||||
white-space: -o-pre-wrap;
|
||||
/* Opera 7 */
|
||||
width: 99%;
|
||||
@ -2084,6 +2060,7 @@ input[type=button] {
|
||||
background-image: -o-linear-gradient(top, #189800, #189800);
|
||||
background-image: linear-gradient(top, #189800, #189800);
|
||||
background-repeat: repeat-x;
|
||||
color: white;
|
||||
}
|
||||
#mail-index_toolbar button[id*="toolbar-composeasnew"]: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: linear-gradient(top, #AE1D00, #AE1D00);
|
||||
background-repeat: repeat-x;
|
||||
color: white;
|
||||
}
|
||||
#mail-index_toolbar button[id*="toolbar-unflagged"]: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-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*/
|
||||
div.mailPreviewHeaders div.mail_extraEmails {
|
||||
display: inline-block;
|
||||
|
||||
@ -190,7 +190,6 @@ table tr.attachmentRow > td > img {
|
||||
overflow: auto;
|
||||
}
|
||||
#popupattachmentDIV {
|
||||
position: top;
|
||||
background-color: #efefdf;
|
||||
bottom: 0px;
|
||||
min-height: 80px;
|
||||
@ -892,9 +891,6 @@ body {
|
||||
#mail-index div#mail-index_nm div.nextmatch_header div.filters select {
|
||||
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 {
|
||||
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 {
|
||||
max-height: 50%;
|
||||
}
|
||||
@ -1192,11 +1179,7 @@ body {
|
||||
#mail-display {
|
||||
min-height: 768px;
|
||||
padding: 5px;
|
||||
/*.mailDisplayHeaderSection{*/
|
||||
/*top: 0;*/
|
||||
/*position: relative;*/
|
||||
/*Toolbar*/
|
||||
/*}*/
|
||||
}
|
||||
#mail-display .et2_toolbar,
|
||||
#mail-display #mail-display_toolbar,
|
||||
@ -1205,9 +1188,7 @@ body {
|
||||
background-color: transparent;
|
||||
color: #000000;
|
||||
clear: both;
|
||||
/* padding: 5px 3px;*/
|
||||
height: 36px;
|
||||
/*display: -webkit-box;*/
|
||||
/*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/
|
||||
}
|
||||
#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);
|
||||
}
|
||||
.et2_toolbar_actionlist .et2_toolbar-dropdown {
|
||||
/* background: @gray_10 !important;
|
||||
background-color: @gray_10 !important;*/
|
||||
margin: -4px 5px 2px 1px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
@ -1821,7 +1800,6 @@ A.sieveRowInActive {
|
||||
overflow: auto;
|
||||
}
|
||||
#popupattachmentDIV {
|
||||
position: top;
|
||||
background-color: #efefdf;
|
||||
bottom: 0px;
|
||||
min-height: 80px;
|
||||
@ -1833,8 +1811,6 @@ A.sieveRowInActive {
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
/* Mozilla, since 1999 */
|
||||
white-space: -pre-wrap;
|
||||
/* Opera 4-6 */
|
||||
white-space: -o-pre-wrap;
|
||||
/* Opera 7 */
|
||||
width: 99%;
|
||||
@ -2072,6 +2048,7 @@ input[type=button] {
|
||||
background-image: -o-linear-gradient(top, #189800, #189800);
|
||||
background-image: linear-gradient(top, #189800, #189800);
|
||||
background-repeat: repeat-x;
|
||||
color: white;
|
||||
}
|
||||
#mail-index_toolbar button[id*="toolbar-composeasnew"]: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: linear-gradient(top, #AE1D00, #AE1D00);
|
||||
background-repeat: repeat-x;
|
||||
color: white;
|
||||
}
|
||||
#mail-index_toolbar button[id*="toolbar-unflagged"]: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-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*/
|
||||
div.mailPreviewHeaders div.mail_extraEmails {
|
||||
display: inline-block;
|
||||
|
||||
@ -60,85 +60,37 @@ body {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#mail-index{
|
||||
|
||||
#mail-index {
|
||||
|
||||
/* Keeps the scrollbar in the window in chrome */
|
||||
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
|
||||
div#mail-index_nm{
|
||||
|
||||
div#mail-index_nm {
|
||||
// Header
|
||||
div.nextmatch_header{
|
||||
// Counter
|
||||
span.header_count ui-corner-all{
|
||||
span{}
|
||||
}
|
||||
div.nextmatch_header {
|
||||
|
||||
// Filter
|
||||
div.filters{
|
||||
div.filters {
|
||||
// Fläche
|
||||
|
||||
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 Header
|
||||
|
||||
|
||||
|
||||
// Keeps the scrollbar in the window in Firefox
|
||||
.egwGridView_outer {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
// Listenausgabe der Emails
|
||||
div {}
|
||||
|
||||
// Bilder in den Listen
|
||||
tr.mail td img {
|
||||
max-height: 50px;
|
||||
.box_shadow_none;
|
||||
.border_none;
|
||||
}
|
||||
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;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} // Ende: Box mit Header und Liste
|
||||
|
||||
// Splitterbar
|
||||
@ -147,71 +99,41 @@ body {
|
||||
background-color: @color_splitter_bar;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Ansicht der Emails
|
||||
div#mail-index_mailPreview{
|
||||
|
||||
// Ansicht der Emails
|
||||
div#mail-index_mailPreview {
|
||||
margin: 0;
|
||||
.background_color_5_gray;
|
||||
|
||||
|
||||
|
||||
// From
|
||||
div#mail-index_mailPreviewHeadersFrom{
|
||||
div#mail-index_mailPreviewHeadersFrom {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
// An
|
||||
div#mail-index_mailPreviewHeadersTo{
|
||||
div#mail-index_mailPreviewHeadersTo {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
// Date
|
||||
div#mail-index_mailPreviewHeadersDate{
|
||||
div#mail-index_mailPreviewHeadersDate {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
margin: 3px 5px 0 0;
|
||||
}
|
||||
|
||||
// Subject
|
||||
div#mail-index_mailPreviewHeadersSubject{
|
||||
div#mail-index_mailPreviewHeadersSubject {
|
||||
width: 58%;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
div#mail-index_mailPreviewHeadersSubject > span{
|
||||
div#mail-index_mailPreviewHeadersSubject > span {
|
||||
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
|
||||
|
||||
|
||||
|
||||
|
||||
} // iframe
|
||||
|
||||
|
||||
|
||||
|
||||
/*##############################################
|
||||
# # #
|
||||
# # #
|
||||
@ -229,7 +151,7 @@ body {
|
||||
# # #
|
||||
############################################## */
|
||||
|
||||
.egw_fw_ui_category_content{
|
||||
.egw_fw_ui_category_content {
|
||||
|
||||
// Mail Liste der Postfächer
|
||||
span#mail-tree_target {
|
||||
@ -240,20 +162,10 @@ body {
|
||||
.basefontfamily;
|
||||
}
|
||||
|
||||
|
||||
// color - selected tree item
|
||||
.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;}
|
||||
/*new mail in FOlder
|
||||
span.standartTreeRow b {color: @egw_color_2_a;}
|
||||
*/
|
||||
/*move Mail*/
|
||||
/* .draggedOver {
|
||||
background-color: @color_hint;
|
||||
}*/
|
||||
|
||||
|
||||
} // Ende Sidebox
|
||||
|
||||
/* ##################################################################################
|
||||
@ -284,22 +196,18 @@ body {
|
||||
|
||||
#mail-compose_mail_plaintext {white-space: pre-wrap !important}
|
||||
|
||||
#mail-compose{
|
||||
#mail-compose {
|
||||
padding: 5px;
|
||||
max-height: 99%;
|
||||
|
||||
|
||||
|
||||
// ##################################
|
||||
// Identity
|
||||
.mailComposeHeaders:first-child{
|
||||
.mailComposeHeaders:first-child {
|
||||
|
||||
/*background-color: @gray-0;*/
|
||||
/*.gradient_thead;*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
// ##################################
|
||||
// Toolbar
|
||||
.et2_toolbar button.toolbar_toggled {
|
||||
@ -308,10 +216,10 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
#mail-compose_composeToolbar{
|
||||
#mail-compose_composeToolbar {
|
||||
|
||||
// Senden Button
|
||||
button#composeToolbar-send{
|
||||
button#composeToolbar-send {
|
||||
background-color: @color_positive_action;
|
||||
color: @gray_0;
|
||||
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
|
||||
@ -329,7 +237,7 @@ body {
|
||||
/*// ###############################################################################*/
|
||||
/*// Mail Header*/
|
||||
|
||||
.mailComposeHeaders,.mailComposeHeadersSection{
|
||||
.mailComposeHeaders,.mailComposeHeadersSection {
|
||||
margin: 2px 0;
|
||||
width: 98%;
|
||||
|
||||
@ -338,7 +246,7 @@ body {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
span.ms-close-btn, span.ms-edit-btn{
|
||||
span.ms-close-btn, span.ms-edit-btn {
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
@ -386,35 +294,27 @@ body {
|
||||
font-size: 0.8em;
|
||||
border: none;
|
||||
margin: 8px 0;
|
||||
|
||||
select {}
|
||||
span {margin:0px 8px;}
|
||||
}
|
||||
|
||||
|
||||
// File sent as...
|
||||
div.mailUploadSection {
|
||||
div.mailUploadSection {
|
||||
border-top: 0px solid silver;
|
||||
margin-top: 16px;
|
||||
width: 99%;
|
||||
|
||||
// File Compose Elements
|
||||
div.et2_hbox {
|
||||
margin: -11px 0 5px -4px;
|
||||
|
||||
label { margin-right: 10%;}
|
||||
|
||||
}
|
||||
|
||||
// Table - attachments
|
||||
#mail-compose_attachments{
|
||||
#mail-compose_attachments {
|
||||
border-top: 1px solid silver;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
fieldset.mailUploadSection{
|
||||
fieldset.mailUploadSection {
|
||||
border-top: 0px solid silver;
|
||||
font-size: 0.8em;
|
||||
margin: 8px 0;
|
||||
@ -423,9 +323,6 @@ div.mailUploadSection {
|
||||
border-right: none;
|
||||
width: 99%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
} // Ende Dialog
|
||||
|
||||
/* ##################################################################################
|
||||
@ -434,34 +331,28 @@ div.mailUploadSection {
|
||||
* ##################################################################################
|
||||
*/
|
||||
|
||||
#mail-display{
|
||||
#mail-display {
|
||||
// gesamtbreite
|
||||
|
||||
min-height: 768px;
|
||||
padding: 5px;
|
||||
|
||||
/*.mailDisplayHeaderSection{*/
|
||||
/*top: 0;*/
|
||||
/*position: relative;*/
|
||||
|
||||
|
||||
|
||||
/*Toolbar*/
|
||||
.et2_toolbar,
|
||||
#mail-display_toolbar,
|
||||
mail-display_displayToolbar{
|
||||
mail-display_displayToolbar {
|
||||
|
||||
/*.gradient_thead;*/
|
||||
background-color: transparent;
|
||||
.color_100_gray;
|
||||
clear: both;
|
||||
/* padding: 5px 3px;*/
|
||||
height: 36px;
|
||||
/*display: -webkit-box;*/
|
||||
|
||||
// all buttons
|
||||
div.et2_toolbar_actionlist{
|
||||
div.et2_toolbar_actionlist {
|
||||
margin-top: 0px;
|
||||
margin-left: 0px;}
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
button {
|
||||
.Complete_Button_Icon_normal;
|
||||
@ -485,12 +376,12 @@ div.mailUploadSection {
|
||||
|
||||
button[id*="toolbar-infolog"],
|
||||
button[id*="toolbar-tracker"],
|
||||
button[id*="toolbar-calendar"]{
|
||||
button[id*="toolbar-calendar"] {
|
||||
&:active {background-color: .background_color_15_gray;}
|
||||
}
|
||||
|
||||
|
||||
span.ui-state-default{
|
||||
span.ui-state-default {
|
||||
float: left;
|
||||
background-image: none;
|
||||
}
|
||||
@ -506,37 +397,27 @@ div.mailUploadSection {
|
||||
|
||||
&:hover {}
|
||||
&:focus {}
|
||||
|
||||
li {
|
||||
a {
|
||||
img { width: 16px;margin-right: 3px;}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// ?
|
||||
|
||||
// speichern
|
||||
#mail-display_save_wrapper{
|
||||
|
||||
|
||||
#mail-display_save_wrapper {
|
||||
&:hover {}
|
||||
&:focus {}
|
||||
|
||||
// das Wort speichern
|
||||
button#mail-display_save {
|
||||
|
||||
background-image: url('../pixelegg/images/speichern.png');
|
||||
background-position: left center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px 16px;
|
||||
box-shadow: none;
|
||||
|
||||
&:hover {
|
||||
img {display: none; background-image: none;}
|
||||
}
|
||||
|
||||
&:focus {box-shadow: none; }
|
||||
}
|
||||
li {
|
||||
@ -545,36 +426,27 @@ div.mailUploadSection {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// anzeigen
|
||||
|
||||
#mail-display_view_wrapper{
|
||||
|
||||
#mail-display_view_wrapper {
|
||||
&:hover {}
|
||||
&:focus {}
|
||||
|
||||
button#mail-display_view{
|
||||
button#mail-display_view {
|
||||
box-shadow: none;
|
||||
|
||||
&:hover {
|
||||
img {display: none; background-image: none;}
|
||||
}
|
||||
|
||||
&:focus {box-shadow: none; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
li {
|
||||
a {
|
||||
img { width: 16px;margin-right: 3px;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// mark
|
||||
|
||||
#mail-display_mark_wrapper{
|
||||
#mail-display_mark_wrapper {
|
||||
|
||||
&:hover {}
|
||||
&:focus {}
|
||||
@ -596,13 +468,12 @@ div.mailUploadSection {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/
|
||||
// ###################### buttons##############################
|
||||
// # # # # # # # # # ####
|
||||
// # # # # # # # # # ####
|
||||
// ############################################################
|
||||
#toolbar-actionlist{
|
||||
#toolbar-actionlist {
|
||||
|
||||
padding: 0px 3px;
|
||||
span[data-group] {margin: 0px 40px 0 0;}
|
||||
@ -641,10 +512,6 @@ div.mailUploadSection {
|
||||
|
||||
|
||||
}
|
||||
|
||||
/*}*/
|
||||
|
||||
|
||||
// Dateianhänge
|
||||
|
||||
.mailDisplayAttachments {
|
||||
@ -673,126 +540,80 @@ div.mailUploadSection {
|
||||
/**
|
||||
* et2_toolbar
|
||||
*/
|
||||
.et2_toolbar {
|
||||
|
||||
.et2_toolbar-dropdown {
|
||||
background: @gray_10 !important;
|
||||
background-color: @gray_10 !important;
|
||||
button {
|
||||
}
|
||||
}
|
||||
|
||||
.et2_toolbar-dropdown{
|
||||
background: @gray_10 !important;
|
||||
background-color: @gray_10 !important;
|
||||
|
||||
button{
|
||||
background: @gray_10 !important;
|
||||
background-color: @gray_10 !important;
|
||||
|
||||
&:hover{}
|
||||
|
||||
}
|
||||
|
||||
ul> li{ }
|
||||
|
||||
ul{ }
|
||||
|
||||
}
|
||||
|
||||
.et2_toolbar-dropdown-menulist {
|
||||
button{
|
||||
button {
|
||||
background: @gray_10 !important;
|
||||
background-color: @gray_10 !important;
|
||||
|
||||
&:nth-child(2){}
|
||||
|
||||
}
|
||||
ul{ }
|
||||
|
||||
}
|
||||
|
||||
|
||||
div.ui-toolbar-menulist{
|
||||
div.ui-toolbar-menulist {
|
||||
.border_normal;
|
||||
}
|
||||
.ui-toolbar-menulist{
|
||||
|
||||
.ui-toolbar-menulist {
|
||||
h {
|
||||
padding-bottom: 7px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
|
||||
}
|
||||
|
||||
div{
|
||||
background-color: @gray_10 !important;
|
||||
.border_normal;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.ui-toolbar-menulistHeader{
|
||||
}
|
||||
.et2_toolbar_activeList{
|
||||
}
|
||||
|
||||
|
||||
// all used button in toolbar
|
||||
.et2_toolbar_actionlist{
|
||||
|
||||
.et2_toolbar_actionlist {
|
||||
// zusammengesetzte Buttons
|
||||
.et2_toolbar-dropdown{
|
||||
/* background: @gray_10 !important;
|
||||
background-color: @gray_10 !important;*/
|
||||
.et2_toolbar-dropdown {
|
||||
margin: -4px 5px 2px 1px;
|
||||
.rounded(3px);
|
||||
|
||||
.et2_dropdown{
|
||||
.et2_dropdown {
|
||||
.box_shadow_none;
|
||||
border: none !important;
|
||||
height: 24px !important;
|
||||
|
||||
button{
|
||||
button {
|
||||
margin: 0px;
|
||||
padding-top: -3px !important;
|
||||
.box_shadow_none;
|
||||
background: @gray_10 !important;
|
||||
background-color: @gray_10 !important;
|
||||
|
||||
&:hover{}
|
||||
|
||||
img {
|
||||
.dimension_width_height_s;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
.et2_button_icon
|
||||
{
|
||||
.dimension_height_xs;
|
||||
}
|
||||
|
||||
ul> li{ }
|
||||
|
||||
ul{ }
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
// aufgeklappte Toolbar
|
||||
div#displayToolbar-menulist{
|
||||
|
||||
.et2_dropdown{
|
||||
div#displayToolbar-menulist {
|
||||
.et2_dropdown {
|
||||
.box_shadow_none;
|
||||
border: none !important;
|
||||
button {.box_shadow_none;}
|
||||
}
|
||||
img {.dimension_width_height_sm; }
|
||||
|
||||
}
|
||||
|
||||
/* ##################################################################################
|
||||
@ -800,12 +621,9 @@ div#displayToolbar-menulist{
|
||||
*
|
||||
* ##################################################################################
|
||||
*/
|
||||
#mail-subscribe, #mail-folder_management{
|
||||
|
||||
#mail-subscribe, #mail-folder_management {
|
||||
table.et2_grid tr td {
|
||||
padding: 0px;
|
||||
|
||||
|
||||
/*Label*/
|
||||
.mail_subscription_header {
|
||||
.headline_h2;
|
||||
@ -815,23 +633,17 @@ div#displayToolbar-menulist{
|
||||
padding-bottom: 20px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
// Folder List
|
||||
div.et2_box {
|
||||
margin-top: 16px;
|
||||
height: 484px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
// color - selected tree item
|
||||
.selectedTreeRow,.selectedTreeRow_lor {background-color: @egw_color_1_a; color: @gray_90;text-decoration: none;}
|
||||
// color - hover over standard tree item
|
||||
.standartTreeRow_lor {background-color: rgba(103, 159, 210, 0.2); color: @gray_90;text-decoration: none;}
|
||||
|
||||
} // #mail-subscribe
|
||||
|
||||
.mail_subscription_header, .mail_folder_management_header
|
||||
@ -907,8 +719,6 @@ textarea
|
||||
}
|
||||
|
||||
.defaultProfile { color:#000000; font-weight:bold !important; }
|
||||
|
||||
|
||||
.quoted1 { color:#660066; }
|
||||
.quoted2 { color:#007777; }
|
||||
.quoted3 { color:#990000; }
|
||||
@ -1082,7 +892,6 @@ A.sieveRowInActive
|
||||
}
|
||||
|
||||
#popupattachmentDIV {
|
||||
position:top;
|
||||
background-color:#efefdf;
|
||||
bottom:0px;
|
||||
min-height:80px;
|
||||
@ -1094,7 +903,6 @@ A.sieveRowInActive
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap; /* Mozilla, since 1999 */
|
||||
white-space: -pre-wrap; /* Opera 4-6 */
|
||||
white-space: -o-pre-wrap; /* Opera 7 */
|
||||
width: 99%;
|
||||
}
|
||||
@ -1163,9 +971,6 @@ pre {
|
||||
// Ende dtree
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.useEllipsis {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@ -1209,7 +1014,7 @@ input[type=button] {
|
||||
|
||||
//#mail-index_button\[mailcreate\]
|
||||
|
||||
#mail-index_button[id*="mailcreate"]{
|
||||
#mail-index_button[id*="mailcreate"] {
|
||||
width: 99%;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
@ -1253,11 +1058,6 @@ input[type=button] {
|
||||
}
|
||||
|
||||
// Headerbereich grau hinterlegt
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#mail-index_mailPreviewContainer {
|
||||
position: absolute;
|
||||
border: 1px solid .color_10_gray;
|
||||
@ -1271,8 +1071,6 @@ input[type=button] {
|
||||
/*# ICON # ICON # ICON # ICON #ICON # ICON# ICON # ICON #*/
|
||||
/*#######################################################*/
|
||||
|
||||
|
||||
|
||||
/*Toolbar der Email*/
|
||||
#mail-display_toolbar {
|
||||
padding: 0px;
|
||||
@ -1302,20 +1100,13 @@ input[type=button] {
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Elemente */
|
||||
|
||||
button {
|
||||
height: 24px !important;
|
||||
|
||||
|
||||
img[src$="svg"]{
|
||||
|
||||
img[src$="svg"] {
|
||||
.gradient_vertical (@gray_60, @gray_60);
|
||||
background-color: @gray_100;
|
||||
}
|
||||
|
||||
|
||||
span {
|
||||
padding: 0;
|
||||
|
||||
@ -1325,10 +1116,6 @@ input[type=button] {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
button[id*="toolbar-composeasnew"],
|
||||
@ -1338,24 +1125,23 @@ input[type=button] {
|
||||
button[id*="toolbar-flagged"],
|
||||
button[id*="toolbar-print"],
|
||||
button[id*="toolbar-save"],
|
||||
button[id*="toolbar-header"]{
|
||||
button[id*="toolbar-header"] {
|
||||
&:focus {
|
||||
background-color: @color_positive_action;
|
||||
.gradient_vertical (@color_positive_action, @color_positive_action);
|
||||
img[src$="svg"]{
|
||||
img[src$="svg"] {
|
||||
.gradient_vertical (@color_positive_action, @color_positive_action);
|
||||
background-color: @color_positive_action;
|
||||
}
|
||||
|
||||
}
|
||||
&:hover {
|
||||
background-color: @color_positive_action;
|
||||
.gradient_vertical (@color_positive_action, @color_positive_action);
|
||||
img[src$="svg"]{
|
||||
img[src$="svg"] {
|
||||
.gradient_vertical (@color_positive_action, @color_positive_action);
|
||||
background-color: @color_positive_action;
|
||||
}
|
||||
|
||||
color:white;
|
||||
}
|
||||
&:active {
|
||||
background-color: @color_positive_action;
|
||||
@ -1364,11 +1150,7 @@ input[type=button] {
|
||||
.gradient_vertical (@color_positive_action, @color_positive_action);
|
||||
background-color: @color_positive_action;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
button[id*="toolbar-unflagged"],
|
||||
@ -1389,6 +1171,7 @@ input[type=button] {
|
||||
.gradient_vertical (@color_negative_action, @color_negative_action);
|
||||
background-color: @color_negative_action;
|
||||
}
|
||||
color:white;
|
||||
|
||||
}
|
||||
&:active {
|
||||
@ -1404,80 +1187,34 @@ input[type=button] {
|
||||
|
||||
button[id*="toolbar-infolog"],
|
||||
button[id*="toolbar-tracker"],
|
||||
button[id*="toolbar-calendar"]{
|
||||
button[id*="toolbar-calendar"] {
|
||||
&:focus {
|
||||
background-color: @egw_color_1_a;
|
||||
.gradient_vertical (@egw_color_1_a, @egw_color_1_a);
|
||||
img[src$="svg"]{
|
||||
img[src$="svg"] {
|
||||
.gradient_vertical (@egw_color_1_a, @egw_color_1_a);
|
||||
background-color: @egw_color_1_a;
|
||||
}
|
||||
|
||||
}
|
||||
&:hover {
|
||||
background-color: @egw_color_1_a;
|
||||
.gradient_vertical (@egw_color_1_a, @egw_color_1_a);
|
||||
img[src$="svg"]{
|
||||
img[src$="svg"] {
|
||||
.gradient_vertical (@egw_color_1_a, @egw_color_1_a);
|
||||
background-color: @egw_color_1_a;
|
||||
}
|
||||
|
||||
}
|
||||
&:active {
|
||||
background-color: @egw_color_1_a;
|
||||
.gradient_vertical (@egw_color_1_a, @egw_color_1_a);
|
||||
img[src$="svg"]{
|
||||
img[src$="svg"] {
|
||||
.gradient_vertical (@egw_color_1_a, @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*/
|
||||
div.mailPreviewHeaders div.mail_extraEmails {
|
||||
display: inline-block;
|
||||
@ -1485,16 +1222,11 @@ div.mailPreviewHeaders div.mail_extraEmails {
|
||||
max-width: 50%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
img.et2_button_icon {
|
||||
|
||||
.dimension_width_height_m;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Anhänge an Email
|
||||
|
||||
#mail-index_previewAttachmentArea {
|
||||
@ -1514,15 +1246,10 @@ div.mailPreviewHeaders div.mail_extraEmails {
|
||||
}
|
||||
|
||||
/* Button after field*/
|
||||
#mail-index_mailPreviewHeadersAttachments{
|
||||
|
||||
|
||||
#mail-index_mailPreviewHeadersAttachments {
|
||||
img.et2_button_icon {.dimension_width_height_xs; background-color: inherit;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*######################################################*/
|
||||
/*Diplay : View */
|
||||
.mailDisplayContainer, .mailDisplayAttachments {
|
||||
@ -1555,7 +1282,6 @@ div.mailPreviewHeaders div.mail_extraEmails {
|
||||
.mailDisplayHeaderSection {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
|
||||
}
|
||||
div.mailDisplayHeaders > div:first-parent {
|
||||
overflow: hidden;
|
||||
@ -1568,7 +1294,8 @@ div.mailComposeHeaders > span:first-child {
|
||||
width: 8em;
|
||||
}
|
||||
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 {
|
||||
display: inline-block;
|
||||
max-height: 1.3em;
|
||||
@ -1587,7 +1314,7 @@ div.mailDisplayHeaders div.mail_extraEmails.visible {
|
||||
background-color: white;
|
||||
}
|
||||
#mail-importMessage{
|
||||
.et2_button_icon{
|
||||
.et2_button_icon {
|
||||
height: auto;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user