martindale / elastic Goto Github PK
View Code? Open in Web Editor NEWThis project forked from roundcube/elastic
Responsive theme for Roundcube Webmail
This project forked from roundcube/elastic
Responsive theme for Roundcube Webmail
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 Roboto font from https://google-webfonts-helper.herokuapp.com/fonts/roboto?subsets=cyrillic,latin-ext,cyrillic-ext,latin,greek,greek-ext 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 file. See http://creativecommons.org/licenses/by-sa/3.0/ for details. PROJECT GOALS ------------- Create a user interface that is clean and usable with any screen size. Use new technologies like e.g. flexbox, @media, font-icons or less. Cleanup css/html and unify as much as possible. INSTALLATION (development): --------------------------- 1. git clone https://github.com/roundcube/roundcubemail.git --branch dev-elastic 2. cd roundcubemail/skins 3. git clone https://github.com/roundcube/elastic.git 4. Disable all plugins (we're not there yet) and set devel_mode=true. INSTALLATION (production): -------------------------- All styles are written using LESS syntax. Thus it needs to be compiled using the `lessc` command line tool. This comes with the `nodejs-less` RPM package which depends on nodejs. $ lessc -x styles/styles.less > styles/styles.css $ lessc -x styles/print.less > styles/print.css $ lessc -x styles/embed.less > styles/embed.css (the -x option minifies the CSS code) 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 <path-to-kolab-skin>` from the Roundcube package before packaging the skin or after installing it on the destination system. RULES: ------ - Supported browsers: IE11+, Edge, Last 2 versions for Chrome/Firefox/Safari, Android Browser 5+, iOS Safari 7+. - 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: ``` <body> <div id="layout"> <div id="menu"></div> <div id="sidebar"></div> <div id="list"></div> <div id="content"></div> </div> </body> ``` where `sidebar` and `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. - Every button, that is not <button> nor <input> should have inner <span class="inner"> element for the button label.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.