You are here

commerce-reports.css in Commerce Reporting 7.4

.view-commerce-reports-sales .form-item-startDate .form-item,
.view-commerce-reports-sales .form-item-endDate .form-item {
  display: block;
  float: none;
  padding: 0;
}

.view-commerce-reports-sales .form-item-startDate .form-type-select,
.view-commerce-reports-sales .form-item-endDate .form-type-select {
  display: inline-block;
  width: 100px;
}

.view-commerce-reports-sales .form-item-startDate label,
.view-commerce-reports-sales .form-item-endDate label {
  float: inherit;
  display: block;
}

.view-commerce-reports-sales #edit-startdate,
.view-commerce-reports-sales #edit-enddate {
  display: block;
}

#edit-submit-commerce-reports-sales {
  margin-top: 15px;
}

.commerce-reports .views-exposed-form .date-padding input {
  background-image: url(../images/calendar.png);
  background-position: 95% center;
  background-repeat: no-repeat;
}

.commerce-reports .views-exposed-form #edit-date-filter-min-wrapper,
.commerce-reports .views-exposed-form #edit-date-filter-max-wrapper {
  float: left;
}

div.commerce-reports-dashboard-block {
  display: block;
  margin: 5px 0;
  vertical-align: top;
}

div.commerce-reports-dashboard-block .commerce-reports-dashboard-section {
  overflow: hidden;
  display: none;
}

div.commerce-reports-dashboard-block .commerce-reports-dashboard-section table {
  width: 100%;
  border-spacing: 0;
  margin: 0;
}


div.commerce-reports-dashboard-block .visible {
  display: inline-block;
}

