BehindTheRabbit

Carbone

Add to Cart View Cart View Demo

Carbone

Carbone is a dark background theme, suitable for many different websites, from business to personal blogs. The white page on a gray background, a balanced use of color and whitespace, unobtrusive shadows and glows make this design elegant and well readable.

Features

Variations included: 6 (Orange, Light Blue, Dark Blue, Red, Green, Orange with right sidebar)
Headers included: 18
Ideal banner width: 900×150px
Support for: Hierarchical menus, bordered pagelets, custom banner and logo
Other features CSS3 effects, shadows, transitions
Sandvox-1 version included
Improved typography for printers

Originally designed for Sandvox 1.6, Carbone 3.0 is a complete redesign of the most successfull BehindTheRabbit’s theme to take full advantage of the new features Sandvox 2 comes with. Moreover, you will enjoy a full set of new CSS3 gradients and transitions that will give your visitor a very pleasant experience.

You can choose between six different variations (orange, light blue, dark blue, green, red, orange with right sidebar), each with its own personality. You can match any of 18 gradients and textures provided to customize more your website. If you want to create your own header, let the banner be a 900×150 pixels image to perfectly fit inside the header.

If you’re still using Sandvox 1.6, the old, compatible version is still included.

What’s in the box

Choose your favorite color

  • One Sandvox 2-only design, that includes all the variations
  • Eighteen extra headers (plus the four default ones)
  • Six legacy Carbone 2.0 designs, included for compatibility with Sandvox 1.6

Price and requirements

Price: $9.90.

Requirements:

  • Carbone 3: Sandvox 2.0
  • Carbone 2 (included): Sandvox 1.6

Please, read our policy before you buy.

Customization

Here are some examples to customize the way Carbone looks. If you don’t know how to use this code, you can read this tutorial.

To change the header background to a solid color:

With different injections in different pages you can differentiate single pages of your website using a solid background color for your header (a dark red color in this example).

<style>
#title {background-color:#700;}
</style>

To change the default font

Lucida Grande, the default font for Carbone, has no italic style. If you use italic a lot, you’d maybe like a different font family (Trebuchet in this example).

<style>
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;}
</style>

To align the header on the right side:

<style>
#title {text-align:right;}
</style>

To move the sidebar on the right side:

<style>
#sidebar-container {
    float:right !important;
    padding:30px 20px 0 0 !important;
}
#sidebar-content {
    border-left:1px solid #DDD !important;
    border-right:none !important;
}
body.allow-sidebar #main {
    float:right !important;
    padding:40px 10px 0 30px !important;
}
#sidebar .pagelet {
   margin-left:10px !important;
}
</style>