drupal/misc/drupal.css

474 lines
7.4 KiB
CSS
Raw Normal View History

2003-09-28 21:10:43 +00:00
/* $Id$ */
2003-09-25 07:27:22 +00:00
/*
** HTML elements
*/
fieldset {
margin-bottom: 1em;
padding: .5em;
}
form {
margin: 0;
padding: 0;
}
hr {
height: 1px;
border: 1px solid gray;
}
img {
border: 0;
}
p {
margin-top: 0.5em;
margin-bottom: 0.9em;
}
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;
}
/*
** CSS capitalization
*/
.title:first-letter,
.messages:first-letter,
.messages li:first-letter { text-transform: uppercase; }
/*
** 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-top: 1em;
margin-bottom: 1em;
}
tr.light .form-item, tr.dark .form-item {
margin-top: 0em;
margin-bottom: 0em;
white-space: nowrap;
}
.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;
}
The Input formats - filter patch has landed. I still need to make update instructions for modules and update the hook docs. Here's an overview of the changes: 1) Multiple Input formats: they are complete filter configurations (what filters to use, in what order and with which settings). Input formats are admin-definable, and usage of them is role-dependant. For example, you can set it up so that regular users can only use limited HTML, while admins can free HTML without any tag limitations. The input format can be chosen per content item (nodes, comments, blocks, ...) when you add/edit them. If only a single format is available, there is no choice, and nothing changes with before. The default install (and the upgrade) contains a basic set of formats which should satisfy the average user's needs. 2) Filters have toggles Because now you might want to enable a filter only on some input formats, an explicit toggle is provided by the filter system. Modules do not need to worry about it and filters that still have their own on/off switch should get rid of it. 3) Multiple filters per module This was necessary to accomodate the next change, and it's also a logical extension of the filter system. 4) Embedded PHP is now a filter Thanks to the multiple input formats, I was able to move the 'embedded PHP' feature from block.module, page.module and book.module into a simple filter which executes PHP code. This filter is part of filter.module, and by default there is an input format 'PHP', restricted to the administrator only, which contains this filter. This change means that block.module now passes custom block contents through the filter system. As well as from reducing code duplication and avoiding two type selectors for page/book nodes, you can now combine PHP code with other filters. 5) User-supplied PHP code now requires <?php ?> tags. This is required for teasers to work with PHP code. Because PHP evaluation is now just another step in the filter process, we can't do this. Also, because teasers are generated before filtering, this would result in errors when the teaser generation would cut off a piece of PHP code. Also, regular PHP syntax explicitly includes the <?php ?> tags for PHP files, so it makes sense to use the same convention for embedded PHP in Drupal. 6) Filter caching was added. Benchmarking shows that even for a simple setup (basic html filtering + legacy URL rewriting), filtercache can offer speedups. Unlike the old filtercache, this uses the normal cache table. 7) Filtertips were moved from help into a hook_filter_tips(). This was required to accomodate the fact that there are multiple filters per module, and that filter settings are format dependant. Shoehorning filter tips into _help was ugly and silly. The display of the filter tips is done through the input format selector, so filter_tips_short() no longer exists. 8) A more intelligent linebreak convertor was added, which doesn't stop working if you use block-level tags and which adds <p> tags.
2004-08-10 18:34:29 +00:00
.tips {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 0.9em;
}
#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;
}
.more-help-link {
font-size: 0.85em;
text-align: right;
}
tr td.watchdog-user {
background: #ffd;
}
tr td.watchdog-user.active {
background: #eed;
}
tr td.watchdog-special {
background: #ddf;
}
tr td.watchdog-special.active {
background: #cce;
}
tr td.watchdog-warning {
background: #fda;
}
tr td.watchdog-warning.active {
background: #ec9;
}
tr td.watchdog-httpd {
background: #dfd;
}
tr td.watchdog-httpd.active {
background: #cec;
}
tr td.watchdog-error {
background: #ffc9c9;
}
tr td.watchdog-error.active {
background: #eeb9b9;
}
/* 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 {
border-bottom: 1px solid #bbb;
padding: 0.5em 1em 0.5em 1em;
margin: 5px;
}
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;
}