Monobook

Click to preview

Name: Monobook

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

Tags: education monobook sidebar simple topbar wiki

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

Description:

The Monobook theme is an attempt to emulate the feel of the Monobook skin on the Wikidot platform.

UPDATE: September 15, 2009

• Removed bullets on the Wikidot editor in creating threads and posts in built-in forums.

Features:

• Allows static text to be placed below the page title
• Allows static text to be placed above the top bar -OR- allows randomized text to be placed above the top bar
• Allows up to two level nesting for the top bar

Warning:

• This theme disables the placement of [[module Search]] in the main section nor the ability to search content in the built-in forums.

Visit http://monobook.wikidot.com/ for more information. For a preview, visit http://monobook.wikidot.com/preview:index.

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/monobook

Code

+ show the code

/*********************************************
* Monobook Design
* by Fereal
* http://monobook.wikidot.com/
*********************************************/
 
/***** GLOBAL HYPERLINKS *****/
a{
    color: #002bb8;
    text-decoration:none;
}
 
a:hover{
    background-color:transparent;
    text-decoration:underline;
}
 
a:visited {
    color: #5a3696;
}
 
a .newpage{
    color: #772233;
}
 
/***** HEADER AREA *****/
#header{
    height: 36px;
}
 
#header h2, #header h1 a span{
    display: none;
}
 
#header h1 a,#header h1 a:hover{
    background-color: transparent;
    background-image: url();
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 2px;
    left: 4px;
}
 
#login-status{
    top: 2px;
}
 
#account-options{
    font-size: 80%;
}
 
/***** GLOBAL SEARCH BAR *****/
#search-top-box{
    top: 350px;
    left: 9px;
    font-size: 0.82em;
    width: 122px;
    display: none;
}
 
#search-top-box-input{
    width: 122px;
}
 
#search-top-box-form input.button{
    position:absolute;
    left: 37px;
    top: 20px;
    width: 5em;
}
 
/***** MODULE SEARCH BAR *****/
#side-bar .search-box{
    font-size: 0.82em;
}
 
#side-bar .search-box .search-results,
#side-bar .search-box .pager{
    display: none;
}
 
#side-bar .search-box #search-form .text{
    width: 122px;
}
 
#side-bar .search-box #search-form .button{
    position: relative;
    top: 2px;
}
 
#side-bar .search-box .query-area,
#side-bar .search-box .query-area #search-form div{
    margin: 0;
    padding: 0;
    border: none;
}
 
#page-content .search-box .query-area #search-form div{
    display: none;
}
 
/***** PAGE TITLE *****/
#page-title{
    font-size: 180%;
}
 
/***** BREADCRUMBS *****/
#breadcrumbs{
    display: none;
}
 
/***** TOP MENU *****/
 
#top-bar{
    left: 163px;
    right:auto;
    font-size: 85%;
    margin-bottom: -1px;
    font-family:sans-serif;
    text-transform: lowercase;
    width:800px;
}
 
/*** FIRST LEVEL ***/
#top-bar ul a{
    border: 1px solid #aaa;    
    background-color: #FCFCFC;
}
 
#top-bar ul strong a{
    border: 1px solid #fabd23;
    border-bottom:1px solid white;
}
 
#top-bar ul li a.wiki-standalone-button{
    border: 1px solid #aaa;
}
 
#top-bar ul li:hover a{
    text-decoration: none;
    background-color: #fff;
    border-bottom: 1px solid white;
}
 
/*** SECOND LEVEL ***/
#top-bar ul li.sfhover ul{
    width: 129px;
    border: 1px solid silver;
    background-color: #FFF;    
}
 
#top-bar ul li.sfhover ul li{
    height:16px;
}
 
#top-bar ul li.sfhover ul li.sfhover{
    height:16px;
}
 
#top-bar ul li.sfhover ul a{
    width: 105px;
    font-weight: normal;
    background-color: white;
    border-style: none;
}
 
#top-bar ul li.sfhover ul li:hover a{
    background-color: #f5f5f5;
}
 
#top-bar ul li.sfhover ul li.sfhover {
    width: 105px;
    font-weight: normal;
    background-color: white;
}
 
/*** THIRD LEVEL ***/
#top-bar ul li ul li ul{
    display: none;
}
 
#top-bar ul li.sfhover ul li.sfhover ul {
    display: block;
    position:relative;
    left: 125px;
    top: -17px;
}
 
