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 "<blockquote>"s directly
   within a "<pre>", 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