www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/seven/css/components/views-ui.css

   1 /**
   2  * Views styling
   3  */
   4
   5 /* @group Forms */
   6
   7 /**
   8  * Seven positions the summary absolutely, but does not have a way to ignore
   9  * details without a summary so we make one up.
  10  *
  11  * @todo Neither a fieldset without legend nor a details without summary is
  12  *   valid HTML markup in any way. Refactor Views UI to not produce such invalid
  13  *   markup.
  14  */
  15 details.fieldset-no-legend {
  16   padding-top: 0;
  17 }
  18
  19 /**
  20  * Being extra safe here and scoping this to the add view wizard form (where
  21  * a layout problem occurs for the Display format details if we don't fix its
  22  * padding), but it's probably safe to just let it apply everywhere.
  23  */
  24 #views-ui-add-form details details .details-wrapper {
  25   padding-left: 0;
  26   padding-right: 0;
  27 }
  28
  29 .views-display-tab details.box-padding .details-wrapper {
  30   padding: 0;
  31 }
  32
  33 .views-admin input.form-submit,
  34 .views-ui-dialog input.form-submit,
  35 .views-admin a.button,
  36 .views-ui-dialog a.button {
  37   margin-bottom: 0;
  38   margin-right: 0; /* LTR */
  39   margin-top: 0;
  40 }
  41 [dir="rtl"] .views-admin input.form-submit,
  42 [dir="rtl"] .views-ui-dialog input.form-submit,
  43 [dir="rtl"] .views-admin a.button,
  44 [dir="rtl"] .views-ui-dialog a.button {
  45   margin-left: 0;
  46   margin-right: 1em;
  47 }
  48 [dir="rtl"] .views-admin input.form-submit:first-child,
  49 [dir="rtl"] .views-ui-dialog input.form-submit:first-child,
  50 [dir="rtl"] .views-admin a.button:first-child,
  51 [dir="rtl"] .views-ui-dialog a.button:first-child {
  52   margin-right: 0;
  53 }
  54
  55 .form-radios > .form-item {
  56   margin-top: 3px;
  57 }
  58
  59 /* @group Dependent options
  60  */
  61
  62 /* This is necessary to supercede the Seven .form-item
  63  * reset declaration that sets the margin to zero.
  64  */
  65 .form-item-options-expose-required,
  66 .form-item-options-expose-label,
  67 .form-item-options-expose-description {
  68   margin-left: 1.5em; /* LTR */
  69 }
  70 [dir="rtl"] .form-item-options-expose-required,
  71 [dir="rtl"] .form-item-options-expose-label,
  72 [dir="rtl"] .form-item-options-expose-description {
  73   margin-left: 0;
  74   margin-right: 1.5em;
  75 }
  76
  77 .views-admin-dependent .form-item .form-item,
  78 .views-admin-dependent .form-type-checkboxes,
  79 .views-admin-dependent .form-type-radios,
  80 .views-admin-dependent .form-item .form-item,
  81 .form-item-options-expose-required,
  82 .form-item-options-expose-label,
  83 .form-item-options-expose-description {
  84   margin-bottom: 6px;
  85   margin-top: 6px;
  86 }
  87
  88 .views-admin-dependent .form-type-radio,
  89 .views-admin-dependent .form-radios .form-item {
  90   margin-bottom: 2px;
  91   margin-top: 2px;
  92 }
  93
  94 /* @end */
  95
  96 /* @group Lists */
  97
  98 .views-admin ul.secondary,
  99 .views-admin .item-list ul {
 100   margin: 0;
 101   padding: 0;
 102 }
 103
 104 .views-displays ul.secondary li a,
 105 .views-displays ul.secondary li.is-active a,
 106 .views-displays ul.secondary li.is-active a.is-active {
 107   padding: 2px 7px 3px;
 108 }
 109
 110 .views-displays ul.secondary li a {
 111   color: #0074bd;
 112 }
 113
 114 .views-displays ul.secondary li.is-active a,
 115 .views-displays ul.secondary li.is-active a.is-active {
 116   border: 1px solid transparent;
 117 }
 118
 119 .views-admin .links li {
 120   padding-right: 0; /* LTR */
 121 }
 122 [dir="rtl"] .views-admin .links li {
 123   padding-left: 0;
 124 }
 125
 126 .views-admin .button .links li {
 127   padding-right: 12px; /* LTR */
 128 }
 129 [dir="rtl"] .views-admin .button .links li {
 130   padding-left: 12px;
 131 }
 132
 133 .views-display-top ul.secondary {
 134   background-color: transparent;
 135   float: left; /* LTR */
 136 }
 137 [dir="rtl"] .views-display-top ul.secondary {
 138   float: right;
 139 }
 140
 141 .views-display-top .secondary .action-list li {
 142   float: none;
 143   margin: 0;
 144 }
 145
 146 /* @end */
 147
 148 /* @group Tables */
 149
 150 .views-ui-rearrange-filter-form table td,
 151 .views-ui-rearrange-filter-form table th {
 152   vertical-align: top;
 153 }
 154
 155 /* @end */
 156
 157 /* @group Attachment details */
 158
 159 #edit-display-settings-title {
 160   color: #008bcb;
 161 }
 162
 163 /* @end */
 164
 165 /* @group Attachment details tabs
 166  *
 167  * The tabs that switch between sections
 168  */
 169
 170 .views-displays .secondary {
 171   text-align: left; /* LTR */
 172 }
 173 [dir="rtl"] .views-displays .secondary {
 174   text-align: right;
 175 }
 176
 177 .views-admin .icon.add {
 178   background-position: center 3px;
 179 }
 180
 181 .views-displays .secondary a:hover > .icon.add {
 182   background-position: center -25px;
 183 }
 184
 185 .views-displays .secondary .open > a {
 186   border-radius: 7px 7px 0 0;
 187 }
 188
 189 .views-displays .secondary .open > a:hover,
 190 .views-displays .secondary .open > a:focus {
 191   background-color: #f1f1f1;
 192   color: #008bcb;
 193 }
 194
 195 .views-displays .secondary .action-list li:first-child {
 196   border-radius: 0 7px 0 0; /* LTR */
 197 }
 198 [dir="rtl"] .views-displays .secondary .action-list li:first-child {
 199   border-radius: 7px 0 0 0;
 200 }
 201
 202 .views-displays .secondary .action-list li:last-child {
 203   border-radius: 0 0 7px 7px;
 204 }
 205
 206 .views-displays .secondary .action-list input.form-submit {
 207   color: #008bcb;
 208 }
 209
 210 /* @end */
 211
 212 /* @group Attachment buckets
 213  *
 214  * These are the individual "buckets," or boxes, inside the display settings area
 215  */
 216
 217 .views-ui-display-tab-bucket h3 {
 218   text-transform: uppercase;
 219 }
 220
 221 .views-ui-display-tab-bucket .links {
 222   padding: 2px 6px 4px;
 223 }
 224
 225 .views-ui-display-tab-bucket .links li + li {
 226   margin-left: 3px; /* LTR */
 227 }
 228 [dir="rtl"] .views-ui-display-tab-bucket .links li + li {
 229   margin-left: 0;
 230   margin-right: 3px;
 231 }
 232
 233 /* @end */
 234
 235 /* @group Rearrange filter criteria */
 236
 237 .views-ui-rearrange-filter-form .action-links {
 238   float: left;
 239   margin: 0 0 1em;
 240   padding: 0;
 241 }
 242 .views-ui-rearrange-filter-form .tabledrag-toggle-weight-wrapper {
 243   float: right;
 244   margin-bottom: 1em;
 245 }
 246
 247 .views-ui-rearrange-filter-form table {
 248   border: medium none;
 249 }
 250
 251 .views-ui-rearrange-filter-form [id^="views-row"] {
 252   border: medium none;
 253 }
 254
 255 .views-ui-rearrange-filter-form tr td:last-child {
 256   border-right: medium none; /* LTR */
 257 }
 258 [dir="rtl"] .views-ui-rearrange-filter-form tr td:last-child {
 259   border-left: medium none;
 260   border-right: initial;
 261 }
 262
 263 .views-ui-rearrange-filter-form .filter-group-operator-row {
 264   border-left: 1px solid transparent !important;
 265   border-right: 1px solid transparent !important;
 266 }
 267
 268 .views-ui-rearrange-filter-form tr.drag td {
 269   background-color: #fe7 !important;
 270 }
 271
 272 .views-ui-rearrange-filter-form tr.drag-previous td {
 273   background-color: #ffb !important;
 274 }
 275
 276 /* @end */
 277
 278 /* @group Live preview elements */
 279
 280 .views-query-info pre {
 281   margin-bottom: 0;
 282   margin-top: 0;
 283 }
 284
 285 /* @group Query info table */
 286
 287 .views-query-info table {
 288   border-radius: 7px;
 289   -webkit-border-horizontal-spacing: 1px;
 290   -webkit-border-vertical-spacing: 1px;
 291 }
 292
 293 .views-query-info table tr td:last-child {
 294   /* Fixes a Seven style that bleeds down into this table unnecessarily */
 295   border-right: 0 none; /* LTR */
 296 }
 297 [dir="rtl"] .views-query-info table tr td:last-child {
 298   border-left: 0 none;
 299   border-right: initial;
 300 }
 301
 302 /* @end */
 303
 304 /* @end */
 305
 306 /* @group Add view */
 307
 308 .form-item-page-create,
 309 .form-item-block-create {
 310   margin-top: 13px;
 311 }
 312
 313 /* @end */
 314
 315 /* @group Modal dialog box
 316  *
 317  * The contents of the popup dialog on the views edit form.
 318  */
 319
 320 .filterable-option .form-item.form-type-checkbox {
 321   /* This selector is aggressive because Seven's reset for .form-items is aggressive. */
 322   padding-bottom: 4px;
 323   padding-left: 4px; /* LTR */
 324   padding-top: 4px;
 325 }
 326 [dir="rtl"] .filterable-option .form-item.form-type-checkbox {
 327   padding-left: 8px;
 328   padding-right: 4px;
 329 }
 330
 331 /* @end */