Modern Simplicity (beta)

Click to preview

Name: Modern Simplicity (beta)

Author: rhombus p
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: business modern sidebar simple topbar

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

Description:

a simple modern theme
this theme is currently in beta stages so any feedback is welcome.

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/modern-simplicity

Code

+ show the code

CSS code

body {
color: #777;
background-color:#AAAAAA;
background-image:url(http://rhombusproductions.wdfiles.com/local--files/modern-simplicity:css/eback.png);
background-repeat:repeat;
}
 
a{
color: #000;
text-decoration: none;
}
 
a:hover {
color: #aaa;
background-color: transparent;
text-decoration: none;
}
 
#content-wrap {
background:transparent none repeat scroll 0 0;
width:800px;
margin: auto;
}
 
#header h2{
display:none;
}
 
#header h1 a {
font-family:Edwardian Script ITC;
text-decoration:none;
left: 103px;
top:5px;
z-index:2;
margin-right: 45px;
font-size: 60px;
}
 
#header h1 a:hover {
background-color: transparent;
}
 
#main-content{
margin-left: 5em;
}
 
#top-bar {
background-image:url(http://rhombusproductions.wdfiles.com/local--files/modern-simplicity:css/pure-topbar.png);
background-repeat:no-repeat;
height:80px;
margin:auto;
right:0;
position:relative;
width:800px;
}
#top-bar a {
 
color:#AAAAAA;
height:80px;
margin:0;
right:0px;
 
}
 
#top-bar li{
float:right;
margin-right: 23px
}
#top-bar li a {
display:block;
height:47px;
left:0;
margin-right:-1px;
padding:29px 8px 0 8px;
right:0;
text-align:center;
text-decoration:none;
}
#top-bar a:hover {
background-image:url(http://rhombusproductions.wdfiles.com/local--files/modern-simplicity:css/top-hover.png);
background-repeat:repeat-x;
text-decoration:none;
}
 
#top-bar li ul li a {
background-color:#000000;
background-image:none;
border:medium none;
height:17px;
text-align:left;
width:155px;
padding:1px;
}
 
#page-title {
border:medium none;
color:#555555;
font-size:300%;
font-weight:bold;
margin-top:90px;
}
#side-bar {
background-image: url(http://rhombusproductions.wdfiles.com/local--files/modern-simplicity:css/side-bar.png);
background-repeat:repeat-x;
background-color: transparent;
clear:right;
float:right;
margin:88px 0 0 14px;
padding:0;
width:14em;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

Notes

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

HobStarCS 07 Nov 2009 10:32

Nice one!

---

Links on top bar are reversed in Chrome

tauk 09 Nov 2009 15:02

the links on top bar for my website appear in reverse - the last one appears first and the first one appear last.
Is it a bug or a feature?

Links on top bar are reversed in IE8, FF and Opera 10 also

tauk 09 Nov 2009 15:12

It seems the top bar contents being reversed is there in the all the above mentioned browsers also.
I have tested this with one of my sites: http://sfdv2001.wikidot.com

Re: Links on top bar are reversed in IE8, FF and Opera 10 also

rhombus p 09 Nov 2009 15:39

umm, its more of know problem. for some reason when i aligned the top bar right it reversed the order, which isn;t a huge problem, but i would like to fix it.

also, i see that your now using my Clean & simple theme, i made some changes to it it think you might like…

---