コーディネイトHTML - さぽている総合情報Wiki

<style type="text/css">
<!--
* {
margin : 0px;
padding : 0px;
}

body {
background-color : #e0eaff;
}

table {
border-color : #999999;
}
table table {
margin-top : 2px;
margin-bottom : 4px;
}

table td {
border-width : 0px;
color : #ffffff;
line-height : 0.1;
}

table table td {
padding : 2px;
color : #333333;
line-height : 1.0;
}

#user_editted_field {
background-color : #f0f8ff;
line-height : 1.4;
border-top : 1px #99ccff dotted;
border-bottom : 1px #99ccff dotted;
margin-top : 4px;
margin-bottom : 4px;
color : #333a44;
text-align : left;
position : relative;
width : 425px;
}


#user_editted_field a {
color : #006699;
}

#user_editted_field a:visited {
color : #660099;
}

#user_editted_field a:hover {
color : #ff9900;
}

h2 {
font-size : 1.2em;
text-align : left;
margin : 10px 20px;
color : #666666;
}

h2 #owner_name {
color : #003399;
}

h2 #rt_name {
color : #990000;
}

h3 {
font-size : 1em;
font-family : "Arial Black";
margin : 10px 20px;
letter-spacing : 1px;
color : #003399;
}

#cosmosphere_level {
position : absolute;
right : 20px;
top : 4px;
font-size : 0.9em;
}

#cosmosphere_level span {
font-weight : bold;
}

#top_navi {
background-color : #ddedff;
border-top : 1px #999999 dotted;
border-bottom : 1px #999999 dotted;
padding : 3px;
margin : 5px 10px;
text-align : center;
}

#top_navi a {
margin : auto 7px;
font-size : 0.8em;
}

#top_navi span {
font-size : 0.6em;
color : #ff6633;
}

#rt_view_space {
float : left;
width : 172px;
_height : 1px;
text-align : left;
margin-left : 10px;
_margin-left : 5px;
font-size : 0.8em;
padding-top : 8px;
}

#info_space {
margin-left : 192px;
margin-right : 10px;
_margin-right : 5px;
width : 221px;
}

#info_space h3 {
margin-left : 0px;
}

#info_space table {
border : 1px #999999 solid;
width : 100%;
background-color : #eeeeee;
}

#info_space table th, #info_space table td {
font-size : 0.8em;
background-color : #ffffff;
border : 1px #ccd8dd dotted;
padding : 1px 3px;
color : #333a44;
}

#info_space table th {
text-align : left;
width : 9em;
}

#info_space table#status_basic th {
width : 4.5em;
background-color : #ffeeee;
}

#info_space table#status_body th {
background-color : #eeffee;
}

#info_space table#status_collection th {
background-color : #eef8ff;
}

#info_space table#status_time th {
background-color : #ffffee;
}

#info_space table#status_other th {
width : 4.5em;
background-color : #f3f3f3;
}

#links {
font-size : 0.8em;
}

#links {
font-size : 0.8em;
}

#links div {
margin-top : 5px;
}

#links span {
font-family : "Arial Black";
float : left;
width : 4em;
color : #999999;
}

#message_table_space {
text-align : center;
}

#message_space table {
background-color : #ddedff;
border : 1px #999999 dotted;
margin : 5px auto 10px;
text-align : left;
width : 392px;
}

#message_space table td {
padding : 0px;
background-image : none;
}

#message_space table table {
width : auto;
margin : 0px 5px;
border-width : 0px;
}

#message_space table img {
display : none;
}

#message_space table td font {
font-size : 0.8em;
display : block;
width : 370px;
line-height : 1.4;
}

#msg_box {
display : none;
position : absolute;
text-align : center;
width : 422px;
background-color : #77a0cc;
border : 2px #ffffff solid;
}

#msg_box a {
color : #ffffff;
margin : 10px 7px 0px;
padding : 0px;
line-height : 1;
font-size : 24px;
}

#msg_box table {
margin : 0px auto 10px;
text-align : left;
}

#msg_box table td {
padding : 0px;
}

#msg_box table td table {
padding : 0px;
margin : 0px;
}

#menu_space ul li {
margin-left : 50px;
font-size : 0.8em;
}

#reload_space, #bbsinfo_space {
text-align : center;
margin : 10px;
}
-->
</style>

