application.css.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. /*
  2. * This is a manifest file that'll automatically include all the
  3. * stylesheets available in this directory and any sub-directories.
  4. * You're free to add application-wide styles to this file and they'll
  5. * appear at the top of the compiled file, but it's generally better
  6. * to create a new file per style scope.
  7. *= require_self
  8. *= require_tree .
  9. */
  10. #banner {
  11. background: #9c9;
  12. padding: 10px;
  13. border-bottom: 2px solid;
  14. font: small-caps 40px/40px "Times New Roman", serif;
  15. color: #282;
  16. text-align: center;
  17. img {
  18. float: left;
  19. }
  20. }
  21. #notice {
  22. color: #000 !important;
  23. border: 2px solid red;
  24. padding: 1em;
  25. margin-bottom: 2em;
  26. background-color: #f0f0f0;
  27. font: bold smaller sans-serif;
  28. }
  29. #columns {
  30. background: #141;
  31. #main {
  32. margin-left: 17em;
  33. padding: 1em;
  34. background: white;
  35. }
  36. //
  37. #side {
  38. float: left;
  39. padding: 1em 2em;
  40. width: 13em;
  41. background: #141;
  42. form, div {
  43. display: inline;
  44. }
  45. input {
  46. font-size: small;
  47. }
  48. #cart {
  49. font-size: smaller;
  50. color: white;
  51. table {
  52. border-top: 1px dotted #595;
  53. border-bottom: 1px dotted #595;
  54. margin-bottom: 10px;
  55. }
  56. }
  57. ul {
  58. padding: 0;
  59. li {
  60. list-style: none;
  61. a {
  62. color: #bfb;
  63. font-size: small;
  64. }
  65. }
  66. }
  67. }
  68. //
  69. }
  70. //
  71. .depot_form {
  72. fieldset {
  73. background: #efe;
  74. legend {
  75. color: #dfd;
  76. background: #141;
  77. font-family: sans-serif;
  78. padding: 0.2em 1em;
  79. }
  80. }
  81. form {
  82. label {
  83. width: 5em;
  84. float: left;
  85. text-align: right;
  86. padding-top: 0.2em;
  87. margin-right: 0.1em;
  88. display: block;
  89. }
  90. select, textarea, input {
  91. margin-left: 0.5em;
  92. }
  93. .submit {
  94. margin-left: 4em;
  95. }
  96. br {
  97. display: none
  98. }
  99. }
  100. }
  101. //