From 3ddd06acc76866cd09bc3b7c16b46a2e4cfd4016 Mon Sep 17 00:00:00 2001 From: dongge Date: Mon, 15 Jan 2024 20:23:51 +0000 Subject: [PATCH] Initial commit --- README.md | 129 + fonts/fa-regular-400.woff | Bin 0 -> 16804 bytes fonts/fa-regular-400.woff2 | Bin 0 -> 13580 bytes fonts/fa-solid-900.woff | Bin 0 -> 98020 bytes fonts/fa-solid-900.woff2 | Bin 0 -> 75440 bytes fonts/roboto-v29-italic-700.woff | Bin 0 -> 69796 bytes fonts/roboto-v29-italic-700.woff2 | Bin 0 -> 54292 bytes fonts/roboto-v29-italic.woff | Bin 0 -> 69460 bytes fonts/roboto-v29-italic.woff2 | Bin 0 -> 54136 bytes fonts/roboto-v29-regular-700.woff | Bin 0 -> 65292 bytes fonts/roboto-v29-regular-700.woff2 | Bin 0 -> 50196 bytes fonts/roboto-v29-regular.woff | Bin 0 -> 65244 bytes fonts/roboto-v29-regular.woff2 | Bin 0 -> 50240 bytes images/contactgroup.svg | 3 + images/contactpic.svg | 3 + images/corner-handle.svg | 3 + images/disroot-root.png | Bin 0 -> 157004 bytes images/download.svg | 3 + images/favicon.ico | Bin 0 -> 15406 bytes images/google-icon.svg | 1 + images/logo.png | Bin 0 -> 213636 bytes images/logo.svg | Bin 0 -> 12747 bytes images/microsoft-icon.svg | 8 + meta.json | 21 + styles/_colors.less | 46 + styles/_dark.less | 48 + styles/_darkc.less | 2 + styles/_styles.less | 44 + styles/_variables.less | 49 + styles/colors.less | 278 ++ styles/dark.less | 1123 +++++++ styles/embed.less | 95 + styles/embed.min.css | 1 + styles/fontawesome.less | 1397 ++++++++ styles/global.less | 149 + styles/layout.less | 414 +++ styles/mixins.less | 62 + styles/print.less | 78 + styles/print.min.css | 1 + styles/styles.less | 458 +++ styles/styles.min.css | 1 + styles/variables.less | 63 + styles/widgets/buttons.less | 349 ++ styles/widgets/common.less | 585 ++++ styles/widgets/dialogs.less | 263 ++ styles/widgets/editor.less | 537 +++ styles/widgets/forms.less | 1429 ++++++++ styles/widgets/jqueryui.less | 440 +++ styles/widgets/lists.less | 1085 ++++++ styles/widgets/menu.less | 952 ++++++ styles/widgets/messages.less | 267 ++ templates/about.html | 16 + templates/addressbook.html | 157 + templates/bounce.html | 74 + templates/compose.html | 286 ++ templates/contact.html | 23 + templates/contactedit.html | 29 + templates/contactimport.html | 9 + templates/contactprint.html | 19 + templates/contactsearch.html | 9 + templates/dialog.html | 7 + templates/error.html | 21 + templates/folderedit.html | 13 + templates/folders.html | 61 + templates/identities.html | 43 + templates/identityedit.html | 13 + templates/includes/footer.html | 14 + templates/includes/layout.html | 46 + templates/includes/mail-menu.html | 95 + templates/includes/menu.html | 42 + templates/includes/pagenav.html | 20 + templates/includes/settings-menu.html | 12 + templates/login.html | 24 + templates/mail.html | 220 ++ templates/message.html | 83 + templates/messagepart.html | 119 + templates/messageprint.html | 27 + templates/plugin.html | 15 + templates/responseedit.html | 13 + templates/responses.html | 41 + templates/settings.html | 28 + templates/settingsedit.html | 13 + thumbnail.png | Bin 0 -> 1851 bytes ui.js | 4378 +++++++++++++++++++++++++ ui.min.js | 13 + watermark.html | 39 + 86 files changed, 16409 insertions(+) create mode 100644 README.md create mode 100644 fonts/fa-regular-400.woff create mode 100644 fonts/fa-regular-400.woff2 create mode 100644 fonts/fa-solid-900.woff create mode 100644 fonts/fa-solid-900.woff2 create mode 100644 fonts/roboto-v29-italic-700.woff create mode 100644 fonts/roboto-v29-italic-700.woff2 create mode 100644 fonts/roboto-v29-italic.woff create mode 100644 fonts/roboto-v29-italic.woff2 create mode 100644 fonts/roboto-v29-regular-700.woff create mode 100644 fonts/roboto-v29-regular-700.woff2 create mode 100644 fonts/roboto-v29-regular.woff create mode 100644 fonts/roboto-v29-regular.woff2 create mode 100644 images/contactgroup.svg create mode 100644 images/contactpic.svg create mode 100644 images/corner-handle.svg create mode 100644 images/disroot-root.png create mode 100644 images/download.svg create mode 100644 images/favicon.ico create mode 100644 images/google-icon.svg create mode 100644 images/logo.png create mode 100644 images/logo.svg create mode 100644 images/microsoft-icon.svg create mode 100644 meta.json create mode 100644 styles/_colors.less create mode 100644 styles/_dark.less create mode 100644 styles/_darkc.less create mode 100644 styles/_styles.less create mode 100644 styles/_variables.less create mode 100644 styles/colors.less create mode 100644 styles/dark.less create mode 100644 styles/embed.less create mode 100644 styles/embed.min.css create mode 100644 styles/fontawesome.less create mode 100644 styles/global.less create mode 100644 styles/layout.less create mode 100644 styles/mixins.less create mode 100644 styles/print.less create mode 100644 styles/print.min.css create mode 100644 styles/styles.less create mode 100644 styles/styles.min.css create mode 100644 styles/variables.less create mode 100644 styles/widgets/buttons.less create mode 100644 styles/widgets/common.less create mode 100644 styles/widgets/dialogs.less create mode 100644 styles/widgets/editor.less create mode 100644 styles/widgets/forms.less create mode 100644 styles/widgets/jqueryui.less create mode 100644 styles/widgets/lists.less create mode 100644 styles/widgets/menu.less create mode 100644 styles/widgets/messages.less create mode 100644 templates/about.html create mode 100644 templates/addressbook.html create mode 100644 templates/bounce.html create mode 100644 templates/compose.html create mode 100644 templates/contact.html create mode 100644 templates/contactedit.html create mode 100644 templates/contactimport.html create mode 100644 templates/contactprint.html create mode 100644 templates/contactsearch.html create mode 100644 templates/dialog.html create mode 100644 templates/error.html create mode 100644 templates/folderedit.html create mode 100644 templates/folders.html create mode 100644 templates/identities.html create mode 100644 templates/identityedit.html create mode 100644 templates/includes/footer.html create mode 100644 templates/includes/layout.html create mode 100644 templates/includes/mail-menu.html create mode 100644 templates/includes/menu.html create mode 100644 templates/includes/pagenav.html create mode 100644 templates/includes/settings-menu.html create mode 100644 templates/login.html create mode 100644 templates/mail.html create mode 100644 templates/message.html create mode 100644 templates/messagepart.html create mode 100644 templates/messageprint.html create mode 100644 templates/plugin.html create mode 100644 templates/responseedit.html create mode 100644 templates/responses.html create mode 100644 templates/settings.html create mode 100644 templates/settingsedit.html create mode 100644 thumbnail.png create mode 100644 ui.js create mode 100644 ui.min.js create mode 100644 watermark.html diff --git a/README.md b/README.md new file mode 100644 index 0000000..9e85d5f --- /dev/null +++ b/README.md @@ -0,0 +1,129 @@ +Roundcube Webmail Skin "Elastic" +================================ + +This skin package contains a theme for the Roundcube Webmail +software. It can be used, modified and redistributed according to +the terms described in the LICENSE section. + +For information about building or modifying Roundcube skins please visit +https://github.com/roundcube/roundcubemail/wiki/Skins + + +LICENSE +------- + +The contents of this folder 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. + +This folder also contains code licensed separately: +- Bootstrap Framework 4 from https://github.com/twbs/bootstrap +- FontAwesome 5 fonts from https://fontawesome.com/ +- Roboto font from https://google-webfonts-helper.herokuapp.com/fonts/roboto?subsets=cyrillic,latin-ext,cyrillic-ext,latin,greek,greek-ext + + +INSTALLATION +------------ + +All styles are written using LESS syntax. Thus it needs to be compiled +using the `lessc` (>= 2.5.2) command line tool. This comes with the `nodejs-less` +RPM package or using `npm install less` which depend on nodejs. + +Here is how you can install those on Debian: +``` +curl -sL https://deb.nodesource.com/setup_16.x | sudo bash - +apt-get install -y nodejs +npm install -g less +npm install -g less-plugin-clean-css +``` +Then, go to the `styles` folder, and when you're done editing your files, do the following, as needed: + +``` + $ lessc --clean-css="--s1 --advanced" styles/styles.less > styles/styles.min.css + $ lessc --clean-css="--s1 --advanced" styles/print.less > styles/print.min.css + $ lessc --clean-css="--s1 --advanced" styles/embed.less > styles/embed.min.css +``` +(`--clean-css="--s1 --advanced"` minifies the css, requires the clean-css Less plugin. +The plugin can be installed using `npm install less-plugin-clean-css`) + +References to image files from the included CSS files can be appended +with cache-buster marks to avoid browser caching issues after updating. + +Run `bin/updatecss.sh --dir skins/elastic` before packaging the skin +or after installing it on the destination system. + + +FOR DEVELOPERS +-------------- + +- Supported browsers: IE11+, Edge, Last 2 versions for Chrome/Firefox/Safari, + Android Browser 5+, iOS Safari 9+. + +- Skin color palette changes and other css modifications can be done + via _styles.less and _variables.less files. Where you can overwrite all + variables and add custom styles. + +- Minimum supported screen width is 240px (note that even if the device screen + resolution is e.g.320x372 changing the text size in device settings will reduce + the resolution) + +- Every page (which is not a frame) has following required structure: +``` + +
+
+
+
+
+
+ +``` + where `#layout-sidebar` and `#layout-list` are optional. Which element of the `#layout` will be displayed + as a main view on mobile devices can be defined by adding `selected` class to it. + +- The `` element will receive special classes that will be updated on resize + or orientation change: + - `touch`: A touch device, screen width <= 1024px, + - `layout-large`: Screen width > 1200px, + - `layout-normal`: Screen width <= 1200px and >= 768px, + - `layout-small`: Screen width < 768px and > 480px, + - `layout-phone`: Screen width <= 480px. + + Frames will have the same classes applied as their parent windows. + +- Every button, that is not + + +
+

