html {
background:url('bg1.png') no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
body {
/*
background-color:#000;
background-image:url('bg1.png');
background-repeat:no-repeat;
background-attachment:fixed;
*/
}
a #menu {
background-image:url('wolf_roundal_g0_170x170.png');
float:left;
height:170px;
left:15px;
position:fixed;
top:15px;
width:170px;
z-index:1000;
}
a #menu:hover {
background-image:url('wolf_roundal_g1_170x170.png');
}
a.chapter {
padding-left:0.3em;
padding-right:0.3em;
}
h1 {
color:#c60;
margin:10px;
text-align:right;
}
div.contents {
background:rgba(0,0,0,0.2);
float:right;
font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0 auto;
padding:5px;
width:60ch;
}
div.contents h2 {
color:#fff;
}
div.contents h3 {
background:rgba(0,0,0,0.6);
border-top: 1px solid #c60;
border-bottom: 1px solid #c60;
color:#fff;
margin-left:-5px;
margin-top:50px;
padding:4px 10px;
}
div.contents h4 {
color:#fff;
margin-top:5px;
margin-bottom:0px;
}
div.contents p {
color:#fff;
margin-top:0px;
margin-bottom:0px;
}
div.contents p.characterlist,
div.contents p.status
{
color:#aaa;
}
div.contents h4 a {
color:inherit;
}
div.contents h4 a:hover {
background:#c60;
color:inherit;
}
div.story {
background:#aaa;
border:2px solid #c60;
float:right;
font:1em Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0 auto;
opacity:0.8;
padding:5px;
width:60ch;
}
div.story h1 {
color:#000;
text-align:left;
}
div.story p {
color:#000;
}
table.story td {
padding-left:10px;
}