Windowcomponent

Active window

Window caption
Window content

Window with shadow

Window caption
Window content

Inactive window

Window caption
Window content

Window definition

To manual creating window use next html structure:

<div class="window">
    <div class="caption">
        <span class="icon icon-windows"></span> //window icon, also you can use img tag
        <div class="title">Window caption</div> // window title
        <button class="btn-min"></button> // minimize button
        <button class="btn-max"></button> // maximize button
        <button class="btn-close"></button> // close button
    </div>
    <div class="content">
        Window content
    </div>
</div>

To set inactive mode, you can add subclass inactive to div with class window

<div class="window inactive">
...
</div>

To set shadow for window, you can add subclass shadow to div with class window

<div class="window shadow">
...
</div>

Flat Window

Window caption
Window content
Window caption
Window content
<div class="window flat">
...
</div>

<div class="window flat shadow">
...
</div>