Mercurial > hg > cmmr2012-drupal-site
diff core/modules/views_ui/css/views_ui.admin.theme.css @ 5:12f9dff5fda9 tip
Update to Drupal core 8.7.1
author | Chris Cannam |
---|---|
date | Thu, 09 May 2019 15:34:47 +0100 |
parents | c75dbcec494b |
children |
line wrap: on
line diff
--- a/core/modules/views_ui/css/views_ui.admin.theme.css Thu Feb 28 13:11:55 2019 +0000 +++ b/core/modules/views_ui/css/views_ui.admin.theme.css Thu May 09 15:34:47 2019 +0100 @@ -5,38 +5,38 @@ */ .views-admin .links { + margin: 0; list-style: none outside none; - margin: 0; } .views-admin a:hover { text-decoration: none; } .box-padding { + padding-right: 12px; padding-left: 12px; - padding-right: 12px; } .box-margin { margin: 12px 12px 0 12px; } .views-admin .icon { + width: 16px; height: 16px; - width: 16px; } .views-admin .icon, .views-admin .icon-text { + background-image: url(../images/sprites.png); + background-repeat: no-repeat; background-attachment: scroll; - background-image: url(../images/sprites.png); background-position: left top; /* LTR */ - background-repeat: no-repeat; } [dir="rtl"] .views-admin .icon, [dir="rtl"] .views-admin .icon-text { background-position: right top; } .views-admin a.icon { - background: linear-gradient(-90deg, #fff 0, #e8e8e8 100%) no-repeat, repeat-y; border: 1px solid #ddd; border-radius: 4px; + background: linear-gradient(-90deg, #fff 0, #e8e8e8 100%) no-repeat, repeat-y; box-shadow: 0 0 0 rgba(0, 0, 0, 0.3333) inset; } .views-admin a.icon:hover { @@ -47,8 +47,8 @@ border-color: #c0c0c0; } .views-admin span.icon { + position: relative; float: left; /* LTR */ - position: relative; } [dir="rtl"] .views-admin span.icon { float: right; @@ -56,8 +56,8 @@ .views-admin .icon.compact { display: block; overflow: hidden; + text-indent: -9999px; direction: ltr; - text-indent: -9999px; } /* Targets any element with an icon -> text combo */ @@ -65,8 +65,8 @@ padding-left: 19px; /* LTR */ } [dir="rtl"] .views-admin .icon-text { + padding-right: 19px; padding-left: 0; - padding-right: 19px; } .views-admin .icon.linked { background-position: center -153px; @@ -115,8 +115,8 @@ } .form-item { margin-top: 9px; + padding-top: 0; padding-bottom: 0; - padding-top: 0; } .form-type-checkbox { margin-top: 6px; @@ -136,12 +136,12 @@ } [dir="rtl"] .container-inline > * + *, [dir="rtl"] .container-inline .details-wrapper > * + * { + padding-right: 4px; padding-left: 0; - padding-right: 4px; } .views-admin details details.container-inline { + margin-top: 1em; margin-bottom: 1em; - margin-top: 1em; padding-top: 0; } .views-admin details details.container-inline > .details-wrapper { @@ -152,8 +152,8 @@ margin-left: 16px; /* LTR */ } [dir="rtl"] .views-admin .form-type-checkbox + .form-wrapper { + margin-right: 16px; margin-left: 0; - margin-right: 16px; } /* Hide 'remove' checkboxes. */ @@ -167,21 +167,21 @@ line-height: 2; } .views-admin-dependent .form-item { + margin-top: 6px; margin-bottom: 6px; - margin-top: 6px; } .views-ui-view-name h3 { + margin: 0.25em 0; font-weight: bold; - margin: 0.25em 0; } .view-changed { margin-bottom: 21px; } .views-admin .unit-title { + margin-top: 18px; + margin-bottom: 0; font-size: 15px; line-height: 1.6154; - margin-bottom: 0; - margin-top: 18px; } .views-ui-view-displays ul { margin-left: 0; /* LTR */ @@ -190,8 +190,8 @@ } [dir="rtl"] .views-ui-view-displays ul { margin-right: 0; + margin-left: inherit; padding-right: 0; - margin-left: inherit; padding-left: inherit; } @@ -253,8 +253,8 @@ } .views-ui-dialog td.group-title span { display: block; + overflow: hidden; height: 1px; - overflow: hidden; } .group-message .form-submit, .views-remove-group-link, @@ -268,14 +268,14 @@ float: left; } .views-operator-label { - font-style: italic; - font-weight: bold; padding-left: 0.5em; /* LTR */ text-transform: uppercase; + font-weight: bold; + font-style: italic; } [dir="rtl"] .views-operator-label { + padding-right: 0.5em; padding-left: 0; - padding-right: 0.5em; } .grouped-description, .exposed-description { @@ -286,64 +286,64 @@ [dir="rtl"] .grouped-description, [dir="rtl"] .exposed-description { float: right; + padding-right: 0; padding-left: 10px; - padding-right: 0; } .views-displays { + padding-bottom: 36px; border: 1px solid #ccc; - padding-bottom: 36px; } .views-display-top { + position: relative; + padding: 8px 8px 3px; + border-bottom: 1px solid #ccc; background-color: #e1e2dc; - border-bottom: 1px solid #ccc; - padding: 8px 8px 3px; - position: relative; } .views-display-top .tabs { margin-right: 18em; /* LTR */ } [dir="rtl"] .views-display-top .tabs { + margin-right: 0; margin-left: 18em; - margin-right: 0; } .views-display-top .tabs > li { margin-right: 6px; /* LTR */ padding-left: 0; /* LTR */ } [dir="rtl"] .views-display-top .tabs > li { + margin-right: 0.3em; margin-left: 6px; - margin-right: 0.3em; padding-right: 0; } .views-display-top .tabs > li:last-child { margin-right: 0; /* LTR */ } [dir="rtl"] .views-display-top .tabs > li:last-child { + margin-right: 0.3em; margin-left: 0; - margin-right: 0.3em; } .form-edit .form-actions { - background-color: #e1e2dc; + margin-top: 0; + padding: 8px 12px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; - margin-top: 0; - padding: 8px 12px; + background-color: #e1e2dc; } .views-displays .tabs.secondary { margin-right: 200px; /* LTR */ border: 0; } [dir="rtl"] .views-displays .tabs.secondary { + margin-right: 0; margin-left: 200px; - margin-right: 0; } .views-displays .tabs.secondary li, .views-displays .tabs.secondary li.is-active { + width: auto; + padding: 0; + border: 0; background: transparent; - border: 0; - padding: 0; - width: auto; } .views-displays .tabs li.add ul.action-list li { margin: 0; @@ -352,37 +352,37 @@ margin: 0 5px 5px 6px; /* LTR */ } [dir="rtl"] .views-displays .tabs.secondary li { + margin-right: 6px; margin-left: 5px; - margin-right: 6px; } .views-displays .tabs.secondary .tabs__tab + .tabs__tab { border-top: 0; } .views-displays .tabs li.tabs__tab:hover { + padding-left: 0; /* LTR */ border: 0; - padding-left: 0; /* LTR */ } [dir="rtl"] .views-displays .tabs li.tabs__tab:hover { padding-right: 0; } .views-displays .tabs.secondary a { + display: inline-block; + padding: 3px 7px; border: 1px solid #cbcbcb; border-radius: 7px; - display: inline-block; font-size: small; line-height: 1.3333; - padding: 3px 7px; } /* Display a red border if the display doesn't validate. */ .views-displays .tabs li.is-active a.is-active.error, .views-displays .tabs .error { + padding: 1px 6px; border: 2px solid #ed541d; - padding: 1px 6px; } .views-displays .tabs a:focus { + text-decoration: underline; outline: none; - text-decoration: underline; } .views-displays .tabs.secondary li a { background-color: #fff; @@ -390,24 +390,24 @@ .views-displays .tabs li a:hover, .views-displays .tabs li.is-active a, .views-displays .tabs li.is-active a.is-active { + color: #fff; background-color: #555; - color: #fff; } .views-displays .tabs .open > a { + position: relative; + border-bottom: 1px solid transparent; background-color: #f1f1f1; - border-bottom: 1px solid transparent; - position: relative; } .views-displays .tabs .open > a:hover { color: #0074bd; background-color: #f1f1f1; } .views-displays .tabs .action-list li { + padding: 2px 9px; + border-width: 0 1px; + border-style: solid; + border-color: #cbcbcb; background-color: #f1f1f1; - border-color: #cbcbcb; - border-style: solid; - border-width: 0 1px; - padding: 2px 9px; } .views-displays .tabs .action-list li:first-child { border-width: 1px 1px 0; @@ -419,10 +419,10 @@ border-width: 0 1px 1px; } .views-displays .tabs .action-list input.form-submit { - background: none repeat scroll 0 0 transparent; - border: medium none; margin: 0; padding: 0; + border: medium none; + background: none repeat scroll 0 0 transparent; } .views-displays .tabs .action-list input.form-submit:hover { box-shadow: none; @@ -434,12 +434,12 @@ margin: 12px 12px 0 12px; } .edit-display-settings-top.views-ui-display-tab-bucket { - border: 1px solid #f3f3f3; - line-height: 20px; + position: relative; margin: 0 0 15px 0; padding-top: 4px; padding-bottom: 4px; - position: relative; + border: 1px solid #f3f3f3; + line-height: 20px; } .views-display-column { border: 1px solid #f3f3f3; @@ -460,19 +460,19 @@ } [dir="rtl"] .view-preview-form .arguments-preview, [dir="rtl"] .view-preview-form .form-item-view-args { + margin-right: 10px; margin-left: 0; - margin-right: 10px; } .view-preview-form .form-item-view-args label { float: left; /* LTR */ - font-weight: normal; height: 6ex; margin-right: 0.75em; /* LTR */ + font-weight: normal; } [dir="rtl"] .view-preview-form .form-item-view-args label { float: right; + margin-right: 0.2em; margin-left: 0.75em; - margin-right: 0.2em; } .form-item-live-preview, .form-item-view-args, @@ -492,11 +492,11 @@ /* These are the individual "buckets," or boxes, inside the display settings area */ .views-ui-display-tab-bucket { + position: relative; + margin: 0; + padding-top: 4px; border-bottom: 1px solid #f3f3f3; line-height: 20px; - margin: 0; - padding-top: 4px; - position: relative; } .views-ui-display-tab-bucket:last-of-type { border-bottom: none; @@ -509,8 +509,8 @@ padding: 2px 6px 4px; } .views-ui-display-tab-bucket__title { + margin: 0; font-size: small; - margin: 0; } .views-ui-display-tab-bucket.access { padding-top: 0; @@ -519,16 +519,16 @@ border-bottom: medium none; } .views-display-setting .views-ajax-link { + margin-right: 0.2083em; margin-left: 0.2083em; - margin-right: 0.2083em; } .views-ui-display-tab-setting > span { margin-left: 0.5em; /* LTR */ } [dir="rtl"] .views-ui-display-tab-setting > span { + margin-right: 0.5em; margin-left: 0; - margin-right: 0.5em; } /** Applies an overridden(italics) font style to overridden buckets. @@ -544,9 +544,9 @@ /* This is each row within one of the "boxes." */ .views-ui-display-tab-bucket .views-display-setting { + padding-bottom: 2px; color: #666; font-size: 12px; - padding-bottom: 2px; } .views-ui-display-tab-bucket .views-display-setting:nth-of-type(even) { background-color: #f3f5ee; @@ -562,8 +562,8 @@ margin-right: 3px; /* LTR */ } [dir="rtl"] .views-display-setting .label { + margin-right: 0; margin-left: 3px; - margin-right: 0; } .views-edit-view { margin-bottom: 15px; @@ -578,12 +578,12 @@ border-top: 1px solid #ccc; } .filterable-option .form-item { + margin-top: 0; margin-bottom: 0; - margin-top: 0; } .views-filterable-options .filterable-option .title { + cursor: pointer; font-weight: bold; - cursor: pointer; } .views-filterable-options .form-type-checkbox .description { margin-top: 0; @@ -617,8 +617,8 @@ padding: 6px 16px; } .views-ui-dialog .views-override { + padding: 8px 13px; background-color: #f3f4ee; - padding: 8px 13px; } .views-ui-dialog.views-ui-dialog-scroll .ui-dialog-titlebar { border: none; @@ -633,15 +633,15 @@ margin: 0; } .views-ui-dialog .views-progress-indicator { + position: absolute; + top: 32px; + right: 10px; /* LTR */ color: #fff; font-size: 11px; - position: absolute; - right: 10px; /* LTR */ - top: 32px; } [dir="rtl"] .views-ui-dialog .views-progress-indicator { + right: auto; left: 10px; - right: auto; } .views-ui-dialog .views-progress-indicator:before { content: "\003C\00A0"; @@ -653,23 +653,23 @@ padding-left: 2em; /* LTR */ } [dir="rtl"] .views-ui-dialog details .item-list { + padding-right: 2em; padding-left: 0; - padding-right: 2em; } .views-ui-rearrange-filter-form table { border-collapse: collapse; } .views-ui-rearrange-filter-form tr td[rowspan] { + border-width: 0 1px 1px 1px; + border-style: solid; border-color: #cdcdcd; - border-style: solid; - border-width: 0 1px 1px 1px; } .views-ui-rearrange-filter-form tr[id^="views-row"] { border-right: 1px solid #cdcdcd; /* LTR */ } [dir="rtl"] .views-ui-rearrange-filter-form tr[id^="views-row"] { + border-right: 0; border-left: 1px solid #cdcdcd; - border-right: 0; } .views-ui-rearrange-filter-form .even td { background-color: #f3f4ed; @@ -683,15 +683,15 @@ .form-item-options-expose-required, .form-item-options-expose-label, .form-item-options-expose-description { + margin-top: 6px; margin-bottom: 6px; margin-left: 18px; /* LTR */ - margin-top: 6px; } [dir="rtl"] .form-item-options-expose-required, [dir="rtl"] .form-item-options-expose-label, [dir="rtl"] .form-item-options-expose-description { + margin-right: 18px; margin-left: 0; - margin-right: 18px; } .views-preview-wrapper { border: 1px solid #ccc; @@ -700,23 +700,23 @@ position: relative; } .view-preview-form__title { - background-color: #e1e2dc; - border-bottom: 1px solid #ccc; margin-top: 0; padding: 8px 12px; + border-bottom: 1px solid #ccc; + background-color: #e1e2dc; } .view-preview-form .form-item-live-preview { position: absolute; + top: 3px; right: 12px; - top: 3px; margin-top: 2px; margin-left: 2px; /* LTR */ } [dir="rtl"] .view-preview-form .form-item-live-preview { right: auto; left: 12px; + margin-right: 2px; margin-left: 0; - margin-right: 2px; } .views-live-preview { padding: 12px; @@ -725,21 +725,21 @@ overflow: auto; } .views-live-preview .section-title { + display: inline-block; + margin-top: 0; + margin-bottom: 0; color: #818181; - display: inline-block; font-size: 13px; font-weight: normal; line-height: 1.6154; - margin-bottom: 0; - margin-top: 0; } .views-live-preview .view > * { margin-top: 18px; } .views-live-preview .preview-section { - border: 1px dashed #dedede; margin: 0 -5px; padding: 3px 5px; + border: 1px dashed #dedede; } .views-live-preview li.views-row + li.views-row { margin-top: 18px; @@ -750,18 +750,18 @@ margin-top: 36px; } .views-query-info table { + margin: 10px 0; + border-spacing: 0; border-collapse: separate; border-color: #ddd; - border-spacing: 0; - margin: 10px 0; } .views-query-info table tr { background-color: #f9f9f9; } .views-query-info table th, .views-query-info table td { + padding: 4px 10px; color: #666; - padding: 4px 10px; } .messages { margin-bottom: 18px; @@ -778,13 +778,13 @@ } .js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber { position: absolute; + z-index: 2; + top: -1px; right: -5px; /* LTR */ - top: -1px; - z-index: 2; } [dir="rtl"].js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber { + right: auto; left: -5px; - right: auto; } .js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a { border-radius: 1.1em 0 0 0; /* LTR */ @@ -800,12 +800,12 @@ } .views-display-top .dropbutton-wrapper { position: absolute; + top: 7px; right: 12px; /* LTR */ - top: 7px; } [dir="rtl"] .views-display-top .dropbutton-wrapper { + right: auto; left: 12px; - right: auto; } .views-display-top .dropbutton-wrapper .dropbutton-widget .dropbutton-action a { width: auto; @@ -813,33 +813,33 @@ .views-ui-display-tab-bucket .dropbutton-wrapper { position: absolute; + top: 4px; right: 5px; /* LTR */ - top: 4px; } [dir="rtl"] .views-ui-display-tab-bucket .dropbutton-wrapper { + right: auto; left: 5px; - right: auto; } .views-ui-display-tab-bucket .dropbutton-wrapper .dropbutton-widget .dropbutton-action a { width: auto; } .views-ui-display-tab-actions .dropbutton-wrapper li a, .views-ui-display-tab-actions .dropbutton-wrapper input { + margin-bottom: 0; + padding-left: 12px; /* LTR */ + border: medium; background: none; - border: medium; font-family: inherit; font-size: 12px; - padding-left: 12px; /* LTR */ - margin-bottom: 0; } [dir="rtl"] .views-ui-display-tab-actions .dropbutton-wrapper li a, [dir="rtl"] .views-ui-display-tab-actions .dropbutton-wrapper input { + padding-right: 12px; padding-left: 0.5em; - padding-right: 12px; } .views-ui-display-tab-actions .dropbutton-wrapper input:hover { + border: none; background: none; - border: none; } .views-list-section { margin-bottom: 2em;