prompt.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. body {
  2. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
  3. line-height: 1.5em;
  4. color: #333;
  5. background-color: #fff;
  6. }
  7. #container {
  8. align-items: center;
  9. justify-content: center;
  10. display: flex;
  11. height: 100%;
  12. overflow: auto;
  13. }
  14. #form {
  15. width: 100%;
  16. padding-top: .5em;
  17. }
  18. #label {
  19. max-width: 100%;
  20. max-height: 100%;
  21. margin-bottom: .8em;
  22. padding: 0 .5em;
  23. white-space: nowrap;
  24. overflow: hidden;
  25. text-overflow: ellipsis;
  26. }
  27. #data {
  28. border-radius: 2px;
  29. background: #fff;
  30. width: 90%;
  31. padding: .4em .5em;
  32. border: 1px solid black;
  33. min-height: 2em;
  34. margin: 0 0 1.2em;
  35. }
  36. select#data {
  37. height: 2em;
  38. }
  39. #data-container {
  40. text-align: center;
  41. }
  42. #buttons {
  43. text-align: right;
  44. padding: 0 .5em 0 0;
  45. }
  46. #buttons > button,
  47. #buttons > input[type=submit] {
  48. border-radius: 2px;
  49. border: 0;
  50. margin: 0 0 0 .5em;
  51. font-size: .8em;
  52. line-height: 1em;
  53. padding: .6em 1em
  54. }
  55. #ok {
  56. background-color: #3879D9;
  57. color: white;
  58. }
  59. #cancel {
  60. background-color: #DDD;
  61. color: black;
  62. }