History: Wiki Styles

            {BOX(width="100%",class="Layout_box_m2")}{SPLIT(colsize=10%|70%)}{IMG(fileId="1727",imalign="left")}{IMG}
---
{DIV(class="bigBold")}List of CSS Styles in use on this Wiki{DIV}
{DIV(class="Small")}%info% A WikiAdmin can add additional styles to the Ogre Wiki Stylesheet upon request.{DIV}
{SPLIT}{BOX}

{TRANSCLUDE(page="faqbox")}To use those styles in your BOX and DIV tags, put the name of the style into the '''class''' parameter, like this:
{CODE()}{DIV(class="Layout_box1")}contents of your box{DIV}{CODE}
{TRANSCLUDE}

{TRANSCLUDE(page="seebox")}((Wiki Boxes))
((Wiki Divs)){TRANSCLUDE}

{CUT(colsize=50%|50%)}
{DIV(class="Layout_box6")}
!!The List of Wiki Styles:

{maketoc showhide="y"}

!!!Layout_box1:
{DIV(class="Layout_box1")}Layout_box1{DIV}
{BOX(title="Layout_box1 in a Box",class="Layout_box1")}Layout_box1{BOX}

!!!Layout_box2:
{DIV(class="Layout_box2")}Layout_box2{DIV}
{BOX(title="Layout_box2 in a Box",class="Layout_box2")}Layout_box2{BOX}

!!!Layout_box3:
%note% Old Layout_box3 is the same as Layout_box2 - not ported.

!!!Layout_box4:
{DIV(class="Layout_box4")}Layout_box4{DIV}
{BOX(title="Layout_box4 in a Box",class="Layout_box4")}Layout_box4{BOX}

!!!Layout_box5:
{DIV(class="Layout_box5")}Layout_box5{DIV}
{BOX(title="Layout_box5 in a Box",class="Layout_box5")}Layout_box5{BOX}

!!!Layout_box6:
{DIV(class="Layout_box6")}Layout_box6{DIV}
{BOX(title="Layout_box6 in a Box",class="Layout_box6")}Layout_box6{BOX}

!!!Layout_box7:
{DIV(class="Layout_box7")}Layout_box7{DIV}
{BOX(title="Layout_box7 in a Box",class="Layout_box7")}Layout_box7{BOX}

!!!Layout_box8:
{DIV(class="Layout_box8")}Layout_box8{DIV}
{BOX(title="Layout_box8 in a Box",class="Layout_box8")}Layout_box8{BOX}

!!!Layout_box9:
{DIV(class="Layout_box9")}Layout_box9{DIV}
{BOX(title="Layout_box9 in a Box",class="Layout_box9")}Layout_box9{BOX}

!!!Layout_box10:
{DIV(class="Layout_box10")}Layout_box10{DIV}
{BOX(title="Layout_box10 in a Box",class="Layout_box10")}Layout_box10{BOX}

!!!Layout_box11:
{DIV(class="Layout_box11")}Layout_box11{DIV}
{BOX(title="Layout_box11 in a Box",class="Layout_box11")}Layout_box11{BOX}

!!!Layout_box12:
{DIV(class="Layout_box12")}Layout_box12{DIV}
{BOX(title="Layout_box12 in a Box",class="Layout_box12")}Layout_box12{BOX}

!!!Layout_box13:
{DIV(class="Layout_box13")}Layout_box13{DIV}
{BOX(title="Layout_box13 in a Box",class="Layout_box13")}Layout_box13{BOX}

!!!clearRight
{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}
Most often used for images aligned to the right, especially several images.
{CODE(wrap="1")}{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}{CODE}
{DIV}
---
{DIV(class="Layout_box6")}
!!!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}
%note% 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}
%note% 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{DIV}

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

!!!Bloody_box2
{DIV(class="Bloody_box2")}Bloody_box2{DIV}
{BOX(title="Bloody_box2in a Box",class="Bloody_box2")}Bloody_box2{BOX}

!!!Spacegaier_box1
{DIV(class="Spacegaier_box1")}Spacegaier_box1{DIV}
{BOX(title="Spacegaier_box1 a Box",class="Spacegaier_box1")}Spacegaier_box1{BOX}


!!!Mogre_porting_header
{DIV(class="Mogre_porting_header")}Mogre_porting_header{DIV}

!!!Mogre_porting_cpp
{DIV(class="Mogre_porting_cpp")}Mogre_porting_cpp{DIV}

!!!Mogre_porting_cs
{DIV(class="Mogre_porting_cs")}Mogre_porting_cs{DIV}

!!!Small
{DIV(type="span", class="Small")}Small{DIV}

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


!!!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
{DIV(class="trackerBox")}trackerBox{DIV}
{BOX(title="trackerBox in a Box",class="trackerBox")}trackerBox{BOX}
{DIV}
{CUT}