lightwindow.css

質問

lightwindow.cssの中のCSSルールで「#lightwindow_overlay」とか「#lightwindow_container」などの使い方がわかりません。
このルールはこういう効果があるなどが説明されたサイトはありませんか？

例えば次のようなlightwindowを使ったHTMLを見つけたのですが

<div id="lightwindow_overlay" style="background-image: url(images/black-70.png); background-repeat: repeat; height: 797px; display: none; visibility: visible;"/>
<div id="lightwindow" style="top: 398.5px; left: 840px; display: none; visibility: visible; position: fixed;">
<div id="lightwindow_container" style="height: 250px; width: 250px; left: -125px; top: -125px; display: none; visibility: visible;">
<div id="lightwindow_title_bar">
<div id="lightwindow_title_bar_inner" style="height: 25px; margin-top: 0px; opacity: 0.999999;">
<span id="lightwindow_title_bar_title">Des courriels jOliment fous</span>
<a id="lightwindow_title_bar_close_link">Fermer</a>
</div>
</div>
<div id="lightwindow_stage">
<div id="lightwindow_contents" style="overflow: auto; height: 250px; width: 250px;">
<div id="lightwindow_loading" style="display: none;">
</div>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<script language="JavaScript">
</script>
<div align="center" style="background-image: url(/images/insc_bas.png); background-position: right bottom; background-repeat: no-repeat;">
<form id="myform" action="final.php" onsubmit="return validate_form(this);" method="get">
<table width="380" cellpadding="3" style="padding: 16px;">
<tbody>
<tr>
<td colspan="4">
<div align="center">
<img height="237" width="225" src="/images/insc_top.png"/>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div id="lightwindow_navigation" style="display: none; height: auto; width: auto;">
</div>
<div id="lightwindow_galleries" style="display: none; width: 410px;">
</div>
</div>
<div id="lightwindow_data_slide" style="height: auto; display: none; width: auto;">
</div>
</div>
</div>

いまいち何をしているのかわかりません。
よろしくお願いします。

回答No.1

yyr446

lightwindowに限らず、そのライブラリーで使われているデフォルトのCSS（themeと呼ばれる事が多い）
について、そのルールをこと細かく解説しているケースはほとんどみかけません。lightwindowの場合も、配布元のサイトに
＜引用＞
How to setup a theme
Too be honest this is no easy task. You must be very knowledgeable in XHTML/CSS and Javascript to create your own theme and animations.
と述べられているとおり、いまいち何をしているのかわからないのなら、
すなおに、サイトに記載されている正攻法の使い方にとどめておくべきです。
どうしても、カストマイズしたいなら、そのサイトからダウンロードした
jsとcssの中身を自分で研究するなり、単純パターンでテストするなり
して調べるしかないのでは？