Freshly Squeezed Orange

Click to preview

Name: Freshly Squeezed Orange

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

Tags: bmc flexible freshly-squeezed orange sidebar topbar

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

Description:

The Freshly Squeezed themes, now arriving at Wikidot, are designed to be simple and flexible. Available in a range of colours, these themes are sure to suit all of your needs.

The theme is a fixed width of 960px, and the sidebar can be position on the left, right or not displayed at all, to maximise the screen real estate. It also includes customised buttons, comments and a 'masthead' infobox to really capture your visitors attention.

For a live preview customised to show off the best of the Freshly Squeezed theme, including the masthead infobox, 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/freshly-squeezed-orange

Code

+ show the code

/***
 
     Freshly Squeezed Theme - Orange Variation.
 
  by BMC WebDesign, 2010. http://css3.wikidot.com
 
                      *****
                      v1.00
 
***/
 
@import url(http://themes.wdfiles.com/local--code/freshly-squeezed/1);
 
/*---------------------------------------------------------
Coloured Topbar - Orange Variation
----------------------------------------------------------*/
 
body {background: #fff url(http://themes.wdfiles.com/local--files/freshly-squeezed-orange/freshly-bg-orange.png) repeat-x 0 -26px;}
#top-bar ul {
    border-left: 1px solid #ffc81f;
    border-right: 1px solid #e6880e;
}
#top-bar ul li {
    border-right: 1px solid #ffc81f;
    border-left: 1px solid #e6880e;
}
#top-bar ul li a{color: #333;text-shadow: none;}
#top-bar ul li a:hover {color: #eee;}
#top-bar ul li ul li a {color: #fff;}
#top-bar ul li ul li a:hover {color: #ff9600;}
#top-bar ul li a:hover, #top-bar ul li.sfhover a {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
    box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
}

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.

Left sidebar

[[module CSS]]
#page-title {margin-left: 10px;}
#side-bar {float: left;}
#main-content {
    float: right;
    border-right: none;
    border-left: 1px solid #ccc;
}
[[/module]]

No sidebar

[[module CSS]]
#side-bar {display: none;}
#main-content {
    width: 100%;
    border: none;
}
#page-content {
    width: 97%;
}
[[/module]]

Masthead

Grab the attention of your visitors with this visually appealing masthead infobox. All you have to do is create a div with the class masthead, and then add one line of CSS in a CSS module. You may need to adjust the value of padding-top, depending on how high your masthead is.

[[module CSS]]
#content-wrap {padding-top: 300px;}
[[/module]]

[[div class="masthead"]]
[[f<image :first]]
+ Type you tagline, slogan or something else in here.
[[/div]]

Browser Support

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

• Safari 4+
• Firefox 3.4+
• Chrome 6+
• Opera 9.6+
• Internet Explorer 8

Changelog

• November 17, 2010: First release (v1.0).
  • coloured variation: orange

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 D14 Wiki Theme Author: Super Dr Green Rating: 0, Comments: 1 Tags: d14 example01 sdg sidebar topbar Super Dr Green 1 Author: Super Dr Green Rating: 0, Comments: 0 Tags: sidebar topbar

Browse themes by tag ardeol beige black blog blue bmc brown business clean colorful company corperate corporate css3 curved dark dashed developer education educational flexible floral flower freshly-squeezed green grey grunge minimalist modern nature navy no-sidebar no-topbar orange outline professional purple rainbow red responsive series shiny sidebar simple smartphone super topbar white wiki yellow

Comments