options.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. body {
  2. box-sizing: border-box;
  3. padding: 0px;
  4. margin: 0px;
  5. background-color: #fff;
  6. margin-left: auto;
  7. margin-right: auto;
  8. font-family: sans-serif;
  9. text-align: justify;
  10. max-width: 600px;
  11. height: auto;
  12. }
  13. button {
  14. background: white;
  15. border-color: rgb(191, 191, 191);
  16. border-style: solid;
  17. height: 25px;
  18. border-radius: 2px;
  19. padding-left: 10px;
  20. padding-right: 10px;
  21. }
  22. button:active {
  23. border-color: rgb(237, 237, 237);
  24. }
  25. input[type="checkbox"] {
  26. margin-left: 30px;
  27. position: relative;
  28. align-self: flex-start;
  29. }
  30. input[type="number"] {
  31. margin-left: 30px;
  32. max-width: 40px;
  33. text-align: right;
  34. position: relative;
  35. top: -2px;
  36. }
  37. h3 {
  38. padding-left: 14px;
  39. margin-bottom: 10px;
  40. margin-top: 10px;
  41. }
  42. details {
  43. margin-left: 12px;
  44. margin-right: 12px;
  45. border-top: gray 1px dashed;
  46. }
  47. details:last-of-type {
  48. border-bottom: gray 1px dashed;
  49. }
  50. details>summary {
  51. margin-bottom: 10px;
  52. margin-top: 10px;
  53. min-width: 340px;
  54. cursor: pointer;
  55. }
  56. details>summary:focus {
  57. outline-width: 0px;
  58. }
  59. a {
  60. display: inline-block;
  61. padding-top: 5px;
  62. }
  63. .option.second-level {
  64. margin-left: 10px;
  65. }
  66. .option {
  67. display: flex;
  68. justify-content: space-between;
  69. margin-top: 5px;
  70. padding-left: 12px;
  71. }
  72. .option:last-of-type {
  73. padding-bottom: 12px;
  74. }
  75. .option:first-of-type {
  76. padding-top: 6px;
  77. }
  78. .option.bottom {
  79. padding-top: 24px;
  80. padding-right: 12px;
  81. }