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>
<div class="window flat"> ... </div> <div class="window flat shadow"> ... </div>