You are here

commerce-backoffice.css in Commerce Backoffice 7

.commerce-backoffice-view .vbo-views-form .views-field-operations-dropbutton .quick-edit {
  padding-right: 10px;
  position: relative;
}
.commerce-backoffice-view .vbo-views-form .views-field-operations-dropbutton .quick-edit .ajax-progress-throbber {
  position: absolute;
  top: 0;
  right: 0;
}
.commerce-backoffice-view .vbo-views-form .views-table {
  margin-top: 0;
}
/* Filter Styles */
.commerce-backoffice-view .views-exposed-form {
  border-bottom: 1px solid #E2E2DC;
  position: relative;
}
.commerce-backoffice-view .views-exposed-form .views-exposed-widget {
  width: auto;
}
.commerce-backoffice-view .views-exposed-form label,
.commerce-backoffice-view .views-exposed-form #edit-date-filter-min-wrapper,
.commerce-backoffice-view .views-exposed-form #edit-date-filter-max-wrapper {
  float: left;
  margin-right: 10px;
}
.commerce-backoffice-view .views-exposed-form .views-exposed-widgets {
  margin-bottom: 1em;
}
.commerce-backoffice-view .views-exposed-form .views-widget,
.commerce-backoffice-view .views-exposed-form .date-padding {
  float: left;
}
.commerce-backoffice-view .views-exposed-form #edit-date-filter-wrapper .views-widget {
  max-width: 624px;
}
.commerce-backoffice-view .views-exposed-form .date-padding .form-item input {
  background: white url("images/calendar.png") no-repeat 95% center;
}
.commerce-backoffice-view .views-exposed-form .views-widget select {
  max-height: 60px;
  max-width: 380px;
}
.commerce-backoffice-view .views-exposed-form .form-item,
.commerce-backoffice-view .views-exposed-form .form-submit {
  margin: 0;
  padding: 0;
}
/* Filter Search Field */
.commerce-backoffice-view .views-exposed-form .views-widget-filter-combine {
  padding: 1em 0;
  position: absolute;
  right: 0; /* LTR */
  top: 100%;
  z-index: 1;
}
.commerce-backoffice-view .views-exposed-form .views-widget-filter-combine input {
  background: white url("images/search.png") no-repeat right center;
  padding: 7px 20px 7px 5px;
}
/* Hide Placeholder Text on Focus */
.commerce-backoffice-view .views-exposed-form .views-widget-filter-combine input:focus::-webkit-input-placeholder {
  color: transparent;
  font: 0/0 none;
}
/* Action Links */
.commerce-backoffice-view ul.action-links {
  margin: .8em 0;
}
/* Table Styles */
.commerce-backoffice-view .views-field-views-bulk-operations {
  width: 20px;
}
/* VBO Apply Form */
.commerce-backoffice-view .vbo-views-form #edit-select {
  background: transparent url("images/vbo-arrow.png") no-repeat 12px 1px;
  border: 0;
  padding: 0 0 0 28px;
}
.commerce-backoffice-view .vbo-views-form select {
  float: left;
  min-height: 25px;
  margin: 2px 10px 2px 0;
  max-width: 250px;
}
.commerce-backoffice-view .vbo-views-form input.form-submit {
  position: relative;
}
.commerce-backoffice-view .vbo-views-form #edit-select select {
  min-height: 25px;
}
/* Mega Row Styles */
.commerce-backoffice-view div.views-megarow-content {
  border-bottom: 11px solid #CCC;
}
.commerce-backoffice-view div.views-megarow-content {
  padding-top: 0;
}
.commerce-backoffice-view div.views-megarow-content .container-inline .form-item {
  float: left;
}
.commerce-backoffice-view div.views-megarow-content .megarow-header {
  background: transparent url("images/mega-arrow.png") no-repeat 50px -1px;
  margin-top: -1px;
  position: relative;
}
/* Adjustments for when using Chosen Module */
.commerce-backoffice-view .chzn-container-single .chzn-single {
  height: 27px;
}
.commerce-backoffice-view .chzn-container-single .chzn-single span {
  margin-top: 1px;
}
.commerce-backoffice-view .chzn-container-single .chzn-single div b {
  background-position: 0 2px;
}

/* Adjustments for exposed filters on Commerce Backoffice: Orders view. */
.view-commerce-backoffice-orders .views-widget-filter-order_number {
  clear: both;
}

File

