9 votes

Retro Theme for Runway

This is a simple package that installs the "Retro" theme for Runway, which won the Skin/Theme competition at the Umbraco conference "CodeGarden10"

For this package to work you must have Runway installed.

This package simply replaces the stylesheet that comes with runway and adds a sub directory in the CSS folder called retro-theme which contains the images used for the theme.

Please note this simply overwrites the CSS file that comes with Runway, so when uninstalling this package it removes the runway.css file

The theme was created with CSS and images only and no XHTML markup is modified from the default Runway site.

Some features of the CSS file include:

  • CSS :before and :after to insert images into the DOM
  • CSS @font-face using google's web fonts - http://code.google.com/webfonts
  • CSS webkit animation to animate the background
  • CSS nth-child(odd) and nth-child(even) to give the <p> different colours

Install Video

YouTube - http://bit.ly/umbraco-retro-vid

 

Please note this is NOT a serious theme from me, and is more of a joke however it does show you can achieve ugly theme/skins as well as beautiful ones.

Screenshots

Archived files

Documentation

Source code

Project owner

Warren Buckley

Warren Buckley

Warren has 4435 karma points

Project Compatibility

This project is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
7.12.x (untested)
7.11.x (untested)
7.10.x (untested)
7.9.x (untested)
7.8.x (untested)
7.7.x (untested)
7.6.x (untested)
7.5.x (untested)
7.4.x (untested)
7.3.x (untested)
7.2.x (untested)
7.1.x (untested)
7.0.x (untested)
6.1.x (untested)
6.0.x (untested)

You must login before you can report on package compatibility.

Project Information

  • Project owner: Warren Buckley
  • Created: 30/06/2010
  • Current version 1.0
  • License MIT
  • Downloads: 1311

External resources