bLADE Wiki: Style

Make your wiki pages look the way you want them! 

Use CSS

The appearance of the wiki pages is controlled using a CSS stylesheet. To change how your wiki looks, just edit the CSS sheet.

This is incredibly powerful, and lets you change the whole wiki to suit your tastes.  

Editing CSS 

A CSS editor is not provided. If you're not already familiar with CSS, I can recommend TopStyle Lite - a free program which is a good introduction to CSS editing.

Finding the CSS sheet

Desktop version

Click on Tools -> Customize wiki appearance ... to open the stylesheet being used.

The stylesheet will be located at:

C:\Documents and Settings\YourUserNameHere\Local Settings\Application Data\bLADE Wiki\wikistyle.css

(Unless you are running the wiki application from a USB memory stick.)

Mobile version

The stylesheet will be located in the directory where the application is installed.

This will probably be:

\Program Files\bLADE_Wiki\wikistyle.css

Getting you started

Desktop version 

A sample stylesheet is included in the 'windows' directory of the zip file containing the wiki

Mobile version

A sample stylesheet is installed when you run the CAB file to install the wiki.

Different styles for different tools

As it is likely that you will want different styles (especially different sizes) on a smaller screen, the two stylesheet files are not synced. 

I would recommend that you create a stylesheet geared for use on your smaller screen for the Mobile version.

That said, there is no technical reason not to use the same stylesheet for both.

Some styles you might want to try...

Make links inside the wiki look different to links that go outside the wiki

 a.external
 {
     color: Red;
 }
 a.internal
 {
     color: Blue;
 }

Highlight search results

For example, for all search terms to be highlighted with a yellow background:

.searchresult {
        background-color: yellow;
}

Or, for all search terms to be highlighted in bold red text:

.searchresult {
        color: red;
        font-weight: bold;
}

Use a vertical bar to mark out blockquotes

blockquote {
    border-left: 5px solid #ccc;
    margin-left: 1.5em;
    padding-left: 5px;
}

Show table borders

 table
 {
     border: solid thin black;
     width: 100%;   
 }
 td
 {
     border: solid thin gray;
 }

Colour in the background of a heading

 H1 {
        background-color: #000066;
        color: white;
        padding: 0.2em;
        font-family: Verdana, Arial, sans-serif;
        font-weight: bold;
        font-size: 2em;       
 }