Freshly Squeezed
rating: +4+x

Name: Freshly Squeezed

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

Tags: bmc dark flexible freshly-squeezed orange sidebar topbar

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


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. You can also create your own colour variation in less than 5 minutes.

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.

How to install

  • go to: your wiki admin panel » appearance » themes
  • choose External CSS theme
  • supply the following URL as the CSS location



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;

No sidebar

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


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;}

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

Create your own!

You can easily create your own colour variation of the Freshly Squeezed theme to suit your site perfectly. All you have to do is change the colours in the code below.

Create your own variation
@import url(;
a, #top-bar ul li a:hover, #side-bar a:hover, #header h1 a:hover, #breadcrumbs a:hover, .post-container .head .info .printuser a, .post-container .post .options a:hover {
    color: #67b300;
.masthead {
    background-color: #74c800;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#96f700), to(#74c800));
    background-image: -moz-linear-gradient(top, #96f700, #74c800);
    text-shadow: #60a802 0 1px 1px;
div.buttons input:hover, input.button:hover, button:hover, 
file:hover, a.button:hover, .button-bar a:hover, #new-post-button:hover, 
.rateup a:hover, .ratedown a:hover, .cancel a:hover, .pager a:hover, 
.new-post a:hover {
    background: #74c800;

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


  • November 17, 2010: First release (v1.0).
  • November 17, 2010: v1.01
    • fix for search button in IE


If you've noticed a bug with the theme, or would like to give some suggestions, just head over to - we'd love to hear from you.

Similar themes



Author: Nobody 2Nobody 2
Rating: 0, Comments: 0

Tags: sidebar topbar



Author: Weird_BlockzWeird_Blockz
Rating: 2, Comments: 0

Tags: cat sidebar silly topbar

Browse themes by tag


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