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
  78 .views-admin-dependent .form-item .form-item,
  79 .views-admin-dependent .form-type-checkboxes,
  80 .views-admin-dependent .form-type-radios,
  81 .views-admin-dependent .form-item .form-item,
  82 .form-item-options-expose-required,
  83 .form-item-options-expose-label,
  84 .form-item-options-expose-description {
  85   margin-bottom: 6px;
  86   margin-top: 6px;
  87 }
  88
  89 .views-admin-dependent .form-type-radio,
  90 .views-admin-dependent .form-radios .form-item {
  91   margin-bottom: 2px;
  92   margin-top: 2px;
  93 }
  94
  95 /* @end */
  96
  97 /* @group Lists */
  98
  99 .views-admin ul.secondary,
 100 .views-admin .item-list ul {
 101   margin: 0;
 102   padding: 0;
 103 }
 104
 105 .views-displays ul.secondary li a,
 106 .views-displays ul.secondary li.is-active a,
 107 .views-displays ul.secondary li.is-active a.is-active {
 108   padding: 2px 7px 3px;
 109 }
 110
 111 .views-displays ul.secondary li a {
 112   color: #0074bd;
 113 }
 114
 115 .views-displays ul.secondary li.is-active a,
 116 .views-displays ul.secondary li.is-active a.is-active {
 117   border: 1px solid transparent;
 118 }
 119
 120 .views-admin .links li {
 121   padding-right: 0; /* LTR */
 122 }
 123 [dir="rtl"] .views-admin .links li {
 124   padding-left: 0;
 125 }
 126
 127 .views-admin .button .links li {
 128   padding-right: 12px; /* LTR */
 129 }
 130 [dir="rtl"] .views-admin .button .links li {
 131   padding-left: 12px;
 132 }
 133
 134 .views-display-top ul.secondary {
 135   background-color: transparent;
 136   float: left; /* LTR */
 137 }
 138 [dir="rtl"] .views-display-top ul.secondary {
 139   float: right;
 140 }
 141
 142 .views-display-top .secondary .action-list li {
 143   float: none;
 144   margin: 0;
 145 }
 146
 147 /* @end */
 148
 149 /* @group Tables */
 150
 151 .views-ui-rearrange-filter-form table td,
 152 .views-ui-rearrange-filter-form table th {
 153   vertical-align: top;
 154 }
 155
 156 /* @end */
 157
 158 /* @group Attachment details */
 159
 160 #edit-display-settings-title {
 161   color: #008BCB;
 162 }
 163
 164 /* @end */
 165
 166 /* @group Attachment details tabs
 167  *
 168  * The tabs that switch between sections
 169  */
 170
 171 .views-displays .secondary {
 172  text-align: left; /* LTR */
 173 }
 174 [dir="rtl"] .views-displays .secondary {
 175   text-align: right;
 176 }
 177
 178 .views-admin .icon.add {
 179   background-position: center 3px;
 180 }
 181
 182 .views-displays .secondary a:hover > .icon.add {
 183   background-position: center -25px;
 184 }
 185
 186 .views-displays .secondary .open > a {
 187   border-radius: 7px 7px 0 0;
 188 }
 189
 190 .views-displays .secondary .open > a:hover,
 191 .views-displays .secondary .open > a:focus {
 192   background-color: #f1f1f1;
 193   color: #008BCB;
 194 }
 195
 196 .views-displays .secondary .action-list  li:first-child {
 197   border-radius: 0 7px 0 0; /* LTR */
 198 }
 199 [dir="rtl"] .views-displays .secondary .action-list  li:first-child {
 200   border-radius: 7px 0 0 0;
 201 }
 202
 203 .views-displays .secondary .action-list  li:last-child {
 204   border-radius: 0 0 7px 7px;
 205 }
 206
 207 .views-displays .secondary .action-list input.form-submit {
 208   color: #008bcb;
 209 }
 210
 211 /* @end */
 212
 213 /* @group Attachment buckets
 214  *
 215  * These are the individual "buckets," or boxes, inside the display settings area
 216  */
 217
 218 .views-ui-display-tab-bucket h3 {
 219   text-transform: uppercase;
 220 }
 221
 222 .views-ui-display-tab-bucket .links {
 223   padding: 2px 6px 4px;
 224 }
 225
 226 .views-ui-display-tab-bucket .links li + li {
 227   margin-left: 3px; /* LTR */
 228 }
 229 [dir="rtl"] .views-ui-display-tab-bucket .links li + li {
 230   margin-left: 0;
 231   margin-right: 3px;
 232 }
 233
 234 /* @end */
 235
 236 /* @group Rearrange filter criteria */
 237
 238 .views-ui-rearrange-filter-form .action-links {
 239   float: left;
 240   margin: 0 0 1em;
 241   padding: 0;
 242 }
 243 .views-ui-rearrange-filter-form .tabledrag-toggle-weight-wrapper {
 244   float: right;
 245   margin-bottom: 1em;
 246 }
 247
 248 .views-ui-rearrange-filter-form table {
 249   border: medium none;
 250 }
 251
 252 .views-ui-rearrange-filter-form [id^="views-row"] {
 253   border: medium none;
 254 }
 255
 256 .views-ui-rearrange-filter-form tr td:last-child {
 257   border-right: medium none; /* LTR */
 258 }
 259 [dir="rtl"] .views-ui-rearrange-filter-form tr td:last-child {
 260   border-left: medium none;
 261   border-right: initial;
 262 }
 263
 264 .views-ui-rearrange-filter-form .filter-group-operator-row {
 265   border-left: 1px solid transparent !important;
 266   border-right: 1px solid transparent !important;
 267 }
 268
 269 .views-ui-rearrange-filter-form tr.drag td {
 270   background-color: #FFEE77 !important;
 271 }
 272
 273 .views-ui-rearrange-filter-form tr.drag-previous td {
 274   background-color: #FFFFBB !important;
 275 }
 276
 277 /* @end */
 278
 279 /* @group Live preview elements */
 280
 281 .views-query-info pre {
 282   margin-bottom: 0;
 283   margin-top: 0;
 284 }
 285
 286 /* @group Query info table */
 287
 288 .views-query-info table {
 289   border-radius: 7px;
 290   -webkit-border-horizontal-spacing: 1px;
 291   -webkit-border-vertical-spacing: 1px;
 292 }
 293
 294 .views-query-info table tr td:last-child {
 295   /* Fixes a Seven style that bleeds down into this table unnecessarily */
 296   border-right: 0 none; /* LTR */
 297 }
 298 [dir="rtl"] .views-query-info table tr td:last-child {
 299   border-left: 0 none;
 300   border-right: initial;
 301 }
 302
 303 /* @end */
 304
 305 /* @end */
 306
 307 /* @group Add view */
 308
 309 .form-item-page-create,
 310 .form-item-block-create {
 311   margin-top: 13px;
 312 }
 313
 314 /* @end */
 315
 316 /* @group Modal dialog box
 317  *
 318  * The contents of the popup dialog on the views edit form.
 319  */
 320
 321 .filterable-option .form-item.form-type-checkbox {
 322   /* This selector is aggressive because Seven's reset for .form-items is aggressive. */
 323   padding-bottom: 4px;
 324   padding-left: 4px; /* LTR */
 325   padding-top: 4px;
 326 }
 327 [dir="rtl"] .filterable-option .form-item.form-type-checkbox {
 328   padding-left: 8px;
 329   padding-right: 4px;
 330 }
 331
 332 /* @end */