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. /**

  10.  * The column width for the bucket containers in the query details section

  11.  * is not being calculated to 32% correctly. Give IE7 a slightly smaller

  12.  * width so that the three columns line up next to each other

  13.  */

  14. .views-edit-view .views-display-column {

  15.   width: 31.95%;

  16. }

  17. 

  18. /**

  19.  * IE7 has no idea how large this container should be and it doesn't

  20.  * apply has-layout. Expand its width to 100% and trigger has-layout.

  21.  */

  22. .views-edit-view .views-displays {

  23.   height: 1%;

  24.   width: 100%;

  25. }

  26. 

  27. /**

  28.  * IE7 isn't positioning the span correctly as a display-inline element

  29.  */

  30. .views-edit-view .views-displays .icon {

  31.   display: block;

  32.   float: left;

  33. }

  34. 

  35. .views-edit-view .views-displays .icon-add {

  36.   top: 2px;

  37. }

  38. 

  39. /**

  40.  * The add display query dropdown needs a lot of help

  41.  */

  42. 

  43. .views-edit-view .views-displays .tabs.secondary {

  44.   position: relative;

  45.   z-index: 100;

  46. }

  47. 

  48. .views-edit-view .views-displays .secondary .open > a {

  49.   border-bottom: 1px solid #f1f1f1;

  50. }

  51. 

  52. .views-edit-view .views-displays .secondary .action-list {

  53.   border-bottom: 1px solid #cbcbcb;

  54.   top: 30px;

  55. }

  56. 

  57. .views-edit-view .views-displays .secondary input {

  58.   text-align: left;

  59. }

  60. 

  61. /**

  62.  * IE7 does not interpret div > * correctly

  63.  */

  64. .page-admin-structure-views #content .views-ui-display-tab-bucket {

  65.   padding-left: 0;

  66.   padding-right: 0;

  67.   zoom: 1;

  68. }

  69. 

  70. .page-admin-structure-views #content .views-display-column + .views-display-column {

  71.   margin-top: 0;

  72. }

  73. 

  74. /**

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

  76.  */

  77. 

  78. .page-admin-structure-views #content .views-display-setting {

  79.   margin-top: 0;

  80. }

  81. 

  82. /**

  83.  * IE7 can't handle the + selector that indents form wrappers after a checkbox on the add page

  84.  * zoom is necessary to trigger has layout. !imporant is necessary because IE7 is precedent

  85.  * to the theme.css stylesheet, even though it is included before this file.

  86.  */

  87. 

  88. .page-admin-structure-views #content .form-type-checkbox + .form-wrapper {

  89.   margin-left: 27px !important;

  90.   zoom: 1;

  91. }