Wiki Source CSS

You must have this page (admin:themes) on your wiki for this theme to work.

The code-box below is currently sourcing a CSS base from a preset website theme, Monodot. By editing the code-box below, you will be able to tweak the default settings of the theme. Also, there are instructions on how to easily compensate for a different sized logo (please see here first).

/***** GLOBAL HYPERLINKS *****/
a{
   color: #ffdd8a;
   text-decoration:none;
}
a:hover{
   background-color:transparent;
   text-decoration:underline;
}
a:visited {
   color: #ffb400;
}
a .newpage{
   color: #ff0033;
}
#page-content .linkout a[href^="http:"], #page-content .linkout a[href^="https:"]{
   display:inline-block;
    padding-right:14px;
    background:transparent url(http://themes.wdfiles.com/local--files/monodot/external-link-icon.png) center right no-repeat;
}
/***** END SECTION *****/
 
/***** CONTAINER & HEADER*****/
#container{
   color: #f5fffa;
   background-color: #000030;
   background-image: url(http://htrae-dnd.wikidot.com/local--files/admin:themes/header.png), url(http://htrae-dnd.wikidot.com/local--files/admin:themes/headervert);
   background-repeat: repeat-x,repeat-y;  
   background-position: initial, 100px 0px;
}
#header{
   color: #f5fffa;
   height: 20px;
}
#header h2, #header h1 a span{
   display: none;
}
#header h1 a,#header h1 a:hover{
   color: #f5fffa;
   background-color:black;
   background-image: url(http://htrae-dnd.wikidot.com/local--files/admin:themes/logo.png);
   height: 100px;   /* Change this according to logo height */
   width: 100px;
   background-repeat: no-repeat;
   margin: 0px;
   padding: 0px;
   position: absolute;
   top: 15px;
   left: 20px;
}
#login-status{
   top: 2px;
}
/***** END SECTION *****/
 
/***** OPTIONS, SEARCH, NAVI-BAR *****/
#page-options-bottom.page-options-bottom{
   position:absolute;
   top:5px;
   left:145px;
   height:20px;
   margin:0px;
   z-index:1000;
   border: 2px solid #aaa;
   border-bottom:none;
   color: #f5fffa;
   background-color:black;
}
#page-options-bottom-2.page-options-bottom{
   position:absolute;
   top:24px;
   left:145px;
   margin:0px;
   height:20px;
   z-index:1000;
   color: #f5fffa;
}
#search-top-box{
   visibility:visible;
   position: absolute;
   top: 3px;
   right: 460px;
}
#navi-bar {
   background-image: url(http://themes.wdfiles.com/local--files/monodot/navi-background.png);
   border:0;
}
#navi-bar-shadow {
   height: 24px;
}
/***** END SECTION *****/
 
/***** SIDE BAR *****/
#side-bar h1,#side-bar h2,#side-bar h3,#side-bar p,#side-bar h4,#side-bar h5,#side-bar h6{
   margin: 0px 0px 0px 5px;
   font-size: 150%;
   color: #f5fffa;   
}
#side-bar{
   padding: 0 0 0 0;
   margin-top: 100px;   /* Change this according to logo height */
   width:130px;
   border-style:none;
   font-family: sans-serif;
   color: #f5fffa;
}
#side-bar ul{
   margin: 0 0 5px 0;
   padding: 0px 0px 0px 5px;
   list-style-type: none;
   border:1px solid #aaa;
   background-color:black;
   color: #f5fffa;
}
#side-bar ul li{
   margin: 0 0 0 0;
   padding: 3px 0 3px 10px;
   text-decoration: none;
   font-size: 80%;
   background-image: url(http://themes.wdfiles.com/local--files/monodot/monodot-dot.png);
   background-repeat: no-repeat;
   background-position: center left;
   color: #f5fffa;
}
/***** END SECTION *****/
 
/********* Change these values depending on the size of your logo (DELETE THIS LINE).
#header h1 a,#header h1 a:hover{
background-image: url(/local--files/admin:themes/logo.png);
height:100px; /**** Height of your logo in pixels ****/
width:100px; /**** Width of your logo in pixels ****/
}
 
#side-bar{
   margin-top: 80px; /**** Height of your logo in pixels minus about 20 ****/
   width:100px; /**** Width of your logo in pixels ****/
   color: #f5fffa;
}
 
#main-content{
   margin-left:107px; /**** Width of your logo in pixels plus 7 ****/
   margin:5px 0px 0 143px;
   border:2px solid #aaa;
   font-family: sans-serif;
   color: #f5fffa;
   background-color:black;
 
}
 
#page-content h1{
   border-bottom:1px solid gray;
   color: #f5fffa;
}
 
#page-options-bottom.page-options-bottom, #page-options-bottom-2.page-options-bottom{
   left:143px; 
/**** May need to be increased past 145 pixels if your logo is more than
/**** 145 pixels wide but be careful of visitors that use smaller screens (experiment) ****/
}
(DELETE THIS LINE) *********/