(r1) WidgetsSkin < System

<style>
.demoImage {
    width: 95%;
    max-width: 480px;
    width:expression(document.body.clientWidth > (200)?"200px":"95%" );
    algin: center;
}
ContribInfoTable {
    width: 95%;
    max-width: 480px;
    width:expression(document.body.clientWidth > (200)?"200px":"95%" );
}
</style>

---+!! WidgetsSkin Contrib Package
This is a revised version of the WidgetsSkin, updated to match the changes made for MT4. 
There are some CSS id and class changes, that will need to be applied to any theme from MT3.

I have now included the 38 styles included in the Open source version of Moveable Type, 
and another 47 from http://www.codemonkeyramblings.com/themes/ .

There is a set of reasonably easy upgrade steps to modify your CSS and =*Design= topic to work with this upgrade. 

---+++ Theme Browser
*If the skin is installed*, you can use the theme browser to mix and match layouts with various CSS files that are available either in this Skin, or by referencing the css url. 

%INCLUDE{"WidgetsSkin" section="%IF{"istopic 'DefaultWidgets'" then="css-browser" else="thumbnails"}%"}%

---+++ TODO:
   * context and 'webHome' CSS classes in =BODY=, so that !WebHomes can have a larger banner pic - and different ones for each web
   * where's the top list of webs/pages thing like WP has?
   * http://www.movabletype.org/design/assistant/ 
   * in the comment of the screen.css there is a list of supported layouts - can we mine it at all? - or just hardcode the default for each style so it looks good.
   * BUGGO (in trunk core default skin..): the js for Main.WikiGroups isn't there
   * add a button to make non-fixed width (and remove edges)
   * add menu widget that will somehow allow 
      * http://www.codemonkeyramblings.com/theme_tests/alaska_test_blog/
      * http://www.codemonkeyramblings.com/theme_tests/inove_test_blog/
      * ok, so there seem to be at least 5 totally unrelated ways they've done top menus :(


%I% It's easy to download and install  designs. 
Download the zip file for your chosen design, and unzip it in the directory on the server that corresponds to this URL: %PUBURL%/%WEB%/%TOPIC%. 
Then type the full URL into the text box in the browser.

<nop>%TOPIC% is a simple Foswiki Skin that reuses these style and HTML definitions, so making designs done for Moveable Type available to Foswiki sites.

Aside from the ability to reuse these designs, there are several other advantages to this skin:
   1 It's very lightweight, only generating the bare minimum HTML required to implement the Moveable type classes and IDs. This means it is *fast*, *portable* and *easy to upgrade*.
   2 The CSS is independent of Foswiki, so any stylesheet you develop for this skin *will work with _all_ versions of Foswiki* that support the skin,
   3 This also means the same CSS can be *shared with other applications* (such as Six Apart based blogs).
   4 The skin reuses Foswiki's base templates for most of the Foswiki-specific bits, so when those base templates are extended any *new functionality will automatically become available* for your use.

