Skip to main content
style1.png
List of CSS Styles in use on this Wiki

Info A WikiAdmin can add additional styles to the Ogre Wiki Stylesheet upon request.

Frequently Asked
faq.jpg

To use those styles in your BOX and DIV tags, put the name of the style into the 'class' parameter, like this:

Copy to clipboard
contents of your box


The List of Wiki Styles:

Layout_box1:

Layout_box1
Layout_box1 in a Box
Layout_box1

Layout_box2:

Layout_box2
Layout_box2 in a Box
Layout_box2

Layout_box3:

Info Old Layout_box3 is the same as Layout_box2 - not ported.

Layout_box4:

Layout_box4
Layout_box4 in a Box
Layout_box4

Layout_box5:

Layout_box5
Layout_box5 in a Box
Layout_box5

Layout_box6:

Layout_box6
Layout_box6 in a Box
Layout_box6

Layout_box7:

Layout_box7
Layout_box7 in a Box
Layout_box7

Layout_box8:

Layout_box8
Layout_box8 in a Box
Layout_box8

Layout_box9:

Layout_box9
Layout_box9 in a Box
Layout_box9

Layout_box10:

Layout_box10
Layout_box10 in a Box
Layout_box10

Layout_box11:

Layout_box11
Layout_box11 in a Box
Layout_box11

Layout_box12:

Layout_box12
Layout_box12 in a Box
Layout_box12

Layout_box13:

Layout_box13
Layout_box13 in a Box
Layout_box13

clearRight

I am floated to the right
I am floated to the right
Me too!
Me too!
Most often used for images aligned to the right, especially several images.
Copy to clipboard
{DIV(class="clearRight")}{IMG(fileId="1691", stylebox="border", desc="I am floated to the right")}{IMG}{DIV} {DIV(class="clearRight")}{IMG(fileId="1691", stylebox="border", desc="Me too!")}{IMG}{DIV}

Layout_box_m1:

{DIV(class="Layout_box_m1")}Layout box m1{DIV} {BOX(title="Layout_box_m1 in a Box",class="Layout_box_m1")}Layout_box_m1{BOX}

Layout_box_m2:

{DIV(class="Layout_box_m2")}Layout box m2{DIV} {BOX(title="Layout_box_m2 in a Box",class="Layout_box_m2")}Layout_box_m2{BOX}

LayoutBox_MogreAddon:

{DIV(class="LayoutBox_MogreAddon")}LayoutBox_MogreAddon{DIV} {BOX(title="LayoutBox_MogreAddon in a Box",class="LayoutBox_MogreAddon")}LayoutBox_MogreAddon{BOX}

MogreAddon:

{DIV(class="MogreAddon")}MogreAddon{DIV} {BOX(title="MogreAddon in a Box",class="MogreAddon")}MogreAddon{BOX}

todo_box:

{DIV(class="todo_box")}todo_box{DIV} {BOX(title="todo_box in a Box",class="todo_box")}todo_box{BOX} Info This box is actually floated to the right, so just set the appropriate property on you BOX or DIV, if you want it to float. Like this: {CODE()}{DIV(class="todo_box", float="right")}todo{DIV}{CODE}

BloodyMess:

{DIV(class="BloodyMess")}BloodyMess{DIV} {BOX(title="BloodyMess in a Box",class="BloodyMess")}BloodyMess{BOX}

achtung:

{DIV(class="achtung")}achtung{DIV} {BOX(title="achtung in a Box",class="achtung")}achtung{BOX} Info Taken from the old 'inuse' template.

nxOgre_box1

{DIV(class="nxOgre_box1")}nxOgre_box1{DIV} {BOX(title="nxOgre_box1 in a Box",class="nxOgre_box1")}nxOgre_box1{BOX}

NxOgre_logo:

{IMG(src="img/wiki_up/NxOgreLogoLarge.png" class="NxOgre_logo")}{IMG}

NxOgre_headline

{DIV(class="NxOgre_headline")}NxOgre_headline{DIV}

NxOgre_intro

{DIV(class="NxOgre_intro")}NxOgre_intro{DIV}

NxOgre_h3_grey

{DIV(class="NxOgre_h3_grey")}NxOgre_h3_grey{DIV}

NxOgre_h3_black

{DIV(class="NxOgre_h3_black")}NxOgre_h3_black{DIV}

nxOgre_sup

{DIV(class="nxOgre_sup")}nxOgre_sup{DIV}

big

{DIV(class="big")}big{DIV}

bigBold

{DIV(class="bigBold")}bigBold

Bloody_box1

Bloody_box1
Bloody_box1 in a Box
Bloody_box1

Bloody_box2

Bloody_box2
Bloody_box2in a Box
Bloody_box2

Spacegaier_box1

Spacegaier_box1
Spacegaier_box1 a Box
Spacegaier_box1

Mogre_porting_header

Mogre_porting_header

Mogre_porting_cpp

Mogre_porting_cpp

Mogre_porting_cs

Mogre_porting_cs

Small

Small

freshGreen

freshGreen
freshGreen in a Box
freshGreen

padded

Use this class to pad an image or a div by 8px.

paddedCenter

Use this class to pad an image or a div by 8px and vertical align it at the center.

paddedTop

Use this class to pad an image or a div by 8px and vertical align it at the top.

trackerBox

trackerBox
trackerBox in a Box
trackerBox
{DIV}