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.
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/webbrand
Code
Notes
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; }
Changelog:
- 12 Mar 2012 — Allowed for confirmation owindow dialogs to have multiple options if applicable. Before, only an X would appear in the top-right corner even if the dialog had multiple options. This has been fixed to accommodate every option of every dialog. Additionally, #page-version-info is hidden.
- 16 Jan 2012 — Modified #account-options to hide everything except Settings and Sign out, since Activities were added. Border color for DarkBrand top bar changed.
- 01 Jan 2012 — Added compatibility definitions for border-radius in #top-bar li ul.
- 30 Dec 2011 — Added no side bar support. Fixed margin bug in Site Manager.
- 29 Dec 2011 — Modified the .owindow classes to be more fancy.
- 28 Dec 2011 — Amended color mismatch for buttons on MagmaBrand. Amended owindow button bar text color mismatch. Fire, Thunder, Wind, Ice, Water, Aether, Earth, Dark, and Light added.
- 27 Dec 2011 — WebBrand Themes started. Generic, Metal, and Magma added.
Similar themes |
Browse themes by tag
artimonier
beige
black
blog
blue
bmc
brown
business
clean
colorful
company
corperate
corporate
css3
curved
dark
dashed
developer
education
educational
flexible
floral
flower
freshly-squeezed
glass
green
grey
grunge
light
minimalist
modern
monobook
nature
no-sidebar
no-topbar
orange
outline
paper
pink
professional
rainbow
red
series
sidebar
simple
topbar
white
wide
wiki
yellow
|
Very nice set, it looks like you spent a lot of time with the detail meter set to high, very nice. That being said, I did find the rounded corners of the dark version to be slightly inconsistent in Mozilla and I.E. (I really wish all browsers would just agree to 100% W3C standards).
In the image below the first one is Chrome.. perfect
The next is FF; the corners are a bit fuzzy and although it does not show well here, when viewing the entire site it really stands out. I also noticed that the menu text is a little off compared to chrome, there's a few pixels space above the text than below.
The last image is taken from I.E. and the corners are a little fuzzy.
My nitpicks are lightly given though, the set is really quite clean and pro looking.
Atheism Blog
Thanks for the feedback! I'm glad you like it.
Thanks for your nitpicking though; after working at it so long, it becomes tough to find the little things. Before, I had not realized that the corners were fuzzy, but now that I know about them, it's actually hard to miss! Firefox does do some weird things with round corners, I've noticed; for instance, when rounding thicker borders it creates these weird gaps which are, unfortunately, due to a limitation on Mozilla's side. At least we have Google Chrome :D
I tried changing the top bar's border color for the DarkBrand theme, which seems to alleviate the problem on FF. I'll need to check on Chrome and IE when I get access to those.
— Blog ~ Life's Handbook ~ Wikidot Design & Development