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 17 Nov 2009 19:41:54 -0000 @@ -1,7 +1 @@ /* $Id: defaults-rtl.css,v 1.3 2007/11/27 12:09:26 goba Exp $ */ - -th { - text-align: right; - padding-right: 0; - padding-left: 1em; -} 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 17 Nov 2009 19:41:54 -0000 @@ -1,53 +1 @@ /* $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; -} -img { - border: 0; -} -table { - border-collapse: collapse; -} -th { - text-align: left; /* LTR */ - padding-right: 1em; /* LTR */ - border-bottom: 3px solid #ccc; -} - -/* -** Markup free clearing -** Details: http://www.positioniseverything.net/easyclearing.html -*/ -.clearfix:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -.clearfix { - display: inline-block; -} - -/* Hides from IE-mac \*/ -* html .clearfix { - height: 1%; -} -.clearfix { - display: block; -} -/* End hide from IE-mac */ Index: modules/system/maintenance.css =================================================================== RCS file: /cvs/drupal/drupal/modules/system/maintenance.css,v retrieving revision 1.2 diff -u -p -r1.2 maintenance.css --- modules/system/maintenance.css 15 Oct 2009 21:19:31 -0000 1.2 +++ modules/system/maintenance.css 17 Nov 2009 19:41:54 -0000 @@ -1,6 +1,8 @@ /* $Id: maintenance.css,v 1.2 2009/10/15 21:19:31 webchick Exp $ */ -/* Update styles */ +/** + * Update results + */ #update-results { margin-top: 3em; padding: 0.25em; @@ -22,7 +24,9 @@ color: #b63300; } -/* authorize.php styles */ +/** + * From authorize.php + */ .connection-settings-update-filetransfer-default-wrapper { float: left; } @@ -36,3 +40,17 @@ #edit-connection-settings-change-connection-type { margin: 2.6em 0.5em 0em 1em; } + +/** + * Installation task list + */ +ol.task-list li.active { + font-weight: bold; +} + +/** + * Installation clean URLs + */ +#clean-url.install { + display: none; +} Index: modules/system/system-behavior-rtl.css =================================================================== RCS file: modules/system/system-behavior-rtl.css diff -N modules/system/system-behavior-rtl.css --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ modules/system/system-behavior-rtl.css 17 Nov 2009 19:41:54 -0000 @@ -0,0 +1,61 @@ +/* $Id$ */ + +.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; +} + +html.js fieldset.collapsible legend a { + padding-left: 0; + padding-right: 15px; + background-position: 98% 75%; +} +html.js fieldset.collapsed legend a { + background-image: url(../../misc/menu-collapsed-rtl.png); + background-position: 98% 50%; +} + +.progress .percentage { + float: left; +} +.progress-disabled { + float: right; +} +.ajax-progress { + float: right; +} +.ajax-progress .throbber { + float: right; +} + +dl.multiselect dt, +dl.multiselect dd { + float: right; + margin: 0 0 0 1em; +} + +input.password-field { + margin-left: 10px; + margin-right: 0; +} +input.password-confirm { + margin-left: 10px; + margin-right: 0; +} + +.password-strength-title { + float: right; +} +.password-parent { + float: right; +} Index: modules/system/system-behavior.css =================================================================== RCS file: modules/system/system-behavior.css diff -N modules/system/system-behavior.css --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ modules/system/system-behavior.css 17 Nov 2009 19:41:54 -0000 @@ -0,0 +1,336 @@ +/* $Id$ */ + +/** + * Drag and drop + */ +body.drag { + cursor: move; +} +/* Indented rows */ +div.indentation { + width: 20px; + height: 1.7em; + margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ + padding: 0.42em 0 0.42em 0.6em; /* LTR */ + float: left; /* LTR */ +} +/* Tree structure */ +div.tree-child { + background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */ +} +div.tree-child-last { + background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */ +} +div.tree-child-horizontal { + background: url(../../misc/tree.png) no-repeat -11px center; +} +/* 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; +} +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; +} + +/** + * Autocomplete + */ +/* Suggestion list */ +#autocomplete { + position: absolute; + border: 1px solid; + overflow: hidden; + z-index: 100; +} +#autocomplete ul { + margin: 0; + padding: 0; + list-style: none; + list-style-image: 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; /* LTR */ +} +html.js input.throbbing { + background-position: 100% -18px; /* LTR */ +} + +/** + * 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, +html.js fieldset.collapsed legend a span.element-invisible { + display: block; + overflow: hidden; +} +html.js fieldset.collapsible legend a { + display: inline; + padding-left: 15px; /* LTR */ + background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */ +} +html.js fieldset.collapsible legend span.summary { + display: inline; + font-size: 0.9em; + color: #999; + margin-left: 0.5em; +} +html.js fieldset.collapsed legend a { + background-image: url(../../misc/menu-collapsed.png); /* LTR */ + background-position: 5px 50%; /* LTR */ +} +/* 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; +} +/* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */ +html.js fieldset.collapsible { + position: relative; +} +/* Avoid jumping around due to margins collapsing into collapsible fieldset border */ +html.js fieldset.collapsible .fieldset-wrapper { + overflow: auto; +} + +/** + * Resizable textareas + */ +.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; +} + +/** + * Progress bar + */ +.progress { + font-weight: bold; +} +.progress .bar { + background: #fff url(../../misc/progress.gif); + border: 1px solid #00375a; + height: 1.5em; + margin: 0 0.2em; +} +.progress .filled { + background: #0072b9; + height: 1em; + border-bottom: 0.5em solid #004a73; + width: 0%; +} +.progress .percentage { + float: right; /* LTR */ +} +.progress-disabled { + float: left; /* LTR */ +} +.ajax-progress { + float: left; /* LTR */ +} +.ajax-progress .throbber { + width: 15px; + height: 15px; + margin: 2px; + background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px; + float: left; /* LTR */ +} +tr .ajax-progress .throbber { + margin: 0 2px; +} +.ajax-progress-bar { + width: 16em; +} + +/** + * Multiselect form + */ +dl.multiselect dd, +dl.multiselect dd .form-item, +dl.multiselect dd select { + font-family: inherit; + font-size: inherit; + width: 14em; +} +dl.multiselect dt, +dl.multiselect dd { + float: left; /* LTR */ + line-height: 1.75em; + padding: 0; + margin: 0 1em 0 0; /* LTR */ +} +dl.multiselect .form-item { + height: 1.75em; + margin: 0; +} + +/** + * Password strength indicator + */ +#password-strength { + width: 17em; + float: right; /* LTR */ + margin-top: 1.4em; +} +.password-strength-title { + display: inline; +} +#password-strength-text { + float: right; /* LTR */ + font-weight: bold; +} +#password-indicator { + background-color: #C4C4C4; + height: 0.3em; + width: 100%; +} +#password-indicator div { + height: 100%; + width: 0%; + background-color: #47C965; +} +input.password-confirm, +input.password-field { + width: 16em; + margin-bottom: 0.4em; +} +div.password-confirm { + display: inline; + padding-left: 1em; +} +div.password-suggestions { + padding: 0.2em 0.5em; + margin: 0.7em 0; + width: 38.5em; + border: 1px solid #B4B4B4; +} +div.password-suggestions ul { + margin-bottom: 0; +} +.password-parent { + margin: 0; + width: 34.3em; +} + +/** + * Password confirmation checker + */ +.confirm-parent { + margin: 0; +} +div.password-confirm { + visibility: hidden; +} + +/** + * Styles for the system modules page (admin/config/modules) + */ +#system-modules div.incompatible { + font-weight: bold; +} + +/** + * Styles for the system themes page (admin/appearance) + */ +#system-themes-form div.incompatible { + font-weight: bold; +} + +/** + * Inline items + */ +.container-inline div, +.container-inline label { + display: inline; +} + +/** + * 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 + * example would be a collapsible fieldset that will be expanded with a click + * from a user. The effect of this class can be toggled with the jQuery show() + * and hide() functions. + */ +.element-hidden { + display: none; +} + +/** + * Hide elements visually, but keep them available for screen-readers. + * + * Used for information required for screen-reader users to understand and use + * the site where visual display is undesirable. Information provided in this + * manner should be kept concise, to avoid unnecessary burden on the user. Must + * not be used for focusable elements (such as links and form elements) as this + * causes issues for keyboard only or voice recognition users. + */ +.element-invisible { + height: 0; + 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; +} 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 17 Nov 2009 19:41:54 -0000 @@ -1,5 +1,6 @@ /* $Id: system-rtl.css,v 1.17 2009/08/24 03:11:34 webchick Exp $ */ +th, thead th { text-align: right; padding-left: 1em; @@ -27,11 +28,6 @@ thead th { background-position: 100% 50%; } -dl.multiselect dt, dl.multiselect dd { - float: right; - margin: 0 0 0 1em; -} - .block ul { padding: 0 1em 0.25em 0; } @@ -55,58 +51,3 @@ html.js input.form-autocomplete { html.js input.throbbing { background-position: 0% -18px; } - -html.js fieldset.collapsible legend a { - padding-left: 0; - padding-right: 15px; - background-position: 98% 75%; -} -html.js fieldset.collapsed legend a { - background-image: url(../../misc/menu-collapsed-rtl.png); - background-position: 98% 50%; -} - -.teaser-checkbox div.form-item { - float: left; - margin: 0 0 0 5%; -} -.progress .percentage { - float: left; -} -.progress-disabled { - float: right; -} -.ajax-progress { - float: right; -} -.ajax-progress .throbber { - float: right; -} -input.password-field { - margin-left: 10px; - margin-right: 0; -} -input.password-confirm { - margin-left: 10px; - margin-right: 0; -} -.password-strength-title { - float: right; -} -.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.65 diff -u -p -r1.65 system.css --- modules/system/system.css 17 Nov 2009 02:50:41 -0000 1.65 +++ modules/system/system.css 17 Nov 2009 19:41:54 -0000 @@ -1,15 +1,60 @@ /* $Id: system.css,v 1.65 2009/11/17 02:50:41 webchick Exp $ */ -/* -** HTML elements -*/ -body.drag { - cursor: move; +hr { + height: 1px; + border: 1px solid gray; } -th.active img { - display: inline; +img { + border: 0; +} + +/** + * Item 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; } -tr.even, tr.odd { +tr.even, +tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; @@ -23,7 +68,8 @@ tr.drag-previous { td.active { background-color: #ddd; } -td.checkbox, th.checkbox { +td.checkbox, +th.checkbox { text-align: center; } tbody { @@ -32,104 +78,60 @@ tbody { tbody th { border-bottom: 1px solid #ccc; } +th, thead th { text-align: left; /* LTR */ padding-right: 1em; /* LTR */ border-bottom: 3px solid #ccc; } - -/* -** Other common styles -*/ -.breadcrumb { - padding-bottom: .5em -} -div.indentation { - width: 20px; - height: 1.7em; - margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ - padding: 0.42em 0 0.42em 0.6em; /* LTR */ - float: left; /* LTR */ -} -div.tree-child { - background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */ -} -div.tree-child-last { - background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */ -} -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 */ +/* Column sort indicator */ +th.active img { + display: inline; } -.item-list .title { - font-weight: bold; +/* Floating header for tableheader.js. */ +table.sticky-header { + margin-top: 0; + background: #fff; } -.item-list ul { - margin: 0 0 0.75em 0; - padding: 0; +/* To be used with tableselect.js. */ +tr.selected td { + background: #ffc; } -.item-list ul li { - margin: 0 0 0.25em 1.5em; /* LTR */ + +/** + * Forms + */ +form { + margin: 0; padding: 0; - list-style: disc; } -ol.task-list li.active { - font-weight: bold; +fieldset { + margin-bottom: 1em; + padding: .5em; } .form-item { margin-top: 1em; margin-bottom: 1em; } -tr.odd .form-item, tr.even .form-item { +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 { +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 { +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 { +.form-item input.error, +.form-item textarea.error, +.form-item select.error { border: 2px solid red; } .form-item .description { @@ -143,19 +145,27 @@ tr.merge-up, tr.merge-up td, tr.merge-up display: inline; font-weight: normal; } -.form-checkboxes, .form-radios { +.form-checkboxes, +.form-radios { margin: 1em 0; } -.form-checkboxes .form-item, .form-radios .form-item { +.form-checkboxes .form-item, +.form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; } -.form-type-radio .description, .form-type-checkbox .description { +.form-type-radio .description, +.form-type-checkbox .description { margin-left: 2.4em; } -.marker, .form-required { +.marker, +.form-required { color: #f00; } + +/** + * "More" links + */ .more-help-link { text-align: right; /* LTR */ } @@ -170,55 +180,57 @@ tr.merge-up, tr.merge-up td, tr.merge-up margin-left: 1em; /* LTR */ float: right; /* LTR */ } -.nowrap { - white-space: nowrap; + +/** + * Messages, warnings, errors + */ +.error { + color: #e55; } -.item-list .pager { - clear: both; - text-align: center; +div.error { + border: 1px solid #d77; } -.item-list .pager li { - background-image:none; - display:inline; - list-style-type:none; - padding: 0.5em; +div.error, +tr.error { + background: #fcc; + color: #200; + padding: 2px; } -.pager-current { - font-weight:bold; +.warning { + color: #e09010; } -.tips { - margin-top: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; - font-size: 0.9em; +div.warning { + border: 1px solid #f0c020; } -dl.multiselect dd, dl.multiselect dd .form-item, dl.multiselect dd select { - font-family: inherit; - font-size: inherit; - width: 14em; -} -dl.multiselect dt, dl.multiselect dd { - float: left; /* LTR */ - line-height: 1.75em; - padding: 0; - margin: 0 1em 0 0; /* LTR */ +div.warning, +table tr.warning { + background: #ffd; + color: #220; + padding: 2px; } -dl.multiselect .form-item { - height: 1.75em; - margin: 0; +.ok { + color: #008000; +} +div.ok { + border: 1px solid #00aa00; +} +div.ok, +tr.ok { + background: #dfd; + color: #020; + padding: 2px; } -/* -** Inline items (need to override above) -*/ -.container-inline div, .container-inline label { - display: inline; +/** + * Breadcrumb + */ +.breadcrumb { + padding-bottom: .5em } -/* -** Tab navigation -*/ +/** + * Local tasks (tabs) + */ ul.primary { border-collapse: collapse; padding: 0 0 0 1em; /* LTR */ @@ -270,330 +282,38 @@ 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; - list-style-image: 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; /* LTR */ -} -html.js input.throbbing { - background-position: 100% -18px; /* LTR */ -} - -/* -** Collapsing fieldsets -*/ -html.js fieldset.collapsed { - border-bottom-width: 0; - border-left-width: 0; - border-right-width: 0; +/** + * Filter tips + */ +.tips { + margin-top: 0; margin-bottom: 0; - height: 1em; -} -html.js fieldset.collapsed * { - display: none; -} -html.js fieldset.collapsed legend, html.js fieldset.collapsed legend a span.element-invisible { - display: block; - overflow: hidden; -} -html.js fieldset.collapsible legend a { - display: inline; - padding-left: 15px; /* LTR */ - background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */ -} -html.js fieldset.collapsible legend span.summary { - display: inline; + padding-top: 0; + padding-bottom: 0; font-size: 0.9em; - color: #999; - margin-left: 0.5em; -} -html.js fieldset.collapsed legend a { - background-image: url(../../misc/menu-collapsed.png); /* LTR */ - background-position: 5px 50%; /* LTR */ -} -/* 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; -} -/* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */ -html.js fieldset.collapsible { - position: relative; -} -/* 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; -} - -/* -** 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 -*/ -.joined + .grippie { - height: 5px; - background-position: center 1px; - margin-bottom: -2px; -} -/* Keeps inner content contained in Opera 9. */ -.teaser-checkbox { - padding-top: 1px; -} -.teaser-checkbox div.form-item { - float: right; /* LTR */ - margin: 0 5% 0 0; /* LTR */ - padding: 0; -} -textarea.teaser { - display: none; -} -html.js .no-js { - display: none; } -/* -** Progressbar styles -*/ -.progress { - font-weight: bold; -} -.progress .bar { - background: #fff url(../../misc/progress.gif); - border: 1px solid #00375a; - height: 1.5em; - margin: 0 0.2em; -} -.progress .filled { - background: #0072b9; - height: 1em; - border-bottom: 0.5em solid #004a73; - width: 0%; -} -.progress .percentage { - float: right; /* LTR */ -} -.progress-disabled { - float: left; /* LTR */ -} -.ajax-progress { - float: left; /* LTR */ -} -.ajax-progress .throbber { - width: 15px; - height: 15px; - margin: 2px; - background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px; - float: left; /* LTR */ -} -tr .ajax-progress .throbber { - margin: 0 2px; -} -.ajax-progress-bar { - width: 16em; -} - -/* -** Formatting for welcome page -*/ -#first-time strong { +/** + * Markup free clearing + * Details: http://www.positioniseverything.net/easyclearing.html + */ +.clearfix:after { + content: "."; 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 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) -*/ -#system-modules div.incompatible { - font-weight: bold; -} - -/* -** Styles for the system themes page (admin/appearance) -*/ -#system-themes-form div.incompatible { - font-weight: bold; -} - -/* -** Password strength indicator -*/ -#password-strength { - width: 17em; - float: right; /* LTR */ - margin-top: 1.4em; -} -.password-strength-title { - display: inline; -} -#password-strength-text { - float: right; /* LTR */ - font-weight: bold; -} -#password-indicator { - background-color: #C4C4C4; - height: 0.3em; - width: 100%; -} -#password-indicator div { - height: 100%; - width: 0%; - background-color: #47C965; -} -input.password-confirm, input.password-field { - width: 16em; - margin-bottom: 0.4em; -} -div.password-confirm { - display: inline; - padding-left: 1em; -} -div.password-suggestions { - padding: 0.2em 0.5em; - margin: 0.7em 0; - width: 38.5em; - border: 1px solid #B4B4B4; -} -div.password-suggestions ul { - margin-bottom: 0; -} -.password-parent { - margin: 0; - width: 34.3em; -} - -/* -** Password confirmation checker -*/ -.confirm-parent { - margin: 0; -} -div.password-confirm { + height: 0; + clear: both; visibility: hidden; } -/** - * Hide elements from all users. - * - * Used for elements which should not be immediately displayed to any user. An - * example would be a collapsible fieldset that will be expanded with a click - * from a user. The effect of this class can be toggled with the jQuery show() - * and hide() functions. - */ -.element-hidden { - display: none; +.clearfix { + display: inline-block; } -/** - * Hide elements visually, but keep them available for screen-readers. - * - * Used for information required for screen-reader users to understand and use - * the site where visual display is undesirable. Information provided in this - * manner should be kept concise, to avoid unnecessary burden on the user. Must - * not be used for focusable elements (such as links and form elements) as this - * causes issues for keyboard only or voice recognition users. - */ -.element-invisible { - height: 0; - overflow: hidden; - position: absolute; +/* Hides from IE-mac \*/ +* html .clearfix { + height: 1%; +} +.clearfix { + display: block; } +/* End hide from IE-mac */