Chris@0: /* $Id: drupal6-reference.css,v 1.1.2.1 2009/02/13 07:32:26 johnalbin Exp $ */ Chris@0: Chris@0: /** Chris@0: * @file Chris@0: * DRUPAL 6.x Reference CSS Chris@0: * Chris@0: * THIS FILE IS FOR REFERENCE ONLY AND IS NOT USED IN ANY WAY BY THE ZEN THEME. Chris@0: * Chris@0: * Drupal has very modular CSS. Which means that only the CSS that is needed Chris@0: * for a particular page is loaded. This is a good thing. Chris@0: * Chris@0: * However, this makes it difficult for theme developers to discover how and Chris@0: * where a particular style is coming from. So, here in all its glory is the Chris@0: * complete CSS included with Drupal core 6.x. Chris@0: * Chris@0: * And, if you're not already, you should check out the free Firebug extension Chris@0: * for Firefox. With it, you can inspect elements and easily view and play with Chris@0: * its CSS styles. http://www.getfirebug.com Chris@0: */ Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/aggregator/aggregator-rtl.css Chris@0: */ Chris@0: Chris@0: #aggregator .feed-source .feed-icon { Chris@0: float: left; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/aggregator/aggregator.css Chris@0: */ Chris@0: Chris@0: #aggregator .feed-source .feed-title { Chris@0: margin-top: 0; Chris@0: } Chris@0: #aggregator .feed-source .feed-image img { Chris@0: margin-bottom: 0.75em; Chris@0: } Chris@0: #aggregator .feed-source .feed-icon { Chris@0: float: right; /* LTR */ Chris@0: display: block; Chris@0: } Chris@0: #aggregator .feed-item { Chris@0: margin-bottom: 1.5em; Chris@0: } Chris@0: #aggregator .feed-item-title { Chris@0: margin-bottom: 0; Chris@0: font-size: 1.3em; Chris@0: } Chris@0: #aggregator .feed-item-meta, #aggregator .feed-item-body { Chris@0: margin-bottom: 0.5em; Chris@0: } Chris@0: #aggregator .feed-item-categories { Chris@0: font-size: 0.9em; Chris@0: } Chris@0: #aggregator td { Chris@0: vertical-align: bottom; Chris@0: } Chris@0: #aggregator td.categorize-item { Chris@0: white-space: nowrap; Chris@0: } Chris@0: #aggregator .categorize-item .news-item .body { Chris@0: margin-top: 0; Chris@0: } Chris@0: #aggregator .categorize-item h3 { Chris@0: margin-bottom: 1em; Chris@0: margin-top: 0; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/block/block.css Chris@0: */ Chris@0: Chris@0: #blocks td.region { Chris@0: font-weight: bold; Chris@0: } Chris@0: #blocks tr.region-message { Chris@0: font-weight: normal; Chris@0: color: #999; Chris@0: } Chris@0: #blocks tr.region-populated { Chris@0: display: none; Chris@0: } Chris@0: .block-region { Chris@0: background-color: #ff6; Chris@0: margin-top: 4px; Chris@0: margin-bottom: 4px; Chris@0: padding: 3px; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/book/book-rtl.css Chris@0: */ Chris@0: Chris@0: .book-navigation .page-previous { Chris@0: float: right; Chris@0: } Chris@0: .book-navigation .page-up { Chris@0: float: right; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/book/book.css Chris@0: */ Chris@0: Chris@0: .book-navigation .menu { Chris@0: border-top: 1px solid #888; Chris@0: padding: 1em 0 0 3em; Chris@0: } Chris@0: .book-navigation .page-links { Chris@0: border-top: 1px solid #888; Chris@0: border-bottom: 1px solid #888; Chris@0: text-align: center; Chris@0: padding: 0.5em; Chris@0: } Chris@0: .book-navigation .page-previous { Chris@0: text-align: left; Chris@0: width: 42%; Chris@0: display: block; Chris@0: float: left; /* LTR */ Chris@0: } Chris@0: .book-navigation .page-up { Chris@0: margin: 0 5%; Chris@0: width: 4%; Chris@0: display: block; Chris@0: float: left; /* LTR */ Chris@0: } Chris@0: .book-navigation .page-next { Chris@0: text-align: right; Chris@0: width: 42%; Chris@0: display: block; Chris@0: float: right; Chris@0: } Chris@0: #book-outline { Chris@0: min-width: 56em; Chris@0: } Chris@0: .book-outline-form .form-item { Chris@0: margin-top: 0; Chris@0: margin-bottom: 0; Chris@0: } Chris@0: #edit-book-bid-wrapper .description { Chris@0: clear: both; Chris@0: } Chris@0: #book-admin-edit select { Chris@0: margin-right: 24px; Chris@0: } Chris@0: #book-admin-edit select.progress-disabled { Chris@0: margin-right: 0; Chris@0: } Chris@0: #book-admin-edit tr.ahah-new-content { Chris@0: background-color: #ffd; Chris@0: } Chris@0: #book-admin-edit .form-item { Chris@0: float: left; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/color/color-rtl.css Chris@0: */ Chris@0: Chris@0: #placeholder { Chris@0: left: 0; Chris@0: right: auto; Chris@0: } Chris@0: Chris@0: /* Palette */ Chris@0: .color-form .form-item { Chris@0: padding-left: 0; Chris@0: padding-right: 1em; Chris@0: } Chris@0: .color-form label { Chris@0: float: right; Chris@0: clear: right; Chris@0: } Chris@0: .color-form .form-text, .color-form .form-select { Chris@0: float: right; Chris@0: } Chris@0: .color-form .form-text { Chris@0: margin-right: 0; Chris@0: margin-left: 5px; Chris@0: } Chris@0: Chris@0: #palette .hook { Chris@0: float: right; Chris@0: } Chris@0: #palette .down, #palette .up, #palette .both { Chris@0: background: url(images/hook-rtl.png) no-repeat 0 0; Chris@0: } Chris@0: #palette .up { Chris@0: background-position: 0 -27px; Chris@0: } Chris@0: #palette .both { Chris@0: background-position: 0 -54px; Chris@0: } Chris@0: Chris@0: #palette .lock { Chris@0: float: right; Chris@0: right: -10px; Chris@0: } Chris@0: html.js #preview { Chris@0: float: right; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/color/color.css Chris@0: */ Chris@0: Chris@0: /* Farbtastic placement */ Chris@0: .color-form { Chris@0: max-width: 50em; Chris@0: position: relative; Chris@0: } Chris@0: #placeholder { Chris@0: position: absolute; Chris@0: top: 0; Chris@0: right: 0; /* LTR */ Chris@0: } Chris@0: Chris@0: /* Palette */ Chris@0: .color-form .form-item { Chris@0: height: 2em; Chris@0: line-height: 2em; Chris@0: padding-left: 1em; /* LTR */ Chris@0: margin: 0.5em 0; Chris@0: } Chris@0: .color-form label { Chris@0: float: left; /* LTR */ Chris@0: clear: left; /* LTR */ Chris@0: width: 10em; Chris@0: } Chris@0: .color-form .form-text, .color-form .form-select { Chris@0: float: left; /* LTR */ Chris@0: } Chris@0: .color-form .form-text { Chris@0: text-align: center; Chris@0: margin-right: 5px; /* LTR */ Chris@0: cursor: pointer; Chris@0: } Chris@0: Chris@0: #palette .hook { Chris@0: float: left; /* LTR */ Chris@0: margin-top: 3px; Chris@0: width: 16px; Chris@0: height: 16px; Chris@0: } Chris@0: #palette .down, #palette .up, #palette .both { Chris@0: background: url(images/hook.png) no-repeat 100% 0; /* LTR */ Chris@0: } Chris@0: #palette .up { Chris@0: background-position: 100% -27px; /* LTR */ Chris@0: } Chris@0: #palette .both { Chris@0: background-position: 100% -54px; /* LTR */ Chris@0: } Chris@0: Chris@0: #palette .lock { Chris@0: float: left; /* LTR */ Chris@0: position: relative; Chris@0: top: -1.4em; Chris@0: left: -10px; /* LTR */ Chris@0: width: 20px; Chris@0: height: 25px; Chris@0: background: url(images/lock.png) no-repeat 50% 2px; Chris@0: cursor: pointer; Chris@0: } Chris@0: #palette .unlocked { Chris@0: background-position: 50% -22px; Chris@0: } Chris@0: #palette .form-item { Chris@0: width: 20em; Chris@0: } Chris@0: #palette .item-selected { Chris@0: background: #eee; Chris@0: } Chris@0: Chris@0: /* Preview */ Chris@0: #preview { Chris@0: display: none; Chris@0: } Chris@0: html.js #preview { Chris@0: display: block; Chris@0: position: relative; Chris@0: float: left; /* LTR */ Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/comment/comment-rtl.css Chris@0: */ Chris@0: Chris@0: .indented { Chris@0: margin-left: 0; Chris@0: margin-right: 25px; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/comment/comment.css Chris@0: */ Chris@0: Chris@0: .indented { Chris@0: margin-left: 25px; /* LTR */ Chris@0: } Chris@0: .comment-unpublished { Chris@0: background-color: #fff4f4; Chris@0: } Chris@0: .preview .comment { Chris@0: background-color: #ffffea; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/dblog/dblog-rtl.css Chris@0: */ Chris@0: Chris@0: #dblog-filter-form .form-item { Chris@0: float: right; Chris@0: padding-right: 0; Chris@0: padding-left: .8em; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/dblog/dblog.css Chris@0: */ Chris@0: Chris@0: #dblog-filter-form .form-item { Chris@0: float: left; /* LTR */ Chris@0: padding-right: .8em; /* LTR */ Chris@0: margin: 0.1em; Chris@0: /** Chris@0: * In Opera 9, DOM elements with the property of "overflow: auto" Chris@0: * will partially hide its contents with unnecessary scrollbars when Chris@0: * its immediate child is floated without an explicit width set. Chris@0: */ Chris@0: width: 15em; Chris@0: } Chris@0: #dblog-filter-form .form-item select.form-select { Chris@0: width: 100%; Chris@0: } Chris@0: tr.dblog-user { Chris@0: background: #ffd; Chris@0: } Chris@0: tr.dblog-user .active { Chris@0: background: #eed; Chris@0: } Chris@0: tr.dblog-content { Chris@0: background: #ddf; Chris@0: } Chris@0: tr.dblog-content .active { Chris@0: background: #cce; Chris@0: } Chris@0: tr.dblog-page-not-found, tr.dblog-access-denied { Chris@0: background: #dfd; Chris@0: } Chris@0: tr.dblog-page-not-found .active, tr.dblog-access-denied .active { Chris@0: background: #cec; Chris@0: } Chris@0: tr.dblog-error { Chris@0: background: #ffc9c9; Chris@0: } Chris@0: tr.dblog-error .active { Chris@0: background: #eeb9b9; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/forum/forum-rtl.css Chris@0: */ Chris@0: Chris@0: #forum tr td.forum { Chris@0: padding-left: 0.5em; Chris@0: padding-right: 25px; Chris@0: background-position: 98% 2px; Chris@0: } Chris@0: .forum-topic-navigation { Chris@0: padding: 1em 3em 0 0; Chris@0: } Chris@0: .forum-topic-navigation .topic-previous { Chris@0: text-align: left; Chris@0: float: right; Chris@0: } Chris@0: .forum-topic-navigation .topic-next { Chris@0: text-align: right; Chris@0: float: left; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/forum/forum.css Chris@0: */ Chris@0: Chris@0: #forum .description { Chris@0: font-size: 0.9em; Chris@0: margin: 0.5em; Chris@0: } Chris@0: #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager { Chris@0: white-space: nowrap; Chris@0: } Chris@0: #forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager { Chris@0: text-align: center; Chris@0: } Chris@0: #forum tr td.forum { Chris@0: padding-left: 25px; /* LTR */ Chris@0: background-position: 2px 2px; /* LTR */ Chris@0: background-image: url(../../misc/forum-default.png); Chris@0: background-repeat: no-repeat; Chris@0: } Chris@0: #forum tr.new-topics td.forum { Chris@0: background-image: url(../../misc/forum-new.png); Chris@0: } Chris@0: #forum div.indent { Chris@0: margin-left: 20px; Chris@0: } Chris@0: Chris@0: .forum-topic-navigation { Chris@0: padding: 1em 0 0 3em; /* LTR */ Chris@0: border-top: 1px solid #888; Chris@0: border-bottom: 1px solid #888; Chris@0: text-align: center; Chris@0: padding: 0.5em; Chris@0: } Chris@0: .forum-topic-navigation .topic-previous { Chris@0: text-align: right; /* LTR */ Chris@0: float: left; /* LTR */ Chris@0: width: 46%; Chris@0: } Chris@0: .forum-topic-navigation .topic-next { Chris@0: text-align: left; /* LTR */ Chris@0: float: right; /* LTR */ Chris@0: width: 46%; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/help/help-rtl.css Chris@0: */ Chris@0: Chris@0: .help-items { Chris@0: float: right; Chris@0: padding-right: 0; Chris@0: padding-left: 3%; Chris@0: } Chris@0: .help-items-last { Chris@0: padding-right: 0; Chris@0: padding-left: 0; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/help/help.css Chris@0: */ Chris@0: Chris@0: .help-items { Chris@0: float: left; /* LTR */ Chris@0: width: 22%; Chris@0: padding-right: 3%; /* LTR */ Chris@0: } Chris@0: .help-items-last { Chris@0: padding-right: 0; /* LTR */ Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/locale/locale.css Chris@0: */ Chris@0: Chris@0: .locale-untranslated { Chris@0: font-style: normal; Chris@0: text-decoration: line-through; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/node/node-rtl.css Chris@0: */ Chris@0: Chris@0: #node-admin-buttons { Chris@0: float: right; Chris@0: margin-left: 0; Chris@0: margin-right: 0.5em; Chris@0: clear: left; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/node/node.css Chris@0: */ Chris@0: Chris@0: .node-unpublished { Chris@0: background-color: #fff4f4; Chris@0: } Chris@0: .preview .node { Chris@0: background-color: #ffffea; Chris@0: } Chris@0: #node-admin-filter ul { Chris@0: list-style-type: none; Chris@0: padding: 0; Chris@0: margin: 0; Chris@0: width: 100%; Chris@0: } Chris@0: #node-admin-buttons { Chris@0: float: left; /* LTR */ Chris@0: margin-left: 0.5em; /* LTR */ Chris@0: clear: right; /* LTR */ Chris@0: } Chris@0: td.revision-current { Chris@0: background: #ffc; Chris@0: } Chris@0: .node-form .form-text { Chris@0: display: block; Chris@0: width: 95%; Chris@0: } Chris@0: .node-form .container-inline .form-text { Chris@0: display: inline; Chris@0: width: auto; Chris@0: } Chris@0: .node-form .standard { Chris@0: clear: both; Chris@0: } Chris@0: .node-form textarea { Chris@0: display: block; Chris@0: width: 95%; Chris@0: } Chris@0: .node-form .attachments fieldset { Chris@0: float: none; Chris@0: display: block; Chris@0: } Chris@0: .terms-inline { Chris@0: display: inline; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/openid/openid.css Chris@0: */ Chris@0: Chris@0: #edit-openid-identifier { Chris@0: background-image: url("login-bg.png"); Chris@0: background-position: 0% 50%; Chris@0: background-repeat: no-repeat; Chris@0: padding-left: 20px; Chris@0: } Chris@0: Chris@0: div#edit-openid-identifier-wrapper { Chris@0: display: block; Chris@0: } Chris@0: Chris@0: html.js #user-login-form div#edit-openid-identifier-wrapper, Chris@0: html.js #user-login div#edit-openid-identifier-wrapper { Chris@0: display: none; Chris@0: } Chris@0: Chris@0: html.js #user-login-form li.openid-link, Chris@0: html.js #user-login li.openid-link { Chris@0: display : block; Chris@0: } Chris@0: Chris@0: #user-login-form ul { Chris@0: margin-top: 0; Chris@0: } Chris@0: Chris@0: #user-login-form li.openid-link, Chris@0: #user-login-form li.user-link, Chris@0: #user-login li.openid-link, Chris@0: #user-login li.user-link { Chris@0: display: none; Chris@0: } Chris@0: Chris@0: #user-login-form li.openid-link, Chris@0: #user-login-form li.user-link { Chris@0: text-align : left; Chris@0: } Chris@0: Chris@0: #user-login-form li.openid-link, Chris@0: #user-login li.openid-link { Chris@0: background: transparent url(login-bg.png) no-repeat scroll 1px 0.35em; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/poll/poll-rtl.css Chris@0: */ Chris@0: Chris@0: .poll .bar .foreground { Chris@0: float: right; Chris@0: } Chris@0: .poll .percent { Chris@0: text-align: left; Chris@0: } Chris@0: .poll .vote-form .choices { Chris@0: text-align: right; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/poll/poll.css Chris@0: */ Chris@0: Chris@0: .poll .bar { Chris@0: height: 1em; Chris@0: margin: 1px 0; Chris@0: background-color: #ddd; Chris@0: } Chris@0: .poll .bar .foreground { Chris@0: background-color: #000; Chris@0: height: 1em; Chris@0: float: left; /* LTR */ Chris@0: } Chris@0: .poll .links { Chris@0: text-align: center; Chris@0: } Chris@0: .poll .percent { Chris@0: text-align: right; /* LTR */ Chris@0: } Chris@0: .poll .total { Chris@0: text-align: center; Chris@0: } Chris@0: .poll .vote-form { Chris@0: text-align: center; Chris@0: } Chris@0: .poll .vote-form .choices { Chris@0: text-align: left; /* LTR */ Chris@0: margin: 0 auto; Chris@0: display: table; Chris@0: } Chris@0: .poll .vote-form .choices .title { Chris@0: font-weight: bold; Chris@0: } Chris@0: .node-form #edit-poll-more { Chris@0: margin: 0; Chris@0: } Chris@0: td.poll-chtext { Chris@0: width: 80%; Chris@0: } Chris@0: td.poll-chvotes .form-text { Chris@0: width: 85%; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/profile/profile.css Chris@0: */ Chris@0: Chris@0: #profile-fields td.category { Chris@0: font-weight: bold; Chris@0: } Chris@0: #profile-fields tr.category-message { Chris@0: color: #999; Chris@0: } Chris@0: #profile-fields tr.category-populated { Chris@0: display: none; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/search/search-rtl.css Chris@0: */ Chris@0: Chris@0: .search-advanced .criterion { Chris@0: float: right; Chris@0: margin-right: 0; Chris@0: margin-left: 2em; Chris@0: } Chris@0: .search-advanced .action { Chris@0: float: right; Chris@0: clear: right; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/search/search.css Chris@0: */ Chris@0: Chris@0: .search-form { Chris@0: margin-bottom: 1em; Chris@0: } Chris@0: .search-form input { Chris@0: margin-top: 0; Chris@0: margin-bottom: 0; Chris@0: } Chris@0: .search-results p { Chris@0: margin-top: 0; Chris@0: } Chris@0: .search-results dt { Chris@0: font-size: 1.1em; Chris@0: } Chris@0: .search-results dd { Chris@0: margin-bottom: 1em; Chris@0: } Chris@0: .search-results .search-info { Chris@0: font-size: 0.85em; Chris@0: } Chris@0: .search-advanced .criterion { Chris@0: float: left; /* LTR */ Chris@0: margin-right: 2em; /* LTR */ Chris@0: } Chris@0: .search-advanced .action { Chris@0: float: left; /* LTR */ Chris@0: clear: left; /* LTR */ Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/system/admin-rtl.css Chris@0: */ Chris@0: Chris@0: div.admin-panel .body { Chris@0: padding: 0 8px 2px 4px; Chris@0: } Chris@0: Chris@0: div.admin .expert-link { Chris@0: text-align: left; Chris@0: margin-right: 0; Chris@0: margin-left: 1em; Chris@0: padding-right: 0; Chris@0: padding-left: 4px; Chris@0: } Chris@0: Chris@0: table.system-status-report th, table.system-status-report tr.merge-up td { Chris@0: padding-right: 30px; Chris@0: } Chris@0: Chris@0: table.system-status-report th { Chris@0: background-position: 95% 50%; Chris@0: } Chris@0: Chris@0: table.screenshot { Chris@0: margin-left: 1em; Chris@0: } Chris@0: Chris@0: .date-container { Chris@0: clear: right; Chris@0: } Chris@0: .date-container .select-container, .date-container .custom-container { Chris@0: float: right; Chris@0: } Chris@0: .date-container .custom-container { Chris@0: margin-left: 0; Chris@0: margin-right: 15px; Chris@0: } Chris@0: Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/system/admin.css Chris@0: */ Chris@0: Chris@0: /* Chris@0: ** Formatting for administration page Chris@0: */ Chris@0: div.admin-panel { Chris@0: margin: 0; Chris@0: padding: 5px 5px 15px 5px; Chris@0: } Chris@0: Chris@0: div.admin-panel .description { Chris@0: margin: 0 0 3px; Chris@0: padding: 2px 0 3px 0; Chris@0: } Chris@0: Chris@0: div.admin-panel .body { Chris@0: padding: 0 4px 2px 8px; /* LTR */ Chris@0: } Chris@0: Chris@0: div.admin { Chris@0: padding-top: 15px; Chris@0: } Chris@0: Chris@0: div.admin .left { Chris@0: float: left; Chris@0: width: 47%; Chris@0: margin-left: 1em; Chris@0: } Chris@0: div.admin .right { Chris@0: float: right; Chris@0: width: 47%; Chris@0: margin-right: 1em; Chris@0: } Chris@0: Chris@0: div.admin .expert-link { Chris@0: text-align: right; /* LTR */ Chris@0: margin-right: 1em; /* LTR */ Chris@0: padding-right: 4px; /* LTR */ Chris@0: } Chris@0: Chris@0: table.package { Chris@0: width: 100%; Chris@0: } Chris@0: table.package .description { Chris@0: width: 100%; Chris@0: } Chris@0: div.admin-dependencies, div.admin-required { Chris@0: font-size: 0.9em; Chris@0: color: #444; Chris@0: } Chris@0: span.admin-disabled { Chris@0: color: #800; Chris@0: } Chris@0: span.admin-enabled { Chris@0: color: #080; Chris@0: } Chris@0: span.admin-missing { Chris@0: color: #f00; Chris@0: } Chris@0: Chris@0: /** Chris@0: * Formatting for status report Chris@0: */ Chris@0: table.system-status-report th { Chris@0: border-bottom: 1px solid #ccc; Chris@0: } Chris@0: table.system-status-report th, table.system-status-report tr.merge-up td { Chris@0: padding-left: 30px; /* LTR */ Chris@0: } Chris@0: table.system-status-report th { Chris@0: background-repeat: no-repeat; Chris@0: background-position: 5px 50%; /* LTR */ Chris@0: padding-top: 6px; Chris@0: padding-bottom: 6px; Chris@0: } Chris@0: table.system-status-report tr.error th { Chris@0: background-image: url(../../misc/watchdog-error.png); Chris@0: } Chris@0: table.system-status-report tr.warning th { Chris@0: background-image: url(../../misc/watchdog-warning.png); Chris@0: } Chris@0: table.system-status-report tr.ok th { Chris@0: background-image: url(../../misc/watchdog-ok.png); Chris@0: } Chris@0: Chris@0: /** Chris@0: * Formatting for theme configuration Chris@0: */ Chris@0: .theme-settings-left { Chris@0: float: left; Chris@0: width: 49%; Chris@0: } Chris@0: .theme-settings-right { Chris@0: float: right; Chris@0: width: 49%; Chris@0: } Chris@0: .theme-settings-bottom { Chris@0: clear: both; Chris@0: } Chris@0: Chris@0: /** Chris@0: * Formatting for theme overview Chris@0: */ Chris@0: table.screenshot { Chris@0: margin-right: 1em; /* LTR */ Chris@0: } Chris@0: .theme-info h2 { Chris@0: margin-bottom: 0; Chris@0: } Chris@0: .theme-info p { Chris@0: margin-top: 0; Chris@0: } Chris@0: Chris@0: Chris@0: /** Chris@0: * Date and time settings page Chris@0: */ Chris@0: .date-container { Chris@0: overflow: auto; Chris@0: clear: left; /* LTR */ Chris@0: } Chris@0: .date-container .form-item { Chris@0: margin-top: 0; Chris@0: } Chris@0: .date-container .select-container, .date-container .custom-container { Chris@0: float: left; /* LTR */ Chris@0: } Chris@0: .date-container .custom-container { Chris@0: margin-left: 15px; /* LTR */ Chris@0: width: 50%; Chris@0: } Chris@0: html.js .custom-container label { Chris@0: visibility: hidden; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/system/defaults-rtl.css Chris@0: */ Chris@0: Chris@0: th { Chris@0: text-align: right; Chris@0: padding-right: 0; Chris@0: padding-left: 1em; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/system/defaults.css Chris@0: */ Chris@0: Chris@0: /* Chris@0: ** HTML elements Chris@0: */ Chris@0: fieldset { Chris@0: margin-bottom: 1em; Chris@0: padding: .5em; Chris@0: } Chris@0: form { Chris@0: margin: 0; Chris@0: padding: 0; Chris@0: } Chris@0: hr { Chris@0: height: 1px; Chris@0: border: 1px solid gray; Chris@0: } Chris@0: img { Chris@0: border: 0; Chris@0: } Chris@0: table { Chris@0: border-collapse: collapse; Chris@0: } Chris@0: th { Chris@0: text-align: left; /* LTR */ Chris@0: padding-right: 1em; /* LTR */ Chris@0: border-bottom: 3px solid #ccc; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Markup free clearing Chris@0: ** Details: http://www.positioniseverything.net/easyclearing.html Chris@0: */ Chris@0: .clear-block:after { Chris@0: content: "."; Chris@0: display: block; Chris@0: height: 0; Chris@0: clear: both; Chris@0: visibility: hidden; Chris@0: } Chris@0: Chris@0: .clear-block { Chris@0: display: inline-block; Chris@0: } Chris@0: Chris@0: /* Hides from IE-mac \*/ Chris@0: * html .clear-block { Chris@0: height: 1%; Chris@0: } Chris@0: .clear-block { Chris@0: display: block; Chris@0: } Chris@0: /* End hide from IE-mac */ Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/system/maintenance.css Chris@0: */ Chris@0: Chris@0: /* Update styles */ Chris@0: #update-results { Chris@0: margin-top: 3em; Chris@0: padding: 0.25em; Chris@0: border: 1px solid #ccc; Chris@0: background: #eee; Chris@0: font-size: smaller; Chris@0: } Chris@0: #update-results h2 { Chris@0: margin-top: 0.25em; Chris@0: } Chris@0: #update-results h4 { Chris@0: margin-bottom: 0.25em; Chris@0: } Chris@0: #update-results li.none { Chris@0: color: #888; Chris@0: font-style: italic; Chris@0: } Chris@0: #update-results li.failure strong { Chris@0: color: #b63300; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/system/system-menus-rtl.css Chris@0: */ Chris@0: Chris@0: ul.menu { Chris@0: text-align:right; Chris@0: } Chris@0: ul.menu li { Chris@0: margin: 0 0.5em 0 0; Chris@0: } Chris@0: li.expanded { Chris@0: padding: 0.2em 0 0 0.5em; Chris@0: } Chris@0: li.collapsed { Chris@0: list-style-image: url(../../misc/menu-collapsed-rtl.png); Chris@0: padding: 0.2em 0 0 0.5em; Chris@0: } Chris@0: li.leaf { Chris@0: padding: 0.2em 0 0 0.5em; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/system/system-menus.css Chris@0: */ Chris@0: Chris@0: ul.menu { Chris@0: list-style: none; Chris@0: border: none; Chris@0: text-align:left; /* LTR */ Chris@0: } Chris@0: ul.menu li { Chris@0: margin: 0 0 0 0.5em; /* LTR */ Chris@0: } Chris@0: li.expanded { Chris@0: list-style-type: circle; Chris@0: list-style-image: url(../../misc/menu-expanded.png); Chris@0: padding: 0.2em 0.5em 0 0; /* LTR */ Chris@0: margin: 0; Chris@0: } Chris@0: li.collapsed { Chris@0: list-style-type: disc; Chris@0: list-style-image: url(../../misc/menu-collapsed.png); /* LTR */ Chris@0: padding: 0.2em 0.5em 0 0; /* LTR */ Chris@0: margin: 0; Chris@0: } Chris@0: li.leaf { Chris@0: list-style-type: square; Chris@0: list-style-image: url(../../misc/menu-leaf.png); Chris@0: padding: 0.2em 0.5em 0 0; /* LTR */ Chris@0: margin: 0; Chris@0: } Chris@0: li a.active { Chris@0: color: #000; Chris@0: } Chris@0: td.menu-disabled { Chris@0: background: #ccc; Chris@0: } Chris@0: ul.links { Chris@0: margin: 0; Chris@0: padding: 0; Chris@0: } Chris@0: ul.links.inline { Chris@0: display: inline; Chris@0: } Chris@0: ul.links li { Chris@0: display: inline; Chris@0: list-style-type: none; Chris@0: padding: 0 0.5em; Chris@0: } Chris@0: .block ul { Chris@0: margin: 0; Chris@0: padding: 0 0 0.25em 1em; /* LTR */ Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/system/system-rtl.css Chris@0: */ Chris@0: Chris@0: thead th { Chris@0: text-align: right; Chris@0: padding-left: 1em; Chris@0: padding-right: 0.5em; Chris@0: } Chris@0: Chris@0: .item-list .icon { Chris@0: float: left; Chris@0: padding-left: 0; Chris@0: padding-right: 0.25em; Chris@0: clear: left; Chris@0: } Chris@0: .item-list ul li { Chris@0: margin: 0 1.5em 0.25em 0; Chris@0: } Chris@0: Chris@0: .more-link { Chris@0: text-align: left; Chris@0: } Chris@0: .more-help-link { Chris@0: text-align: left; Chris@0: } Chris@0: Chris@0: dl.multiselect dt, dl.multiselect dd { Chris@0: float: right; Chris@0: margin: 0 0 0 1em; Chris@0: } Chris@0: Chris@0: .block ul { Chris@0: padding: 0 1em 0.25em 0; Chris@0: } Chris@0: Chris@0: ul.primary { Chris@0: padding: 0 1em 0 0; Chris@0: } Chris@0: ul.primary li a { Chris@0: margin-right: 5px; Chris@0: margin-left: 0.5em; Chris@0: } Chris@0: ul.secondary li { Chris@0: display: inline; Chris@0: padding: 0 1em; Chris@0: border-right: none; Chris@0: border-left: 1px solid #ccc; Chris@0: } Chris@0: html.js input.form-autocomplete { Chris@0: background-position: 0% 2px; Chris@0: } Chris@0: html.js input.throbbing { Chris@0: background-position: 0% -18px; Chris@0: } Chris@0: Chris@0: html.js fieldset.collapsible legend a { Chris@0: padding-left: 0; Chris@0: padding-right: 15px; Chris@0: background-position: 98% 75%; Chris@0: } Chris@0: html.js fieldset.collapsed legend a { Chris@0: background-image: url(../../misc/menu-collapsed-rtl.png); Chris@0: background-position: 98% 50%; Chris@0: } Chris@0: Chris@0: div.teaser-button-wrapper { Chris@0: float: left; Chris@0: padding-right: 0; Chris@0: padding-left: 5%; Chris@0: } Chris@0: .teaser-checkbox div.form-item { Chris@0: float: left; Chris@0: margin: 0 0 0 5%; Chris@0: } Chris@0: .progress .percentage { Chris@0: float: left; Chris@0: } Chris@0: .progess-disabled { Chris@0: float: right; Chris@0: } Chris@0: .ahah-progress { Chris@0: float: right; Chris@0: } Chris@0: .ahah-progress .throbber { Chris@0: float: right; Chris@0: } Chris@0: input.password-field { Chris@0: margin-left: 10px; Chris@0: margin-right: 0; Chris@0: } Chris@0: input.password-confirm { Chris@0: margin-left: 10px; Chris@0: margin-right: 0; Chris@0: } Chris@0: Chris@0: .draggable a.tabledrag-handle { Chris@0: float: right; Chris@0: margin: -0.4em -0.5em -0.4em 0; Chris@0: padding: 0.42em 0.5em 0.42em 1.5em; Chris@0: } Chris@0: div.indentation { Chris@0: margin: -0.4em -0.4em -0.4em 0.2em; Chris@0: padding: 0.42em 0.6em 0.42em 0; Chris@0: float: right; Chris@0: } Chris@0: div.tree-child, div.tree-child-last { Chris@0: background-position: -65px center; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/system/system.css Chris@0: */ Chris@0: Chris@0: /* Chris@0: ** HTML elements Chris@0: */ Chris@0: body.drag { Chris@0: cursor: move; Chris@0: } Chris@0: th.active img { Chris@0: display: inline; Chris@0: } Chris@0: tr.even, tr.odd { Chris@0: background-color: #eee; Chris@0: border-bottom: 1px solid #ccc; Chris@0: padding: 0.1em 0.6em; Chris@0: } Chris@0: tr.drag { Chris@0: background-color: #fffff0; Chris@0: } Chris@0: tr.drag-previous { Chris@0: background-color: #ffd; Chris@0: } Chris@0: td.active { Chris@0: background-color: #ddd; Chris@0: } Chris@0: td.checkbox, th.checkbox { Chris@0: text-align: center; Chris@0: } Chris@0: tbody { Chris@0: border-top: 1px solid #ccc; Chris@0: } Chris@0: tbody th { Chris@0: border-bottom: 1px solid #ccc; Chris@0: } Chris@0: thead th { Chris@0: text-align: left; /* LTR */ Chris@0: padding-right: 1em; /* LTR */ Chris@0: border-bottom: 3px solid #ccc; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Other common styles Chris@0: */ Chris@0: .breadcrumb { Chris@0: padding-bottom: .5em Chris@0: } Chris@0: div.indentation { Chris@0: width: 20px; Chris@0: height: 1.7em; Chris@0: margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ Chris@0: padding: 0.42em 0 0.42em 0.6em; /* LTR */ Chris@0: float: left; /* LTR */ Chris@0: } Chris@0: div.tree-child { Chris@0: background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */ Chris@0: } Chris@0: div.tree-child-last { Chris@0: background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */ Chris@0: } Chris@0: div.tree-child-horizontal { Chris@0: background: url(../../misc/tree.png) no-repeat -11px center; Chris@0: } Chris@0: .error { Chris@0: color: #e55; Chris@0: } Chris@0: div.error { Chris@0: border: 1px solid #d77; Chris@0: } Chris@0: div.error, tr.error { Chris@0: background: #fcc; Chris@0: color: #200; Chris@0: padding: 2px; Chris@0: } Chris@0: .warning { Chris@0: color: #e09010; Chris@0: } Chris@0: div.warning { Chris@0: border: 1px solid #f0c020; Chris@0: } Chris@0: div.warning, tr.warning { Chris@0: background: #ffd; Chris@0: color: #220; Chris@0: padding: 2px; Chris@0: } Chris@0: .ok { Chris@0: color: #008000; Chris@0: } Chris@0: div.ok { Chris@0: border: 1px solid #00aa00; Chris@0: } Chris@0: div.ok, tr.ok { Chris@0: background: #dfd; Chris@0: color: #020; Chris@0: padding: 2px; Chris@0: } Chris@0: .item-list .icon { Chris@0: color: #555; Chris@0: float: right; /* LTR */ Chris@0: padding-left: 0.25em; /* LTR */ Chris@0: clear: right; /* LTR */ Chris@0: } Chris@0: .item-list .title { Chris@0: font-weight: bold; Chris@0: } Chris@0: .item-list ul { Chris@0: margin: 0 0 0.75em 0; Chris@0: padding: 0; Chris@0: } Chris@0: .item-list ul li { Chris@0: margin: 0 0 0.25em 1.5em; /* LTR */ Chris@0: padding: 0; Chris@0: list-style: disc; Chris@0: } Chris@0: ol.task-list li.active { Chris@0: font-weight: bold; Chris@0: } Chris@0: .form-item { Chris@0: margin-top: 1em; Chris@0: margin-bottom: 1em; Chris@0: } Chris@0: tr.odd .form-item, tr.even .form-item { Chris@0: margin-top: 0; Chris@0: margin-bottom: 0; Chris@0: white-space: nowrap; Chris@0: } Chris@0: tr.merge-down, tr.merge-down td, tr.merge-down th { Chris@0: border-bottom-width: 0 !important; Chris@0: } Chris@0: tr.merge-up, tr.merge-up td, tr.merge-up th { Chris@0: border-top-width: 0 !important; Chris@0: } Chris@0: .form-item input.error, .form-item textarea.error, .form-item select.error { Chris@0: border: 2px solid red; Chris@0: } Chris@0: .form-item .description { Chris@0: font-size: 0.85em; Chris@0: } Chris@0: .form-item label { Chris@0: display: block; Chris@0: font-weight: bold; Chris@0: } Chris@0: .form-item label.option { Chris@0: display: inline; Chris@0: font-weight: normal; Chris@0: } Chris@0: .form-checkboxes, .form-radios { Chris@0: margin: 1em 0; Chris@0: } Chris@0: .form-checkboxes .form-item, .form-radios .form-item { Chris@0: margin-top: 0.4em; Chris@0: margin-bottom: 0.4em; Chris@0: } Chris@0: .marker, .form-required { Chris@0: color: #f00; Chris@0: } Chris@0: .more-link { Chris@0: text-align: right; /* LTR */ Chris@0: } Chris@0: .more-help-link { Chris@0: font-size: 0.85em; Chris@0: text-align: right; /* LTR */ Chris@0: } Chris@0: .nowrap { Chris@0: white-space: nowrap; Chris@0: } Chris@0: .item-list .pager { Chris@0: clear: both; Chris@0: text-align: center; Chris@0: } Chris@0: .item-list .pager li { Chris@0: background-image:none; Chris@0: display:inline; Chris@0: list-style-type:none; Chris@0: padding: 0.5em; Chris@0: } Chris@0: .pager-current { Chris@0: font-weight:bold; Chris@0: } Chris@0: .tips { Chris@0: margin-top: 0; Chris@0: margin-bottom: 0; Chris@0: padding-top: 0; Chris@0: padding-bottom: 0; Chris@0: font-size: 0.9em; Chris@0: } Chris@0: dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select { Chris@0: font-family: inherit; Chris@0: font-size: inherit; Chris@0: width: 14em; Chris@0: } Chris@0: dl.multiselect dd.a, dl.multiselect dd.a .form-item { Chris@0: width: 8em; Chris@0: } Chris@0: dl.multiselect dt, dl.multiselect dd { Chris@0: float: left; /* LTR */ Chris@0: line-height: 1.75em; Chris@0: padding: 0; Chris@0: margin: 0 1em 0 0; /* LTR */ Chris@0: } Chris@0: dl.multiselect .form-item { Chris@0: height: 1.75em; Chris@0: margin: 0; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Inline items (need to override above) Chris@0: */ Chris@0: .container-inline div, .container-inline label { Chris@0: display: inline; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Tab navigation Chris@0: */ Chris@0: ul.primary { Chris@0: border-collapse: collapse; Chris@0: padding: 0 0 0 1em; /* LTR */ Chris@0: white-space: nowrap; Chris@0: list-style: none; Chris@0: margin: 5px; Chris@0: height: auto; Chris@0: line-height: normal; Chris@0: border-bottom: 1px solid #bbb; Chris@0: } Chris@0: ul.primary li { Chris@0: display: inline; Chris@0: } Chris@0: ul.primary li a { Chris@0: background-color: #ddd; Chris@0: border-color: #bbb; Chris@0: border-width: 1px; Chris@0: border-style: solid solid none solid; Chris@0: height: auto; Chris@0: margin-right: 0.5em; /* LTR */ Chris@0: padding: 0 1em; Chris@0: text-decoration: none; Chris@0: } Chris@0: ul.primary li.active a { Chris@0: background-color: #fff; Chris@0: border: 1px solid #bbb; Chris@0: border-bottom: #fff 1px solid; Chris@0: } Chris@0: ul.primary li a:hover { Chris@0: background-color: #eee; Chris@0: border-color: #ccc; Chris@0: border-bottom-color: #eee; Chris@0: } Chris@0: ul.secondary { Chris@0: border-bottom: 1px solid #bbb; Chris@0: padding: 0.5em 1em; Chris@0: margin: 5px; Chris@0: } Chris@0: ul.secondary li { Chris@0: display: inline; Chris@0: padding: 0 1em; Chris@0: border-right: 1px solid #ccc; /* LTR */ Chris@0: } Chris@0: ul.secondary a { Chris@0: padding: 0; Chris@0: text-decoration: none; Chris@0: } Chris@0: ul.secondary a.active { Chris@0: border-bottom: 4px solid #999; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Autocomplete styles Chris@0: */ Chris@0: /* Suggestion list */ Chris@0: #autocomplete { Chris@0: position: absolute; Chris@0: border: 1px solid; Chris@0: overflow: hidden; Chris@0: z-index: 100; Chris@0: } Chris@0: #autocomplete ul { Chris@0: margin: 0; Chris@0: padding: 0; Chris@0: list-style: none; Chris@0: } Chris@0: #autocomplete li { Chris@0: background: #fff; Chris@0: color: #000; Chris@0: white-space: pre; Chris@0: cursor: default; Chris@0: } Chris@0: #autocomplete li.selected { Chris@0: background: #0072b9; Chris@0: color: #fff; Chris@0: } Chris@0: /* Animated throbber */ Chris@0: html.js input.form-autocomplete { Chris@0: background-image: url(../../misc/throbber.gif); Chris@0: background-repeat: no-repeat; Chris@0: background-position: 100% 2px; /* LTR */ Chris@0: } Chris@0: html.js input.throbbing { Chris@0: background-position: 100% -18px; /* LTR */ Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Collapsing fieldsets Chris@0: */ Chris@0: html.js fieldset.collapsed { Chris@0: border-bottom-width: 0; Chris@0: border-left-width: 0; Chris@0: border-right-width: 0; Chris@0: margin-bottom: 0; Chris@0: height: 1em; Chris@0: } Chris@0: html.js fieldset.collapsed * { Chris@0: display: none; Chris@0: } Chris@0: html.js fieldset.collapsed legend { Chris@0: display: block; Chris@0: } Chris@0: html.js fieldset.collapsible legend a { Chris@0: padding-left: 15px; /* LTR */ Chris@0: background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */ Chris@0: } Chris@0: html.js fieldset.collapsed legend a { Chris@0: background-image: url(../../misc/menu-collapsed.png); /* LTR */ Chris@0: background-position: 5px 50%; /* LTR */ Chris@0: } Chris@0: /* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */ Chris@0: * html.js fieldset.collapsed legend, Chris@0: * html.js fieldset.collapsed legend *, Chris@0: * html.js fieldset.collapsed table * { Chris@0: display: inline; Chris@0: } Chris@0: /* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */ Chris@0: html.js fieldset.collapsible { Chris@0: position: relative; Chris@0: } Chris@0: html.js fieldset.collapsible legend a { Chris@0: display: block; Chris@0: } Chris@0: /* Avoid jumping around due to margins collapsing into collapsible fieldset border */ Chris@0: html.js fieldset.collapsible .fieldset-wrapper { Chris@0: overflow: auto; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Resizable text areas Chris@0: */ Chris@0: .resizable-textarea { Chris@0: width: 95%; Chris@0: } Chris@0: .resizable-textarea .grippie { Chris@0: height: 9px; Chris@0: overflow: hidden; Chris@0: background: #eee url(../../misc/grippie.png) no-repeat center 2px; Chris@0: border: 1px solid #ddd; Chris@0: border-top-width: 0; Chris@0: cursor: s-resize; Chris@0: } Chris@0: html.js .resizable-textarea textarea { Chris@0: margin-bottom: 0; Chris@0: width: 100%; Chris@0: display: block; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Table drag and drop. Chris@0: */ Chris@0: .draggable a.tabledrag-handle { Chris@0: cursor: move; Chris@0: float: left; /* LTR */ Chris@0: height: 1.7em; Chris@0: margin: -0.4em 0 -0.4em -0.5em; /* LTR */ Chris@0: padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */ Chris@0: text-decoration: none; Chris@0: } Chris@0: a.tabledrag-handle:hover { Chris@0: text-decoration: none; Chris@0: } Chris@0: a.tabledrag-handle .handle { Chris@0: margin-top: 4px; Chris@0: height: 13px; Chris@0: width: 13px; Chris@0: background: url(../../misc/draggable.png) no-repeat 0 0; Chris@0: } Chris@0: a.tabledrag-handle-hover .handle { Chris@0: background-position: 0 -20px; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Teaser splitter Chris@0: */ Chris@0: .joined + .grippie { Chris@0: height: 5px; Chris@0: background-position: center 1px; Chris@0: margin-bottom: -2px; Chris@0: } Chris@0: /* Keeps inner content contained in Opera 9. */ Chris@0: .teaser-checkbox { Chris@0: padding-top: 1px; Chris@0: } Chris@0: div.teaser-button-wrapper { Chris@0: float: right; /* LTR */ Chris@0: padding-right: 5%; /* LTR */ Chris@0: margin: 0; Chris@0: } Chris@0: .teaser-checkbox div.form-item { Chris@0: float: right; /* LTR */ Chris@0: margin: 0 5% 0 0; /* LTR */ Chris@0: padding: 0; Chris@0: } Chris@0: textarea.teaser { Chris@0: display: none; Chris@0: } Chris@0: html.js .no-js { Chris@0: display: none; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Progressbar styles Chris@0: */ Chris@0: .progress { Chris@0: font-weight: bold; Chris@0: } Chris@0: .progress .bar { Chris@0: background: #fff url(../../misc/progress.gif); Chris@0: border: 1px solid #00375a; Chris@0: height: 1.5em; Chris@0: margin: 0 0.2em; Chris@0: } Chris@0: .progress .filled { Chris@0: background: #0072b9; Chris@0: height: 1em; Chris@0: border-bottom: 0.5em solid #004a73; Chris@0: width: 0%; Chris@0: } Chris@0: .progress .percentage { Chris@0: float: right; /* LTR */ Chris@0: } Chris@0: .progress-disabled { Chris@0: float: left; /* LTR */ Chris@0: } Chris@0: .ahah-progress { Chris@0: float: left; /* LTR */ Chris@0: } Chris@0: .ahah-progress .throbber { Chris@0: width: 15px; Chris@0: height: 15px; Chris@0: margin: 2px; Chris@0: background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px; Chris@0: float: left; /* LTR */ Chris@0: } Chris@0: tr .ahah-progress .throbber { Chris@0: margin: 0 2px; Chris@0: } Chris@0: .ahah-progress-bar { Chris@0: width: 16em; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Formatting for welcome page Chris@0: */ Chris@0: #first-time strong { Chris@0: display: block; Chris@0: padding: 1.5em 0 .5em; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** To be used with tableselect.js Chris@0: */ Chris@0: tr.selected td { Chris@0: background: #ffc; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Floating header for tableheader.js Chris@0: */ Chris@0: table.sticky-header { Chris@0: margin-top: 0; Chris@0: background: #fff; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Installation clean URLs Chris@0: */ Chris@0: #clean-url.install { Chris@0: display: none; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** For anything you want to hide on page load when JS is enabled, so Chris@0: ** that you can use the JS to control visibility and avoid flicker. Chris@0: */ Chris@0: html.js .js-hide { Chris@0: display: none; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Styles for the system modules page (admin/build/modules) Chris@0: */ Chris@0: #system-modules div.incompatible { Chris@0: font-weight: bold; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Styles for the system themes page (admin/build/themes) Chris@0: */ Chris@0: #system-themes-form div.incompatible { Chris@0: font-weight: bold; Chris@0: } Chris@0: Chris@0: /* Chris@0: ** Password strength indicator Chris@0: */ Chris@0: span.password-strength { Chris@0: visibility: hidden; Chris@0: } Chris@0: input.password-field { Chris@0: margin-right: 10px; /* LTR */ Chris@0: } Chris@0: div.password-description { Chris@0: padding: 0 2px; Chris@0: margin: 4px 0 0 0; Chris@0: font-size: 0.85em; Chris@0: max-width: 500px; Chris@0: } Chris@0: div.password-description ul { Chris@0: margin-bottom: 0; Chris@0: } Chris@0: .password-parent { Chris@0: margin: 0 0 0 0; Chris@0: } Chris@0: /* Chris@0: ** Password confirmation checker Chris@0: */ Chris@0: input.password-confirm { Chris@0: margin-right: 10px; /* LTR */ Chris@0: } Chris@0: .confirm-parent { Chris@0: margin: 5px 0 0 0; Chris@0: } Chris@0: span.password-confirm { Chris@0: visibility: hidden; Chris@0: } Chris@0: span.password-confirm span { Chris@0: font-weight: normal; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/taxonomy/taxonomy.css Chris@0: */ Chris@0: Chris@0: tr.taxonomy-term-preview { Chris@0: background-color: #EEE; Chris@0: } Chris@0: tr.taxonomy-term-divider-top { Chris@0: border-bottom: none; Chris@0: } Chris@0: tr.taxonomy-term-divider-bottom { Chris@0: border-top: 1px dotted #CCC; Chris@0: } Chris@0: .taxonomy-term-description { Chris@0: margin: 5px 0 20px; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/tracker/tracker.css Chris@0: */ Chris@0: Chris@0: #tracker td.replies { Chris@0: text-align: center; Chris@0: } Chris@0: #tracker table { Chris@0: width: 100%; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/update/update-rtl.css Chris@0: */ Chris@0: Chris@0: .update .project { Chris@0: padding-right: .25em; Chris@0: } Chris@0: Chris@0: .update .version-status { Chris@0: float: left; Chris@0: padding-left: 10px; Chris@0: } Chris@0: Chris@0: .update .version-status .icon { Chris@0: padding-right: .5em; Chris@0: } Chris@0: Chris@0: .update table.version .version-title { Chris@0: padding-left: 1em; Chris@0: } Chris@0: Chris@0: .update table.version .version-details { Chris@0: padding-left: .5em; Chris@0: direction: ltr; Chris@0: } Chris@0: Chris@0: .update table.version .version-links { Chris@0: text-align: left; Chris@0: padding-left: 1em; Chris@0: } Chris@0: Chris@0: .update .check-manually { Chris@0: padding-right: 1em; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/update/update.css Chris@0: */ Chris@0: Chris@0: .update .project { Chris@0: font-weight: bold; Chris@0: font-size: 110%; Chris@0: padding-left: .25em; /* LTR */ Chris@0: height: 22px; Chris@0: } Chris@0: Chris@0: .update .version-status { Chris@0: float: right; /* LTR */ Chris@0: padding-right: 10px; /* LTR */ Chris@0: font-size: 110%; Chris@0: height: 20px; Chris@0: } Chris@0: Chris@0: .update .version-status .icon { Chris@0: padding-left: .5em; /* LTR */ Chris@0: } Chris@0: Chris@0: .update .version-date { Chris@0: white-space: nowrap; Chris@0: } Chris@0: Chris@0: .update .info { Chris@0: margin: 0; Chris@0: padding: 1em 1em .25em 1em; Chris@0: } Chris@0: Chris@0: .update tr td { Chris@0: border-top: 1px solid #ccc; Chris@0: border-bottom: 1px solid #ccc; Chris@0: } Chris@0: Chris@0: .update tr.error { Chris@0: background: #fcc; Chris@0: } Chris@0: Chris@0: .update tr.error .version-recommended { Chris@0: background: #fdd; Chris@0: } Chris@0: Chris@0: .update tr.ok { Chris@0: background: #dfd; Chris@0: } Chris@0: Chris@0: .update tr.warning { Chris@0: background: #ffd; Chris@0: } Chris@0: Chris@0: .update tr.warning .version-recommended { Chris@0: background: #ffe; Chris@0: } Chris@0: Chris@0: .current-version, .new-version { Chris@0: direction: ltr; /* Note: version numbers should always be LTR. */ Chris@0: } Chris@0: Chris@0: table.update, Chris@0: .update table.version { Chris@0: width: 100%; Chris@0: margin-top: .5em; Chris@0: } Chris@0: Chris@0: .update table.version tbody { Chris@0: border: none; Chris@0: } Chris@0: Chris@0: .update table.version tr, Chris@0: .update table.version td { Chris@0: line-height: .9em; Chris@0: padding: 0; Chris@0: margin: 0; Chris@0: border: none; Chris@0: } Chris@0: Chris@0: .update table.version .version-title { Chris@0: padding-left: 1em; /* LTR */ Chris@0: width: 14em; Chris@0: } Chris@0: Chris@0: .update table.version .version-details { Chris@0: padding-right: .5em; /* LTR */ Chris@0: } Chris@0: Chris@0: .update table.version .version-links { Chris@0: text-align: right; /* LTR */ Chris@0: padding-right: 1em; /* LTR */ Chris@0: } Chris@0: Chris@0: .update table.version-security .version-title { Chris@0: color: #970F00; Chris@0: } Chris@0: Chris@0: .update table.version-recommended-strong .version-title { Chris@0: font-weight: bold; Chris@0: } Chris@0: Chris@0: .update .security-error { Chris@0: font-weight: bold; Chris@0: color: #970F00; Chris@0: } Chris@0: Chris@0: .update .check-manually { Chris@0: padding-left: 1em; /* LTR */ Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/user/user-rtl.css Chris@0: */ Chris@0: Chris@0: #permissions td.permission { Chris@0: padding-left: 0; Chris@0: padding-right: 1.5em; Chris@0: } Chris@0: #access-rules .access-type, #access-rules .rule-type { Chris@0: margin-right: 0; Chris@0: margin-left: 1em; Chris@0: float: right; Chris@0: } Chris@0: #user-admin-buttons { Chris@0: float: right; Chris@0: margin-left: 0; Chris@0: margin-right: 0.5em; Chris@0: clear: left; Chris@0: } Chris@0: Chris@0: .profile .picture { Chris@0: float: left; Chris@0: margin: 0 0 1em 1em; Chris@0: } Chris@0: Chris@0: Chris@0: /* Chris@0: * modules/user/user.css Chris@0: */ Chris@0: Chris@0: #permissions td.module { Chris@0: font-weight: bold; Chris@0: } Chris@0: #permissions td.permission { Chris@0: padding-left: 1.5em; /* LTR */ Chris@0: } Chris@0: #access-rules .access-type, #access-rules .rule-type { Chris@0: margin-right: 1em; /* LTR */ Chris@0: float: left; /* LTR */ Chris@0: } Chris@0: #access-rules .access-type .form-item, #access-rules .rule-type .form-item { Chris@0: margin-top: 0; Chris@0: } Chris@0: #access-rules .mask { Chris@0: clear: both; Chris@0: } Chris@0: #user-login-form { Chris@0: text-align: center; Chris@0: } Chris@0: #user-admin-filter ul { Chris@0: list-style-type: none; Chris@0: padding: 0; Chris@0: margin: 0; Chris@0: width: 100%; Chris@0: } Chris@0: #user-admin-buttons { Chris@0: float: left; /* LTR */ Chris@0: margin-left: 0.5em; /* LTR */ Chris@0: clear: right; /* LTR */ Chris@0: } Chris@0: #user-admin-settings fieldset .description { Chris@0: font-size: 0.85em; Chris@0: padding-bottom: .5em; Chris@0: } Chris@0: Chris@0: /* Generated by user.module but used by profile.module: */ Chris@0: .profile { Chris@0: clear: both; Chris@0: margin: 1em 0; Chris@0: } Chris@0: .profile .picture { Chris@0: float: right; /* LTR */ Chris@0: margin: 0 1em 1em 0; /* LTR */ Chris@0: } Chris@0: .profile h3 { Chris@0: border-bottom: 1px solid #ccc; Chris@0: } Chris@0: .profile dl { Chris@0: margin: 0 0 1.5em 0; Chris@0: } Chris@0: .profile dt { Chris@0: margin: 0 0 0.2em 0; Chris@0: font-weight: bold; Chris@0: } Chris@0: .profile dd { Chris@0: margin: 0 0 1em 0; Chris@0: }