Oxite now includes some basic support for skinning (CSS + images, scripts and views).
skin including only styles and scripts is provided that layers the style and behaviors on top of the default views.
The quickest way to create a new skin is to just make a copy of the Default folder in <OxiteSite>/Skins with your own skin name (in this case skewed
To make the site use the new skin first log in then follow the manage site
link in the admin menu.
Under the Manage Site
section follow the Settings
link to edit the site's settings and change the Skin Name
field to the (folder) name of the new skin and submit the form.
Now* you're all set up with your own skin - that looks just like the default. Yay!* with the current release you might need to restart your app for the change to be picked up by the skinning engine.
Or with a little tweaking, something a little different...
For example you could copy header.ascx from <OxiteSite>/Views/Shared into <OxiteSite>/Skins/<your new skin>/Views/Shared
and change it up a bit to get an amazing new header
But what if you wanted the menu out of the header and stuck to the side of the content? Pull the menu markup out into it's own partial view and add a copy (from the default) of the master page
modify the master page for the skin to make use of the new menu partial view
and (along with a little change to the CSS) you end up with something like