Wurve

Click to preview

Name: Wurve

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

Tags: clean corperate curved grey modern no-sidebar professional topbar white wide wiki

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

Description:

Wurve is a nice design that will give your wiki a clean professional look. It has a full width content area so you can write as much as you want in there and it won't get cluttered. The theme features rounded corners on the text area and a nice glow effect in the footer for the links. Internet Explorer users will not see the rounded corners however because it doesn't support the CSS3 code for it, so for them it will just be boxed. It's best view in FireFox, but is compatible with other major browsers. This theme is only designed to use the top bar. A side bar version may come out soon. This theme is also compatible with the Admin section (See notes).

Check out the full image preview 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/wurve

Code

+ show the code

/* Wurve Wikidot Theme by Cyrem */
/* ===== www.vexgfx.com =====*/
 
body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
background:none repeat scroll 0 0 #3D4054;
}
 
h1, h2, h3, h4, h5, h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
 
#container-wrap-wrap  {
    background:none repeat scroll 0 0 #FFFFFF;
}
 
#header h1 {
    padding-top:15px;
    height:48px;
}
 
#header h1 a{
    color: #fff;
    font-size:0;
}
 
#header h1 a:hover{
    background:transparent;
}
 
#header h2 {
    color: #FFFFFF;
    display: block;
    left: 315px;
    position: absolute;
    top: 32px;
}
 
#footer {
background:url("/local--files/wurve/BottomBG.jpg") repeat-x scroll 0 0 transparent;
color:#FFFFFF;
float:right;
min-height:37px;
margin-top:22px;
padding-right:10px;
padding-top:32px;
position:absolute;
right:0;
text-align:right;
width:100%;
}
 
#footer a {
color:#c4cbeb;
text-decoration:none;
background:transparent;
}
 
#footer a:hover {
text-shadow:0 0 8px #FFFFFF;
border-bottom: 1px dotted #c4cbeb;
}
 
#footer .options {
float:none;
font-size:10px;
}
 
#main-content  {
margin-left:2%;
margin-right:2%;
border:1px solid #ececec;
background-color:#f6f6f6;
-moz-border-radius:10px;
-webkit-border-radius:10px; 
-khtml-border-radius:10px; 
border-radius:10px;
}
 
#container {
background: url("/local--files/wurve/TopBG.jpg") repeat-x;
padding-top:35px;
height:100%;
height:auto;
min-height:100%;
}
 
#top-bar  {
border-bottom:1px solid #e4e4e4;
border-top:1px solid #e4e4e4;
height:20px;
margin-right:auto;
margin-top:20px;
width:98%;
z-index:0;
position:inherit;
right:0px;
}
 
#login-status  {
right:40px;
text-align:right;
top:85px;
width:400px;
}
 
#login-status  a{
color:#000000;
text-decoration:none;
}
 
#account-topbutton {
border: 0px;
background: transparent;
}
 
.printuser {
color:#737A99;
font-weight:bold;
}
 
.printuser img.small {
display:none;
}
 
#header  {
margin-left:2%;
}
 
#search-top-box input.text {
background:url("/local--files/wurve/search.png") no-repeat scroll 0 0 transparent;
border:0 solid #BEC2D6;
color:#000000;
height:20px;
margin:0 24px;
padding-left:8px;
padding-right:10px;
width:150px;
}
 
#search-top-box input.button
{
display: none;
}
 
#license-area  {
color:#BABABA;
}
 
#license-area a {
color:#7f86a9;
text-decoration:none;
background:transparent;
}
 
#license-area a:hover {
color:#000000;
border-bottom: 1px dotted #7f86a9;
}
 
a
{
color:#7f86a9;
text-decoration:none;
}
 
a:hover {
border-bottom: 1px dotted #7f86a9;
text-decoration:none;
background:transparent;
}
 
#action-area {
-moz-border-radius:10px;
background:none repeat scroll 0 0 #E8E8E8;
margin-bottom:15px;
}
 
#content-wrap {
margin-top:20px;
}
 
.page-options-bottom {
border-bottom:1px solid #DFDFDF;
border-top:1px solid #DFDFDF;
}
 
