OS/2 Warp CSS Reference

This reference demonstrates the standardized HTML structure for the OS/2 Warp theme.

Window Structure

OS/2 Reference Window

Content goes here...

<div class="window">
    <div class="title-bar">
        <div class="title-bar-left">
            <div class="system-menu"></div>
            <div class="title-bar-text">Title</div>
        </div>
        <div class="title-bar-right">
            <div class="hide-button"></div>
            <div class="max-button"></div>
        </div>
    </div>
    <div class="window-body">...</div>
</div>

Buttons

<button>Normal</button>
<button class="default">Default</button>
<button disabled>Disabled</button>

Form Controls

Settings

Checkbox Radio On

<fieldset>
    <legend>Legend</legend>
    <input type="text">
    <label><input type="checkbox" checked> Checkbox</label>
</fieldset>