Blue Heaven
rating: +5+x

Name: Blue Heaven

Author: bcammobcammo
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: blue bmc clean heaven sidebar topbar

Supports top bar menu *: yes
Supports side bar menu *: yes
* depends on tags: topbar and sidebar

Description:

Fresh. Clean. Simple. Flexible. That's what the Blue Heaven Theme is all about.

The theme is a fixed width of 960px, but can be easily adjusted to a fluid width. The sidebar can be positioned on the left, right or not displayed at all. The search bar also needs to be added to the sidebar (see below).

For a live preview customised to show off the best of this theme, I recommend you head over here.

How to install

  • go to: your wiki admin panel » appearance » themes
  • choose External CSS theme
  • supply the following URL as the CSS location
http://themes.wdfiles.com/local--code/blue-heaven

Code

Notes

Customise it!

You can change the way the theme appears by adding the following code snippets to either individual pages or a live template.

Search box in sidebar

To have a nicely styled search box added the top of your side bar, add the following code to the very top of your nav:side page (or other relevant sidebar page):

+++++ Search this site...
[[module Search mini="true"]]
----

Left sidebar

[[module CSS]]
/* Left sidebar */
#side-bar {
    float: left;
}
#content-wrap {
    padding: 0 0 0 10px;
}
#main-content {
    margin: 0 0 0 220px;
    background: transparent url(http://css3themes.wikidot.com/local--files/blueheaven:start/heaven-main-shadow-left.png) repeat-y left top;
}
[[/module]]

No sidebar

[[module CSS]]
/* No sidebar */
#side-bar {
    display: none;
}
#content-wrap {
    padding: 0;
}
#main-content {
    margin: 0;
}
[[/module]]

Browser Support

The theme has been tested in the following browsers, and appears to render properly:

  • Safari 5
  • Firefox 3.6
  • Chrome 6
  • Opera 9.6
  • Internet Explorer 8

Known Problems

  • IE6 spits the dummy at the sidebar.

Changelog

  • October 20, 2010: First release (v1.0).
    • Colour: blue
  • October 20, 2010: v1.01
    • slight change to background colour of content-wrap.
  • October 20, 2010: v1.02
    • added support for drop-down menus in the topbar.
  • October 22, 2010: v1.03
    • fixed top-bar 'current-link'
  • October 26, 2010: v1.04
    • adjusted margins around headers
    • added different colour for a.newpage
  • January 3, 2011: v1.05
    • fixed side bar search box problem in Chrome 8 on PC.

Feedback

If you've noticed a bug with the theme, or would like to give some suggestions, just head over to http://css3.wikidot.com/contact:themes - we'd love to hear from you.

Similar themes

80.jpg
installbutton.png

Noise

Author: BattlesquidBattlesquid
Rating: 1, Comments: 4

Tags: clean dark flexible grey minimalist modern no-sidebar topbar

80.jpg
installbutton.png

HavokRP Official

Author: Reverend FoxReverend Fox
Rating: 1, Comments: 1

Tags: dark easy purple sidebar simple topbar

Browse themes by tag

Comments

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License