diff --git a/images/account-blue.svg b/images/account-blue.svg new file mode 100644 index 0000000000000000000000000000000000000000..d9dd990fbc2a295a491e25cbd58b5e2d1883e502 --- /dev/null +++ b/images/account-blue.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/attach.svg b/images/attach.svg new file mode 100644 index 0000000000000000000000000000000000000000..fae352b63e1579f580f1a326a3457c9b7c1b49a2 --- /dev/null +++ b/images/attach.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/back-outward.svg b/images/back-outward.svg new file mode 100644 index 0000000000000000000000000000000000000000..346b21970b3f797100694e51e938455b0225b220 --- /dev/null +++ b/images/back-outward.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/back-to-inbox.svg b/images/back-to-inbox.svg new file mode 100644 index 0000000000000000000000000000000000000000..2d7a1eec6d2db4e420fe7a3b744ba9aead5aa6ef --- /dev/null +++ b/images/back-to-inbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/compose-contact.svg b/images/compose-contact.svg index 2e52fb440de5e5771b820e58fc7d6da1be33ffab..dcc567400df54f031b56102df900b6385d64db88 100644 --- a/images/compose-contact.svg +++ b/images/compose-contact.svg @@ -1,3 +1,3 @@ - + diff --git a/images/create-folder-color.svg b/images/create-folder-color.svg new file mode 100644 index 0000000000000000000000000000000000000000..ebccd67aeef9c8f45be12be91c096fc3ecc48797 --- /dev/null +++ b/images/create-folder-color.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/cross.svg b/images/cross.svg index bb523aedafa5d5a3bef60b9b060d4195e69cbc4d..11f11cf19df3cbe0c23275d70550d333c939b403 100644 --- a/images/cross.svg +++ b/images/cross.svg @@ -1,3 +1,3 @@ - + diff --git a/images/delete-black.svg b/images/delete-black.svg new file mode 100644 index 0000000000000000000000000000000000000000..9094b153f6b8cee20d9a273f82a67e4b12cc9fc9 --- /dev/null +++ b/images/delete-black.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/loading-color.svg b/images/loading-color.svg new file mode 100644 index 0000000000000000000000000000000000000000..cee6bacfd0a2a7d115287a1404239e63db0c46c1 --- /dev/null +++ b/images/loading-color.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/minimize.svg b/images/minimize.svg index 94d03cc1355a9b9a646a34b4b087f4c6b591b4f3..d0e1938edaf2f558fb668e4e778fdda5875789a7 100644 --- a/images/minimize.svg +++ b/images/minimize.svg @@ -1,3 +1,3 @@ - + diff --git a/images/preview.png b/images/preview.png index d1f82db8789628047c5cf794d1d949276d860712..10cda3fb44cca81a0a1311bece6ae8e8e6f70617 100644 Binary files a/images/preview.png and b/images/preview.png differ diff --git a/images/profileicon.svg b/images/profileicon.svg new file mode 100644 index 0000000000000000000000000000000000000000..b85d744de37477eb8b218822acb8eeebb4e2c3b1 --- /dev/null +++ b/images/profileicon.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/public-attachment.svg b/images/public-attachment.svg new file mode 100644 index 0000000000000000000000000000000000000000..980a64aa7100ba31fb5a7619f0bc7548c5ecfd1e --- /dev/null +++ b/images/public-attachment.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/send-icon.svg b/images/send-icon.svg new file mode 100644 index 0000000000000000000000000000000000000000..031edb7b0ce4ea07eb82365ce6a64f25b5810014 --- /dev/null +++ b/images/send-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index c29242de3c7723347a0540d97e524978cd19460c..917829c4957eb85502c9cedb676d1d6b411b2906 100644 --- a/styles.css +++ b/styles.css @@ -54,6 +54,7 @@ --color-error-rgb: 233,50,45; --color-error-hover: #ed5a56; --color-warning: #eca700; + --color-warning-light: #fdf6e6; --color-warning-rgb: 236,167,0; --color-warning-hover: #efb832; --color-success: #46ba61; @@ -102,6 +103,7 @@ --color-primary-text: #ffffff; --color-primary-hover: #3282ae; --color-primary-light: #e5eff4; + --color-primary-light-second:rgba(248, 67, 46, 0.08); --color-primary-light-text: #00273d; --color-primary-light-hover: #dbe4e9; --color-primary-text-dark: #ededed; @@ -152,6 +154,7 @@ --color-error-rgb: 233,50,45; --color-error-hover: #ed5a56; --color-warning: #eca700; + --color-warning-light: #fdf6e6; --color-warning-rgb: 236,167,0; --color-warning-hover: #efb832; --color-success: #46ba61; @@ -200,6 +203,7 @@ --color-primary-text: #ffffff; --color-primary-hover: #04537f; --color-primary-light: #141e24; + --color-primary-light-second:rgba(248, 67, 46, 0.08); --color-primary-light-text: #99c0d6; --color-primary-light-hover: #1d272d; --color-primary-text-dark: hsl(0, 0%, 93%); @@ -237,7 +241,12 @@ #rl-app #V-AdminPane>.b-toolbar { width: 300px; } - +#rl-app #rl-left{ + min-width:225px !important; +} +html.rl-left-panel-disabled #rl-app #rl-left{ + min-width:60px !important; +} #rl-app #rl-right { background-color: var(--color-main-background); } @@ -405,7 +414,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app #V-SettingsMenu nav a.selected, #rl-app .b-folders li a.selectable.selected { color: unset; - background-color: var(--color-primary-light); + background-color: var(--color-background-blue); border-radius: unset; } @@ -459,7 +468,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn.icon-folder-add{ background-image: url('images/createfolder.svg'); - background-position: center center; + background-position: center right; background-repeat: no-repeat; height:34px; padding-left: 20px; @@ -805,10 +814,14 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f #rl-app #V-SettingsPane .btn-toolbar .btn:focus { outline: none; } - +#rl-app #rl-right { + border-top: 1px solid var(--color-border-grey); +} #rl-app #V-MailMessageList .btn-toolbar { text-align: center; - border: 1px solid var(--color-border-grey); + border-left: 1px solid var(--color-border-grey); + border-right: 1px solid var(--color-border-grey); + border-bottom: 1px solid var(--color-border-grey); } #rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(1) { background-image: url('images/loading.svg'); @@ -1313,6 +1326,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius: var(--border-radius-large); text-shadow: none; margin: 10px; + color:var(--color-primary); +} +#rl-app #V-MailMessageView .b-message-view-backdrop .backdrop-message::before{ + background-image: url(images/createfolder-color.svg); + background-position: center center; + background-repeat: no-repeat; + height: 18px; + color: transparent; + content:""; } #rl-app .messageView .messageAssignedTags { @@ -1667,7 +1689,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-Settings-Themes figure.selected { background-color: var(--color-primary-light); border-color: transparent; - color: var(--color-primary-text); } /* hide additional theme settings, as these are made via Nextcloud theming */ @@ -1753,11 +1774,16 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius:unset; box-shadow:none; } -#rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn { +#rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(1) { background: var(--color-main-background); border: 1px solid var(--color-border-second) !important; border-radius: 4px 0px 0px 4px; } + #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(2) { + background: var(--color-main-background); + border: 1px solid var(--color-border-second) !important; + border-radius: 0px 4px 4px 0px; + } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active { background: rgba(0, 0, 0, 0.12); } @@ -1841,7 +1867,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .dividerbar a:nth-child(1)::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .dividerbar a[data-i18n="TOP_TOOLBAR/BUTTON_ADD_ACCOUNT"]::before { content: ""; background-image: url('images/plus.svg'); background-position: center center; @@ -1850,7 +1876,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(3) a::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="GLOBAL/CONTACTS"]::before { content: ""; background-image: url('images/contactsmall.svg'); background-position: center center; @@ -1859,7 +1885,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(4) a::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="HIDE_MY_EMAIL/TAB_NAME"]::before { content: ""; background-image: url('images/hide-my-email.svg'); background-position: center center; @@ -1868,7 +1894,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(5) a::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="TOP_TOOLBAR/BUTTON_SETTINGS"]::before { content: ""; background-image: url('images/setting.svg'); background-position: center center; @@ -1878,7 +1904,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(6) a::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="TOP_TOOLBAR/BUTTON_HELP"]::before { content: ""; background-image: url('images/help.svg'); background-position: center center; @@ -1887,7 +1913,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(7) a:nth-child(2)::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="MOBILE/BUTTON_MOBILE_VERSION"]::before { content: ""; background-image: url('images/mobile.svg'); background-position: center center; @@ -1896,18 +1922,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(8){ +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:has(a[data-i18n="GLOBAL/LOGOUT"]){ display:none; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(8) a::before { - content: ""; - background-image: url('images/logout.svg'); - background-position: center center; - background-repeat: no-repeat; - height:20px; - width:20px; - color:transparent; -} #rl-app dialog > header, #rl-app dialog > footer, #rl-app .squire-toolbar { @@ -1935,7 +1952,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color:transparent; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(1) a.btn { - background-image: url('images/createfolder-color.svg'); + background-image: url('images/createfolder.svg'); background-position: center center; background-repeat: no-repeat; height:18px; @@ -1949,7 +1966,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color:transparent; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn:nth-child(1) { - background-image: url('images/archieve-color.svg'); + background-image: url('images/archieve.svg'); background-position: center center; background-repeat: no-repeat; height:18px; @@ -1963,7 +1980,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color:transparent; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(2) { - background-image: url('images/spam-color.svg'); + background-image: url('images/spam.svg'); background-position: center center; background-repeat: no-repeat; height:18px; @@ -1977,7 +1994,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color:transparent; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(4) { - background-image: url('images/trash-color.svg'); + background-image: url('images/trash.svg'); background-position: center center; background-repeat: no-repeat; height:18px; @@ -2005,13 +2022,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius:3px; background: var(--color-primary-text); } -#rl-app #rl-content #V-Settings-Folders .btn { - color: var(--color-primary-text); - -} -#r #rl-app #rl-content #V-Settings-Folders .btn .icon-folder-add{ - background-image: url('images/createfolder.svg'); + background-image: url('images/createfolder-color.svg'); background-position: center center; background-repeat: no-repeat; height:20px; @@ -2019,7 +2031,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar line-height: 20px; font-size: 0; color: transparent; - vertical-align: middle; + vertical-align: bottom; } #rl-app footer .btn.buttonCreate { flex-shrink: 1; @@ -2223,6 +2235,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-MailMessageView .messageView span.flagParent{ font-size:15px; } +#rl-app #V-MailMessageView .messageView span.flagParent.g-ui-user-select-none.fontastic.flagOn{ + color: #ffca48; + } #rl-app .messageView .b-message-view-checked-helper::after{ background-image: url('images/mailselected.svg'); background-position: center center; @@ -2295,14 +2310,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar margin-right: 10px; border-radius:6px; } -#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn{ - background: var(--color-primary-element-text-blue); - border-radius: 6px; - color: var(--color-primary-element-text); -} -#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn-success{ - background: transparent; -} + #V-PopupsContacts .b-view-content-toolbar.btn-toolbar .btn.button-save-contact, #V-PopupsContacts .b-view-content-toolbar.btn-toolbar #button-add-prop-dropdown-id{ background: var(--color-primary-element-text); @@ -2463,6 +2471,33 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background: var(--color-success-second); border-radius: 6px; } +#rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-success .icon-paper-plane{ + background-image: url('images/send-icon.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; + border: none; + text-shadow: none; + vertical-align: middle; +} +#rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-danger.button-delete{ + background-image: url('images/delete-black.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; + border: none; + text-shadow: none; + vertical-align: middle; +} +#rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.button-delete{ + background: var(--color-primary-text); +} #rl-app #rl-popups #V-PopupsCompose .pull-right .close{ background-image: url('images/cross.svg'); background-position: center center; @@ -2473,7 +2508,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar content:""; border: none; text-shadow: none; - vertical-align: middle; + vertical-align: bottom; } #rl-app #rl-popups #V-PopupsCompose .pull-right .minimize-custom{ background-image: url('images/minimize.svg'); @@ -2486,6 +2521,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border: none; text-shadow: none; vertical-align: middle; + margin-left:0px; } #rl-app #V-PopupsCompose header .pull-right a.btn:nth-child(3){ @@ -2510,6 +2546,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-weight: 400; font-size: 14px; padding: 10px; + margin-right:10px; } #rl-app #rl-popups #V-PopupsCompose .b-header .error-to{ color:var(--color-error-second); @@ -2527,11 +2564,268 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-Login .alert { top: 0; - background-color: var(--color-warning-rgb); + background-color: var(--color-warning-light); } #rl-app #V-Login .alert .close{ top: -24px; right: -14px; } +#rl-app .messageList .b-footer .e-quota{ + display:none +} +html.rl-left-panel-disabled #rl-left .b-folders .b-content { + top: 90px; +} +html.rl-left-panel-disabled #rl-left .b-folders li a.selectable::before{ + padding-right: 24px; +} +html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.fontastic:nth-child(1){ + background-image: url(images/back-outward.svg); + background-position: center center; + background-repeat: no-repeat; + height: 34px; + padding-left: 20px; + padding-right: 19px; + line-height: 0; + font-size: 0; + color: transparent; +} +#rl-app #V-MailMessageList .messageListItem.unseen { + background-color: unset; + border-left: 6px solid transparent; +} +#rl-app #V-MailMessageList .messageListItem.unseen .senderParent.actionHandle{ + font-weight: 500; + font-size: 16px; +} +#rl-app #V-MailMessageList .messageListItem .senderParent.actionHandle{ + font-weight: 400; + font-size: 16px; +} +#rl-app #area-toggle{ + margin-top:10px; +} +#rl-app .rl-mobile .messageListItem .flagParent, #rl-app .rl-side-preview-pane .messageListItem .flagParent{ + display:none; +} +#rl-app #V-PopupsNextcloudFiles #sm-nc-files-tree button.button-vue{ + background-color: transparent; + color:var( --color-primary); + border: none; + text-decoration: underline; + font-style: 16px; +} +#rl-app #V-PopupsNextcloudFiles #sm-nc-files-tree button[name="share-public"]::before, +#rl-app #V-PopupsNextcloudFiles #sm-nc-files-tree button[name="share-internal"]::before{ + background-image: url(images/public-attachment.svg); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 25px; + line-height: 0; + font-size: 0; + color: transparent; + vertical-align: middle; +} +#rl-app #V-PopupsNextcloudFiles #sm-nc-files-tree button[name="select"]::before{ + background-image: url(images/attach.svg); + background-position: center center; + background-repeat: no-repeat; + height: 22px; + padding-left: 20px; + padding-right: 10px; + line-height: 0; + font-size: 0; + color: transparent; + vertical-align: middle; +} +#rl-app #V-PopupsNextcloudFiles .close{ + opacity: 0.9; +} +#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn, +#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar #contacts-more-dropdown-id{ + background: transparent; + color:var( --color-primary-element-text-black); + opacity: 0.8; +} +#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn:nth-child(1){ + background: var(--color-primary-element-text-blue); + border-radius: 6px; + color: var(--color-primary-element-text); + min-height: 32px; + height: 32px; + padding: 6px 14px; + opacity: 1; +} +#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn:nth-child(2){ + background: var(--color-success-second); + border-radius: 6px; + color: var(--color-primary-element-text); + min-height: 32px; + height: 32px; + padding: 6px 14px; + opacity: 1; +} +#rl-app #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn:nth-child(3){ + background-image: url('images/delete-black.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; + border: none; + text-shadow: none; + vertical-align: middle; +} +#rl-app #V-PopupsContacts .b-list-toolbar .e-search{ + border-radius: 52px; + padding-left: 10px; +} +#rl-app #V-PopupsContacts .e-contact-item{ + border-left: none; +} +#rl-app #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .close{ + opacity: 0.8; +} +#rl-app #V-PopupsContacts .b-view-content .b-contact-view-desc{ + top: 50%; + position: relative; + padding-top:0px; +} +#rl-app #V-PopupsContacts .left{ + width:30%; +} +#rl-app #V-Settings-General .form-horizontal .legend:nth-child(1), +#rl-app #V-SettingsMenu .b-footer{ + border-top: 1px solid var(--border-color,#ddd); + border-bottom: none; +} +#rl-app #V-Settings-General .form-horizontal .legend{ + border-bottom: none; +} +#rl-app #V-SettingsPane #rl-settings-subscreen{ + padding:0px; +} +#rl-app #V-SettingsPane .btn-toolbar .btn:nth-child(1){ + background: var(--color-primary); + border-radius: 6px; + color: var(--color-primary-element-text); + min-height: 32px; + height: 32px; + border-radius: 6px; + line-height: 20px; + padding: 6px 10px; + font-size: 16px; + font-weight: 400; +} + #rl-app #V-SettingsPane .btn-toolbar .btn:nth-child(1)::before{ + background-image: url('images/back-to-inbox.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; + border: none; + text-shadow: none; + line-height: 20px; + vertical-align: bottom; + } + #rl-app #V-Settings-Accounts .legend, + #rl-app #V-Settings-Accounts a, + #rl-app #V-Settings-Accounts .table.table-hover.list-table.identities-list + { + padding-left: 20px; + } + #rl-app #V-Settings-Accounts .btn, + #rl-app #V-Settings-Security button.btn, + #rl-app #V-SettingsPane .btn { + background: var(--color-primary-element-text); + border-radius: 6px; + color: var(--color-primary); + border: 1px solid var(--color-primary) !important; + font-weight: 400; + font-size: 16px; + } + #rl-app #V-Settings-Accounts .btn .icon-user-add { + background-image: url('images/account-blue.svg'); + background-position: center center; + background-repeat: no-repeat; + height:16px; + width:16px; + line-height: 0; + font-size: 0; + color: transparent; +} +#rl-app #V-Settings-Accounts .btn .icon-user-add:before { + content: ""; +} +#rl-app #rl-right #V-Settings-Accounts .table.table-hover.list-table.accounts-list tr td{ + font-size: 16px; + line-height: 24px; + padding: 16px 4px; +} +#rl-app #V-Settings-Accounts .btn, +#rl-app #V-Settings-Accounts .table.table-hover.list-table.accounts-list, +#rl-app #V-Settings-Accounts .table.table-hover.list-table.identities-list, +#rl-app #V-Settings-Security .btn, +#rl-app #V-Settings-Security .control-group, +#rl-app #V-Settings-Security details, +#rl-app #V-Settings-Folders .e-component.e-checkbox.material-design, +#rl-app #V-Settings-Folders .btn, +#rl-app #V-Settings-Folders .table.table-hover.list-table +{ + margin-left:24px; +} +#rl-app #V-Settings-General .legend, +#rl-app #V-Settings-Security .legend, +#rl-app #V-Settings-Folders .legend +{ + padding-left:24px; +} +#rl-app #V-Settings-Accounts span.delete.fontastic{ + background-image: url('images/delete-black.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; + border: none; + text-shadow: none; + vertical-align: middle; + opacity: 0.8; +} +#rl-app #V-Settings-Folders .table td{ + opacity:0.8; + font-weight: 400; + font-size: 16px; +} +#rl-app #rl-loading .icon-spinner{ + background-image: url('images/loading-color.svg'); + background-position: center center; + background-repeat: no-repeat; + height:32px; + width:32px; + padding-left: 20px; + padding-right: 19px; + content: ""; + color: transparent; + border: none; +} + +#V-MailMessageView table th,#V-MailMessageView table td{ + border:none; +} + +#rl-app #V-MailMessageView{ + top:56px; + border-top:1px solid var(--color-border-grey); +} +#rl-app #V-SystemDropDown{ + border-right: 1px solid var(--color-border-grey); + padding: 9px 7px; +} \ No newline at end of file