#top-bar ul li.sfhover ul li.sfhover ul li a{
    background-color: #fff;
}
 
#top-bar ul li.sfhover ul li.sfhover ul li:hover a{
    background-color: #f5f5f5;
}
 
/***** SIDE BAR *****/
#side-bar{
    margin-top: 127px;
    vertical-align:top;
    width: 11.3em;
    padding: 3px .5em 0 0;
}
 
#side-bar p{
    margin: 1em 0 1em;
}
 
#side-bar h1{
    font-size: 95%;
    font-family: sans-serif;
    margin: -0.3em 0 -1em 0.6em;
    text-transform: lowercase;
    padding-bottom: 0px;
}
 
#side-bar h2{
    margin: 0;
    padding: 0;
    position: absolute;
    width:600px;
    top: 2px;
    left: 157px;
    z-index: 30;
    font-size: 0.82em;
    font-style: italic;
    font-weight: normal;
}
 
#side-bar h2 a{
    font-weight: bold;
}
 
#side-bar h3{
    margin: 0;
    position: absolute;
    width:600px;
    top: 81px;
    left: 170px;
    font-family:sans-serif;
    font-size: 90%;
}
 
#side-bar p, #side-bar ul{
    margin-left: 0;
    font-size: 85%;
    font-family: sans-serif;
    background-color: #ffffff;
    padding: 4px 4px 4px 6px;
    border: 1px solid #aaa;
    line-height: 19px;
}
 
#side-bar ul{
    list-style-type: none;
    margin-top: 11px;
    margin-bottom: 10px;
    padding-left: 8px;
}
 
#side-bar ul li{
    text-decoration: none;
    padding-left: 17px;
    background-image: url(http://pgiwiki.wikidot.com/local--files/side:files/monobook-dot.png);
    background-repeat: no-repeat;
    background-position: center left;
}
 
#side-bar p a{
    padding: 2px 0 2px 0;
}
 
#side-bar p a:hover{
    text-decoration: underline;
    background-color:transparent;
}
 
#side-bar div{
    margin-left: 0;
    background-color: #ffffff;
    border: 1px solid #aaa;
    padding: 6px 3px  6px 3px;
    text-align: center;
    margin-top: 11px;
    margin-bottom: 11px;
}
 
#side-bar div a{
    padding: 2px 0 2px 0;
}
 
#side-bar .new-page-box{
    margin-left: 0;
    font-size: 0.82em;
    background-color: #ffffff;
    padding: 4px 3px 3px 3px;
    border: 1px solid gray;
    text-align: center;
}
 
#side-bar .actions{
    font-size: 0.82em;
    border: none;
    padding: 0;
    margin: 0;
}
 
/***** CONTAINER *****/
#container{
    background-color: #f9f9f9;
    font: sans-serif;
    background-image: url();
    background-repeat: repeat-x;
    min-width: 1000px;
}
 
/***** MAIN CONTENT *****/
#main-content{
    border: 1px solid #aaa;
    border-right: none;
    background-color: #fff;
    margin-left: 156px;
    font-family: sans-serif;
}    
 
/***** GLOBAL HEADERS *****/
h1{
    border-bottom: 1px solid silver;
    padding-bottom: 3px;
    margin: 0 0 0 0;
    font-family: sans-serif;
    font-size: 140%;
}
 
h2{
    font-family: sans-serif;
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 5px;
}
 
/***** PAGE CONTENT *****/
#page-content{
    padding-top: 15px;
    line-height: 150%;
}
 
#page-content p{
    margin-top: 6px;
}
 
#page-content ul{
    margin-top: 11px;
    margin-bottom: 10px;
}
 
#page-content ul li{
    list-style-type: none;
    padding-left: 17px;
    background-image: url(http://pgiwiki.wikidot.com/local--files/side:files/monobook-dot.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
}
 
#page-content .code{
    font-size: 85%;
}
 
#page-content ul{
    padding-left:5px;
}
 
#new-thread-form ul{
    padding-left: 0;
    list-style-image:none;
    list-style-type:none;
}
 
/***** FOOTER *****/
#footer, #license-area{
    background-color: #fff;
    font-size: 85%;
}
 
#footer{
    border-top: 1px solid #fabd23;
    padding-top: 8px;
    padding-bottom: 5px;
}
 
#license-area{
    padding-bottom: 8px;
    border-bottom: 1px solid #fabd23;
    margin-bottom: 5px;
}
 
