#top-bar {
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
background: url("http://rhombusproductions.wdfiles.com/local--files/themes%3Ared-black/top-bar.png") repeat scroll 0 0 transparent;
bottom: -25px;
height: 60px;
left: 0;
line-height: 60px;
margin: auto;
position: relative;
width: 950px;
}
a{
text-decoration: none;
color: #000;
}
a:hover{
text-shadow: 1px 1px 0 #fff;
text-decoration: underline;
background: none;
}
#top-bar a:hover{
/*background: #d50000;*/
background: transparent;
text-decoration:none;
height: 54px;
color: #000;
text-shadow: 0 0 5px #fff;
}
body{
background: #aaa;
}
#top-bar a{
color: #fff;
text-shadow: -1px -1px 0 #444;
font-family: arial;
text-decoration: none;
font-size: 12px;
}
#content-wrap{
width: 950px;
background: #e7e7e7;
border: 1px solid #aaa;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-moz-box-shadow: 3px 0 10px #6d6d6d;
-webkit-box-shadow: 3px 0 10px #6d6d6d;
box-shadow: 3px 0 10px #6d6d6d;
margin: auto;
margin-top: 26px;
}
#side-bar{
background: #eee;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
border-radius-bottomright: 10px;
}
#top-bar li ul li a {
background: #222;
color: #999;
width: 100%;
height: 25px;
line-height: 25px;
text-shadow: 0 0 0;
}
#top-bar li ul li a:hover {
background: #222;
color: #eee;
width: 100%;
height: 25px;
line-height: 25px;
text-shadow: 0 0 0;
}
#top-bar li ul {
border: none;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
background: #222;
top: 60px;
}
#header{
width: 950px;
height:125px;
margin: auto;
}
#header h1{
top: 25px;
}
#header h1 a {
color: #2A2A2A;
font-size: 40px;
letter-spacing: 1px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
h2 {
font-size: 90%;
font-weight: lighter;
text-shadow: 1px 1px 0 #BBBBBB;
}
div.buttons input, input.button, button, file, a.button {
background-image: -moz-linear-gradient(top, #eee, #888);
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#888888));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#888888');
-moz-border-radius: 3px;
-webkist-border-radius: 3px;
border-radius: 3px;
border: 1px solid #555;
}
div.buttons input:active, input.button:active, button:active, file:active, a.button:active {
background-image: -moz-linear-gradient(top, #888, #eee);
background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#eeeeee));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#eeeeee');
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #555;
}
#login-status {
color: #555;
font-size: 75%;
overflow: visible;
position: absolute;
right: 10px;
top: 10px;
width: 180px;
z-index: 25;
}
#login-status a{
color: #555;
}
#login-status .printuser img.small {
display:none;
}
#search-top-box {
top: 160px;
}
input.text {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #eee;
color: #000;
height: 19px;
margin-right: -2px;
text-align: center;
text-shadow: 1px 1px 0 #BBBBBB;
width: 150px;
}
#search-top-box input.empty {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #999999;
color: #444444;
height: 23px;
margin-right: -2px;
text-align: center;
text-shadow: 1px 1px 0 #BBBBBB;
width: 150px;
}
#search-top-box input.button {
display: none;
}
#page-title {
border-bottom: 2px ridge #999999;
color: #000000;
font-size: 200%;
margin: 0 0 0.5em;
padding-top: 0.5em;
text-shadow: 1px 1px 0 #999999;
}
.odialog-shader{
position: fixed;
top: 0; left: 0; right:0;
width: 100%;
background:#216BFF;
opacity: .5;
background: -webkit-gradient(linear, left top, left bottom, from(#216BFF), to(#0054FB));
background: -moz-linear-gradient(top, #216BFF, #0054FB);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#216BFF', endColorstr='#0054FB');
}
.owindow {
-moz-border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 0 0 10px;
-webkist-border-radius: 10px;
-webkit-box-shadow: 0 0 10px;
background: none repeat scroll 0 0 #EEEEEE;
border: medium none;
color: #000000;
position: absolute;
text-align: left;
text-shadow: none;
width: 50em;
}
.owindow .title {
-moz-border-radius: 2px 2px 2px 2px;
background: url("http://rhombusproductions.wdfiles.com/local--files/themes%3Ared-black/top-bar.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
cursor: move;
font-size: 120%;
font-weight: bold;
height: 20px;
padding: 0.5em 1em;
text-shadow: -1px -1px 0 #000000;
}
/*Multi Level Menus, uncomment to enable. note: not compatible with ie7 or below */
/*
html body#html-body div#container-wrap-wrap div#container-wrap div#container div#header div#top-bar ul li ul li ul li ul {
margin-left: 11px;
margin-top: -29px;
background: #444;
}
#top-bar ul ul ul
{
position: absolute;
left: 99%;
}
#top-bar ul ul
{
position: absolute;
z-index: 500;
}
div#top-bar ul ul {
display: none;
}
div#top-bar ul li.sfhover ul
{
display: block;
}
div#top-bar ul ul, div#top-bar ul li.sfhover ul ul, div#top-bar ul ul li.sfhover ul ul
{
display: none;
}
div#top-bar ul li.sfhover ul, div#top-bar ul ul li.sfhover ul, div#top-bar ul ul ul li.sfhover ul
{
display: block;
}
*/
Nice theme!
I saw this on your website about a week ago and was impressed then. Glad to see that you're posting it for everyone else to use :)
I have a few themes that I created years ago for Wikidot - but for the most part they're crap :) Maybe I should "release" them anyway, so that others can improve them.
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, made for Wikidot users (available early 2023)
Thanks leiger, glad you like it :)
also, im trying to decided if i should make different version in different colors, like blue or green.
go ahead and release them, that can only help. I have some themes that i released that i didn't think where that great or where purely experimental (Phantom for example, ) and apparently lots of people like it, so go ahead and post them, let people take a look :)
Hi am trying to make a school website for my school club however it wont show the sidebar even though I just copied and pasted the same code on this page. I have it as a custom theme with both navbars checked for use.
I have the same problem for some of my other sites as well. Not to mention every couple of days my site looks like the blank theme. Is there something that I am missing in the Site CSS or is it a bug?
StikiHosting | Wikidot Support Mentor | Icon Deposit Profile | Entrepreneur | Investor