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