div.commerce-reports-dashboard-block .header {
  background: #E1E2DC;
  border-width: 1px;
  border-style: solid;
  border-color: #BEBFB9;
  padding: 3px 10px;
  display: block;
  overflow: hidden;
  position: relative;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

div.commerce-reports-dashboard-block .header h1, div.commerce-reports-dashboard-block .header span, div.commerce-reports-dashboard-block .header div.operations {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
}

div.commerce-reports-dashboard-block .header h1 {
  color: black;
  font-size: 14px;
  float: left;
  text-transform: uppercase;
  font-weight: normal;
}

div.commerce-reports-dashboard-block .header span {
  margin-left: 5px;
  font-size: 10px;
  vertical-align: top;
}

div.commerce-reports-dashboard-block .header div.operations {
  float: right;
}

div.commerce-reports-dashboard-block .header div.operations ul {
  display: inline-block;
  list-style: none;
  margin: 0;
}

div.commerce-reports-dashboard-block .header div.operations ul li {
  display: inline-block;
}

div.commerce-reports-dashboard-block .header div.operations ul li a {
  font-size: 10px;
  color: #ffffff;
  text-shadow: #333 0 1px 0;
  padding: 2px 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div.commerce-reports-dashboard-block .header div.operations ul li a {
  background: #acacac;
}

div.commerce-reports-dashboard-block .header div.operations ul li a.activated {
  background: #555555;
}

div.commerce-reports-dashboard-block .header div.operations ul li a:hover {
  text-decoration: none;
  background: #555555;
}

div.commerce-reports-dashboard-block table {
  border-top: none;
}

div.commerce-reports-dashboard-block table:first-child th {
  border-top: none;
}

/* Specific styling for individual blocks */
div.commerce-reports-dashboard-overview-block div.commerce-reports-dashboard-section-yesterday {
  margin-left: auto;
  margin-right: auto;
}

/**
 * Customer Statistics block
 */
.commerce-reports-dashboard-customer_statistics-block .views-field {
  font-size: 16px;
  line-height: 55px;
}
.commerce-reports-dashboard-customer_statistics-block .views-label {
  display: inline-block;
  width: 140px;
  margin-right: 10px;
  border-right: 1px solid #e0e0e0;
}

/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.commerce-reports-dashboard-row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.commerce-reports-dashboard-onecol,
.commerce-reports-dashboard-twocol,
.commerce-reports-dashboard-threecol,
.commerce-reports-dashboard-fourcol,
.commerce-reports-dashboard-fivecol,
.commerce-reports-dashboard-sixcol,
.commerce-reports-dashboard-sevencol,
.commerce-reports-dashboard-eightcol,
.commerce-reports-dashboard-ninecol,
.commerce-reports-dashboard-tencol,
.commerce-reports-dashboard-elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-onecol {
width: 4.85%;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-twocol {
width: 13.45%;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-threecol {
width: 22.05%;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-fourcol {
width: 30.75%;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-fivecol {
width: 39.45%;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-sixcol {
width: 48%;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-sevencol {
width: 56.75%;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-eightcol {
width: 65.4%;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-ninecol {
width: 74.05%;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-tencol {
width: 82.7%;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-elevencol {
width: 91.35%;
}

.commerce-reports-dashboard-row .commerce-reports-dashboard-twelvecol {
width: 100%;
float: left;
}

.commerce-reports-dashboard-last {
margin-right: 0px;
}

.commerce-reports-dashboard-row img, .commerce-reports-dashboard-row object, .commerce-reports-dashboard-row embed {
max-width: 100%;
}

.commerce-reports-dashboard-row img {
  height: auto;
}

File

theme/css/commerce-reports.css
View source
  1. .view-commerce-reports-sales .form-item-startDate .form-item,
  2. .view-commerce-reports-sales .form-item-endDate .form-item {
  3. display: block;
  4. float: none;
  5. padding: 0;
  6. }
  7. .view-commerce-reports-sales .form-item-startDate .form-type-select,
  8. .view-commerce-reports-sales .form-item-endDate .form-type-select {
  9. display: inline-block;
  10. width: 100px;
  11. }
  12. .view-commerce-reports-sales .form-item-startDate label,
  13. .view-commerce-reports-sales .form-item-endDate label {
  14. float: inherit;
  15. display: block;
  16. }
  17. .view-commerce-reports-sales #edit-startdate,
  18. .view-commerce-reports-sales #edit-enddate {
  19. display: block;
  20. }
  21. #edit-submit-commerce-reports-sales {
  22. margin-top: 15px;
  23. }
  24. .commerce-reports .views-exposed-form .date-padding input {
  25. background-image: url(../images/calendar.png);
  26. background-position: 95% center;
  27. background-repeat: no-repeat;
  28. }
  29. .commerce-reports .views-exposed-form #edit-date-filter-min-wrapper,
  30. .commerce-reports .views-exposed-form #edit-date-filter-max-wrapper {
  31. float: left;
  32. }
  33. div.commerce-reports-dashboard-block {
  34. display: block;
  35. margin: 5px 0;
  36. vertical-align: top;
  37. }
  38. div.commerce-reports-dashboard-block .commerce-reports-dashboard-section {
  39. overflow: hidden;
  40. display: none;
  41. }
  42. div.commerce-reports-dashboard-block .commerce-reports-dashboard-section table {
  43. width: 100%;
  44. border-spacing: 0;
  45. margin: 0;
  46. }
  47. div.commerce-reports-dashboard-block .visible {
  48. display: inline-block;
  49. }
  50. div.commerce-reports-dashboard-block .header {
  51. background: #E1E2DC;
  52. border-width: 1px;
  53. border-style: solid;
  54. border-color: #BEBFB9;
  55. padding: 3px 10px;
  56. display: block;
  57. overflow: hidden;
  58. position: relative;
  59. -moz-box-sizing: content-box;
  60. -webkit-box-sizing: content-box;
  61. box-sizing: content-box;
  62. }
  63. div.commerce-reports-dashboard-block .header h1, div.commerce-reports-dashboard-block .header span, div.commerce-reports-dashboard-block .header div.operations {
  64. display: inline-block;
  65. vertical-align: top;
  66. margin: 0;
  67. padding: 0;
  68. }
  69. div.commerce-reports-dashboard-block .header h1 {
  70. color: black;
  71. font-size: 14px;
  72. float: left;
  73. text-transform: uppercase;
  74. font-weight: normal;
  75. }
  76. div.commerce-reports-dashboard-block .header span {
  77. margin-left: 5px;
  78. font-size: 10px;
  79. vertical-align: top;
  80. }
  81. div.commerce-reports-dashboard-block .header div.operations {
  82. float: right;
  83. }
  84. div.commerce-reports-dashboard-block .header div.operations ul {
  85. display: inline-block;
  86. list-style: none;
  87. margin: 0;
  88. }
  89. div.commerce-reports-dashboard-block .header div.operations ul li {
  90. display: inline-block;
  91. }
  92. div.commerce-reports-dashboard-block .header div.operations ul li a {
  93. font-size: 10px;
  94. color: #ffffff;
  95. text-shadow: #333 0 1px 0;
  96. padding: 2px 10px;
  97. -moz-border-radius: 10px;
  98. -webkit-border-radius: 10px;
  99. border-radius: 10px;
  100. }
  101. div.commerce-reports-dashboard-block .header div.operations ul li a {
  102. background: #acacac;
  103. }
  104. div.commerce-reports-dashboard-block .header div.operations ul li a.activated {
  105. background: #555555;
  106. }
  107. div.commerce-reports-dashboard-block .header div.operations ul li a:hover {
  108. text-decoration: none;
  109. background: #555555;
  110. }
  111. div.commerce-reports-dashboard-block table {
  112. border-top: none;
  113. }
  114. div.commerce-reports-dashboard-block table:first-child th {
  115. border-top: none;
  116. }
  117. /* Specific styling for individual blocks */
  118. div.commerce-reports-dashboard-overview-block div.commerce-reports-dashboard-section-yesterday {
  119. margin-left: auto;
  120. margin-right: auto;
  121. }
  122. /**
  123. * Customer Statistics block
  124. */
  125. .commerce-reports-dashboard-customer_statistics-block .views-field {
  126. font-size: 16px;
  127. line-height: 55px;
  128. }
  129. .commerce-reports-dashboard-customer_statistics-block .views-label {
  130. display: inline-block;
  131. width: 140px;
  132. margin-right: 10px;
  133. border-right: 1px solid #e0e0e0;
  134. }
  135. /* ==================================================================================================================== */
  136. /* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com */
  137. /* ==================================================================================================================== */
  138. .commerce-reports-dashboard-row {
  139. width: 100%;
  140. max-width: 1140px;
  141. min-width: 755px;
  142. margin: 0 auto;
  143. overflow: hidden;
  144. }
  145. .commerce-reports-dashboard-onecol,
  146. .commerce-reports-dashboard-twocol,
  147. .commerce-reports-dashboard-threecol,
  148. .commerce-reports-dashboard-fourcol,
  149. .commerce-reports-dashboard-fivecol,
  150. .commerce-reports-dashboard-sixcol,
  151. .commerce-reports-dashboard-sevencol,
  152. .commerce-reports-dashboard-eightcol,
  153. .commerce-reports-dashboard-ninecol,
  154. .commerce-reports-dashboard-tencol,
  155. .commerce-reports-dashboard-elevencol {
  156. margin-right: 3.8%;
  157. float: left;
  158. min-height: 1px;
  159. }
  160. .commerce-reports-dashboard-row .commerce-reports-dashboard-onecol {
  161. width: 4.85%;
  162. }
  163. .commerce-reports-dashboard-row .commerce-reports-dashboard-twocol {
  164. width: 13.45%;
  165. }
  166. .commerce-reports-dashboard-row .commerce-reports-dashboard-threecol {
  167. width: 22.05%;
  168. }
  169. .commerce-reports-dashboard-row .commerce-reports-dashboard-fourcol {
  170. width: 30.75%;
  171. }
  172. .commerce-reports-dashboard-row .commerce-reports-dashboard-fivecol {
  173. width: 39.45%;
  174. }
  175. .commerce-reports-dashboard-row .commerce-reports-dashboard-sixcol {
  176. width: 48%;
  177. }
  178. .commerce-reports-dashboard-row .commerce-reports-dashboard-sevencol {
  179. width: 56.75%;
  180. }
  181. .commerce-reports-dashboard-row .commerce-reports-dashboard-eightcol {
  182. width: 65.4%;
  183. }
  184. .commerce-reports-dashboard-row .commerce-reports-dashboard-ninecol {
  185. width: 74.05%;
  186. }
  187. .commerce-reports-dashboard-row .commerce-reports-dashboard-tencol {
  188. width: 82.7%;
  189. }
  190. .commerce-reports-dashboard-row .commerce-reports-dashboard-elevencol {
  191. width: 91.35%;
  192. }
  193. .commerce-reports-dashboard-row .commerce-reports-dashboard-twelvecol {
  194. width: 100%;
  195. float: left;
  196. }
  197. .commerce-reports-dashboard-last {
  198. margin-right: 0px;
  199. }
  200. .commerce-reports-dashboard-row img, .commerce-reports-dashboard-row object, .commerce-reports-dashboard-row embed {
  201. max-width: 100%;
  202. }
  203. .commerce-reports-dashboard-row img {
  204. height: auto;
  205. }