depot.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. /* Global styles */
  2. #store #notice {
  3. color: #000;
  4. border: 2px solid red;
  5. padding: 1em;
  6. margin-bottom: 2em;
  7. background-color: #f0f0f0;
  8. font: bold smaller sans-serif;
  9. }
  10. #store h1 {
  11. font: 150% sans-serif;
  12. color: #226;
  13. border-bottom: 3px dotted #77d;
  14. }
  15. /* Styles for products/index */
  16. #product_list table {
  17. border-collapse: collapse;
  18. }
  19. #product_list table tr td {
  20. padding: 5px;
  21. vertical-align: top;
  22. }
  23. #product_list .list_image {
  24. width: 60px;
  25. height: 70px;
  26. }
  27. #product_list .list_description {
  28. width: 60%;
  29. }
  30. #product_list .list_description dl {
  31. margin: 0;
  32. }
  33. #product_list .list_description dt {
  34. color: #244;
  35. font-weight: bold;
  36. font-size: larger;
  37. }
  38. #product_list .list_description dd {
  39. margin: 0;
  40. }
  41. #product_list .list_actions {
  42. font-size: x-small;
  43. text-align: right;
  44. padding-left: 1em;
  45. }
  46. #product_list .list_line_even {
  47. background: #e0f8f8;
  48. }
  49. #product_list .list_line_odd {
  50. background: #f8b0f8;
  51. }
  52. /* Styles for main page */
  53. #banner {
  54. background: #9c9;
  55. padding-top: 10px;
  56. padding-bottom: 10px;
  57. border-bottom: 2px solid;
  58. font: small-caps 40px/40px "Times New Roman", serif;
  59. color: #282;
  60. text-align: center;
  61. }
  62. #banner img {
  63. float: left;
  64. }
  65. #columns {
  66. background: #141;
  67. }
  68. #main {
  69. margin-left: 17em;
  70. padding-top: 4ex;
  71. padding-left: 2em;
  72. background: white;
  73. }
  74. #side {
  75. float: left;
  76. padding-top: 1em;
  77. padding-left: 1em;
  78. padding-bottom: 1em;
  79. width: 16em;
  80. background: #141;
  81. }
  82. #side a {
  83. color: #bfb;
  84. font-size: small;
  85. }
  86. /* An entry in the store catalog */
  87. #store .entry {
  88. overflow: auto;
  89. margin-top: 1em;
  90. border-bottom: 1px dotted #77d;
  91. }
  92. #store .title {
  93. font-size: 120%;
  94. font-family: sans-serif;
  95. }
  96. #store .entry img {
  97. width: 80px;
  98. margin-right: 5px;
  99. margin-bottom: 5px;
  100. float: left;
  101. }
  102. #store .entry h3 {
  103. margin-top: 0;
  104. margin-bottom: 2px;
  105. color: #227;
  106. }
  107. #store .entry p {
  108. margin-top: 0.5em;
  109. margin-bottom: 0.8em;
  110. }
  111. #store .entry .price_line {
  112. clear: both;
  113. margin-bottom: 0.5em;
  114. }
  115. #store .entry .add_to_cart {
  116. position: relative;
  117. }
  118. #store .entry .price {
  119. color: #44a;
  120. font-weight: bold;
  121. margin-right: 2em;
  122. }
  123. #store .entry form, #store .entry form div {
  124. display: inline;
  125. }
  126. /* Styles for the cart in the main page */
  127. #store .cart_title {
  128. font: 120% bold;
  129. }
  130. #store .item_price, #store .total_line {
  131. text-align: right;
  132. }
  133. #store .total_line .total_cell {
  134. font-weight: bold;
  135. border-top: 1px solid #595;
  136. }
  137. /* Styles for the cart in the sidebar */
  138. #cart, #cart table {
  139. font-size: smaller;
  140. color: white;
  141. }
  142. #cart table {
  143. border-top: 1px dotted #595;
  144. border-bottom: 1px dotted #595;
  145. margin-bottom: 10px;
  146. }