You are here

commerce_reports_dashboard.css in Commerce Reporting 7.3

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;
}

/* ==================================================================================================================== */
/* ! 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

commerce_reports_dashboard.css
View source
  1. div.commerce-reports-dashboard-block {
  2. display: block;
  3. margin: 5px 0;
  4. vertical-align: top;
  5. }
  6. div.commerce-reports-dashboard-block .commerce-reports-dashboard-section {
  7. overflow: hidden;
  8. display: none;
  9. }
  10. div.commerce-reports-dashboard-block .commerce-reports-dashboard-section table {
  11. width: 100%;
  12. border-spacing: 0;
  13. margin: 0;
  14. }
  15. div.commerce-reports-dashboard-block .visible {
  16. display: inline-block;
  17. }
  18. div.commerce-reports-dashboard-block .header {
  19. background: #E1E2DC;
  20. border-width: 1px;
  21. border-style: solid;
  22. border-color: #BEBFB9;
  23. padding: 3px 10px;
  24. display: block;
  25. overflow: hidden;
  26. position: relative;
  27. -moz-box-sizing: content-box;
  28. -webkit-box-sizing: content-box;
  29. box-sizing: content-box;
  30. }
  31. div.commerce-reports-dashboard-block .header h1, div.commerce-reports-dashboard-block .header span, div.commerce-reports-dashboard-block .header div.operations {
  32. display: inline-block;
  33. vertical-align: top;
  34. margin: 0;
  35. padding: 0;
  36. }
  37. div.commerce-reports-dashboard-block .header h1 {
  38. color: black;
  39. font-size: 14px;
  40. float: left;
  41. text-transform: uppercase;
  42. font-weight: normal;
  43. }
  44. div.commerce-reports-dashboard-block .header span {
  45. margin-left: 5px;
  46. font-size: 10px;
  47. vertical-align: top;
  48. }
  49. div.commerce-reports-dashboard-block .header div.operations {
  50. float: right;
  51. }
  52. div.commerce-reports-dashboard-block .header div.operations ul {
  53. display: inline-block;
  54. list-style: none;
  55. margin: 0;
  56. }
  57. div.commerce-reports-dashboard-block .header div.operations ul li {
  58. display: inline-block;
  59. }
  60. div.commerce-reports-dashboard-block .header div.operations ul li a {
  61. font-size: 10px;
  62. color: #ffffff;
  63. text-shadow: #333 0 1px 0;
  64. padding: 2px 10px;
  65. -moz-border-radius: 10px;
  66. -webkit-border-radius: 10px;
  67. border-radius: 10px;
  68. }
  69. div.commerce-reports-dashboard-block .header div.operations ul li a {
  70. background: #acacac;
  71. }
  72. div.commerce-reports-dashboard-block .header div.operations ul li a.activated {
  73. background: #555555;
  74. }
  75. div.commerce-reports-dashboard-block .header div.operations ul li a:hover {
  76. text-decoration: none;
  77. background: #555555;
  78. }
  79. div.commerce-reports-dashboard-block table {
  80. border-top: none;
  81. }
  82. div.commerce-reports-dashboard-block table:first-child th {
  83. border-top: none;
  84. }
  85. /* Specific styling for individual blocks */
  86. div.commerce-reports-dashboard-overview-block div.commerce-reports-dashboard-section-yesterday {
  87. margin-left: auto;
  88. margin-right: auto;
  89. }
  90. /* ==================================================================================================================== */
  91. /* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com */
  92. /* ==================================================================================================================== */
  93. .commerce-reports-dashboard-row {
  94. width: 100%;
  95. max-width: 1140px;
  96. min-width: 755px;
  97. margin: 0 auto;
  98. overflow: hidden;
  99. }
  100. .commerce-reports-dashboard-onecol,
  101. .commerce-reports-dashboard-twocol,
  102. .commerce-reports-dashboard-threecol,
  103. .commerce-reports-dashboard-fourcol,
  104. .commerce-reports-dashboard-fivecol,
  105. .commerce-reports-dashboard-sixcol,
  106. .commerce-reports-dashboard-sevencol,
  107. .commerce-reports-dashboard-eightcol,
  108. .commerce-reports-dashboard-ninecol,
  109. .commerce-reports-dashboard-tencol,
  110. .commerce-reports-dashboard-elevencol {
  111. margin-right: 3.8%;
  112. float: left;
  113. min-height: 1px;
  114. }
  115. .commerce-reports-dashboard-row .commerce-reports-dashboard-onecol {
  116. width: 4.85%;
  117. }
  118. .commerce-reports-dashboard-row .commerce-reports-dashboard-twocol {
  119. width: 13.45%;
  120. }
  121. .commerce-reports-dashboard-row .commerce-reports-dashboard-threecol {
  122. width: 22.05%;
  123. }
  124. .commerce-reports-dashboard-row .commerce-reports-dashboard-fourcol {
  125. width: 30.75%;
  126. }
  127. .commerce-reports-dashboard-row .commerce-reports-dashboard-fivecol {
  128. width: 39.45%;
  129. }
  130. .commerce-reports-dashboard-row .commerce-reports-dashboard-sixcol {
  131. width: 48%;
  132. }
  133. .commerce-reports-dashboard-row .commerce-reports-dashboard-sevencol {
  134. width: 56.75%;
  135. }
  136. .commerce-reports-dashboard-row .commerce-reports-dashboard-eightcol {
  137. width: 65.4%;
  138. }
  139. .commerce-reports-dashboard-row .commerce-reports-dashboard-ninecol {
  140. width: 74.05%;
  141. }
  142. .commerce-reports-dashboard-row .commerce-reports-dashboard-tencol {
  143. width: 82.7%;
  144. }
  145. .commerce-reports-dashboard-row .commerce-reports-dashboard-elevencol {
  146. width: 91.35%;
  147. }
  148. .commerce-reports-dashboard-row .commerce-reports-dashboard-twelvecol {
  149. width: 100%;
  150. float: left;
  151. }
  152. .commerce-reports-dashboard-last {
  153. margin-right: 0px;
  154. }
  155. .commerce-reports-dashboard-row img, .commerce-reports-dashboard-row object, .commerce-reports-dashboard-row embed {
  156. max-width: 100%;
  157. }
  158. .commerce-reports-dashboard-row img {
  159. height: auto;
  160. }