/* $Id$ */ /* * DRUPAL 5.x Reference CSS * * THIS FILE IS FOR REFERENCE ONLY AND IS NOT USED IN ANY WAY BY THE ZEN THEME. * * Drupal has very modular CSS. Which means that only the CSS that is needed * for a particular page is loaded. This is a good thing. * * However, this makes it difficult for theme developers to discover how and * where a particular style is coming from. So, here in all its glory is the * complete CSS included with Drupal core 5.x. * * And, if you're not already, you should check out the free Firebug extension * for Firefox. With it, you can inspect elements and easily view and play with * its CSS styles. http://www.getfirebug.com */ /* modules/aggregator/aggregator.css */ #aggregator .feed-source .feed-title { margin-top: 0; } #aggregator .feed-source .feed-image img { margin-bottom: 0.75em; } #aggregator .feed-source .feed-icon { float: right; display: block; } #aggregator .feed-item { margin-bottom: 1.5em; } #aggregator .feed-item-title { margin-bottom: 0; font-size: 1.3em; } #aggregator .feed-item-meta, #aggregator .feed-item-body { margin-bottom: 0.5em; } #aggregator .feed-item-categories { font-size: 0.9em; } #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; } /* modules/block/block.css */ #blocks td.region { font-weight: bold; } #blocks td.block { padding-left: 1.5em; } .block-region { background-color: #ff6; margin-top: 4px; margin-bottom: 4px; padding: 3px; } /* modules/book/book.css */ .book-navigation .menu { border-top: 1px solid #888; padding: 1em 0 0 3em; } .book-navigation .page-links { border-top: 1px solid #888; border-bottom: 1px solid #888; text-align: center; padding: 0.5em; } .book-navigation .page-previous { text-align: left; width: 42%; display: block; float: left; } .book-navigation .page-up { margin: 0 5%; width: 4%; display: block; float: left; } .book-navigation .page-next { text-align: right; width: 42%; display: block; float: right; } /* modules/color/color.css */ /* Farbtastic placement */ .color-form { max-width: 50em; position: relative; } #placeholder { position: absolute; top: 0; right: 0; } /* Palette */ .color-form .form-item { height: 2em; line-height: 2em; padding-left: 1em; margin: 0.5em 0; } .color-form label { float: left; clear: left; width: 10em; } .color-form .form-text, .color-form .form-select { float: left; } .color-form .form-text { text-align: center; margin-right: 5px; cursor: pointer; } #palette .hook { float: left; margin-top: 3px; width: 16px; height: 16px; } #palette .down, #palette .up, #palette .both { background: url(images/hook.png) no-repeat 100% 0; } #palette .up { background-position: 100% -27px; } #palette .both { background-position: 100% -54px; } #palette .lock { float: left; position: relative; top: -1.4em; left: -10px; width: 20px; height: 25px; background: url(images/lock.png) no-repeat 50% 2px; cursor: pointer; } #palette .unlocked { background-position: 50% -22px; } #palette .form-item { width: 20em; } #palette .item-selected { background: #eee; } /* Preview */ #preview { display: none; } html.js #preview { display: block; position: relative; float: left; } /* modules/comment/comment.css */ .indented { margin-left: 25px; } .comment-unpublished { background-color: #fff4f4; } .preview .comment { background-color: #ffffea; } /* modules/forum/forum.css */ #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; } .forum-topic-navigation { padding: 1em 0 0 3em; border-top: 1px solid #888; border-bottom: 1px solid #888; text-align: center; padding: 0.5em; } .forum-topic-navigation .topic-previous { text-align: right; float: left; width: 46%; } .forum-topic-navigation .topic-next { text-align: left; float: right; width: 46%; } /* modules/help/help.css */ .help-items { float: left; width: 22%; padding-right: 3%; } .help-items-last { padding-right: 0; } /* modules/locale/locale.css */ .locale-untranslated { font-style: normal; text-decoration: line-through; } /* modules/node/node.css */ .node-unpublished { background-color: #fff4f4; } .preview .node { background-color: #ffffea; } #node-admin-filter ul { list-style-type: none; padding: 0; margin: 0; width: 100%; } #node-admin-buttons { float: left; margin-left: 0.5em; clear: right; } td.revision-current { background: #ffc; } .node-form .form-text { display: block; width: 95%; } .node-form .container-inline .form-text { display: inline; width: auto; } .node-form .standard { clear: both; } .node-form textarea { display: block; width: 95%; } .node-form .attachments fieldset { float: none; display: block; } /* modules/poll/poll.css */ .poll .bar { height: 1em; margin: 1px 0; background-color: #ddd; } .poll .bar .foreground { background-color: #000; height: 1em; 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; } .node-form .poll-form fieldset { display: block; } /* modules/search/search.css */ .search-form { margin-bottom: 1em; } .search-form p { margin-top: 0; margin-bottom: 0.2em; padding-top: 0; padding-bottom: 0; } .search-form input { margin-top: 0; margin-bottom: 0; } .search-results p { margin-top: 0; } .search-results dt { font-size: 1.1em; } .search-results dd { margin-bottom: 1em; } .search-results .search-info { font-size: 0.85em; } .search-advanced .criterion { float: left; margin-right: 2em; } .search-advanced .action { float: left; clear: left; } /* modules/system/admin.css */ /* ** Formatting for administration page */ div.admin-panel { margin: 0; padding: 5px 5px 15px 5px; } div.admin-panel .description { margin: 0 0 3px; padding: 2px 0 3px 0; } div.admin-panel .body { padding: 0 4px 2px 8px; } div.admin { padding-top: 15px; } div.admin .left { float: left; width: 47%; margin-left: 1em; } div.admin .right { float: right; width: 47%; margin-right: 1em; } div.admin .expert-link { text-align: right; margin-right: 1em; padding-right: 4px; } table.package { width: 100%; } table.package .description { width: 100%; } div.admin-dependencies, div.admin-required { font-size: 0.9em; color: #444; } span.admin-disabled { color: #800; } span.admin-enabled { color: #080; } span.admin-missing { color: #f00; } /** * Formatting for status report */ table.system-status-report th { border-bottom: 1px solid #ccc; } table.system-status-report th, table.system-status-report tr.merge-up td { padding-left: 30px; } table.system-status-report th { background-repeat: no-repeat; background-position: 5px 50%; padding-top: 6px; padding-bottom: 6px; } table.system-status-report tr.error th { background-image: url(../../misc/watchdog-error.png); } table.system-status-report tr.warning th { background-image: url(../../misc/watchdog-warning.png); } table.system-status-report tr.ok th { background-image: url(../../misc/watchdog-ok.png); } /** * Formatting for theme configuration */ .theme-settings-left { float: left; width: 49%; } .theme-settings-right { float: right; width: 49%; } .theme-settings-bottom { clear: both; } /* modules/system/defaults.css */ /* ** HTML elements */ fieldset { margin-bottom: 1em; padding: .5em; } form { margin: 0; padding: 0; } hr { height: 1px; border: 1px solid gray; } img { border: 0; } table { border-collapse: collapse; } th { text-align: left; padding-right: 1em; border-bottom: 3px solid #ccc; } /* ** Markup free clearing ** Details: http://www.positioniseverything.net/easyclearing.html */ .clear-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear-block { display: inline-block; } /* Hides from IE-mac \*/ * html .clear-block { height: 1%; } .clear-block { display: block; } /* End hide from IE-mac */ /* modules/system/system.css */ /* ** HTML elements */ th.active img { display: inline; } tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; } td.active { background-color: #ddd; } tbody { border-top: 1px solid #ccc; } tbody th { border-bottom: 1px solid #ccc; } thead th { text-align: left; padding-right: 1em; border-bottom: 3px solid #ccc; } /* ** Other common styles */ .breadcrumb { padding-bottom: .5em } .error { color: #f00; } div.error { border: 1px solid #d77; } div.error, tr.error { background: #fcc; color: #200; } div.warning, tr.warning { background: #ffd; } div.ok, tr.ok { background: #dfd; } .item-list .icon { color: #555; float: right; padding-left: 0.25em; clear: right; } .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.odd .form-item, tr.even .form-item { margin-top: 0; margin-bottom: 0; white-space: nowrap; } tr.merge-down, tr.merge-down td, tr.merge-down th { border-bottom-width: 0 !important; } tr.merge-up, tr.merge-up td, tr.merge-up th { border-top-width: 0 !important; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid red; } .form-item .description { font-size: 0.85em; } .form-item label { display: block; font-weight: bold; } .form-item label.option { display: inline; font-weight: normal; } .form-checkboxes, .form-radios { margin: 1em 0; } .form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; } .marker, .form-required { color: #f00; } .more-link { text-align: right; } .more-help-link { font-size: 0.85em; text-align: right; } .nowrap { white-space: nowrap; } .pager { clear: both; text-align: center; } .pager a, .pager strong.pager-current { padding: 0.5em; } .tips { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 0.9em; } dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select { font-family: inherit; font-size: inherit; width: 14em; } dl.multiselect dd.a, dl.multiselect dd.a .form-item { width: 8em; } dl.multiselect dt, dl.multiselect dd { float: left; line-height: 1.75em; padding: 0; margin: 0 1em 0 0; } dl.multiselect .form-item { height: 1.75em; margin: 0; } /* ** Inline items (need to override above) */ .container-inline div, .container-inline label { display: inline; } /* ** Menus */ ul.menu { list-style: none; border: none; text-align:left; } ul.menu li { margin: 0 0 0 0.5em; } li.expanded { list-style-type: circle; list-style-image: url(../../misc/menu-expanded.png); padding: 0.2em 0.5em 0 0; margin: 0; } li.collapsed { list-style-type: disc; list-style-image: url(../../misc/menu-collapsed.png); padding: 0.2em 0.5em 0 0; margin: 0; } li.leaf { list-style-type: square; list-style-image: url(../../misc/menu-leaf.png); padding: 0.2em 0.5em 0 0; margin: 0; } li a.active { color: #000; } td.menu-disabled { background: #ccc; } ul.links { margin: 0; padding: 0; } ul.links.inline { display: inline; } ul.links li { display: inline; list-style-type: none; padding: 0 0.5em; } .block ul { margin: 0; padding: 0 0 0.25em 1em; } /* ** Tab navigation */ ul.primary { border-collapse: collapse; padding: 0 0 0 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: 0 1em; text-decoration: none; } 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; 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; } /* ** Autocomplete styles */ /* Suggestion list */ #autocomplete { position: absolute; border: 1px solid; overflow: hidden; z-index: 100; } #autocomplete ul { margin: 0; padding: 0; list-style: none; } #autocomplete li { background: #fff; color: #000; white-space: pre; cursor: default; } #autocomplete li.selected { background: #0072b9; color: #fff; } /* Animated throbber */ html.js input.form-autocomplete { background-image: url(../../misc/throbber.gif); background-repeat: no-repeat; background-position: 100% 2px; } html.js input.throbbing { background-position: 100% -18px; } /* ** Collapsing fieldsets */ html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; margin-bottom: 0; height: 1em; } html.js fieldset.collapsed * { display: none; } html.js fieldset.collapsed legend { display: block; } html.js fieldset.collapsible legend a { padding-left: 15px; background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; } html.js fieldset.collapsed legend a { background-image: url(../../misc/menu-collapsed.png); background-position: 5px 50%; } /* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */ * html.js fieldset.collapsed legend, * html.js fieldset.collapsed legend *, * html.js fieldset.collapsed table * { display: inline; } html.js fieldset.collapsible legend a { display: block; } /* Avoid jumping around due to margins collapsing into collapsible fieldset border */ html.js fieldset.collapsible .fieldset-wrapper { overflow: auto; } /* ** Resizable text areas */ .resizable-textarea { width: 95%; } .resizable-textarea .grippie { height: 9px; overflow: hidden; background: #eee url(../../misc/grippie.png) no-repeat center 2px; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; } html.js .resizable-textarea textarea { margin-bottom: 0; width: 100%; display: block; } /* ** Progressbar styles */ .progress { font-weight: bold; } .progress .bar { background: #fff url(../../misc/progress.gif); border: 1px solid #00375a; height: 1.5em; margin-top: 0.2em; } .progress .filled { background: #0072b9; height: 1em; border-bottom: 0.5em solid #004a73; width: 0%; } .progress .percentage { float: right; } /* ** Formatting for welcome page */ #first-time strong { display: block; padding: 1.5em 0 .5em; } /* ** To be used with tableselect.js */ tr.selected td { background: #ffc; } /* modules/tracker/tracker.css */ #tracker td.replies { text-align: center; } #tracker table { width: 100%; } /* modules/user/user.css */ #permissions td.module { font-weight: bold; } #permissions td.permission { padding-left: 1.5em; } #access-rules .access-type, #access-rules .rule-type { margin-right: 1em; float: left; } #access-rules .access-type .form-item, #access-rules .rule-type .form-item { margin-top: 0; } #access-rules .mask { clear: both; } #user-login-form { text-align: center; } #user-admin-filter ul { list-style-type: none; padding: 0; margin: 0; width: 100%; } #user-admin-buttons { float: left; margin-left: 0.5em; clear: right; } /* Generated by user.module but used by profile.module: */ .profile { clear: both; margin: 1em 0; } .profile .picture { float: right; margin: 0 1em 1em 0; } .profile dt { margin: 1em 0 0.2em 0; font-weight: bold; } .profile dd { margin:0; } /* modules/watchdog/watchdog.css */ tr.watchdog-user { background: #ffd; } tr.watchdog-user .active { background: #eed; } tr.watchdog-content { background: #ddf; } tr.watchdog-content .active { background: #cce; } tr.watchdog-page-not-found, tr.watchdog-access-denied { background: #dfd; } tr.watchdog-page-not-found .active, tr.watchdog-access-denied .active { background: #cec; } tr.watchdog-error { background: #ffc9c9; } tr.watchdog-error .active { background: #eeb9b9; }