site.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. body {
  2. font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  3. }
  4. input[type=submit] {
  5. width: auto;
  6. }
  7. input, textarea {
  8. font-size: 18px;
  9. width: 200px;
  10. }
  11. label {
  12. font-size: 16px;
  13. }
  14. #the-form {
  15. background-color: #d0d0d0;
  16. }
  17. ul.product-pros {
  18. font-size: small;
  19. }
  20. ul.product-pros li {
  21. list-style-type: none;
  22. }
  23. .product-info {
  24. border: 1px solid grey;
  25. display: inline-block;
  26. padding: 5px;
  27. margin: 2px;
  28. width: 450px;
  29. background-color: lightgray;
  30. border-radius: 5px;
  31. }
  32. .product-info img {
  33. margin: 3px;
  34. float: left;
  35. border: 1px solid black;
  36. max-width: 150px;
  37. }
  38. #loginToggle {
  39. cursor: pointer;
  40. }
  41. .popup-form {
  42. padding: 5px;
  43. border: 2px black inset;
  44. display: inline-block;
  45. }
  46. .popup-form input {
  47. width: 200px;
  48. }
  49. .popup-form label {
  50. width: 150px;
  51. display: inline-block;
  52. }
  53. .popup-form input[type=checkbox], .popup-form input[type=submit] {
  54. width: auto;
  55. }
  56. menu li {
  57. display: inline;
  58. }
  59. menu li::after {
  60. content: ' |';
  61. }
  62. menu li:last-of-type::after {
  63. content: "";
  64. }