body
{
background-color:#ffffff;
background-image:url('images/gradient.png');
background-repeat:repeat-y;
width:1024px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size:100%;
}
h1 {font-size:1.5em;} /* 2.5em = 40px; 1.875 = 30px; 1.25em = 20px; 1em = 16px; 0.875 = 14px */
h2 {font-size:1.25em;}
h3 {font-size:1.125em;}
h4 {font-size:1.0em;}
p {font-size:1.0em;}
a:link {color:#008B8B; text-decoration:underline;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
img
{
border:none;
padding:0;
}
img.insert
{
border:1px solid #FFD700;
float:left;
margin:0;
/*padding-top:0.5em;
padding-bottom:0.5em;
padding-left:0;
padding-right:1em;*/
padding:0;
}
img.super
{
border:1px solid #FFD700;
display:block;
margin-left:auto;
margin-right:auto;
}
p.top
{
text-align:right;
}
a.top
{
font-size:0.875em;
font-weight:bold;
color:#FFD700;
text-align:right;
width:100px;
padding-right:5px;
}
ul.vertical
{
list-style-type:none;
margin:0;
padding:10px 0px;
}
a.vertical
{
display:block;
/* width:150px; Set along with div.left at bottom of file */
}
ul.left
{
list-style-type:none;
margin:0;
padding:10px 0px;
}
a.left
{
display:block;
/* width:150px; Set along with div.left at bottom of file */
}
table.idx
{
width:99%;
}
table.params
{
width:90%;
}
table.params, table.idx
{
border-collapse:collapse;
border-style:solid;
border-width:3px;
border-color:#483D8B #008B8B #008B8B #483D8B;
background-color:#ffffcc;
margin-left:auto;
margin-right:auto;
}
td, th
{
border:1px solid black;
padding:5px 5px;
font-size:0.875em;
vertical-align:middle;
}
img.idx
{
width:100px;
height:100px;
border:1px solid gray;
display:block;
margin:0;
}
img.me_idx
{
width:150px;
height:150px;
border:1px solid gray;
display:block;
margin:0;
}
img.me_free_idx
{
border:1px solid gray;
display:block;
margin:0;
}
div.container
{
width:100%;
margin:0px;
border:2px solid #FFD700;
line-height:150%;
}
div.header
{
background-image:url('images/redbellows.png');
background-repeat:no-repeat;
background-position:right;
height:100px;
padding-top:10px;
border-bottom:1px solid gray;
}
h1.header
{
padding:0;
margin-left:50px;
font-family:"Book Antiqua", Arial, sans-serif;
font-size:1.75em;
font-style:italic;
color:#483D8B;
text-align:left;
line-height:3em;
}
div.idx_header
{
background-image:url('images/redbellows.png');
background-repeat:no-repeat;
background-position:right;
height:100px;
padding-top:10px;
border-bottom:1px solid gray;
}
h1.idx_header
{
padding:0;
margin-left:200px;
font-family:"Book Antiqua", Arial, sans-serif;
font-size:1.25em;
font-style:italic;
color:#483D8B;
text-align:left;
line-height:3em;
}
div.me_header
{
background-image:url('images/mudlenend.png');
background-repeat:no-repeat;
background-position:right;
height:100px;
padding-top:10px;
border-bottom:1px solid gray;
}
h1.me_header
{
padding:0;
margin-left:150px;
font-family:"Book Antiqua", Arial, sans-serif;
font-size:1.75em;
font-style:bold;
color:#007A7A;
text-align:left;
line-height:3em;
}
div.footer, div.idx_footer, div.me_footer
{
font-size:0.75em;
text-align:center;
height:110px;
padding:0.5em;
border-top:1px solid gray;
border-left:1px solid gray;
}
p.footer, p.me_footer
{
/*font-size:0.75em;*/
font-style:italic;
text-align:center;
padding-left:2px;
}
div.left
{
float:left;
margin:0;
padding:1em;
font-size:0.875em;
}
div.content, div.footer, div.idx_footer, div.me_footer
{
margin-left:190px;
}
div.left, a.vertical
{
width:160px;
}
div.content
{
border-left:1px solid gray;
padding:1em;
}
.idx_footer ul
{
margin-left:50px;
padding:0;
list-style-type:none;
text-align:center;
}
.idx_footer a
{
display:block;
width:110px;
padding:0;
text-align:center;
border-right:1px solid gray;
}
.footer ul
{
margin-left:165px;
padding:0;
list-style-type:none;
text-align:center;
}
.me_footer ul
{
margin-left:250px;
padding:0;
list-style-type:none;
text-align:center;
}
.footer ul li, .idx_footer ul li, .me_footer ul li
{
display:inline;
float:left;
}
.footer a
{
display:block;
width:100px;
padding:0;
text-align:center;
border-right:1px solid gray;
}
.me_footer a
{
display:block;
width:150px;
padding:0;
text-align:center;
border-right:1px solid gray;
}
ul.rarity
{
padding:0;
margin:0;
display:inline;
list-style-type:none;
text-align:center;
}
li.rarity
{
display:inline-block;
width:120px;
}
table.thumbnail
{
border-collapse:collapse;
border-style:solid;
border-width:3px;
border-color:#483D8B #008B8B #008B8B #483D8B;
background-color:#ffffcc;
margin-left:auto;
margin-right:auto;
}
table.clicouter
{
border-collapse:collapse;
border:1px solid gray;
background-color:#D0D0D0;
margin-left:auto;
margin-right:auto;
}
p.clicouter
{
font-size:0.875em;
font-style:italic;
text-align:center;
line-height:normal;
margin:2px;
}
#clicinner table
{
border-collapse:separate;
border:1px solid black;
background-color:#FFFFE0;
border-spacing:4px;
}
#clicinner td
{
background-color:#FFFFFF;
text-align:left;
vertical-align:middle;
border:1px solid black;
padding:0;
}
#clicinner img
{
border:none;
display:block;
margin:0 auto;
}
table.clicgrid
{
border-collapse:separate;
border:1px solid black;
background-color:#FFFFE0;
border-spacing:4px;
}
td.clicgrid
{
background-color:#FFFFFF;
text-align:left;
vertical-align:middle;
border:1px solid black;
padding:0;
}
img.clicgrid
{
border:none;
display:block;
margin:0 auto;
}