/*
* General
*/
a
{
color: inherit;
}
/*
* Tables
*/
table
{
width: 80%;
margin: auto;
padding: 0px;
border-collapse: collapse;
border: 1px solid #aaa;
font-size: small;
}
/* A caption looks similar to a h2 */
table caption
{
font-size: large;
font-weight: bold;
padding: 0.5em;
margin: 0em 0em 0.5em;
background-color: #e5e5e5;
border: 1px dashed #c5c5c5;
}
/* Table header */
thead tr
{
background-color: #d0d0d0;
}
/* Filter */
tr.filter
{
height: 1em;
}
tr.filter td
{
padding: 0em 1em;
}
tr.filter td input
{
display: block;
width: 100%;
border: 0px;
padding: 0em;
background-color: #d0d0d0;
font-family: inherit;
font-size: inherit;
}
tr.filter td input:hover
{
background-color: #e0e0e0;
}
tr.filter td input:focus
{
background-color: #ffffff;
}
/* Rows */
tr
{
background-color: #e0e0e0;
}
tr.alternate
{
background-color: #c8c8c8;
}
/* Link to tr with URL #foo fragment */
tr:target
{
background-color: #F5F3B8;
}
td, th
{
border: thin solid #ffffff;
padding: 0.25em 1em;
}
td a,
th a
{
display: block;
}
td.row-header
{
text-align: right;
font-weight: bold;
}
/*
* Details
*/
div.info {
width: 80%;
border: 1px solid #aaa;
padding: 1em;
margin: 1em;
}
dl {
width: 80%;
margin: 1em;
}
dl dt {
display: block;
clear: both;
font-weight: bold;
margin-top: 0.5em;
}
dl dd {
}
/*
* Text
*/
.id
{
font-weight: bold;
text-align: right;
}
.ip,
.mac
{
font-family: monospace;
}