WaterBrand

Click to preview

Name: WaterBrand

Author: Timothy Foster
License: Creative Commons Attribution-ShareAlike 3.0 License
Tags: blog blue corporate css3 education series sidebar topbar

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

Description:

Utilize the capacity of new browsers with the WebBrand themes! With the advent of CSS3, new cool and slick looks can be applied ranging from curves to gradients (and animations too!). The WebBrand themes provide a nice, round texture to the content and top bar while allowing for quick side navigation. These themes will work for all recent versions of the major browsers, but they are also functional in the older versions. In addition, CSS has been tailored for Wikidot-specific apps and snippets, including the Calendar App, the Image Box CSI, the Plurality CSI, Inline Hovertips, and the standard Tabview.

See the Live Demo Here!

The WebBrand Series features a set of 11 themes in addition to this one in a variety of colors based on elements in nature. Feel free to poke around these variations to find which flavor fits your fancy!

• WebBrand — Install

• MagmaBrand — Install
• FireBrand — Install
• ThunderBrand — Install
• WindBrand — Install
• IceBrand — Install
• WaterBrand — Install
• AetherBrand — Install
• EarthBrand — Install
• MetalBrand — Install
• DarkBrand — Install
• LightBrand — Install

For developers and those who want customization, feel free to access the source code.

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/waterbrand

Code

+ show the code

/******************************
    WebBrand Themes
    By Timothy Foster
    Copyright 2011
******************************/
 
@import url(http://themes.wdfiles.com/local--code/webbrand);
 
/* Global
=============================*/
a{    color: #242884; }
a.newpage{    color: #AAA; }
a.newpage:hover{    color: #A2A2A2; }
div.buttons input, input.button,
button, a.button,
.pager span.target a,
.owindow .button-bar a,
.new-post a{
    background-color: #4243D1;
    background-image: -moz-linear-gradient(top,#4243D1,#3A3FC0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4243D1), to(#3A3FC0));
    color: #EEE;
}
.owindow .button-bar a:hover{    color: #222; }
input.text:focus, input[type=text]:focus, textarea:focus{
    border: 1px solid #242884;
}
 
/* Top Bar
=============================*/
#top-bar{
    background-image: url(http://themes.wikidot.com/local--files/webbrand/brand_waterTop.png);
    background-repeat: repeat-x;
}
#top-bar ul li a{    color: #EEE; }
#top-bar ul li a:hover{
    color: #FFF;
    border-color: rgba(97,97,129,1.0);
    box-shadow: inset 0 0 2px rgba(124,124,145,0.9);
    -moz-box-shadow: inset 0 0 2px rgba(124,124,145,0.9);
    -webkit-box-shadow: inset 0 0 2px rgba(124,124,145,0.9);
}
#top-bar li ul li a{     color: #222A19; }
#top-bar li ul li a:hover{    color: #242884; }
 
/* Side Bar
=============================*/
#side-bar h1, #side-bar h2,
#side-bar h3, #side-bar h4{    color: #242884; }
#side-bar li a:hover{    border-color: #3A3FC0; }
 
/* Forum
=============================*/
blockquote{    border-color: #242884; }
 
/* Wikidot Tables
=============================*/
table.wiki-content-table th{
    background-color: #3A3FC0;
    color: #EEE;
}
 
/* Timothy's Image Box
=============================*/
.image-box-heading{
    background-color: #3A3FC0;
    color: #EEE;
}
 
/* James Kanjo's Hover Tips
=============================*/
.hover{    color: #242884; }
.hover:hover span{    border: 1px solid #3A3FC0; }
 
/* Calendar App
=============================*/
.calendar .date a{    color: #242884; }
.calendar .heading{    background-color: #3A3FC0; }
.calendar .weekday,
.calendar .day:hover{    background-color: #CCF;}
.calendar .event{    background-color: #3A3FC0; }
.MINI.calendar .day span a{    color: #3A3FC0; }
.MINI.calendar span.calenhover a{    color: #242884; }
 
.iframe .month-day{    background-color: #242884; }
.iframe .day{    background-color: #3A3FC0; }
.gobacklink a{    color: #242884; }
 
/* Tabview
=============================*/
.yui-navset .yui-nav{    border-bottom: 3px solid #3A3FC0; }
.yui-navset .yui-nav .selected a{
    background-color: #4243D1;
    background: -moz-linear-gradient(top,#4243D1,#3A3FC0);
    background: -webkit-gradient(linear, left top, left bottom, from(#4243D1), to(#3A3FC0));
    color: #EEE;
}
.yui-navset .yui-nav .selected a:hover,
.yui-navset .yui-nav .selected a:active,
.yui-navset .yui-nav .selected a:focus{
    background-color: #4243D1;
    background: -moz-linear-gradient(top,#4243D1,#3A3FC0);
    background: -webkit-gradient(linear, left top, left bottom, from(#4243D1), to(#3A3FC0));
    color: #EEE;
}
 
/* OWindow
=============================*/
.owindow{
    background: #4243D1;
    background: rgba(66,67,209,0.8);
}
.owindow div.title{    color: #EEE; }

Notes

WaterBrand uses the following three colors for its color scheme.

Primary:

#242884

Secondary:

#4243D1

Tertiary:

#3A3FC0

If you wish to remove the side bar, add the following to the end of your CSS:

#side-bar{    display: none !important; }
#main-content{    margin-right: 1em !important; }

Similar themes fake-wikidot-standard Author: Liurd Rating: 1, Comments: 0 Tags: sidebar topbar Gnl 109557431160 Author: Mukapogx Rating: 0, Comments: 0 Tags: sidebar topbar

Browse themes by tag 2.0 3d 3d-buttons 610nm and and/or ardeol articles band base beige black blog bloo blue bmc border boring brown business camo cat chocholate christian christmas city clan claret claus clay clean coffe coke colorful company contest contest-win corperate corporate corporation creative crimson cross css3 css3-buttons curved d14 dark dashed deep

Comments

Super

Tim Kwakman 01 Jun 2013 08:25

i like the theme! but can i add my one background?

---

TimCrafting (Minecraft Server) (24/7) (PvP) (Creative)

Re: Super

Tim Kwakman 01 Jun 2013 08:31

O i already got it :)

Verry nice theme, effects! and more super tanks!

---

TimCrafting (Minecraft Server) (24/7) (PvP) (Creative)

blogger?

Tim Kwakman 05 Jun 2013 18:48

is there an theme like this for blogger.com?

---

TimCrafting (Minecraft Server) (24/7) (PvP) (Creative)

Timothy Foster 05 Jun 2013 20:28

No; this theme is only compatible with Wikidot.

---

Timothy Foster - @tfAuroratide
Auroratide.com - Go here if you're nerdy like me

Problems with IE 11

siacuauser 17 Sep 2016 14:30

Hi,

I'm using your template in my wikidot site and I'm having javascript errors when I try to load it on INternet Explorer 11.

The error is:
Script445: Object doesn't support this action
init.combined.js (68,3871)

Can you tell me why?
Thanks