+ +
+ + + + +
+

+ +

+
+ +
+
+ + +
+

+ +
+ +
+

+ +
+ +
+

+ +
+ +
+

+ +
+ +
+

+ +
+ + diff --git a/templates/bounce.html b/templates/bounce.html new file mode 100644 index 0000000..f9fbf02 --- /dev/null +++ b/templates/bounce.html @@ -0,0 +1,74 @@ + + +

+ +
+ + +
+

+
+
+ +
+
+ + + " tabindex="1"> +
+
+
+
+ +
+
+ + + " tabindex="1"> + +
+
+
+ + +
+ +
+ +
+ +
+
+ + +
+ +
+

+ +
+ + diff --git a/templates/compose.html b/templates/compose.html new file mode 100644 index 0000000..0f7cad8 --- /dev/null +++ b/templates/compose.html @@ -0,0 +1,286 @@ + + + + + + + + + +

+ + + + +
+

+
+ + +
+ + +
+
+ + + +
+

+
+
+ +
+
+ + + " tabindex="1"> + +
+
+
+
+ +
+
+ + + " tabindex="1"> + + + " tabindex="1"> + +
+
+
+ + + + +
+ +
+ +
+
+
+
+ +
+ + + +
+ +
+ +
+ +
+
+
+
+ + + +
+ +
+

+ +
+ +
+

+ +
+ +
+

+ +
+ +
+ +
+ +
+
+ +
+ + +
+ +
+
+ + diff --git a/templates/contact.html b/templates/contact.html new file mode 100644 index 0000000..3df09b8 --- /dev/null +++ b/templates/contact.html @@ -0,0 +1,23 @@ + + +

+ +
+
+
+ +
+ +
+
+ +
+
+ +
+ +
+ + diff --git a/templates/contactedit.html b/templates/contactedit.html new file mode 100644 index 0000000..3842208 --- /dev/null +++ b/templates/contactedit.html @@ -0,0 +1,29 @@ + + +

+ + +
+
+ + + + + +
+ +
+
+ +
+ + +
+ +
+ + + + diff --git a/templates/contactimport.html b/templates/contactimport.html new file mode 100644 index 0000000..b7f30ee --- /dev/null +++ b/templates/contactimport.html @@ -0,0 +1,9 @@ + + +

:

+ +
+ +
+ + diff --git a/templates/contactprint.html b/templates/contactprint.html new file mode 100644 index 0000000..ffa16b5 --- /dev/null +++ b/templates/contactprint.html @@ -0,0 +1,19 @@ + + +