You can preview some design ideas at the [[http://www.sixapart.com/movabletype/styles/library][the Moveable Type style library]]. To use one of these designs with Foswiki, 
you will need to install the skin, and then download and install the theme as per the Customisation instructions, below. Some designs are not suitable for reuse with Foswiki, 
as they make assumptions about the number of pixels that the text is long, but you should be able to get inspiration from these works anyway. 

Alternatively, you can visit [[http://www.home.org.au/System/WidgetsSkin][Sven's personal Blog]] for a *DEMO*.

<nop>%TOPIC% is a <img src="%ATTACHURLPATH%/wikiringlogo20x20.png" /> [[http://www.wikiring.com][WikiRing]] partnership production.

---++ Settings
As with all skins, the basic page layout is defined in a set of templates.
The Moveable Type classes can support several different column layouts, so
the skin gets some of the layout from a "design topic", which defines HTML
to use in different sections of the page, for the different column layouts.

The skin uses two CSS files: the reusable CSS that defines the Moveable Type
classes, and a mapping CSS that adds additional classes that Foswiki requires,
but aren't defined by the Moveable Type standard.

Once you have chosen your CSS and layout, you must tell Foswiki to use those
options. If you have used the Theme Browser to select your preferred setup,
you can copy and paste the following section to your
%USERSWEB%.SitePreferences topic (or !WebPreferences, or your personal topic)

<noautolink>
<div align="center">
<textarea readonly rows="13" style="width:85%;margin:10px;font-size:10pt;">
Select the Widget skin:
   * Set %IF{"istopic 'DefaultWidgets'" then="" else="<nop>"}%SKIN = widgets
Get the common text section definitions from this topic (see the "Customisation" section in %WEB%.%TOPIC% for more information on what this means):
   * Set WIDGETSSKIN_DESIGNTOPIC = %DESIGN%CURRENTDESIGN%%
Get the Moveable Type compatible CSS and images from this topic (must be in the %SYSTEMWEB%):
   * Set WIDGETSSKIN_CSSFILE = %CSS%CURRENTCSS%%
Get the extra CSS required by Foswiki from this topic
   * Set WIDGETSSKIN_TWIKICSSFILE = %URLPARAM{"twikicssfile" default="%PUBURLPATH%/%WIDGETSSKIN_DESIGNTOPIC%/Foswiki.css"}%
Set the column preference:
   * Set WIDGETSSKIN_COLUMNS = %COLS%CURRENTCOLS%%
</textarea>
</div>
</noautolink>

---+++ Skin variables
If you set =PAGETOPIC= in your preferences or in your topic, it will be used as the page's HTML title, in preference to the topic name. 
This is useful for creating user-friendly titles for AUTOINC-named topics
   
---++ Customisation
Customisation of this skin to create your own look and feel is very straightforward. You only have to develop (or reuse) a CSS file. 
You can also customise the _text section definitions_ (WIDGETSSKIN_DESIGNTOPIC) and the _Foswiki css_ WIDGETSSKIN_TWIKICSSFILE) 
for even greater control over the rendering, but this is not necessary for most applications.

The fastest way to develop your own CSS is to use [[http://styles.movalog.com/generator/][the Movable Type Style generator]]. 
Alternatively you can adapt one an existing CSS from the web (though please be careful to respect author copyright). 
There is documentation for the required set of CSS classes and tags found at [[http://wiki.movabletype.org/MT4_Default_Templates_HTML_Structure][MT4 Default Template Reference]] and other related pages.

Once you have a CSS that you want to use, simply upload it to a Foswiki topic and point the WIDGETSSKIN_CSSFILE setting at it.

For more radical customisations (or to distribute your theme as a Contrib) you will want to create your own _design topic_. To create a design topic:
   1 Copy the text from the [[%SCRIPTURL{view}%/%WEB%/WidgetsSampleDesign?raw=on][WidgetsSampleDesign]] topic and paste it to =YourWidgetDesign= (or another name of your choosing).
   1 Copy the WidgetsSampleDesign attachments =Foswiki.css= and =base-weblog.css= to your new topic (save the files locally, and then upload them again to your new topic)
   1 Attach your custom Foswiki CSS and imagefiles to your new topic.
   1 Edit your new topic and modify the WIDGETSSKIN_CSSFILE setting to reflect the name of your CSS file. You should now be able to proof your design by viewing that topic.

You can also optionally customise the Foswiki.css attached to your design topic. This file contains most Foswiki specific styles, such as tables, forms, and diffs.

Finally, you can also customise the common text sections in your design by editing the _Moveable Type Common Text sections_. 
There are four sample design topics: WidgetsSampleDesign, WidgetsSample2Design, WidgetsSample3Design, and WidgetsMantisDesign.

Once you are done, you will be able to follow the instructions under 'Enable this design' in your design topic to roll out your design.

---++ Upgrading from MT3 based WidgetsSkin
   1 


---+++ Skin URL Parameters for testing skin designs
   * skin - must be set to Widget
   * cssfile - the url to the Widget css file you want to view
   * twikicssfile - the url to the Foswiki.css file (usually directly linked to the widgetstopic)
   * widgetstopic - the topic (in the %SYSTEMWEB% only) that the Widget common sections come from
   * widgetscolumns - column setting (one-column, two-column-left, two-column-right, three-column)

---++ Installation Instructions
You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server.

Open configure, and open the "Extensions" section. Use "Find More Extensions" to get a list of available extensions. Select "Install".

If you have any problems, or if the extension isn't available in =configure=, then you can still install manually from the command-line. See http://foswiki.org/Support/ManuallyInstallingExtensions for more help.


---++ Interesting URLS
   * http://wiki.movabletype.org/MT4_Default_Templates_HTML_Structure
   * http://www.bkdesign.ca/movable-type/movable-type-styles.php
   * http://www.bkdesign.ca/movable-type/simplify-movable-type.php

---++ Contrib Info

This skin is an example of how to make a [[%SYSTEMWEB%.Skins][Skin]] _without_ duplicating the work of the Foswiki Core release. 
It reuses the default skin, and only adds a =foswiki.Widget.tmpl= 
(and a viewprint that I hope to remove later), and only defines the bare essentials to create HTML that is similar to an existing system.

You can use this technique to create a skin that matches closely the HTML of your existing web site, and thus reuse the existing site's CSS styling, thus creating a common look & feel.

%TABLE{ id="ContribInfoTable"}%
|  Contrib Author: | Foswiki:Main.SvenDowideit - SvenDowideit@fosiki.com [[http://fosiki.com][fosiki]] - a <img src="%ATTACHURLPATH%/wikiringlogo20x20.png" /> [[http://www.wikiring.com][WikiRing.com]] partner |
|  Copyright &copy;: | !SixApart and designs by various, foswiki adaption by Foswiki:Main.SvenDowideit - SvenDowideit@fosiki.com |
|  License: | Various Open Source and Creative Commons |
|  Description: | a Foswiki skin based on the HTML used by [[http://www.thestylecontest.com][The Style Archive]] and [[http://www.sixapart.com/movabletype/styles/library][The Six Apart style library]] |
|  Screenshot: | <a href="%ATTACHURL%/iconic.gif"><img class="demoImage" src="%ATTACHURL%/iconic_preview.gif" alt="Click for full screen image" width="600" height="130" /></a> |
|  Preview: | [[%SCRIPTURL%/view%SCRIPTSUFFIX%/%WEB%/%TOPIC%][Preview with this topic]] |
|  Base Name: | Widget |
|  Dependencies: | <table class="foswikiTable" border="1"><tr><th>Name</th><th>Version</th><th>Description</th></tr><tr><td align="left">Foswiki::Contrib::FamFamFamContrib</td><td align="left">&gt;=0</td><td align="left">Icons</td></tr></table> |
|  Version: | 11457 (2011-04-14) |
|  Change History: | <!-- versions below in reverse order -->&nbsp; |
|  14 Apr 2011: | restyle login button -- Foswiki:Main.WillNorris |
|  29 Mar 2011: | restyle and change layout of =widget-login-form=, fix integration with !FastInstaller  -- Foswiki:Main.WillNorris |
|   8 Dec 2010: | improve the ability to hide/show actions based on permissions / authentication |
|   9 Jul 2010: | prepare for uploading |
|   7 Apr 2010: | update iblog2 and poetry CMR themes - add jarrah |
|  27 Feb 2010: | fix REVINFO bug in the widget-history - so that it shows the requested topic's history |
|  13 Feb 2010: | bring in styles from http://www.codemonkeyramblings.com/themes/ and fix bugs |
|  18 Jan 2010: | documentation cleanup |
|  22 Jul 2009: | general fixes and cleanups of HTML output |
|  11 May 2009: | removed bonus BANANANA in WidgetsSampleDesign  -- Foswiki:Main.WillNorris |
|  27 Jan 2009: | added header and footer widgets, and some more sectional include magic |
|  30 Dec 2008: | update to Foswiki |
|   7 Dec 2007: | stop the demo images from overflowing the design, other Skin fixes |
|  15 Oct 2007: | Doc rewrite - Foswiki:Main.CrawfordCurrie |
|  30 Mar 2007: | initial release of Skin | 
|  Home: | http://foswiki.org/Extensions/%TOPIC% |
|  Support: | http://foswiki.org/Support/%TOPIC% |

__Related Topics:__ %SYSTEMWEB%.DefaultPreferences, %USERSWEB%.SitePreferences

-- Foswiki:Main/SvenDowideit - %DATE%

<!--
%STARTSECTION{"css-browser"}%
<div align="center" style="margina:12px;padding:12px;">
<div align="left" style="color:black;opacity:0.8;width:80%;background-color:#ffffdd;border:1px solid;margin:6px;padding:6px;overflow:hidden;">
Use the navigation buttons to select between options. Click on the theme name to see the CSS source file.
<table>
<tr>
<td>Choose Style:
<td>
   [[%SCRIPTURL{view}%/%WEB%/%TOPIC%?skin=widgets;%DESIGNPARAM%;cssfile=%CSS%PREVIOUSCSS%%;cssidx=%PREVIOUSCSS%;%COLSPARAM%][%ICON{"go_back"}%]]
   [[%CSS%CURRENTCSS%%][%NAME%CURRENTCSS%%]] (%CALC{"$EVAL( %CURRENTCSS% - %FIRSTCSS% +1 ) of $EVAL( %LASTCSS% - %FIRSTCSS% +1 )"}%)
   [[%SCRIPTURL{view}%/%WEB%/%TOPIC%?skin=widgets;%DESIGNPARAM%;cssfile=%CSS%NEXTCSS%%;cssidx=%NEXTCSS%;%COLSPARAM%][%ICON{"go_forward"}%]]
</td>
</tr>
<tr>
<td colspan="3">
   <img style="align:center;" src="%CALC{"$SUBSTITUTE(%URLPARAM{"cssfile" default="%CSS%CURRENTCSS%%"}%, screen.css, thumbnail-large.gif)"}%" />
</td>
</tr>
<tr>
<td colspan="3">
Choose COLUMNS %COLS%CURRENTCOLS%% (%CALC{"$EVAL( %CURRENTCOLS% - %FIRSTCOLS% +1 ) of $EVAL( %LASTCOLS% - %FIRSTCOLS% +1 )"}%):
| [[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;%DESIGNPARAM%;%CSSPARAM%;widgetscolumns=w;colsidx=1][Topic]] | \
            [[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;%DESIGNPARAM%;%CSSPARAM%;widgetscolumns=wt;colsidx=2][Topic - Thin]] | \
            [[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;%DESIGNPARAM%;%CSSPARAM%;widgetscolumns=tw;colsidx=3][Thin - Topic]] | \
            [[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;%DESIGNPARAM%;%CSSPARAM%;widgetscolumns=twt;colsidx=4][Thin - Topic - Thin]] | \
            [[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;%DESIGNPARAM%;%CSSPARAM%;widgetscolumns=wtt;colsidx=5][Topic - Thin - Thin]] | \
            [[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;%DESIGNPARAM%;%CSSPARAM%;widgetscolumns=wm;colsidx=6][Topic - Medium]] | \
            [[%SCRIPTURL{view}%/%BASEWEB%/%BASETOPIC%?skin=widgets;%DESIGNPARAM%;%CSSPARAM%;widgetscolumns=mw;colsidx=7][Medium - Topic]] |
</td></tr>
<tr>
<td>Choose DESIGNTOPIC (advanced):</td>
<td>
   [[%SCRIPTURL{view}%/%WEB%/%TOPIC%?skin=widgets;widgetstopic=%DESIGN%PREVIOUSDESIGN%%;designidx=%PREVIOUSDESIGN%;%CSSPARAM%][%ICON{"go_back"}%]]
   [[%DESIGN%CURRENTDESIGN%%]] (%CALC{"$EVAL( %CURRENTDESIGN% - %FIRSTDESIGN% +1 ) of $EVAL( %LASTDESIGN% - %FIRSTDESIGN% +1 )"}%)
   [[%SCRIPTURL{view}%/%WEB%/%TOPIC%?skin=widgets;widgetstopic=%DESIGN%NEXTDESIGN%%;designidx=%NEXTDESIGN%;%CSSPARAM%;%COLSPARAM%][%ICON{"go_forward"}%]] 
</td>
</tr>
</table>
---
Or type the *full URL path* to a CSS you have downloaded from the style browser here:
<div align="center">
<form action="" method="POST">
<input type="hidden" name="designidx" value="%CURRENTDESIGN%" />
<input type="hidden" name="widgetstopic" value="%URLPARAM{"widgetstopic" default="%DESIGN%CURRENTDESIGN%%"}%" />
<input type="hidden" name="cssidx" value="%CURRENTCSS%" />
<input type="hidden" name="colsidx" value="%CURRENTCOLS%" />
<input type="hidden" name="widgetscolumns" value="%URLPARAM{"widgetscolumns" default="%COLS%CURRENTCOLS%%"}%" />
<input type="text" style="width:65%" name="cssfile" value="%PUBURL%/%SYSTEMWEB%/WidgetsSkin/"/>
<input type="submit" value="View design" />
</form>
</div>
</div></div>

<div style="display:none;">
Iterators for Design, CSS file, and column layout
   * Set CURRENTDESIGN = %URLPARAM{"designidx" default="%DEFAULTDESIGN%"}%
   * Set NEXTDESIGN = %CALC{"$IF( $EVAL( %CURRENTDESIGN% + 1 ) > %LASTDESIGN%, %FIRSTDESIGN%, $EVAL( %CURRENTDESIGN% + 1 ))"}%
   * Set PREVOUSDESIGN = %CALC{"$IF( $EVAL( %CURRENTDESIGN% - 1 ) < %FIRSTDESIGN%, %LASTDESIGN%, $EVAL( %CURRENTDESIGN% - 1 ))"}%
   * Set DESIGNPARAM = widgetstopic=%URLPARAM{"widgetstopic" default="%WIDGETSSKIN_DESIGNTOPIC%"}%;designidx=%CURRENTDESIGN%

   * Set CURRENTCSS = %URLPARAM{"cssidx" default="%DEFAULTCSS%"}%
   * Set NEXTCSS = %CALC{"$IF( $EVAL( %CURRENTCSS% + 1 ) > %LASTCSS%, %FIRSTCSS%, $EVAL( %CURRENTCSS% + 1 ))"}%
   * Set PREVIOUSCSS = %CALC{"$IF( $EVAL( %CURRENTCSS% - 1 ) < %FIRSTCSS%, %LASTCSS%, $EVAL( %CURRENTCSS% - 1 ))"}%
   * Set CSSPARAM = cssfile=%URLPARAM{"cssfile" default="%CSS%CURRENTCSS%%"}%;cssidx=%CURRENTCSS%

   * Set CURRENTCOLS = %URLPARAM{"colsidx" default="%DEFAULTCOLS%"}%
   * Set NEXTCOLS = %CALC{"$IF( $EVAL( %CURRENTCOLS% + 1 ) > %LASTCOLS%, %FIRSTCOLS%, $EVAL( %CURRENTCOLS% + 1 ))"}%
   * Set PREVIOUSCOLS = %CALC{"$IF( $EVAL( %CURRENTCOLS% - 1 ) < %FIRSTCOLS%, %LASTCOLS%, $EVAL( %CURRENTCOLS% - 1 ))"}%
   * Set COLSPARAM = widgetscolumns=%URLPARAM{"widgetscolumns" default="%COLS%CURRENTCOLS%%"}%;colsidx=%CURRENTCOLS%


BROWSER SETTINGS
Designs
   * Set DEFAULTDESIGN = 1
   * Set FIRSTDESIGN = 1
   * Set DESIGN1 = %SYSTEMWEB%/WidgetsSampleDesign
   * Set DESIGN2 = %SYSTEMWEB%/WidgetsSample2Design
   * Set DESIGN3 = %SYSTEMWEB%/WidgetsSample3Design
   * Set LASTDESIGN = 3

Column layouts
   * Set DEFAULTCOLS = 2
   * Set FIRSTCOLS = 1
   * Set COLS1 = w
   * Set COLS2 = tw
   * Set COLS3 = wt
   * Set COLS4 = twt
   * Set COLS5 = wtt
   * Set COLS6 = wm
   * Set COLS7 = mw
   * Set LASTCOLS = 7

CSSes
   * Set DEFAULTCSS = 90
   * Set FIRSTCSS = 50
removed as they are MT3 css   
   * Set CSS47 = %PUBURL%/%SYSTEMWEB%/WidgetsSample3Design/theme.css
   * Set NAME47 = Sample3Theme
   * Set CSS48 = %PUBURL%/%SYSTEMWEB%/WidgetsSample2Design/theme.css
   * Set NAME48 = Sample2Theme
   * Set CSS49 = %PUBURL%/%SYSTEMWEB%/WidgetsSampleDesign/theme.css
   * Set NAME49 = SampleTheme
   
   * Set CSS50 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-austin/screen.css
   * Set NAME50 = cityscape-austin
   * Set CSS51 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-boston/screen.css
   * Set NAME51 = cityscape-boston
   * Set CSS52 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-chicago/screen.css
   * Set NAME52 = cityscape-chicago
   * Set CSS53 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-dc/screen.css
   * Set NAME53 = cityscape-dc
   * Set CSS54 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-houston/screen.css
   * Set NAME54 = cityscape-houston
   * Set CSS55 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-kiev/screen.css
   * Set NAME55 = cityscape-kiev
   * Set CSS56 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-la/screen.css
   * Set NAME56 = cityscape-la
   * Set CSS57 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-london/screen.css
   * Set NAME57 = cityscape-london
   * Set CSS58 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-miami/screen.css
   * Set NAME58 = cityscape-miami
   * Set CSS59 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-nashville/screen.css
   * Set NAME59 = cityscape-nashville
   * Set CSS60 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-nyc/screen.css
   * Set NAME60 = cityscape-nyc
   * Set CSS61 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-paris/screen.css
   * Set NAME61 = cityscape-paris
   * Set CSS62 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-philadelphia/screen.css
   * Set NAME62 = cityscape-philadelphia
   * Set CSS63 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-portland/screen.css
   * Set NAME63 = cityscape-portland
   * Set CSS64 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-seattle/screen.css
   * Set NAME64 = cityscape-seattle
   * Set CSS65 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-sf/screen.css
   * Set NAME65 = cityscape-sf
   * Set CSS66 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-sydney/screen.css
   * Set NAME66 = cityscape-sydney
   * Set CSS67 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-tokyo/screen.css
   * Set NAME67 = cityscape-tokyo
   * Set CSS68 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-toronto/screen.css
   * Set NAME68 = cityscape-toronto
   * Set CSS69 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/cityscape-vegas/screen.css
   * Set NAME69 = cityscape-vegas
   * Set CSS70 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/hills-dusk/screen.css
   * Set NAME70 = hills-dusk
   * Set CSS71 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/hills-green/screen.css
   * Set NAME71 = hills-green
   * Set CSS72 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/hills-midnight/screen.css
   * Set NAME72 = hills-midnight
   * Set CSS73 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/hills-pink/screen.css
   * Set NAME73 = hills-pink
   * Set CSS74 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/minimalist-blue/screen.css
   * Set NAME74 = minimalist-blue
   * Set CSS75 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/minimalist-brown/screen.css
   * Set NAME75 = minimalist-brown
   * Set CSS76 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/minimalist-green/screen.css
   * Set NAME76 = minimalist-green
   * Set CSS77 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/minimalist-grey/screen.css
   * Set NAME77 = minimalist-grey
   * Set CSS78 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/minimalist-light-blue/screen.css
   * Set NAME78 = minimalist-light-blue
   * Set CSS79 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/minimalist-light-green/screen.css
   * Set NAME79 = minimalist-light-green
   * Set CSS80 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/minimalist-pink/screen.css
   * Set NAME80 = minimalist-pink
   * Set CSS81 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/minimalist-purple/screen.css
   * Set NAME81 = minimalist-purple
   * Set CSS82 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/minimalist-red/screen.css
   * Set NAME82 = minimalist-red
   * Set CSS83 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/minimalist-white/screen.css
   * Set NAME83 = minimalist-white
   * Set CSS84 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/unity-blue/screen.css
   * Set NAME84 = unity-blue
   * Set CSS85 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/unity-green/screen.css
   * Set NAME85 = unity-green
   * Set CSS86 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/unity-purple/screen.css
   * Set NAME86 = unity-purple
   * Set CSS87 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/unity-tricolor/screen.css
   * Set NAME87 = unity-tricolor
   * Set CSS88 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/themes/unstyled/screen.css
   * Set NAME88 = unstyled
from http://github.com/mikert/Movable-Type-Styles - see http://www.codemonkeyramblings.com/themes/
   * Set NAME89 = abstrakt3c	
   * Set CSS89 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/abstrakt3c/screen.css
   * Set NAME90 = aeros	
   * Set CSS90 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/aeros/screen.css
   * Set NAME91 = alaska	
   * Set CSS91 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/alaska/screen.css
   * Set NAME92 = ancho	
   * Set CSS92 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/ancho/screen.css
   * Set NAME93 = aurora	
   * Set CSS93 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/aurora/screen.css
   * Set NAME94 = bloggers-cafe	
   * Set CSS94 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/bloggers-cafe/screen.css
   * Set NAME95 = blueflower	
   * Set CSS95 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/blueflower/screen.css
   * Set NAME96 = carrington-blog	
   * Set CSS96 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/carrington-blog/screen.css
   * Set NAME97 = connections	
   * Set CSS97 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/connections/screen.css
   * Set NAME98 = daleri-sweet	
   * Set CSS98 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/daleri-sweet/screen.css
   * Set NAME99 = dark-marble	
   * Set CSS99 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/dark-marble/screen.css
   * Set NAME100 = dark-relief	
   * Set CSS100 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/dark-relief/screen.css
   * Set NAME101 = dark-smoke	
   * Set CSS101 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/dark-smoke/screen.css
   * Set NAME102 = deepspace	
   * Set CSS102 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/deepspace/screen.css
   * Set NAME103 = disciple	
   * Set CSS103 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/disciple/screen.css
   * Set NAME104 = fire-and-ice	
   * Set CSS104 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/fire-and-ice/screen.css
   * Set NAME105 = golden-age	
   * Set CSS105 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/golden-age/screen.css
   * Set NAME106 = gray-gets-green	
   * Set CSS106 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/gray-gets-green/screen.css
   * Set NAME107 = green-light	
   * Set CSS107 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/green-light/screen.css
   * Set NAME108 = green-love	
   * Set CSS108 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/green-love/screen.css
   * Set NAME109 = hightech	
   * Set CSS109 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/hightech/screen.css
   * Set NAME110 = iblog2
   * Set CSS110 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/iblog2/screen.css
   * Set NAME111 = i-like-content	
   * Set CSS111 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/i-like-content/screen.css
   * Set NAME112 = imokay	
   * Set CSS112 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/imokay/screen.css
   * Set NAME113 = inove	
   * Set CSS113 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/inove/screen.css
   * Set NAME114 = legal_gavel	
   * Set CSS114 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/legal_gavel/screen.css
   * Set NAME115 = looterxp	
   * Set CSS115 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/looterxp/screen.css
   * Set NAME116 = machine	
   * Set CSS116 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/machine/screen.css
   * Set NAME117 = mad-meg	
   * Set CSS117 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/mad-meg/screen.css
   * Set NAME118 = metamorph-cell	
   * Set CSS118 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/metamorph-cell/screen.css
   * Set NAME119 = metamorph_flame	
   * Set CSS119 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/metamorph_flame/screen.css
   * Set NAME120 = metamorph-florist	
   * Set CSS120 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/metamorph-florist/screen.css
   * Set NAME121 = mm3
   * Set CSS121 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/mm3/screen.css
   * Set NAME122 = nightvision	
   * Set CSS122 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/nightvision/screen.css
   * Set NAME123 = painted-desert	
   * Set CSS123 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/painted-desert/screen.css
   * Set NAME124 = pixeled	
   * Set CSS124 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/pixeled/screen.css
   * Set NAME125 = poetry	
   * Set CSS125 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/poetry/screen.css
   * Set NAME126 = ragteka	
   * Set CSS126 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/ragteka/screen.css
   * Set NAME127 = red-is-nice	
   * Set CSS127 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/red-is-nice/screen.css
   * Set NAME128 = rehabno	
   * Set CSS128 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/rehabno/screen.css
   * Set NAME129 = shadedgrey	
   * Set CSS129 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/shadedgrey/screen.css
   * Set NAME130 = swirly-glow-things	
   * Set CSS130 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/swirly-glow-things/screen.css
   * Set NAME131 = talian	
   * Set CSS131 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/talian/screen.css
   * Set NAME132 = tender	
   * Set CSS132 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/tender/screen.css
   * Set NAME133 = transport	
   * Set CSS133 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/transport/screen.css
   * Set NAME134 = universo
   * Set CSS134 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/universo/screen.css
   * Set NAME135 = zFirst
   * Set CSS135 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/zFirst/screen.css
   * Set NAME136 = jarrah
   * Set CSS136 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/jarrah/screen.css

   * Set LASTCSS = 136

   * Set NAME137 = twentyten
   * Set CSS137 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/twentyten/screen.css
   * Set NAME138 = ink-and-wash
   * Set CSS138 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/ink-and-wash/screen.css
   * Set NAME139 = twentyten-forestfloor
   * Set CSS139 = %PUBURL%/%SYSTEMWEB%/WidgetsSkin/CMR_themes/twentyten-forestfloor/screen.css


</div>
%ENDSECTION{"css-browser"}%


%STARTSECTION{"thumbnails"}%
<div align="center" eestyle="margin:12px;padding:12px;">
<div align="left" style="color:black;opacity:0.8;width:80%;background-color:#ffffdd;border:1px solid;margin:6px;padding:6px;overflow:hidden;">
A selection of thumbnails from styles distributed with this Skin:
| %PUBURL%/%BASEWEB%/WidgetsSkin/hills-dusk.gif | %PUBURL%/%BASEWEB%/WidgetsSkin/disciple.gif | %PUBURL%/%BASEWEB%/WidgetsSkin/cityscape-sydney.gif |
| %PUBURL%/%BASEWEB%/WidgetsSkin/bloggers-cafe.gif | %PUBURL%/%BASEWEB%/WidgetsSkin/aeros.gif | %PUBURL%/%BASEWEB%/WidgetsSkin/gray-gets-green.gif |
| %PUBURL%/%BASEWEB%/WidgetsSkin/hightech.gif | %PUBURL%/%BASEWEB%/WidgetsSkin/imokay.gif | %PUBURL%/%BASEWEB%/WidgetsSkin/painted-desert.gif |
| %PUBURL%/%BASEWEB%/WidgetsSkin/poetry.gif | %PUBURL%/%BASEWEB%/WidgetsSkin/shadedgrey.gif | %PUBURL%/%BASEWEB%/WidgetsSkin/talian.gif |
</div>
</div></div>
%ENDSECTION{"thumbnails"}%

-->
~~Edit~~ • ~~Attach~~ • Print version • History: r3 < r2 < r1 • Backlinks • View topic • ~~More topic actions...~~
(r1) WidgetsSkin

System

Search

Foswiki Webs

System

Skin Browser

System Changes

(r1) WidgetsSkin

System

Search

Login

Foswiki Webs

Subscribe

System

Skin Browser

System Changes
