views-admin.ie7.css

/**
 * The query details collapsible divs are not visible in IE7 because has-layout
 * is not being triggered. Trigger has-layout with height: 1%;
 */
.views-edit-view .collapsible > .fieldset-wrapper {
  height: 1%;
}

/**
 * The column width for the bucket containers in the query details section
 * is not being calculated to 32% correctly. Give IE7 a slightly smaller
 * width so that the three columns line up next to each other
 */
.views-edit-view .views-display-column {
  width: 31.95%;
}

/**
 * IE7 has no idea how large this container should be and it doesn't
 * apply has-layout. Expand its width to 100% and trigger has-layout.
 */
.views-edit-view .views-displays {
  height: 1%;
  width: 100%;
}

/**
 * IE7 isn't positioning the span correctly as a display-inline element
 */
.views-edit-view .views-displays .icon {
  display: block;
  float: left;
}

.views-edit-view .views-displays .icon-add {
  top: 2px;
}

/**
 * The add display query dropdown needs a lot of help
 */

.views-edit-view .views-displays .tabs.secondary {
  position: relative;
  z-index: 100;
}

.views-edit-view .views-displays .secondary .open > a {
  border-bottom: 1px solid #f1f1f1;
}

.views-edit-view .views-displays .secondary .action-list {
  border-bottom: 1px solid #cbcbcb;
  top: 30px;
}

.views-edit-view .views-displays .secondary input {
  text-align: left;
}

/**
 * IE7 does not interpret div > * correctly
 */
.page-admin-structure-views #content .views-ui-display-tab-bucket {
  padding-left: 0;
  padding-right: 0;
  zoom: 1;
}

.page-admin-structure-views #content .views-display-column + .views-display-column {
  margin-top: 0;
}

/**
 * IE7 is interpreting a top margin of 18px from somewhere. remove it
 */

.page-admin-structure-views #content .views-display-setting {
  margin-top: 0;
}

/**
 * IE7 can't handle the + selector that indents form wrappers after a checkbox on the add page
 * zoom is necessary to trigger has layout. !imporant is necessary because IE7 is precedent
 * to the theme.css stylesheet, even though it is included before this file.
 */

.page-admin-structure-views #content .form-type-checkbox + .form-wrapper {
  margin-left: 27px !important;
  zoom: 1;
}

File

css/ie/views-admin.ie7.css

View source
  1. /**
  2. * The query details collapsible divs are not visible in IE7 because has-layout
  3. * is not being triggered. Trigger has-layout with height: 1%;
  4. */
  5. .views-edit-view .collapsible > .fieldset-wrapper {
  6. height: 1%;
  7. }
  8. /**
  9. * The column width for the bucket containers in the query details section
  10. * is not being calculated to 32% correctly. Give IE7 a slightly smaller
  11. * width so that the three columns line up next to each other
  12. */
  13. .views-edit-view .views-display-column {
  14. width: 31.95%;
  15. }
  16. /**
  17. * IE7 has no idea how large this container should be and it doesn't
  18. * apply has-layout. Expand its width to 100% and trigger has-layout.
  19. */
  20. .views-edit-view .views-displays {
  21. height: 1%;
  22. width: 100%;
  23. }
  24. /**
  25. * IE7 isn't positioning the span correctly as a display-inline element
  26. */
  27. .views-edit-view .views-displays .icon {
  28. display: block;
  29. float: left;
  30. }
  31. .views-edit-view .views-displays .icon-add {
  32. top: 2px;
  33. }
  34. /**
  35. * The add display query dropdown needs a lot of help
  36. */
  37. .views-edit-view .views-displays .tabs.secondary {
  38. position: relative;
  39. z-index: 100;
  40. }
  41. .views-edit-view .views-displays .secondary .open > a {
  42. border-bottom: 1px solid #f1f1f1;
  43. }
  44. .views-edit-view .views-displays .secondary .action-list {
  45. border-bottom: 1px solid #cbcbcb;
  46. top: 30px;
  47. }
  48. .views-edit-view .views-displays .secondary input {
  49. text-align: left;
  50. }
  51. /**
  52. * IE7 does not interpret div > * correctly
  53. */
  54. .page-admin-structure-views #content .views-ui-display-tab-bucket {
  55. padding-left: 0;
  56. padding-right: 0;
  57. zoom: 1;
  58. }
  59. .page-admin-structure-views #content .views-display-column + .views-display-column {
  60. margin-top: 0;
  61. }
  62. /**
  63. * IE7 is interpreting a top margin of 18px from somewhere. remove it
  64. */
  65. .page-admin-structure-views #content .views-display-setting {
  66. margin-top: 0;
  67. }
  68. /**
  69. * IE7 can't handle the + selector that indents form wrappers after a checkbox on the add page
  70. * zoom is necessary to trigger has layout. !imporant is necessary because IE7 is precedent
  71. * to the theme.css stylesheet, even though it is included before this file.
  72. */
  73. .page-admin-structure-views #content .form-type-checkbox + .form-wrapper {
  74. margin-left: 27px !important;
  75. zoom: 1;
  76. }