/***** PAGE OPTIONS *****/
.page-options-bottom a{
    font-size: 90%;
}
 
/***** TABLE OF CONTENTS *****/
#toc{
    border: 1px solid gray;
}
 
#toc-action-bar a{
    font-size: 90%;
}
 
/***** WIKIDOT EDITOR *****/
#edit-page-textarea{
    font-size: 80%;
    height: 500px;
}
 
/***** MISC *****/
.image-container{
    padding:0;
}
 
.page-watch-options{
    display:none;
}
 
/***** RANDOM TEXT *****/
#side-bar .list-pages-box{
    position: absolute;
    top: 0px;
    left: 157px;
    background:transparent;
    border-width:0px;
    z-index: 30;
    margin: 0;
    padding: 0;
}
 
#side-bar .list-pages-item{
    background:transparent;
    border-width:0px;
    margin: 0;
    padding: 0;
}
 
#side-bar .list-pages-item p{    
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    background:transparent;
    border-width:0px;
    width:600px;
    text-align:left;
    font-size: 0.82em;
    font-style: italic;
    font-weight: normal;
}

Notes

Notice:
The theme will not provide you with a default 150x150 logo and a gray header (like Wikipedia's). A guide for installing a logo and a header can be found at the Advance documentation.

Similar themes organic Author: Grego1888 Rating: 0, Comments: 0 Tags: sidebar topbar Semi-Trans v. 1.0 Author: Chaotic1 Rating: 0, Comments: 0 Tags: sidebar topbar transparency

Browse themes by tag articles beige black blog blue brown christmas claus clean colorful company corporate dark dashed edu education f1 floral games glass green grey grunge minimalist modern monobook music nature navy no-sidebar notepad no-topbar orange outline rainbow red reflection santa shiny sidebar simple topbar transparency water white wiki wikipedia windows woodcut yellow

Comments

Thanks!

Milhaus 1247947015|%e %b %Y, %H:%M %Z|agohover

Thanks for the style! I love simplicity and your style delivers it. But I would abandoning the top menu and move edit buttons to its position. People like me, who use Wikipedia often will find it familiar and therefore simpler.

---

Others are others and me is me.

Re: Thanks!

Fereal 1247947785|%e %b %Y, %H:%M %Z|agohover

Buttons are configured to be displayed properly when applied in the top bar, eg:

* [[button edit text="edit this page"]]
* [[button history text="view history"]]

Edit: You can read more about stand-alone buttons here:
http://www.wikidot.com/doc:wiki-syntax#toc57

---

this is a forum signature. really.

last edited on 1247948172|%e %b %Y, %H:%M %Z|agohover by Fereal + show more

Gabrys 1248105765|%e %b %Y, %H:%M %Z|agohover

The searchbox is not placed properly:

http://thumbnail.s.wdfiles.com/thumbnail/theme/monobook/500.jpg

I would position in to the top (just under an optional header image or something). Maybe not conforming to Wikipedia style, but still simple and clean.

Other than that, really nice.

---

Piotr Gabryjeluk
visit my blog

Re:

Gabrys 1248106069|%e %b %Y, %H:%M %Z|agohover

… or set display:none to the default searchbox, and explain how to put [[module Search]] to the sidebar.

Cheers

---

Piotr Gabryjeluk
visit my blog

Re:

Fereal 1248234473|%e %b %Y, %H:%M %Z|agohover

Thanks, will probably do that. It will also allow people to try it out using the default "How to Install" instruction.

---

this is a forum signature. really.

Gabrys 1249749297|%e %b %Y, %H:%M %Z|agohover

What happened to this theme? The preview shows almost no styling…

---

Piotr Gabryjeluk
visit my blog

Re:

Gabrys 1249749387|%e %b %Y, %H:%M %Z|agohover

Remove the [[code]] in the Searchbox update, so that CSS code is the first code block on the page.

---

Piotr Gabryjeluk
visit my blog

Logo

clab_melissa 1249888539|%e %b %Y, %H:%M %Z|agohover

My wiki logo isn't showing up. I'm pretty sure I followed all the instructions correctly. Can someone please provide troubleshooting tips? Thanks!

Re: Logo

pieterh 1249890521|%e %b %Y, %H:%M %Z|agohover

You've made your site 'Creativity' private, meaning no-one here can look at it to see what's wrong.

---

The Wikidot Blog | My other works