/*
* Global styles
*/
body {
padding: 0px;
margin: 0px;
background-color: #ffffff;
color: #000000;
}
a {
color: #454545;
}
/*
* Menu
*/
#menu {
padding: 0px;
margin: 0px;
}
#menu ul {
display: table;
list-style-type: none;
width: 100%;
padding: 0px;
margin: 0px;
background-color: #f0f0f0;
border-bottom: 1px dashed #a5a5a5;
text-align: center;
white-space: nowrap;
}
#menu li {
display: table-cell;
height: 1.5em;
padding: 0px;
margin: 0px;
border-left: 1px solid #b0b0b0;
font-weight: bold;
}
#menu li.join-left {
border-left: none;
}
#menu li a,
#menu li form {
height: 1.5em;
}
#menu li:first-child {
border-left: none;
}
#menu li a {
display: block;
padding: 6px;
margin: 0px;
height: 100%;
color: #494949;
text-decoration: none;
}
#menu li a:hover {
background-color: #d0d0d0;
text-decoration: none;
}
#menu form {
display: block;
padding: 0px;
margin: 0px;
}
#menu form input[type=submit] {
padding: 9px;
margin: 0px;
border: none;
background-color: inherit;
cursor: pointer;
}
#menu form input[type=submit]:hover {
background-color: #d0d0d0;
}
/*
* Content
*/
div#content {
padding: 25px;
}
/*
* Footer
*/
div#footer {
padding: 10px;
border-top: 1px dashed #a5a5a5;
font-size: x-small;
font-style: italic;
}
div#footer-left {
float: left;
}
div#footer-right {
float: right;
text-align: right;
}
div#footer-center {
text-align: center;
}
/*
* General
*/
/* Channel view */
div#title {
text-align: center;
font-size: x-large;
font-weight: bold;
margin-bottom: 20px;
}
/* Calendar */
div.calendar-list {
text-align: center;
}
table.calendar {
display: inline-table;
}
table.calendar th {
background-color: #c8c8c8;
}
/* month header */
table.calendar tr.month-header th {
}
table.calendar tr.month-header form {
padding: 5px;
}
table.calendar tr.month-header a,
table.calendar span.prev-month,
table.calendar span.next-month {
display: block;
color: inherit;
text-decoration: none;
padding: 3px;
padding-left: 8px;
padding-right: 8px;
font-size: x-large;
}
table.calendar th.this-month a.next-month,
table.calendar span.prev-month,
table.calendar span.next-month {
color: #d5d5d5;
}
table.calendar tr.month-header a:hover {
background-color: #b5b5b5;
}
table.calendar tr.month-header span {
margin-top: 5px;
}
table.calendar .prev-month {
float: left;
}
table.calendar .next-month {
float: right;
}
/* week header */
table.calendar tr.week-header th {
width: 14%
}
/* cells */
table.calendar td {
padding: 2px;
margin: 1px;
text-align: center;
}
table.calendar td a {
display: block;
padding: 2px;
background-color: #e0e0e0;
text-decoration: none;
color: inherit;
}
table.calendar td.empty {
color: #d0d0d0;
}
table.calendar td a:hover {
background-color: #d0d0d0;
}
table.calendar td#today {
font-weight: bold;
}
/* Preferences form */
fieldset {
background-color: #e8e8e8;
margin-bottom: 1em;
}
legend {
padding: 0.2em 0.5em;
background-color: inherit;
border: inherit;
}
label {
display: block;
float: left;
width: 8em;
margin-right: 0.5em;
text-align: right;
}
fieldset input,
fieldset select {
width: 15em;
}
fieldset input[type=submit] {
width: 8em;
}
fieldset span.example {
font-size: x-small;
margin-left: 1em;
}
/* Search form */
div#search {
padding: 25px;
text-align: center;
}
div#search input[type=text] {
display: block;
width: 40%;
margin: 0px auto 5px auto;
}
div#search-help {
text-align: left;
}
div#search-error {
margin: 50px;
text-align: center;
font-size: x-large;
font-style: italic;
}
/* Log lines */
a.more-link {
color: black;
text-decoration: none;
}
a.more-link:hover {
text-decoration: underline;
}
div#lines a {
color: black;
}
div#lines a[id] {
color: #ffffff;
text-decoration: none;
}
div#lines a[id]:hover,
div#lines a[id]:target {
color: #000000;
}
/* Pagination */
div.paginate {
height: 50px;
text-align: center;
}
div.paginate ul {
margin: 0px;
padding: 0px;
line-height: 30px;
border: 1px solid #aaa;
white-space: nowrap;
}
div.paginate li {
list-style-type: none;
display: inline;
}
div.paginate li * {
padding: 7px 10px;
}
div.paginate li a {
color: black;
text-decoration: none;
}
div.paginate li span {
color: #d5d5d5;
}
div.paginate li a:hover {
background-color: #d0d0d0;
}
li.paginate-left {
float: left;
}
li.paginate-right {
float: right;
}
/* Lastlog */
div#other-formats {
font-size: small;
text-align: center;
font-style: italic;
}