Index: modules/system/defaults-rtl.css =================================================================== RCS file: /cvs/drupal/drupal/modules/system/defaults-rtl.css,v retrieving revision 1.3 diff -u -p -r1.3 defaults-rtl.css --- modules/system/defaults-rtl.css 27 Nov 2007 12:09:26 -0000 1.3 +++ modules/system/defaults-rtl.css 4 Nov 2009 14:54:34 -0000 @@ -1,7 +1,43 @@ /* $Id: defaults-rtl.css,v 1.3 2007/11/27 12:09:26 goba Exp $ */ -th { +th, +thead th { text-align: right; padding-right: 0; padding-left: 1em; } + +.item-list .icon { + float: left; + padding-left: 0; + padding-right: 0.25em; + clear: left; +} +.item-list ul li { + margin: 0 1.5em 0.25em 0; +} + +.more-link { + text-align: left; +} +.more-help-link { + text-align: left; +} +.more-help-link a { + padding: 1px 20px 1px 0; + background-position: 100% 50%; +} + +ul.primary { + padding: 0 1em 0 0; +} +ul.primary li a { + margin-right: 5px; + margin-left: 0.5em; +} +ul.secondary li { + display: inline; + padding: 0 1em; + border-right: none; + border-left: 1px solid #ccc; +} Index: modules/system/defaults.css =================================================================== RCS file: /cvs/drupal/drupal/modules/system/defaults.css,v retrieving revision 1.6 diff -u -p -r1.6 defaults.css --- modules/system/defaults.css 18 Feb 2009 14:28:23 -0000 1.6 +++ modules/system/defaults.css 4 Nov 2009 14:54:34 -0000 @@ -1,16 +1,5 @@ /* $Id: defaults.css,v 1.6 2009/02/18 14:28:23 webchick Exp $ */ -/* -** HTML elements -*/ -fieldset { - margin-bottom: 1em; - padding: .5em; -} -form { - margin: 0; - padding: 0; -} hr { height: 1px; border: 1px solid gray; @@ -18,19 +7,296 @@ hr { img { border: 0; } + +/** + * Lists + */ +.item-list .icon { + color: #555; + float: right; /* LTR */ + padding-left: 0.25em; /* LTR */ + clear: right; /* LTR */ +} +.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; /* LTR */ + padding: 0; + list-style: disc; +} + +/** + * Pagers + */ +.item-list .pager { + clear: both; + text-align: center; +} +.item-list .pager li { + background-image: none; + display: inline; + list-style-type: none; + padding: 0.5em; +} +.pager-current { + font-weight: bold; +} + +/** + * Tables + */ table { border-collapse: collapse; } -th { +/* Floating header for tableheader.js. */ +table.sticky-header { + margin-top: 0; + background: #fff; +} +th, +thead th { text-align: left; /* LTR */ padding-right: 1em; /* LTR */ border-bottom: 3px solid #ccc; } +/* Column sort indicator */ +th.active img { + display: inline; +} +tr.even, +tr.odd { + background-color: #eee; + border-bottom: 1px solid #ccc; + padding: 0.1em 0.6em; +} +tr.drag { + background-color: #fffff0; +} +tr.drag-previous { + background-color: #ffd; +} +td.active { + background-color: #ddd; +} +td.checkbox, +th.checkbox { + text-align: center; +} +tbody { + border-top: 1px solid #ccc; +} +tbody th { + border-bottom: 1px solid #ccc; +} +/* To be used with tableselect.js. */ +tr.selected td { + background: #ffc; +} + +/** + * Forms + */ +form { + margin: 0; + padding: 0; +} +fieldset { + margin-bottom: 1em; + padding: .5em; +} +.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; +} +.form-type-radio .description, +.form-type-checkbox .description { + margin-left: 2.4em; +} +.marker, +.form-required { + color: #f00; +} + +/** + * "More"/"Help" links + */ +.more-help-link { + text-align: right; /* LTR */ +} +.more-help-link a { + padding: 1px 0 1px 20px; /* LTR */ + background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */ +} +.more-link { + text-align: right; /* LTR */ +} +.module-help { + margin-left: 1em; /* LTR */ + float: right; /* LTR */ +} + +/** + * Messages, warnings, errors + */ +.error { + color: #e55; +} +div.error { + border: 1px solid #d77; +} +div.error, +tr.error { + background: #fcc; + color: #200; + padding: 2px; +} +.warning { + color: #e09010; +} +div.warning { + border: 1px solid #f0c020; +} +div.warning, +table tr.warning { + background: #ffd; + color: #220; + padding: 2px; +} +.ok { + color: #008000; +} +div.ok { + border: 1px solid #00aa00; +} +div.ok, +tr.ok { + background: #dfd; + color: #020; + padding: 2px; +} + +/** + * Breadcrumb + */ +.breadcrumb { + padding-bottom: .5em +} + +/** + * Local tasks (tabs) + */ +ul.primary { + border-collapse: collapse; + padding: 0 0 0 1em; /* LTR */ + 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; /* LTR */ + 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; /* LTR */ +} +ul.secondary a { + padding: 0; + text-decoration: none; +} +ul.secondary a.active { + border-bottom: 4px solid #999; +} + +/** + * Filter tips + */ +.tips { + margin-top: 0; + margin-bottom: 0; + padding-top: 0; + padding-bottom: 0; + font-size: 0.9em; +} -/* -** Markup free clearing -** Details: http://www.positioniseverything.net/easyclearing.html -*/ +/** + * Markup free clearing + * Details: http://www.positioniseverything.net/easyclearing.html + */ .clearfix:after { content: "."; display: block; Index: modules/system/system-rtl.css =================================================================== RCS file: /cvs/drupal/drupal/modules/system/system-rtl.css,v retrieving revision 1.17 diff -u -p -r1.17 system-rtl.css --- modules/system/system-rtl.css 24 Aug 2009 03:11:34 -0000 1.17 +++ modules/system/system-rtl.css 4 Nov 2009 14:54:34 -0000 @@ -1,30 +1,17 @@ /* $Id: system-rtl.css,v 1.17 2009/08/24 03:11:34 webchick Exp $ */ -thead th { - text-align: right; - padding-left: 1em; - padding-right: 0.5em; -} - -.item-list .icon { - float: left; - padding-left: 0; - padding-right: 0.25em; - clear: left; -} -.item-list ul li { - margin: 0 1.5em 0.25em 0; -} - -.more-link { - text-align: left; +.draggable a.tabledrag-handle { + float: right; + margin: -0.4em -0.5em -0.4em 0; + padding: 0.42em 0.5em 0.42em 1.5em; } -.more-help-link { - text-align: left; +div.indentation { + margin: -0.4em -0.4em -0.4em 0.2em; + padding: 0.42em 0.6em 0.42em 0; + float: right; } -.more-help-link a { - padding: 1px 20px 1px 0; - background-position: 100% 50%; +div.tree-child, div.tree-child-last { + background-position: -65px center; } dl.multiselect dt, dl.multiselect dd { @@ -36,19 +23,6 @@ dl.multiselect dt, dl.multiselect dd { padding: 0 1em 0.25em 0; } -ul.primary { - padding: 0 1em 0 0; -} -ul.primary li a { - margin-right: 5px; - margin-left: 0.5em; -} -ul.secondary li { - display: inline; - padding: 0 1em; - border-right: none; - border-left: 1px solid #ccc; -} html.js input.form-autocomplete { background-position: 0% 2px; } @@ -96,17 +70,3 @@ input.password-confirm { .password-parent { float: right; } - -.draggable a.tabledrag-handle { - float: right; - margin: -0.4em -0.5em -0.4em 0; - padding: 0.42em 0.5em 0.42em 1.5em; -} -div.indentation { - margin: -0.4em -0.4em -0.4em 0.2em; - padding: 0.42em 0.6em 0.42em 0; - float: right; -} -div.tree-child, div.tree-child-last { - background-position: -65px center; -} Index: modules/system/system.css =================================================================== RCS file: /cvs/drupal/drupal/modules/system/system.css,v retrieving revision 1.63 diff -u -p -r1.63 system.css --- modules/system/system.css 21 Sep 2009 08:52:41 -0000 1.63 +++ modules/system/system.css 4 Nov 2009 14:54:34 -0000 @@ -1,49 +1,33 @@ /* $Id: system.css,v 1.63 2009/09/21 08:52:41 dries Exp $ */ -/* -** HTML elements -*/ +/** + * Drag and drop + */ body.drag { cursor: move; } -th.active img { - display: inline; -} -tr.even, tr.odd { - background-color: #eee; - border-bottom: 1px solid #ccc; - padding: 0.1em 0.6em; -} -tr.drag { - background-color: #fffff0; -} -tr.drag-previous { - background-color: #ffd; -} -td.active { - background-color: #ddd; -} -td.checkbox, th.checkbox { - text-align: center; -} -tbody { - border-top: 1px solid #ccc; +/* Drag handle */ +.draggable a.tabledrag-handle { + cursor: move; + float: left; /* LTR */ + height: 1.7em; + margin: -0.4em 0 -0.4em -0.5em; /* LTR */ + padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */ + text-decoration: none; } -tbody th { - border-bottom: 1px solid #ccc; +a.tabledrag-handle:hover { + text-decoration: none; } -thead th { - text-align: left; /* LTR */ - padding-right: 1em; /* LTR */ - border-bottom: 3px solid #ccc; +a.tabledrag-handle .handle { + margin-top: 4px; + height: 13px; + width: 13px; + background: url(../../misc/draggable.png) no-repeat 0 0; } - -/* -** Other common styles -*/ -.breadcrumb { - padding-bottom: .5em +a.tabledrag-handle-hover .handle { + background-position: 0 -20px; } +/* Intented table rows */ div.indentation { width: 20px; height: 1.7em; @@ -51,6 +35,7 @@ div.indentation { padding: 0.42em 0 0.42em 0.6em; /* LTR */ float: left; /* LTR */ } +/* Structured trees */ div.tree-child { background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */ } @@ -60,148 +45,23 @@ div.tree-child-last { div.tree-child-horizontal { background: url(../../misc/tree.png) no-repeat -11px center; } -.error { - color: #e55; -} -div.error { - border: 1px solid #d77; -} -div.error, tr.error { - background: #fcc; - color: #200; - padding: 2px; -} -.warning { - color: #e09010; -} -div.warning { - border: 1px solid #f0c020; -} -div.warning, table tr.warning { - background: #ffd; - color: #220; - padding: 2px; -} -.ok { - color: #008000; -} -div.ok { - border: 1px solid #00aa00; -} -div.ok, tr.ok { - background: #dfd; - color: #020; - padding: 2px; -} -.item-list .icon { - color: #555; - float: right; /* LTR */ - padding-left: 0.25em; /* LTR */ - clear: right; /* LTR */ -} -.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; /* LTR */ - padding: 0; - list-style: disc; -} -ol.task-list li.active { - font-weight: bold; -} -.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; -} -.form-type-radio .description, .form-type-checkbox .description { - margin-left: 2.4em; -} -.marker, .form-required { - color: #f00; -} -.more-help-link { - text-align: right; /* LTR */ -} -.more-help-link a { - padding: 1px 0 1px 20px; /* LTR */ - background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */ -} -.more-link { - text-align: right; /* LTR */ -} -.module-help { - margin-left: 1em; /* LTR */ - float: right; /* LTR */ -} -.nowrap { - white-space: nowrap; -} -.item-list .pager { - clear: both; - text-align: center; -} -.item-list .pager li { - background-image:none; - display:inline; - list-style-type:none; - padding: 0.5em; -} -.pager-current { - font-weight:bold; -} -.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 { + +/** + * Multiselect form + */ +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 { +dl.multiselect dd.a, +dl.multiselect dd.a .form-item { width: 8em; } -dl.multiselect dt, dl.multiselect dd { +dl.multiselect dt, +dl.multiselect dd { float: left; /* LTR */ line-height: 1.75em; padding: 0; @@ -212,70 +72,17 @@ dl.multiselect .form-item { margin: 0; } -/* -** Inline items (need to override above) -*/ -.container-inline div, .container-inline label { - display: inline; -} - -/* -** Tab navigation -*/ -ul.primary { - border-collapse: collapse; - padding: 0 0 0 1em; /* LTR */ - 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; /* LTR */ - 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 { +/** + * Inline items (need to override default styles) + */ +.container-inline div, +.container-inline label { display: inline; - padding: 0 1em; - border-right: 1px solid #ccc; /* LTR */ -} -ul.secondary a { - padding: 0; - text-decoration: none; -} -ul.secondary a.active { - border-bottom: 4px solid #999; } -/* -** Autocomplete styles -*/ +/** + * Autocomplete + */ /* Suggestion list */ #autocomplete { position: absolute; @@ -309,9 +116,9 @@ html.js input.throbbing { background-position: 100% -18px; /* LTR */ } -/* -** Collapsing fieldsets -*/ +/** + * Collapsing fieldsets + */ html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; @@ -356,9 +163,9 @@ html.js fieldset.collapsible .fieldset-w overflow: auto; } -/* -** Resizable text areas -*/ +/** + * Resizable text areas + */ .resizable-textarea { width: 95%; } @@ -376,33 +183,9 @@ html.js .resizable-textarea textarea { display: block; } -/* -** Table drag and drop. -*/ -.draggable a.tabledrag-handle { - cursor: move; - float: left; /* LTR */ - height: 1.7em; - margin: -0.4em 0 -0.4em -0.5em; /* LTR */ - padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */ - text-decoration: none; -} -a.tabledrag-handle:hover { - text-decoration: none; -} -a.tabledrag-handle .handle { - margin-top: 4px; - height: 13px; - width: 13px; - background: url(../../misc/draggable.png) no-repeat 0 0; -} -a.tabledrag-handle-hover .handle { - background-position: 0 -20px; -} - -/* -** Teaser splitter -*/ +/** + * Teaser splitter + */ .joined + .grippie { height: 5px; background-position: center 1px; @@ -424,9 +207,9 @@ html.js .no-js { display: none; } -/* -** Progressbar styles -*/ +/** + * Progress bar + */ .progress { font-weight: bold; } @@ -465,61 +248,45 @@ tr .ajax-progress .throbber { width: 16em; } -/* -** Formatting for welcome page -*/ +/** + * 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; -} - -/* -** Floating header for tableheader.js -*/ -table.sticky-header { - margin-top: 0; - background: #fff; +/** + * Installation task list + */ +ol.task-list li.active { + font-weight: bold; } -/* -** Installation clean URLs -*/ +/** + * Installation clean URLs + */ #clean-url.install { display: none; } -/* -** For anything you want to hide on page load when JS is enabled, so -** that you can use the JS to control visibility and avoid flicker. -*/ -html.js .js-hide { - display: none; -} - -/* -** Styles for the system modules page (admin/config/modules) -*/ +/** + * Styles for the system modules page (admin/config/modules) + */ #system-modules div.incompatible { font-weight: bold; } -/* -** Styles for the system themes page (admin/appearance) -*/ +/** + * Styles for the system themes page (admin/appearance) + */ #system-themes-form div.incompatible { font-weight: bold; } -/* -** Password strength indicator -*/ +/** + * Password strength indicator + */ #password-strength { width: 17em; float: right; /* LTR */ @@ -564,9 +331,9 @@ div.password-suggestions ul { width: 34.3em; } -/* -** Password confirmation checker -*/ +/** + * Password confirmation checker + */ .confirm-parent { margin: 0; } @@ -575,6 +342,13 @@ div.password-confirm { } /** + * Prevent text wrapping inside an element. + */ +.nowrap { + white-space: nowrap; +} + +/** * Hide elements from all users. * * Used for elements which should not be immediately displayed to any user. An @@ -600,3 +374,11 @@ div.password-confirm { overflow: hidden; position: absolute; } + +/** + * For anything you want to hide on page load when JS is enabled, so + * that you can use the JS to control visibility and avoid flicker. + */ +html.js .js-hide { + display: none; +}