438 lines
6.8 KiB
CSS
438 lines
6.8 KiB
CSS
/* $Id$ */
|
|
|
|
/*
|
|
** HTML elements
|
|
*/
|
|
fieldset {
|
|
margin-bottom: 1em;
|
|
padding: .5em;
|
|
}
|
|
form {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
hr {
|
|
height: 1px;
|
|
border: 1px solid gray;
|
|
}
|
|
img {
|
|
border: 0;
|
|
}
|
|
pre, code {
|
|
font-size: 11px;
|
|
}
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
th {
|
|
text-align: left;
|
|
padding-right: 1em;
|
|
border-bottom: 3px solid #ccc;
|
|
white-space: nowrap;
|
|
}
|
|
th.active img {
|
|
display: inline;
|
|
}
|
|
tr.dark td, tr.light td {
|
|
background-color: #eee;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
tr.dark td, tr.light td {
|
|
padding: 0.1em 0.6em;
|
|
}
|
|
tr td.active {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
/*
|
|
** Menu styles
|
|
*/
|
|
.menu {
|
|
padding: 0 0 0 0.5em;
|
|
}
|
|
.menu ul {
|
|
list-style: none;
|
|
border: none;
|
|
text-align:left;
|
|
}
|
|
.menu li a {
|
|
width: 100%;
|
|
text-decoration: none;
|
|
}
|
|
li.expanded {
|
|
list-style-type: circle;
|
|
list-style-image: url(menu-expanded.png);
|
|
padding: 0.2em 0.5em 0 0;
|
|
margin: 0;
|
|
}
|
|
li.collapsed {
|
|
list-style-type: disc;
|
|
list-style-image: url(menu-collapsed.png);
|
|
padding: 0.2em 0.5em 0 0;
|
|
margin: 0;
|
|
}
|
|
li.leaf {
|
|
list-style-type: square;
|
|
list-style-image: url(menu-leaf.png);
|
|
padding: 0.2em 0.5em 0 0;
|
|
margin: 0;
|
|
}
|
|
li a.active {
|
|
color: #000;
|
|
}
|
|
td.menu-disabled {
|
|
background: #ccc;
|
|
}
|
|
/*
|
|
** Other common styles
|
|
*/
|
|
.breadcrumb {
|
|
padding-bottom: .5em
|
|
}
|
|
.block ul {
|
|
margin: 0;
|
|
padding: 0 0 0.25em 1em;
|
|
}
|
|
.container-inline div {
|
|
display: inline;
|
|
}
|
|
.container-inline .form-submit {
|
|
margin: 0;
|
|
}
|
|
.error {
|
|
color: red;
|
|
}
|
|
.item-list .icon {
|
|
color: #555;
|
|
float: right;
|
|
padding-left: 0.25em;
|
|
clear: right;
|
|
}
|
|
.item-list .icon a {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
.item-list .icon a:hover {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
.item-list .title {
|
|
font-weight: bold;
|
|
}
|
|
.item-list ul {
|
|
margin: 0 0 0.75em 0;
|
|
padding: 0;
|
|
}
|
|
.item-list ul li {
|
|
margin: 0 0 0.25em 1.5em;
|
|
padding: 0;
|
|
list-style: disc;
|
|
}
|
|
.form-item {
|
|
margin-bottom: 1em;
|
|
}
|
|
.form-item input.error {
|
|
border: 2px solid red;
|
|
}
|
|
.form-item .description {
|
|
font-size: 0.85em;
|
|
}
|
|
.form-item label {
|
|
font-weight: bold;
|
|
}
|
|
.form-item label.option {
|
|
font-weight: normal;
|
|
}
|
|
.form-submit {
|
|
margin: 0.5em 0;
|
|
}
|
|
.marker {
|
|
color: #f00;
|
|
}
|
|
.more-link {
|
|
float: right;
|
|
}
|
|
.node-form .form-text {
|
|
display: block;
|
|
width: 95%;
|
|
}
|
|
.node-form .standard {
|
|
clear: both;
|
|
}
|
|
.node-form textarea {
|
|
display: block;
|
|
width: 95%;
|
|
}
|
|
.node-form fieldset {
|
|
display: inline;
|
|
}
|
|
.node-form .admin .form-item .title {
|
|
margin-top: 0;
|
|
}
|
|
.node-form .admin .authored .form-item {
|
|
margin-bottom: 1.1em;
|
|
}
|
|
.node-form .admin .authored .form-text {
|
|
width: auto;
|
|
}
|
|
.node-form .admin .authored, .node-form .admin .options, .node-form .admin .extra {
|
|
float: left;
|
|
margin-right: 2em;
|
|
margin-bottom: 1em;
|
|
}
|
|
.ok {
|
|
color: #080;
|
|
}
|
|
#pager {
|
|
clear: both;
|
|
text-align: center;
|
|
}
|
|
#pager div {
|
|
padding: 0.5em;
|
|
}
|
|
.path {
|
|
padding-bottom: 0.7em;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
/*
|
|
** Module specific styles
|
|
*/
|
|
#aggregator .feed img {
|
|
float: right;
|
|
}
|
|
#aggregator .news-item {
|
|
clear: both;
|
|
padding-bottom: 1em;
|
|
}
|
|
#aggregator .news-item .date {
|
|
float: left;
|
|
}
|
|
#aggregator .news-item .body {
|
|
margin-top: 1em;
|
|
margin-left: 4em;
|
|
}
|
|
#aggregator .news-item .body .feed {
|
|
font-size: 0.9em;
|
|
}
|
|
#aggregator .news-item .title {
|
|
float: left;
|
|
}
|
|
#aggregator .news-item .description {
|
|
clear: both;
|
|
}
|
|
#aggregator td {
|
|
vertical-align: bottom;
|
|
}
|
|
#aggregator td.categorize-item {
|
|
white-space: nowrap;
|
|
}
|
|
#aggregator .categorize-item .news-item .body {
|
|
margin-top: 0;
|
|
}
|
|
#aggregator .categorize-item h3 {
|
|
margin-bottom: 1em;
|
|
margin-top: 0;
|
|
}
|
|
.book {
|
|
margin: 1em 0 1em 0;
|
|
}
|
|
.book .title {
|
|
font-weight: bold;
|
|
font-size: 1.3em;
|
|
margin-bottom:1em;
|
|
}
|
|
.book .tree {
|
|
padding-top:1em;
|
|
border-top: 1px solid #888;
|
|
padding-bottom: 1em;
|
|
}
|
|
.book .name {
|
|
padding-top:1em;
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
}
|
|
.book .nav {
|
|
border-top: 1px solid #888;
|
|
border-bottom: 1px solid #888;
|
|
padding-bottom: 3em;
|
|
padding-top: 1em;
|
|
clear: both;
|
|
}
|
|
.book .nav .links {
|
|
clear: both;
|
|
}
|
|
.book .nav .titles {
|
|
clear: both;
|
|
}
|
|
.book .nav .prev {
|
|
float: left;
|
|
text-align: left;
|
|
width: 45%;
|
|
}
|
|
.book .nav .next {
|
|
float: right;
|
|
text-align: right;
|
|
width: 45%;
|
|
}
|
|
.book .nav .up {
|
|
text-align: center;
|
|
}
|
|
.calendar .row-week td a {
|
|
display: block;
|
|
}
|
|
.calendar .row-week td a:hover {
|
|
background-color: #888; color: #fff;
|
|
}
|
|
.calendar a {
|
|
text-decoration: none;
|
|
}
|
|
.calendar a:hover {
|
|
text-decoration: none;
|
|
}
|
|
.calendar table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
.calendar td, .calendar th {
|
|
text-align: center;
|
|
border: 1px solid #000;
|
|
padding: 1px;
|
|
margin: 0;
|
|
font-size: 0.8em;
|
|
}
|
|
#forum .description {
|
|
font-size: 0.9em;
|
|
margin: 0.5em;
|
|
}
|
|
#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
|
|
white-space: nowrap;
|
|
}
|
|
#forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager {
|
|
text-align: center;
|
|
}
|
|
.poll .bar {
|
|
height: 1em;
|
|
margin: 1px 0;
|
|
background-color: #ddd;
|
|
}
|
|
.poll .bar .foreground {
|
|
background-color: #000;
|
|
height: 1em;
|
|
clear: left;
|
|
float: left;
|
|
}
|
|
.poll .links {
|
|
text-align: center;
|
|
}
|
|
.poll .percent {
|
|
text-align: right;
|
|
}
|
|
.poll .total {
|
|
text-align: center;
|
|
}
|
|
.poll .vote-form {
|
|
text-align: center;
|
|
}
|
|
.poll .vote-form .choices {
|
|
text-align: left;
|
|
margin: 0 auto;
|
|
display: table;
|
|
}
|
|
.profile {
|
|
clear: both;
|
|
margin: 1em 0em 1em 0em;
|
|
}
|
|
.profile .picture {
|
|
float: right;
|
|
margin: 0 1em 1em 0;
|
|
}
|
|
.node-form .poll-form fieldset {
|
|
display: block;
|
|
}
|
|
#tracker td.replies {
|
|
text-align: center;
|
|
}
|
|
#tracker table {
|
|
width: 100%;
|
|
}
|
|
.user-login-block {
|
|
text-align: center;
|
|
}
|
|
td.watchdog-user {
|
|
background: #fea;
|
|
border: 1px solid #dc8;
|
|
}
|
|
td.watchdog-message {
|
|
background: #fff;
|
|
border: 1px solid #ddd;
|
|
}
|
|
td.watchdog-special {
|
|
background: #ccf;
|
|
border: 1px solid #99c;
|
|
}
|
|
td.watchdog-warning {
|
|
background: #fa2;
|
|
border: 1px solid #d80;
|
|
}
|
|
td.watchdog-httpd {
|
|
background: #9d9;
|
|
border: 1px solid #7b7;
|
|
}
|
|
td.watchdog-error {
|
|
background: #e44;
|
|
border: 1px solid #c22;
|
|
}
|
|
|
|
/* Tab navigation */
|
|
ul.primary {
|
|
border-collapse: collapse;
|
|
padding: 0em 0em 0em 1em;
|
|
white-space: nowrap;
|
|
list-style: none;
|
|
margin: 5px;
|
|
height: auto;
|
|
line-height: normal;
|
|
border-bottom: 1px solid #bbb;
|
|
}
|
|
ul.primary li {
|
|
display: inline;
|
|
}
|
|
ul.primary li a {
|
|
background-color: #ddd;
|
|
border-color: #bbb;
|
|
border-width: 1px;
|
|
border-style: solid solid none solid;
|
|
height: auto;
|
|
margin-right: 0.5em;
|
|
padding: 0em 1em;
|
|
text-decoration: none;
|
|
text-transform: lowercase;
|
|
}
|
|
ul.primary li.active a {
|
|
background-color: #fff;
|
|
border: 1px solid #bbb;
|
|
border-bottom: #fff 1px solid;
|
|
}
|
|
ul.primary li a:hover {
|
|
background-color: #eee;
|
|
border-color: #ccc;
|
|
border-bottom-color: #eee;
|
|
}
|
|
ul.secondary {
|
|
padding: 0;
|
|
margin: 0.5em 2em 1em;
|
|
}
|
|
ul.secondary li {
|
|
display: inline;
|
|
padding: 0 1em;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
ul.secondary a {
|
|
padding: 0;
|
|
text-decoration: none;
|
|
}
|
|
ul.secondary a.active {
|
|
border-bottom: 4px solid #999;
|
|
}
|