#site-manager-menu li a.active {
background-color:#E9E9E9;
}
 
#top-bar li a:hover {
text-decoration:none;
}
 
#top-bar li ul li a {
color: #7F86A9;
}
 
#top-bar li ul li a:hover {
background-color:#EEEEEE;
}
 
#account-options li a {
border-bottom:0 solid;
color:#7F86A9;
text-align:center;
}
 
#account-options li a:hover {
background:none repeat scroll 0 0 #EEEEEE;
}
 
#account-options {
border:1px solid #EEEEEE;
}

Notes

Issues:

There is one issue with the theme, that has an easy fix. Because there is no License area in the Admin section, there is a see-through spot. You can fix this by creating another custom theme and inserting this code:

+ show block

/* Wurve Wikidot Theme by Cyrem */
/* ===== www.vexgfx.com =====*/
body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
background:none repeat scroll 0 0 #3D4054;
}

h1, h2, h3, h4, h5, h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header h1
{
padding-top:15px;
background:url("/local--files/wurve/logo.png") no-repeat;
height:48px;
}

#header h2
{
display: none;
}

#container-wrap-wrap  {
background:none repeat scroll 0 0 #FFFFFF;
}

#header h1 a{
color: transparent;
font-size:0;
}

#header h1 a:hover{
background:transparent;
}

#footer {
background:url("/local--files/wurve/BottomBG.jpg") repeat-x scroll 0 0 transparent;
color:#FFFFFF;
float:right;
min-height:37px;
margin-top:0;
padding-right:10px;
padding-top:32px;
position:absolute;
right:0;
text-align:right;
width:100%;
}

#footer a {
color:#c4cbeb;
text-decoration:none;
background:transparent;
}

#footer a:hover {
text-shadow:0 0 8px #FFFFFF;
border-bottom: 1px dotted #c4cbeb;
}

#footer .options {
float:none;
font-size:10px;
}

#main-content  {
margin-left:2%;
margin-right:2%;
border:1px solid #ececec;
background-color:#f6f6f6;
-moz-border-radius:10px;
-webkit-border-radius:10px; 
-khtml-border-radius:10px; 
border-radius:10px;
}

#container {
background: url("/local--files/wurve/TopBG.jpg") repeat-x;
padding-top:35px;
height:100%;
height:auto;
min-height:100%;
}

#top-bar  {
border-bottom:1px solid #e4e4e4;
border-top:1px solid #e4e4e4;
height:20px;
margin-right:auto;
margin-top:20px;
width:98%;
z-index:0;
position:inherit;
right:0px;
}

#login-status  {
right:40px;
text-align:right;
top:85px;
width:400px;
}

#login-status  a{
color:#000000;
text-decoration:none;
}

#account-topbutton {
border: 0px;
background: transparent;
}

.printuser {
color:#737A99;
font-weight:bold;
}

.printuser img.small {
display:none;
}

#header  {
margin-left:2%;
}

#search-top-box input.text {
background:url("/local--files/wurve/search.png") no-repeat scroll 0 0 transparent;
border:0 solid #BEC2D6;
color:#000000;
height:20px;
margin:0 24px;
padding-left:8px;
padding-right:10px;
width:150px;
}

#search-top-box input.button
{
display: none;
}

#license-area  {
color:#BABABA;
}

#license-area a {
color:#7f86a9;
text-decoration:none;
background:transparent;
}

#license-area a:hover {
color:#000000;
border-bottom: 1px dotted #7f86a9;
}

a
{
color:#7f86a9;
text-decoration:none;
}

a:hover {
border-bottom: 1px dotted #7f86a9;
text-decoration:none;
background:transparent;
}

#action-area {
-moz-border-radius:10px;
background:none repeat scroll 0 0 #E8E8E8;
margin-bottom:15px;
}

#content-wrap {
margin-top:20px;
}

.page-options-bottom {
border-bottom:1px solid #DFDFDF;
border-top:1px solid #DFDFDF;
}

#site-manager-menu li a.active {
background-color:#E9E9E9;
}

#top-bar li a:hover {
text-decoration:none;
}

#top-bar li ul li a {
color: #7F86A9;
}