<div id="user_editted_field">

<h2><span id="owner_name">$myname</span>と<span id="rt_name">$y_name</span>の精神世界</h2>

<div id="cosmosphere_level">
<div>Lv. <span>$myLv</span></div>
<div>$loveMsg</div>
</div>

<div id="top_navi">
<a href="$itemView">思い出図鑑</a> <span>★</span>
<a href="$cosView">コスチューム</a> <span>★</span>
<a href="$hymmnosView">ヒュムノス</a> <span>★</span>
<a href="$goCity">出口</a>
</div>

[[<div id="bbsinfo_space">$bbs1_update
$bbs2_update
$bbs3_update
$bbs4_update</div>]]

<div id="rt_view_space">
$picture
<div><a href="#" onClick="if ( document.all ) msg_box.style.top=(event.clientY+body.scrollTop)+'px'; else msg_box.style.top=event.layerY+'px'; msg_box.style.display='block'; return false;">様子を見る</a></div>
</div>

<div id="info_space">
<h3>■ Status</h3>
<table id="status_basic">
<tr>
<th>友好度</th>
<td>$love2</td>
<td>$love2bar=70</td>
</tr>
<tr>
<th>体力</th>
<td>$power</td>
<td>$powerbar=70</td>
</tr>
<tr>
<th>戦闘力</th>
<td>$magic</td>
<td>$magicbar=70</td>
</tr>
<tr>
<th>練成力</th>
<td>$sens</td>
<td>$sensbar=70</td>
</tr>
</table>

<table id="status_body">
<tr>
<th>装着服</th>
<td>$costume</td>
</tr>
<tr>
<th>ボディタイプ</th>
<td>$bodytype</td>
</tr>
</table>

<table id="status_collection">
<tr>
<th><a href="$itemView">アルバム</a>は…</th>
<td>$item_number枚</td>
</tr>
<tr>
<th><a href="$cosView">衣装箱</a>の中は…</th>
<td>$cos_number着</td>
</tr>
<tr>
<th><a href="$hymmnosView">歌える曲</a>は…</th>
<td>$hym_number曲</td>
</tr>
</table>

<table id="status_time">
<tr>
<th>只今、$y_nameは</th>
<td>$myStatus</td>
</tr>
<tr>
<th>システム終了まで</th>
<td>$nextWork</td>
</tr>
<tr>
<th>最終行動終了時間</th>
<td>$lastWork</td>
</tr>
</table>

<table id="status_other">
<tr>
<th>趣味</th>
<td>$hobby+お絵かき♪</td>
</tr>
<tr>
<th>好きな色</th>
<td>$color+青系？？</td>
</tr>
</table>

<div id="links">
<div id="link_messenger"><span>BBS</span><a href="$bbsView">■ヒトコト伝言板</a></div>
<div id="link_mail"><span>MAIL</span>$mails</div>
<div id="link_potelog"><span>POTE</span>$blogs</div>
<div id="link_website"><span>BLOG</span><a href="http://blog.so-net.ne.jp/huuran_aries/" target="_blank">■風の錬金術師の部屋</a></div>
</div>
</div>

<div id="message_space">
<h3>■ Room Message</h3>

<div id="message_table_space">$roomMessTable</div>
</div>

[[<div id="menu_space">
<h3>■ Menu</h3>

<ul>
<li><a href="$itemView">思い出図鑑</a></li>
<li><a href="$cosView">コスチューム図鑑（着替え）</a></li>
<li><a href="$hymmnosView">ヒュムノス図鑑（詩選択）</a></li>
<li><a href="$recipeView">思い出調合レシピ</a></li>
<li><a href="$bodyView">レーヴァテイル図鑑</a></li>
<li><a href="$accessLog">あしあと記録</a></li>
<li><a href="$addressView">アドレス帳の管理</a></li>
<li><a href="$goConfig">精神世界コーディネート</a></li>
<li><a href="$serif">FLASH用セリフエディット</a></li>
<li><a href="$goCity">他の精神世界へ遊びに行く</a></li>
</ul>
</div>

<div id="reload_space">$reload</div>]]

<div id="msg_box">
<div style="text-align:right"><a href="#" onClick="msg_box.style.display='none'; return false;">×</a></div>
$messBox
</div>

</div>