Nordic skin 0.3 for Roundcube Webmail 1.0.3 and 1.0.4 This skin was adapted originally from the Roundcube 1.0.3 Classic skin, updated to 1.0.4, and is implemented as an extension of Classic with most templates unchanged. It should be compatible with any version of Roundcube Webmail from 1.0 to 1.0.4 (as of January, 2015). Changes from the Classic skin are Copyright 2014-2015 Kristofer Sweger. Under the GPL Version 3, you are free to use and adapt this skin as you would any other part of Roundcube Webmail. When creating the skin my aim was to achieve an appearance that is clean, legible, and pleasing to my eyes, and which gives reasonable feedback as the mouse moves around. The result incorporates the following changes from the Classic skin: * The skin generally uses grayish blues (Nordic?) instead of just grays for frames and borders. Contrast is a little higher than Classic, and some 3D effects are also used, going a bit against the flat, shades-of-gray style that now seems to be popular for applications. * Hover effects (mainly by background color) should make it obvious when the mouse is over something clickable, but hopefully not be too irritating. Color is also used consistently to indicate input fields and which one currently has the focus. It should be possible to use the keyboard (Tab, Shift+Tab, etc.) as another convenient way to move between input fields or links besides the mouse. * The skin uses some CSS3 properties understood only by newer browsers. Older browsers that do not support CSS3 should ignore them gracefully. Nordic CSS3 features used include "border-radius" for rounded corners, "box-shadow" to cast shadows under popups, and "linear-gradient" to generate header/footer background images. * The font-family preference list was changed to "'Lucida Grande', Verdana, Arial, Helvetica, 'Liberation Sans', 'DejaVu Sans', 'Bitstream Vera Sans', sans-serif". Surveys I have seen suggest that at least one of these clean, very legible fonts will be available to browsers on most Windows, Apple or Linux systems. A similar list is used for monospace fonts as well. * I have tried to make the skin a little more scalable. On my higher-resolution screens, I tend to have my browser text (but not images) zoomed to 133%, so font sizes, widths and heights were chosen in terms of em's and percents wherever possible to accommodate this. This means that in an unzoomed browser, there is a little wiggle room to change the font family or some font sizes or to zoom text only without destroying the appearance. * CSS changes and overrides for several Roundcube Webmail plugins, which each can have their own stylesheet additions in their own skins directory, are included in a skin subdirectory called "plugins". Very small Javascript changes were also needed for two plugins to fix bugs which prevented correct operation with the Nordic or Classic skins. (See the installation discussion following for details.) To install the Nordic skin, just unpack the zip or tar.gz archive into the roundcubemail skins directory. Then, for each plugin you are using, go to the plugin's directory and see if it has either a skins/classic or themes/classic subdirectory. If it does, either create a new nordic subdirectory alongside classic and copy the contents of skins/classic to it, or (better, but only for plugins without overrides in the nordic/plugins subdirectory) create a symlink named "nordic" in the skins (or themes) subdirectory (e.g., enter the command "ln -s classic nordic"). Finally, deal with each plugin that has CSS or Javascript changes: * Advanced Search, Help, Hide Blockquote, Jqueryui, Thunderbird Labels, or Zipdownload Copy the .css files from the nordic skin plugins directory (e.g., from skins/nordic/plugins/help/help.min.css) over the corresponding files in the plugin (e.g., to plugins/help/skins/nordic/help.min.css). * Hide Blockquote After copying the .css files from the nordic skin plugins directory into the plugin, copy the .js files from the nordic skin plugins directory (e.g., from skins/nordic/plugins/hide_blockquote/hide_blockquote.js) over the corresponding files in the plugin (e.g., to plugins/hideblockquote/hideblockquote.js). The original hide_blockquote.js only acted on html "
"s directly within a "
", and the current version of roundcube doesn't generate message
   bodies like that. The patched .js file simply recognizes all blockquotes. This
   .js change will apply to all skins, and Larry and Classic also seem to work 
   correctly with this patch.

 * Jqueryui

   In addition to copying the Jqueryui .css files for the nordic skin into the
   skins/nordic subdirectory of the jqueryui plugin, the entry "'nordic' => 'nordic',"
   must be added to the "$config['jquery_ui_skin_map'] = array(" line of the
   config.inc.php file for the plugin, so that Jqueryui will recognize nordic.

 * Message Highlight

   The message highlight plugin has a patched javascript file which fixes a bug
   that prevented it from adding additional highlight rules for the Classic and
   related skins. Replace the message_highlight.js file with the one provided.
   Also replace the message_highlight css files with the ones provided, which
   will then apply to all skins.

Have fun!

Kristofer Sweger
December 23, 2014, rev. January 2, 2015