theme/commerce-backoffice.css
View source
  1. .commerce-backoffice-view .vbo-views-form .views-field-operations-dropbutton .quick-edit {
  2. padding-right: 10px;
  3. position: relative;
  4. }
  5. .commerce-backoffice-view .vbo-views-form .views-field-operations-dropbutton .quick-edit .ajax-progress-throbber {
  6. position: absolute;
  7. top: 0;
  8. right: 0;
  9. }
  10. .commerce-backoffice-view .vbo-views-form .views-table {
  11. margin-top: 0;
  12. }
  13. /* Filter Styles */
  14. .commerce-backoffice-view .views-exposed-form {
  15. border-bottom: 1px solid #E2E2DC;
  16. position: relative;
  17. }
  18. .commerce-backoffice-view .views-exposed-form .views-exposed-widget {
  19. width: auto;
  20. }
  21. .commerce-backoffice-view .views-exposed-form label,
  22. .commerce-backoffice-view .views-exposed-form #edit-date-filter-min-wrapper,
  23. .commerce-backoffice-view .views-exposed-form #edit-date-filter-max-wrapper {
  24. float: left;
  25. margin-right: 10px;
  26. }
  27. .commerce-backoffice-view .views-exposed-form .views-exposed-widgets {
  28. margin-bottom: 1em;
  29. }
  30. .commerce-backoffice-view .views-exposed-form .views-widget,
  31. .commerce-backoffice-view .views-exposed-form .date-padding {
  32. float: left;
  33. }
  34. .commerce-backoffice-view .views-exposed-form #edit-date-filter-wrapper .views-widget {
  35. max-width: 624px;
  36. }
  37. .commerce-backoffice-view .views-exposed-form .date-padding .form-item input {
  38. background: white url("images/calendar.png") no-repeat 95% center;
  39. }
  40. .commerce-backoffice-view .views-exposed-form .views-widget select {
  41. max-height: 60px;
  42. max-width: 380px;
  43. }
  44. .commerce-backoffice-view .views-exposed-form .form-item,
  45. .commerce-backoffice-view .views-exposed-form .form-submit {
  46. margin: 0;
  47. padding: 0;
  48. }
  49. /* Filter Search Field */
  50. .commerce-backoffice-view .views-exposed-form .views-widget-filter-combine {
  51. padding: 1em 0;
  52. position: absolute;
  53. right: 0; /* LTR */
  54. top: 100%;
  55. z-index: 1;
  56. }
  57. .commerce-backoffice-view .views-exposed-form .views-widget-filter-combine input {
  58. background: white url("images/search.png") no-repeat right center;
  59. padding: 7px 20px 7px 5px;
  60. }
  61. /* Hide Placeholder Text on Focus */
  62. .commerce-backoffice-view .views-exposed-form .views-widget-filter-combine input:focus::-webkit-input-placeholder {
  63. color: transparent;
  64. font: 0/0 none;
  65. }
  66. /* Action Links */
  67. .commerce-backoffice-view ul.action-links {
  68. margin: .8em 0;
  69. }
  70. /* Table Styles */
  71. .commerce-backoffice-view .views-field-views-bulk-operations {
  72. width: 20px;
  73. }
  74. /* VBO Apply Form */
  75. .commerce-backoffice-view .vbo-views-form #edit-select {
  76. background: transparent url("images/vbo-arrow.png") no-repeat 12px 1px;
  77. border: 0;
  78. padding: 0 0 0 28px;
  79. }
  80. .commerce-backoffice-view .vbo-views-form select {
  81. float: left;
  82. min-height: 25px;
  83. margin: 2px 10px 2px 0;
  84. max-width: 250px;
  85. }
  86. .commerce-backoffice-view .vbo-views-form input.form-submit {
  87. position: relative;
  88. }
  89. .commerce-backoffice-view .vbo-views-form #edit-select select {
  90. min-height: 25px;
  91. }
  92. /* Mega Row Styles */
  93. .commerce-backoffice-view div.views-megarow-content {
  94. border-bottom: 11px solid #CCC;
  95. }
  96. .commerce-backoffice-view div.views-megarow-content {
  97. padding-top: 0;
  98. }
  99. .commerce-backoffice-view div.views-megarow-content .container-inline .form-item {
  100. float: left;
  101. }
  102. .commerce-backoffice-view div.views-megarow-content .megarow-header {
  103. background: transparent url("images/mega-arrow.png") no-repeat 50px -1px;
  104. margin-top: -1px;
  105. position: relative;
  106. }
  107. /* Adjustments for when using Chosen Module */
  108. .commerce-backoffice-view .chzn-container-single .chzn-single {
  109. height: 27px;
  110. }
  111. .commerce-backoffice-view .chzn-container-single .chzn-single span {
  112. margin-top: 1px;
  113. }
  114. .commerce-backoffice-view .chzn-container-single .chzn-single div b {
  115. background-position: 0 2px;
  116. }
  117. /* Adjustments for exposed filters on Commerce Backoffice: Orders view. */
  118. .view-commerce-backoffice-orders .views-widget-filter-order_number {
  119. clear: both;
  120. }