diff --git includes/theme.maintenance.inc includes/theme.maintenance.inc index 02dc6aa..9e4dcfc 100644 --- includes/theme.maintenance.inc +++ includes/theme.maintenance.inc @@ -70,8 +70,8 @@ function _drupal_maintenance_theme() { // These are usually added from system_init() -except maintenance.css. // When the database is inactive it's not called so we add it here. - drupal_add_css(drupal_get_path('module', 'system') . '/defaults.css'); drupal_add_css(drupal_get_path('module', 'system') . '/system.css'); + drupal_add_css(drupal_get_path('module', 'system') . '/system-behavior.css'); drupal_add_css(drupal_get_path('module', 'system') . '/system-menus.css'); drupal_add_css(drupal_get_path('module', 'system') . '/maintenance.css'); drupal_add_css(drupal_get_path('module', 'system') . '/admin.css'); diff --git modules/node/node.css modules/node/node.css index fc93f3f..21fc9eb 100644 --- modules/node/node.css +++ modules/node/node.css @@ -6,7 +6,7 @@ .preview .node { background-color: #ffffea; } -/* Override the default multiselect layout in system.css. */ +/* Override the default multiselect layout in system-behavior.css. */ #node-admin-content dl.multiselect dd, dl.multiselect dd .form-item { width: 20em; /* 6em label + 14em select */ } diff --git modules/simpletest/tests/common.test modules/simpletest/tests/common.test index 06a04d2..2dbbd5f 100644 --- modules/simpletest/tests/common.test +++ modules/simpletest/tests/common.test @@ -631,13 +631,13 @@ class CascadingStylesheetsTestCase extends DrupalWebTestCase { drupal_add_css(drupal_get_path('module', 'simpletest') . '/simpletest.css'); // A few system CSS files, ordered in a strange way. $system_path = drupal_get_path('module', 'system'); - drupal_add_css($system_path . '/defaults.css', array('weight' => CSS_SYSTEM)); + drupal_add_css($system_path . '/system-behavior.css', array('weight' => CSS_SYSTEM)); drupal_add_css($system_path . '/system.css', array('weight' => CSS_SYSTEM - 10)); drupal_add_css($system_path . '/system-menus.css', array('weight' => CSS_SYSTEM)); $expected = array( $system_path . '/system.css', - $system_path . '/defaults.css', + $system_path . '/system-behavior.css', $system_path . '/system-menus.css', drupal_get_path('module', 'simpletest') . '/simpletest.css', ); diff --git modules/system/defaults-rtl.css modules/system/defaults-rtl.css deleted file mode 100644 index 4280bc1..0000000 --- modules/system/defaults-rtl.css +++ /dev/null @@ -1,7 +0,0 @@ -/* $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; -} diff --git modules/system/defaults.css modules/system/defaults.css deleted file mode 100644 index 525d79e..0000000 --- modules/system/defaults.css +++ /dev/null @@ -1,53 +0,0 @@ -/* $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 */ diff --git modules/system/maintenance.css modules/system/maintenance.css index d5f3888..f040b07 100644 --- modules/system/maintenance.css +++ modules/system/maintenance.css @@ -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; +} diff --git modules/system/system-behavior-rtl.css modules/system/system-behavior-rtl.css new file mode 100644 index 0000000..61ea850 --- /dev/null +++ modules/system/system-behavior-rtl.css @@ -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; +} diff --git modules/system/system-behavior.css modules/system/system-behavior.css new file mode 100644 index 0000000..d201cac --- /dev/null +++ modules/system/system-behavior.css @@ -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; +} diff --git modules/system/system-rtl.css modules/system/system-rtl.css index 8d8590d..4e1ef9a 100644 --- modules/system/system-rtl.css +++ modules/system/system-rtl.css @@ -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; -} diff --git modules/system/system.css modules/system/system.css index 06d8f45..ce7537c 100644 --- modules/system/system.css +++ modules/system/system.css @@ -1,15 +1,60 @@ /* $Id: system.css,v 1.66 2009/11/17 21:24:18 dries 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; } -tr.even, tr.odd { +.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 { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; @@ -20,10 +65,16 @@ tr.drag { tr.drag-previous { background-color: #ffd; } +tr.merge-down, +tr.merge-down td, +tr.merge-down th { + border-bottom-width: 0 !important; +} td.active { background-color: #ddd; } -td.checkbox, th.checkbox { +td.checkbox, +th.checkbox { text-align: center; } tbody { @@ -32,104 +83,50 @@ 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 { - 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 { +.form-item input.error, +.form-item textarea.error, +.form-item select.error { border: 2px solid red; } .form-item .description { @@ -143,19 +140,27 @@ tr.merge-up, tr.merge-up td, tr.merge-up th { 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 */ } @@ -182,55 +187,57 @@ a.module-link-configure { 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; +div.warning, +table tr.warning { + background: #ffd; + color: #220; + padding: 2px; } -dl.multiselect dt, dl.multiselect dd { - float: left; /* LTR */ - line-height: 1.75em; - padding: 0; - margin: 0 1em 0 0; /* LTR */ +.ok { + color: #008000; } -dl.multiselect .form-item { - height: 1.75em; - margin: 0; +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 */ @@ -282,330 +289,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%; +/** + * Markup free clearing + * Details: http://www.positioniseverything.net/easyclearing.html + */ +.clearfix:after { + content: "."; display: block; + height: 0; + clear: both; + visibility: hidden; } -/* -** 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; +.clearfix { + display: inline-block; } -/* -** 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; +/* Hides from IE-mac \*/ +* html .clearfix { + height: 1%; } - -/* -** Formatting for welcome page -*/ -#first-time strong { +.clearfix { 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 { - 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; -} - -/** - * 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; } +/* End hide from IE-mac */ diff --git modules/system/system.module modules/system/system.module index 0a6a835..51b392a 100644 --- modules/system/system.module +++ modules/system/system.module @@ -1706,8 +1706,8 @@ function system_init() { if (arg(0) == 'admin' || (variable_get('node_admin_theme', '0') && arg(0) == 'node' && (arg(1) == 'add' || arg(2) == 'edit'))) { drupal_add_css(drupal_get_path('module', 'system') . '/admin.css', array('weight' => CSS_SYSTEM)); } - drupal_add_css(drupal_get_path('module', 'system') . '/defaults.css', array('weight' => CSS_SYSTEM)); drupal_add_css(drupal_get_path('module', 'system') . '/system.css', array('weight' => CSS_SYSTEM)); + drupal_add_css(drupal_get_path('module', 'system') . '/system-behavior.css', array('weight' => CSS_SYSTEM)); drupal_add_css(drupal_get_path('module', 'system') . '/system-menus.css', array('weight' => CSS_SYSTEM)); diff --git modules/user/user.css modules/user/user.css index f29ba11..7161f2c 100644 --- modules/user/user.css +++ modules/user/user.css @@ -9,7 +9,7 @@ #permissions tr.odd .form-item, #permissions tr.even .form-item { white-space: normal; } -/* Override the default multiselect layout in system.css. */ +/* Override the default multiselect layout in system-behavior.css. */ #user-admin-filter dl.multiselect dd, dl.multiselect dd .form-item { width: 20em; /* 6em label + 14em select */ }