crm.fsf.org/20131203/files/sites/all/modules-old/views/css/views-admin.seven.css

   1 /**
   2  * The .seven.css file is intended to contain styles that override declarations
   3  * in the Seven admin theme.
   4  */
   5
   6 /* @group Content */
   7
   8 .views-ui-display-tab-bucket h1,
   9 .views-ui-display-tab-bucket h2,
  10 .views-ui-display-tab-bucket h3,
  11 .views-ui-display-tab-bucket h4,
  12 .views-ui-display-tab-bucket h5 {
  13   margin-bottom: 0;
  14   margin-top: 0;
  15 }
  16
  17 /* @end */
  18
  19 /* @group Forms */
  20
  21 .views-ui-dialog fieldset {
  22   padding-top: 2.5em;
  23 }
  24
  25 fieldset fieldset {
  26   border: medium none;
  27 }
  28
  29 /**
  30  * Seven positions the legend absolutely, but does not have a way to ignore
  31  * fieldsets without a legend so we make one up.
  32  */
  33 fieldset.fieldset-no-legend {
  34   padding-top: 0;
  35 }
  36
  37 /**
  38  * Being extra safe here and scoping this to the add view wizard form (where
  39  * a layout problem occurs for the Display format fieldset if we don't fix its
  40  * padding), but it's probably safe to just let it apply everywhere.
  41  */
  42 #views-ui-add-form fieldset fieldset .fieldset-wrapper {
  43   padding-left: 0;
  44   padding-right: 0;
  45 }
  46
  47 .views-display-tab fieldset {
  48   padding: 0 12px;
  49 }
  50
  51 .views-display-tab .fieldset-wrapper {
  52   padding: 10px 12px 12px;
  53 }
  54
  55 .views-display-tab fieldset.box-padding .fieldset-wrapper {
  56   padding: 0;
  57 }
  58
  59 .views-display-tab legend + .fieldset-wrapper {
  60   padding-top: 2.5em;
  61 }
  62
  63 .views-admin .form-item label.option,
  64 #views-ui-preview-form .form-item label.option {
  65   font-size: 1em;
  66 }
  67
  68 #views-ui-preview-form .form-submit {
  69   margin-top: 3px;
  70 }
  71
  72 .views-admin input.form-submit,
  73 .views-ui-dialog input.form-submit,
  74 .views-admin a.button,
  75 .views-ui-dialog a.button {
  76   margin-bottom: 0;
  77   margin-right: 0; /* LTR */
  78   margin-top: 0;
  79 }
  80
  81 /* Override for a button on the edit display screen */
  82 #edit-displays-preview-controls .form-submit {
  83   display: inline-block;
  84   margin-right: 1em;
  85 }
  86
  87 /* Override for filter button on the views list screen */
  88 #ctools-export-ui-list-form .form-submit {
  89   margin-bottom: 0;
  90 }
  91
  92 #ctools-export-ui-list-form .ctools-export-ui-first-row .form-item {
  93   margin-top: 3px;
  94   margin-right: 5px; /* LTR */
  95 }
  96
  97 .form-item,
  98 .form-item .form-item {
  99   margin-bottom: 0;
 100   margin-top: 9px;
 101   padding-bottom: 0;
 102   padding-top: 0;
 103 }
 104
 105 .form-actions {
 106   margin-bottom: 0;
 107   margin-top: 0;
 108 }
 109
 110 .form-item .form-item {
 111   padding-bottom: 0;
 112   padding-top: 0;
 113 }
 114
 115 .form-radios > .form-item {
 116   margin-top: 3px;
 117 }
 118
 119 /* @group Dependent options
 120  *
 121  * Dependent options are identified in CTools dependent.js
 122  */
 123
 124 /* The .dependent-options.form-item is necessary to supercede the Seven .form-item
 125  * reset declaration that sets the margin to zero.
 126  */
 127 .dependent-options,
 128 .dependent-options.form-item,
 129 .form-item-options-expose-required,
 130 .form-item-options-expose-label,
 131 .form-item-options-expose-description {
 132   margin-left: 1.5em;
 133 }
 134
 135 .views-admin-dependent .form-item .form-item,
 136 .views-admin-dependent .form-type-checkboxes,
 137 .views-admin-dependent .form-type-radios,
 138 .views-admin-dependent .dependent-options,
 139 .views-admin-dependent .form-item .form-item,
 140 .views-admin-dependent .dependent-options .form-type-select,
 141 .views-admin-dependent .dependent-options .form-type-textfield,
 142 .form-item-options-expose-required,
 143 .form-item-options-expose-label,
 144 .form-item-options-expose-description {
 145   margin-bottom: 6px;
 146   margin-top: 6px;
 147 }
 148
 149 .views-admin-dependent .form-type-radio,
 150 .views-admin-dependent .form-radios .form-item {
 151   margin-bottom: 2px;
 152   margin-top: 2px;
 153 }
 154
 155 /* @end */
 156
 157 /* @end */
 158
 159 /* @group Lists */
 160
 161 .views-admin ul.secondary,
 162 .views-admin .item-list ul {
 163   margin: 0;
 164   padding: 0;
 165 }
 166
 167 .views-admin ul.secondary {
 168   clear: none;
 169 }
 170
 171 .views-displays ul.secondary li a,
 172 .views-displays ul.secondary li.active a,
 173 .views-displays ul.secondary li.active a.active {
 174   padding: 2px 7px 3px;
 175 }
 176
 177 .views-displays ul.secondary li.active a,
 178 .views-displays ul.secondary li.active a.active {
 179   border: 1px solid transparent;
 180 }
 181
 182 .views-admin .links li {
 183   padding-right: 0; /* LTR */
 184 }
 185
 186 .views-admin .button .links li {
 187   padding-right: 12px; /* LTR */
 188 }
 189
 190 .page-admin-structure-views #content ul.action-links {
 191   padding-left: 0;
 192   padding-right: 0;
 193 }
 194
 195 .views-display-top ul.secondary {
 196   background-color: transparent;
 197   float: left
 198 }
 199
 200 .views-display-top .secondary .action-list li {
 201   float: none;
 202   margin: 0;
 203 }
 204
 205 /* @end */
 206
 207 /* @group Buttons */
 208
 209 .ctools-button-processed ul {
 210   margin: 0;
 211 }
 212
 213 /* Override for input elements that are themed like ctools-buttons */
 214 .ctools-button-processed input.form-submit:hover {
 215   background-image: none;
 216   color: #0074BD;
 217   text-shadow: none;
 218 }
 219
 220 .ctools-button-processed input.form-submit:active {
 221   background: none;
 222   border: medium none;
 223   color: #0074BD;
 224   text-shadow: none;
 225 }
 226
 227 /* @end */
 228
 229 /* @group Tables */
 230
 231 table td,
 232 table th {
 233   vertical-align: top;
 234 }
 235
 236 /* @end */
 237
 238 /* @group Attachment details */
 239
 240 #edit-display-settings-title {
 241   color: #008BCB;
 242 }
 243
 244 /* @end */
 245
 246 /* @group Attachment details tabs
 247  *
 248  * The tabs that switch between sections
 249  */
 250
 251 .views-displays .secondary {
 252  text-align: left; /* LTR */
 253 }
 254
 255 .views-displays .secondary > li:first-child {
 256  padding-left: 0;
 257 }
 258
 259 .views-admin .icon.add {
 260   background-position: center 3px;
 261 }
 262
 263 .views-displays .secondary a {
 264   background-color: #f1f1f1;
 265   -moz-border-radius: 7px;
 266   -webkit-border-radius: 7px;
 267   border-radius: 7px;
 268   color: #008BCB;
 269 }
 270
 271 .views-displays .secondary a:hover > .icon.add {
 272   background-position: center -25px;
 273 }
 274
 275 .views-displays .secondary .open > a {
 276   -moz-border-radius: 7px 7px 0 0;
 277   -webkit-border-radius: 7px 7px 0 0;
 278   border-radius: 7px 7px 0 0;
 279 }
 280
 281 .views-displays .secondary .open > a:hover {
 282   background-color: #f1f1f1;
 283   color: #008BCB;
 284 }
 285
 286 .views-displays .secondary .action-list  li:first-child {
 287   -moz-border-radius: 0 7px 0 0;
 288   -webkit-border-radius: 0 7px 0 0;
 289   border-radius: 0 7px 0 0;
 290 }
 291
 292 .views-displays .secondary .action-list  li:last-child {
 293   -moz-border-radius: 0 0 7px 7px;
 294   -webkit-border-radius: 0 0 7px 7px;
 295   border-radius: 0 0 7px 7px;
 296 }
 297
 298 .views-displays .secondary .action-list input.form-submit {
 299   -moz-border-radius: 0;
 300   -webkit-border-radius: 0;
 301   border-radius: 0;
 302   color: #008BCB;
 303 }
 304
 305 /* @end */
 306
 307 /* @group Attachment buckets
 308  *
 309  * These are the individual "buckets," or boxes, inside the display settings area
 310  */
 311
 312 .views-ui-display-tab-bucket h3 {
 313   font-size: 12px;
 314   text-transform: uppercase;
 315 }
 316
 317 .views-ui-display-tab-bucket .links {
 318   padding: 2px 6px 4px;
 319 }
 320
 321 .views-ui-display-tab-bucket .links li + li {
 322   margin-left: 3px;
 323 }
 324
 325 /* @end */
 326
 327 /* @group Rearrange filter criteria */
 328
 329 #views-ui-rearrange-filter-form .action-links {
 330   margin: 0;
 331   padding: 0;
 332 }
 333
 334 #views-ui-rearrange-filter-form table {
 335   border: medium none;
 336 }
 337
 338 #views-ui-rearrange-filter-form [id^="views-row"] {
 339   border: medium none;
 340 }
 341
 342 #views-ui-rearrange-filter-form tr td:last-child {
 343   border-right: medium none;
 344 }
 345
 346 #views-ui-rearrange-filter-form .filter-group-operator-row {
 347   border-left: 1px solid transparent !important;
 348   border-right: 1px solid transparent !important;
 349 }
 350
 351 #views-ui-rearrange-filter-form tr.drag td {
 352   background-color: #FFEE77 !important;
 353 }
 354
 355 #views-ui-rearrange-filter-form tr.drag-previous td {
 356   background-color: #FFFFBB !important;
 357 }
 358
 359 /* @end */
 360
 361 /* @group Live preview elements */
 362
 363 .views-query-info pre {
 364   margin-bottom: 0;
 365   margin-top: 0;
 366 }
 367
 368 /* @group Query info table */
 369
 370 .views-query-info table {
 371   -moz-border-radius: 7px;
 372   -webkit-border-radius: 7px;
 373   border-radius: 7px;
 374   -webkit-border-horizontal-spacing: 1px;
 375   -webkit-border-vertical-spacing: 1px;
 376 }
 377
 378 .views-query-info table tr td:last-child {
 379   /* Fixes a Seven style that bleeds down into this table unnecessarily */
 380   border-right: 0 none;
 381 }
 382
 383 /* @end */
 384
 385 /* @end */
 386
 387 /* @group Add view */
 388
 389 .form-item-page-create,
 390 .form-item-block-create {
 391   margin-top: 13px;
 392 }
 393
 394 /* @end */
 395
 396 /* @group Modal dialog box
 397  *
 398  * The contents of the popup dialog on the views edit form.
 399  */
 400
 401 .views-ui-dialog .ui-dialog-titlebar-close {
 402   -moz-box-shadow: none;
 403   -webkit-box-shadow: none;
 404   box-shadow: none;
 405   border-color: #cccccc;
 406   right: -27px;
 407   top: -1px;
 408 }
 409
 410 .views-ui-dialog fieldset.collapsible {
 411   padding-top: 1.5em;
 412 }
 413
 414 .views-ui-dialog fieldset.collapsed {
 415   padding-top: 2.5em;
 416 }
 417
 418 .filterable-option .form-item.form-type-checkbox {
 419   /* This selector is aggressive because Seven's reset for .form-items is aggressive. */
 420   padding-bottom: 4px;
 421   padding-left: 4px;
 422   padding-top: 4px;
 423 }
 424
 425 /* @end */
 426
 427 /* @group CTools */
 428
 429 /* @group Buttons */
 430
 431 .ctools-button-processed {
 432   background-image:
 433     -moz-linear-gradient(
 434       -90deg,
 435       #ffffff 0px,
 436       #f9f9f9 100%);
 437   background-image:
 438     -webkit-gradient(
 439       linear,
 440       left top,
 441       left bottom,
 442       color-stop(0.0, rgba(255, 255, 255, 1.0)),
 443       color-stop(1.0, rgba(249, 249, 249, 1.0))
 444     );
 445   background-image:
 446     -webkit-linear-gradient(
 447       -90deg,
 448       #ffffff 0px,
 449       #f9f9f9 100%);
 450   background-image:
 451     linear-gradient(
 452       -90deg,
 453       #ffffff 0px,
 454       #f9f9f9 100%);
 455   -moz-border-radius: 11px 11px 11px 11px;
 456   -webkit-border-radius: 11px 11px 11px 11px;
 457   border-radius: 11px 11px 11px 11px;
 458 }
 459
 460 .ctools-button-processed:hover {
 461   background-image:
 462     -moz-linear-gradient(
 463       -90deg,
 464       #ffffff 0px,
 465       #f1f1f1 100%);
 466   background-image:
 467     -webkit-gradient(
 468       linear,
 469       left top,
 470       left bottom,
 471       color-stop(0.0, rgba(255, 255, 255, 1.0)),
 472       color-stop(1.0, rgba(241, 241, 241, 1.0))
 473     );
 474   background-image:
 475     -webkit-linear-gradient(
 476       -90deg,
 477       #ffffff 0px,
 478       #f1f1f1 100%);
 479   background-image:
 480     linear-gradient(
 481       -90deg,
 482       #ffffff 0px,
 483       #f1f1f1 100%);
 484 }
 485
 486 .ctools-dropbutton-processed.open:hover {
 487   background-image:
 488     -moz-linear-gradient(
 489       -90deg,
 490       #ffffff 0px,
 491       #f9f9f9 100%);
 492   background-image:
 493     -webkit-gradient(
 494       linear,
 495       left top,
 496       left bottom,
 497       color-stop(0.0, rgba(255, 255, 255, 1.0)),
 498       color-stop(1.0, rgba(249, 249, 249, 1.0))
 499     );
 500   background-image:
 501     -webkit-linear-gradient(
 502       -90deg,
 503       #ffffff 0px,
 504       #f9f9f9 100%);
 505   background-image:
 506     linear-gradient(
 507       -90deg,
 508       #ffffff 0px,
 509       #f9f9f9 100%);
 510 }
 511
 512 .ctools-dropbutton-processed.open {
 513   -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
 514   -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
 515   box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
 516 }
 517
 518 /* @end */
 519
 520 /* @group Collapsible */
 521
 522 .ctools-toggle {
 523   margin-top: 0.6667em;
 524 }
 525
 526 .ctools-toggle.ctools-toggle-collapsed {
 527   margin-top: 0.5em;
 528 }
 529
 530 .views-display-settings .ctools-toggle {
 531   color: #008BCB;
 532 }
 533
 534 .views-display-column > .ctools-toggle {
 535   margin-top: 14px;
 536 }
 537
 538 .views-display-column > .ctools-toggle.ctools-toggle-collapsed {
 539   margin-top: 12px;
 540 }
 541
 542 .views-display-column > .ctools-collapsible-handle {
 543   color: #008BCB;
 544 }
 545
 546 .views-ui-display-tab-actions .ctools-button-processed input {
 547   color: #0074BD;
 548 }
 549
 550 /* @end */
 551
 552 /* @end */