application.css.scss 2.2 KB

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