body {
font-family: cantarell, sans-serif;
font-size: 12px;
}
.filter, .summary {
border: 1px solid black;
border-radius: 5px;
background: #eeeeee;
padding: 10px;
margin: 10px;
position: fixed;
box-shadow: 5px 5px 5px;
}
.filter {
right: 5px;
top: 5px;
}
.summary {
right: 5px;
bottom: 5px;
}
.summary .note {
padding-top: 5px;
font-style: italic;
}
.filter .button {
background: #ffffff;
border-radius: 5px;
border: 1px solid black;
margin: 3px;
padding: 3px;
}
.filter .button:active {
background: #ccbbbb;
}
.filter .button-selected {
background: #ddcccc;
}
table.packages {
border-collapse: collapse;
}
table.packages tr td, tr th.letter {
padding-left: 10px;
padding-right: 10px;
}
tr.letter-header-above {
border-left: none;
border-right: none;
border-bottom: 1px solid #aa8888;
border-top: 1px solid #aa8888;
height: 10px;
}
tr.letter-header-above:first-child {
border: non;
}
tr.letter-header {
border: 1px solid #aa8888;
background: #eeeeee;
}
tr.letter-header th.letter {
text-align: left;
font-size: 16px;
}
tr {
border-left: 1px solid #aa8888;
border-right: 1px solid #aa8888;
}
tr.source-package {
background: #eeeeee;
}
tr.build-sdk, td.build-sdk {
background: #eef8dd;
}
tr.build-platform, td.build-platform {
background: #f8eedd;
}
td.build-sdk, td.build-platform {
border: 1px solid black;
}
td.root {
background: #888888;
border: 1px solid #666666;
padding: 0px;
}
td.extra {
background: #8888bb;
border: 1px solid #666666;
padding: 0px;
}
td.present, td.files {
background: #aaaaaa;
border: 1px solid #666666;
padding: 0px;
}
td.dep {
background: #cccccc;
border: 1px solid #666666;
padding: 0px;
}
.summary td.root, .summary td.files, .summary td.dep {
border: 1px solid black;
}
td.absent {
border: 1px solid #666666;
padding: 0px;
}
tr.flagged {
color: #aa0000;
}
tr.questionable {
color: #cc4400;
}
tr.flagged-dep {
color: #ddaa44;
}
tr.waived {
color: #006600;
}
tr.extra {
color: #000066;
}
.hidden {
display: none;
}