Page MenuHomePhorge
Files F9889297

No OneTemporary
Actions

Size
9 KB
Referenced Files
None
Subscribers
None

View Options

diff --git a/skins/elastic/styles/colors.less b/skins/elastic/styles/colors.less
index 0c2d090de..6d25b4640 100644
--- a/skins/elastic/styles/colors.less
+++ b/skins/elastic/styles/colors.less
@@ -1,152 +1,154 @@
/**
* Roundcube webmail styles for the Elastic skin
*
* Copyright (c) 2017, The Roundcube Dev Team
*
* The contents are subject to the Creative Commons Attribution-ShareAlike
* License. It is allowed to copy, distribute, transmit and to adapt the work
* by keeping credits to the original authors in the README.md file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
@color-font: #141823;
@color-main: #37beff;
@color-link: #00acff;
@color-link-hover: darken(@color-link, 10%);
@color-border: #ddd;
@color-error: #ff5552;
// Layout elements
@color-layout-border: #ddd;
@color-layout-sidebar-background: #fff;
@color-layout-list-background: #fff;
@color-layout-content-background: #fff;
@color-layout-header-background: #fff;
// Task menu
@color-taskmenu-background: #414e54;
@color-taskmenu-button: #959c9f;
@color-taskmenu-button-selected: #fff;
@color-taskmenu-button-action: #fff;
@color-taskmenu-button-special: @color-taskmenu-button;
@color-taskmenu-button-selected-background: @color-taskmenu-background;
@color-taskmenu-button-action-background: @color-main;
@color-taskmenu-button-special-background: @color-taskmenu-background;
@color-taskmenu-button-hover: lighten(@color-taskmenu-button, 10%);
@color-taskmenu-button-selected-hover: #fff;
@color-taskmenu-button-action-hover: #fff;
@color-taskmenu-button-special-hover: lighten(@color-taskmenu-button-special, 10%);
@color-taskmenu-button-background-hover: lighten(@color-taskmenu-background, 10%);
@color-taskmenu-button-action-background-hover: lighten(@color-taskmenu-button-action-background, 10%);
@color-taskmenu-button-special-background-hover:lighten(@color-taskmenu-button-special-background, 10%);
@color-taskmenu-button-logout-hover: #ff1a1a;
// Toolbar
@color-toolbar-button: @color-font;
@color-toolbar-button-background-hover: tint(@color-main, 96%);
@color-searchbar-icon-active: green;
// Toolbar menu
@color-toolbarmenu-hover: #fff;
@color-toolbarmenu-hover-background: darken(@color-main, 20%);
// Listings
@color-list: @color-font;
@color-list-selected: inherit;
@color-list-selected-background: tint(@color-main, 96%);
@color-list-flagged: #ff5c33;
@color-list-deleted: #ccc;
@color-list-secondary: #666;
@color-list-droptarget-background: #ffffcc;
@color-list-focus-indicator: lighten(@color-main, 20%);
@color-list-border: #f4f4f4;
@color-list-badge: #fff;
@color-list-badge-background: @color-main;
@color-list-recent: blue;
@color-list-recent-badge: #fff;
@color-list-recent-badge-background: @color-list-recent;
@color-list-pagenav: #888;
// Drag-n-drop layer
@color-drag-layer: #fff;
@color-drag-layer-background: #444;
// Messages
@color-message: @color-font;
@color-message-border: rgba(0, 0, 0, 0.15);
@color-message-background: #f8fafb;
@color-message-link: @color-main;
@color-message-shadow: #ddd;
@color-message-information: @color-main;
@color-message-success: #41b849;
@color-message-warning: #ffd452;
@color-message-error: @color-error;
@color-message-loading: #333;
// Popovers (menus)
@color-popover-header: #888;
@color-popover-header-background: transparent;
@color-popover-shadow: #eee;
@color-popover-separator: #666;
@color-popover-separator-background: #f4f4f4;
// Dialogs
@color-dialog-overlay-background: @color-font;
@color-dialog-header: @color-font;
@color-dialog-header-border: @color-border;
@color-spinner-circle: #eee;
@color-spinner-item: #666;
// Forms
@color-input-border: rgba(0, 0, 0, 0.15); /* from Bootstrap's .form-control */
@color-input-border-focus: #80bdff; /* from Bootstrap's .form-control:focus */
@color-input-border-invalid: @color-error;
@color-input-addon-background: #e9ecef; /* from Bootstrap's .input-group-addon */
@color-recipient-input-border: @color-input-border;
@color-recipient-input-background: #f4f4f4;
@color-checkbox: @color-main;
@color-checkbox-checked: @color-main;
@color-checkbox-focus: darken(@color-checkbox, 30%);
@color-checkbox-checked-focus: darken(@color-checkbox-checked, 30%);
@color-blockquote-background: #f6f6f6;
@color-blockquote-0: blue;
@color-blockquote-1: green;
@color-blockquote-2: #900;
@color-blockquote-0-border: blue;
@color-blockquote-1-border: green;
@color-blockquote-2-border: #b00;
+@color-mail-signature: #aaa;
+
@color-spellcheck-link: #b91414;
@color-table-border: #e9ecef; /* from Bootstrap */
@color-table-selected: @color-list-selected;
@color-table-selected-background: @color-list-selected-background;
// Datepicker
@color-datepicker-border: @color-layout-border;
@color-datepicker-font: @color-font;
@color-datepicker-highlight: !default;
@color-datepicker-highlight-background: lighten(@color-main, 30%);
@color-datepicker-active: #fff;
@color-datepicker-active-background: @color-main;
diff --git a/skins/elastic/styles/widgets/mail.less b/skins/elastic/styles/widgets/mail.less
index 45241815e..bd7e23a16 100644
--- a/skins/elastic/styles/widgets/mail.less
+++ b/skins/elastic/styles/widgets/mail.less
@@ -1,155 +1,161 @@
/**
* Roundcube webmail styles for the Elastic skin
*
* Copyright (c) 2017, The Roundcube Dev Team
*
* The contents are subject to the Creative Commons Attribution-ShareAlike
* License. It is allowed to copy, distribute, transmit and to adapt the work
* by keeping credits to the original authors in the README.md file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
/*** Mail message body elements ***/
@mail-header-photo-height: 4rem;
.content #message-header {
margin-bottom: 1rem;
.subject {
font-size: 1.5rem;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.short-header {
display: flex;
img.contactphoto {
margin: 0 1rem 0 0;
border-radius: 50%;
width: @mail-header-photo-height;
height: @mail-header-photo-height;
}
div {
line-height: @mail-header-photo-height;
flex: 1;
& > span {
line-height: normal;
display: inline-block;
vertical-align: middle;
}
}
}
}
#messagebody {
/* TODO */
&.mailvelope {
margin: 0;
}
}
div.message-part,
div.message-htmlpart {
/* TODO */
div.rcmBody {
/* Remove margins that can be set by the mail message styles */
margin: 0 !important;
}
blockquote {
color: @color-blockquote-0;
border-left: 2px solid @color-blockquote-0-border;
border-right: 2px solid @color-blockquote-0-border;
background-color: @color-blockquote-background;
margin: 2px 0;
padding: 0 .4em;
overflow: hidden;
text-overflow: ellipsis;
blockquote {
color: @color-blockquote-1;
border-left: 2px solid @color-blockquote-1-border;
border-right: 2px solid @color-blockquote-1-border;
blockquote {
color: @color-blockquote-2;
border-left: 2px solid @color-blockquote-2-border;
border-right: 2px solid @color-blockquote-2-border;
}
}
span.blockquote-link {
top: 0;
cursor: pointer;
right: .5rem;
min-width: 4rem;
padding-left: .5rem;
padding-right: .25rem;
font-size: 90%;
color: @color-font;
text-align: center;
background: #f8f8f8;
border: 1px solid #e8e8e8;
border-top: none;
border-bottom-right-radius: .3rem;
border-bottom-left-radius: .3rem;
&:after {
&:extend(.font-icon-class);
content: @fa-var-angle-down;
display: inline-block;
float: none;
margin: 0;
font-size: 90%;
height: 1.1rem;
}
&.collapsed:after {
content: @fa-var-angle-up;
}
}
&.blockquote-header {
text-overflow: ellipsis !important;
padding-right: 5rem !important;
}
}
}
+div.message-part {
+ span.sig {
+ color: @color-mail-signature;
+ }
+}
+
div.message-partheaders {
/* TODO */
}
#messagepartframe {
border: 0;
width: 100%;
height: 100%;
}
#messagepartheader {
table {
table-layout: fixed;
overflow: hidden;
td {
text-overflow: ellipsis;
overflow: hidden;
&.title {
width: 60px;
padding-right: 0;
}
}
}
}

File Metadata

Mime Type
text/x-diff
Expires
Fri, Aug 21, 1:18 AM (7 h, 26 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
1277332
Default Alt Text
(9 KB)

Event Timeline