options.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. body {
  2. background-color: #fff;
  3. }
  4. body>div {
  5. margin-left: auto;
  6. margin-right: auto;
  7. font-family: sans-serif;
  8. text-align: justify;
  9. }
  10. #icon {
  11. width: 1em;
  12. padding-right: .3em;
  13. }
  14. button {
  15. background: white;
  16. border-color: rgb(191, 191, 191);
  17. border-style: solid;
  18. height: 25px;
  19. border-radius: 2px;
  20. }
  21. button:active {
  22. border-color: rgb(237, 237, 237);
  23. }
  24. #popupContent {
  25. height: auto;
  26. padding-right: 5px;
  27. }
  28. #popupContent .option {
  29. margin-left: 5px;
  30. margin-bottom: 12px;
  31. }
  32. input[type="checkbox"],button,input[type="text"],input[type="number"] {
  33. float: right;
  34. margin: 1px 0px;
  35. }
  36. input[type="checkbox"] {
  37. margin-top: 4px;
  38. }
  39. input[type="number"] {
  40. width: 40px;
  41. text-align: right;
  42. padding-right: 2px;
  43. }
  44. button {
  45. padding-left: 20px;
  46. padding-right: 20px;
  47. }
  48. h2 {
  49. margin-bottom: 14px;
  50. margin-top: 14px;
  51. }
  52. h3 {
  53. margin-bottom: 10px;
  54. margin-top: 10px;
  55. }
  56. a {
  57. display: inline-block;
  58. padding-top: 5px;
  59. }
  60. #reloadButton {
  61. background: lightGrey;
  62. bottom: 0px;
  63. margin: 5px;
  64. position: absolute;
  65. right: 0px;
  66. }
  67. .help {
  68. font-size: 9pt;
  69. color: LightSlateGrey;
  70. display: none;
  71. }
  72. .help p {
  73. margin-top: 0.5em;
  74. margin-bottom: 0.5em;
  75. }
  76. .question-mark {
  77. padding-left: 4px;
  78. cursor: pointer;
  79. opacity: .5;
  80. }
  81. .question-mark:hover {
  82. opacity: .8;
  83. }