#top-bar li ul li a:hover {
background-color:#EEEEEE;
}

#account-options li a {
border-bottom:0 solid;
color:#7F86A9;
text-align:center;
}

#account-options li a:hover {
background:none repeat scroll 0 0 #EEEEEE;
}

#account-options {
border:1px solid #EEEEEE;
}

Afterwards Apply this theme to the Admin area only.

Images:

If you want the logo PSD. Download it here. If you want me to change the logo text for you, just ask me.

Similar themes n2s-rpc-theme Author: Nobody 2 Rating: 0, Comments: 0 Tags: sidebar topbar Catsville Author: Weird_Blockz Rating: 2, Comments: 0 Tags: cat sidebar silly 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

rhombus p 07 Mar 2010 23:33

i love this theme! its very nice and clean. good job!

---

Cyrem 08 Mar 2010 08:09

Glad you like it, cheers. :D

---

leiger 12 Mar 2010 22:29

Also like the theme. Good job.

I wouldn't mind a variation that uses the sidebar however. That's the only reason I haven't replaced my blog's theme with this one.

---

~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, made for Wikidot users (available early 2023)

Cyrem 14 Mar 2010 02:40

Thanks for your response. I am planing a sidebar version as well a nice forum theme for this design.

Sidebar Done! : Go Here.

---

Last edited on 14 Mar 2010 03:28 by Cyrem Show more

Whane The Whip 03 Dec 2010 21:35

This theme still displays the sidebar when plugging in the url above

leiger 11 Dec 2010 00:29

Try removing "nav:side" from the Appearance > Navigation Elements page.

---

~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, made for Wikidot users (available early 2023)

header problem

cmbarton54 29 Jul 2013 22:51

I like this theme and am now using it. But out of the box, it displays a logo "Wurve Theme" instead of the name of the Wiki. I fixed it with this code:

#header h1
{
padding-top:15px;
height:48px;
}

#header h2
{
display: none;
}

#container-wrap-wrap {
background:none repeat scroll 0 0 #FFFFFF;
}

#header h1 a{
color: #FFFFFF;
text-shadow:2px 2px 3px #000000;
font-size:1.5em;
}

It still doesn't show the tagline but at least it shows the name of the Wiki.

Michael Barton

Re: header problem

RobElliott 30 Jul 2013 06:15

The tagline won't display because you've prevented it displaying with

#header h2 {
    display: none;
}

So remove that and make sure you've added the tagline into your _admin page and it will display. But depending on it's original settings you might need to re-position it.

---

Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

cmbarton54 30 Jul 2013 17:30

This is the way the theme comes. I had not yet changed that part.

I guessed that header h2 displayed the tagline but had not tested it yet. Do I just remove the entire header h2 block, the "none", or do I add something about font size?

Thanks
Michael

RobElliott 30 Jul 2013 18:21

If you just remove the whole rule from your css it places the #header h2 tagline in a strange place related to the blue container background and the top bar. So I suggest you first of all add your tagline so you can see what the effect is as you change the different values, then set it to:

#header h2 {
    color: #FFFFFF;
    display: block;
    left: 315px;
    position: absolute;
    top: 32px;
}

and adjust as necessary.

---

Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

Last edited on 30 Jul 2013 18:28 by RobElliott Show more

cmbarton54 01 Aug 2013 15:53

Thanks. I haven't had a chance to test yet, but will do so. Should these fixes be ported back into the theme available at Wikidot for others?

RobElliott 01 Aug 2013 18:47

Normally that would be for the creator of the theme to do. Not least because it affects all sites already using the theme via the method above. But in this case removing the ability for users to have a tagline (without adding their own CSS changes) is a strange design choice. So I have added in the code for the tagline. I have also removed the image in the #header h1 which puts the "Wurve Theme" text in, as that is not good and no-one other than the theme creator will want it.

---

Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

cmbarton54 09 Aug 2013 18:18

Thanks much. I wonder if this theme was ported from somewhere else and that was the problem.

I tested the stock h2 code you suggested. Unfortunately, it overwrites the main site name in h1. I don't need the tag line, but to use it, it looks like it will be necessary to raise the h1 (site name) section vertically somewhat.