annotate core/modules/views_ui/css/views_ui.admin.css @ 19:fa3358dc1485 tip

Add ndrum files
author Chris Cannam
date Wed, 28 Aug 2019 13:14:47 +0100
parents af1871eacc83
children
rev   line source
Chris@0 1 /**
Chris@0 2 * @file
Chris@0 3 * The .admin.css file is intended to only contain positioning and size
Chris@0 4 * declarations. For example: display, position, float, clear, and overflow.
Chris@0 5 */
Chris@0 6
Chris@0 7 .views-admin ul,
Chris@0 8 .views-admin menu,
Chris@0 9 .views-admin dir {
Chris@0 10 padding: 0;
Chris@0 11 }
Chris@0 12 .views-admin pre {
Chris@18 13 margin-top: 0;
Chris@0 14 margin-bottom: 0;
Chris@0 15 white-space: pre-wrap;
Chris@0 16 }
Chris@0 17 .views-left-25 {
Chris@0 18 float: left; /* LTR */
Chris@0 19 width: 25%;
Chris@0 20 }
Chris@0 21 [dir="rtl"] .views-left-25 {
Chris@0 22 float: right;
Chris@0 23 }
Chris@0 24 .views-left-30 {
Chris@0 25 float: left; /* LTR */
Chris@0 26 width: 30%;
Chris@0 27 }
Chris@0 28 [dir="rtl"] .views-left-30 {
Chris@0 29 float: right;
Chris@0 30 }
Chris@0 31 .views-left-40 {
Chris@0 32 float: left; /* LTR */
Chris@0 33 width: 40%;
Chris@0 34 }
Chris@0 35 [dir="rtl"] .views-left-40 {
Chris@0 36 float: right;
Chris@0 37 }
Chris@0 38 .views-left-50 {
Chris@0 39 float: left; /* LTR */
Chris@0 40 width: 50%;
Chris@0 41 }
Chris@0 42 [dir="rtl"] .views-left-50 {
Chris@0 43 float: right;
Chris@0 44 }
Chris@0 45 .views-left-75 {
Chris@0 46 float: left; /* LTR */
Chris@0 47 width: 75%;
Chris@0 48 }
Chris@0 49 [dir="rtl"] .views-left-75 {
Chris@0 50 float: right;
Chris@0 51 }
Chris@0 52 .views-right-50 {
Chris@0 53 float: right; /* LTR */
Chris@0 54 width: 50%;
Chris@0 55 }
Chris@0 56 [dir="rtl"] .views-right-50 {
Chris@0 57 float: left;
Chris@0 58 }
Chris@0 59 .views-right-60 {
Chris@0 60 float: right; /* LTR */
Chris@0 61 width: 60%;
Chris@0 62 }
Chris@0 63 [dir="rtl"] .views-right-60 {
Chris@0 64 float: left;
Chris@0 65 }
Chris@0 66 .views-right-70 {
Chris@0 67 float: right; /* LTR */
Chris@0 68 width: 70%;
Chris@0 69 }
Chris@0 70 [dir="rtl"] .views-right-70 {
Chris@0 71 float: left;
Chris@0 72 }
Chris@0 73 .views-group-box .form-item {
Chris@18 74 margin-right: 3px;
Chris@0 75 margin-left: 3px;
Chris@0 76 }
Chris@0 77
Chris@0 78 /*
Chris@0 79 * The attachment details section, its tabs for each section and the buttons
Chris@0 80 * to add a new section
Chris@0 81 */
Chris@0 82 .views-displays {
Chris@0 83 clear: both;
Chris@0 84 }
Chris@0 85
Chris@0 86 /* The tabs that switch between sections */
Chris@0 87 .views-displays .tabs {
Chris@18 88 overflow: visible;
Chris@18 89 margin: 0;
Chris@18 90 padding: 0;
Chris@0 91 border-bottom: 0 none;
Chris@0 92 }
Chris@0 93 .views-displays .tabs > li {
Chris@0 94 float: left; /* LTR */
Chris@0 95 padding: 0;
Chris@18 96 border-right: 0 none; /* LTR */
Chris@0 97 }
Chris@0 98 [dir="rtl"] .views-displays .tabs > li {
Chris@0 99 float: right;
Chris@18 100 border-right: 1px solid #bfbfbf;
Chris@0 101 border-left: 0 none;
Chris@0 102 }
Chris@0 103 .views-displays .tabs .open > a {
Chris@0 104 position: relative;
Chris@0 105 z-index: 51;
Chris@0 106 }
Chris@0 107 .views-displays .tabs .views-display-deleted-link {
Chris@0 108 text-decoration: line-through;
Chris@0 109 }
Chris@0 110 .views-display-deleted > details > summary,
Chris@0 111 .views-display-deleted .details-wrapper > .views-ui-display-tab-bucket > *,
Chris@0 112 .views-display-deleted .views-display-columns {
Chris@0 113 opacity: 0.25;
Chris@0 114 }
Chris@0 115 .views-display-disabled > details > summary,
Chris@0 116 .views-display-disabled .details-wrapper > .views-ui-display-tab-bucket > *,
Chris@0 117 .views-display-disabled .views-display-columns {
Chris@0 118 opacity: 0.5;
Chris@0 119 }
Chris@0 120 .views-display-tab .details-wrapper > .views-ui-display-tab-bucket .actions {
Chris@14 121 opacity: 1;
Chris@0 122 }
Chris@0 123 .views-displays .tabs .add {
Chris@0 124 position: relative;
Chris@0 125 }
Chris@0 126 .views-displays .tabs .action-list {
Chris@18 127 position: absolute;
Chris@18 128 z-index: 50;
Chris@18 129 top: 23px;
Chris@0 130 left: 0; /* LTR */
Chris@0 131 margin: 0;
Chris@0 132 }
Chris@0 133 [dir="rtl"] .views-displays .tabs .action-list {
Chris@18 134 right: 0;
Chris@0 135 left: auto;
Chris@0 136 }
Chris@0 137 .views-displays .tabs .action-list li {
Chris@0 138 display: block;
Chris@0 139 }
Chris@0 140 .views-display-columns .details-wrapper {
Chris@0 141 padding: 0;
Chris@0 142 }
Chris@0 143 .views-display-column {
Chris@0 144 box-sizing: border-box;
Chris@0 145 }
Chris@0 146 .views-display-columns > * {
Chris@0 147 margin-bottom: 2em;
Chris@0 148 }
Chris@0 149
Chris@0 150 @media screen and (min-width: 45em) { /* 720px */
Chris@0 151 .views-display-columns > * {
Chris@0 152 float: left; /* LTR */
Chris@18 153 width: 32%;
Chris@18 154 margin-bottom: 0;
Chris@0 155 margin-left: 2%; /* LTR */
Chris@0 156 }
Chris@0 157 [dir="rtl"] .views-display-columns > * {
Chris@0 158 float: right;
Chris@18 159 margin-right: 2%;
Chris@0 160 margin-left: 0;
Chris@0 161 }
Chris@0 162 .views-display-columns > *:first-child {
Chris@0 163 margin-left: 0; /* LTR */
Chris@0 164 }
Chris@0 165 [dir="rtl"] .views-display-columns > *:first-child {
Chris@0 166 margin-right: 0;
Chris@0 167 }
Chris@0 168 }
Chris@0 169
Chris@0 170 .views-ui-dialog .scroll {
Chris@0 171 overflow: auto;
Chris@0 172 padding: 1em;
Chris@0 173 }
Chris@0 174 .views-filterable-options-controls {
Chris@0 175 display: none;
Chris@0 176 }
Chris@0 177 .views-ui-dialog .views-filterable-options-controls {
Chris@0 178 display: inline;
Chris@0 179 }
Chris@0 180
Chris@0 181 /* Don't let the messages overwhelm the modal */
Chris@0 182 .views-ui-dialog .views-messages {
Chris@18 183 overflow: auto;
Chris@0 184 max-height: 200px;
Chris@0 185 }
Chris@0 186 .views-display-setting .label,
Chris@0 187 .views-display-setting .views-ajax-link {
Chris@0 188 float: left; /* LTR */
Chris@0 189 }
Chris@0 190 [dir="rtl"] .views-display-setting .label,
Chris@0 191 [dir="rtl"] .views-display-setting .views-ajax-link {
Chris@0 192 float: right;
Chris@0 193 }
Chris@0 194 .form-item-options-value-all {
Chris@0 195 display: none;
Chris@0 196 }
Chris@0 197 .js-only {
Chris@0 198 display: none;
Chris@0 199 }
Chris@0 200 html.js .js-only {
Chris@0 201 display: inherit;
Chris@0 202 }
Chris@0 203 html.js span.js-only {
Chris@0 204 display: inline;
Chris@0 205 }
Chris@0 206 .js .views-edit-view .dropbutton-wrapper {
Chris@0 207 width: auto;
Chris@0 208 }