index.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. body {
  2. font-family: "Helvetica Neue";
  3. font-weight: lighter;
  4. color: #2a2a2a;
  5. background-color: #f0f0ff;
  6. -webkit-appearance: none;
  7. -webkit-touch-callout: none;
  8. -webkit-tap-highlight-color: rgba(0,0,0,0);
  9. -webkit-touch-callout: none; -webkit-user-select: none;
  10. }
  11. h1 {
  12. text-align: center;
  13. }
  14. button {
  15. margin: 15px;
  16. -webkit-appearance:none;
  17. font-size: 1.2em;
  18. }
  19. /* TODO */
  20. input[type=range] {
  21. width: 100%;
  22. }
  23. #mainPage {
  24. text-align:center;
  25. }
  26. #detailPage {
  27. text-align:center;
  28. font-size: 2em;
  29. }
  30. #detailPage div {
  31. margin: 20px;
  32. }
  33. #detailPage button {
  34. margin-top: 40px;
  35. font-size: 0.6em; /* undo 2em from parent */
  36. }
  37. ul {
  38. list-style: none;
  39. border-bottom: 1px solid #d3d3d3;
  40. text-align: left;
  41. }
  42. li {
  43. margin-left: -40px;
  44. padding: 5px;
  45. padding-top: 10px;
  46. min-height: 50px;
  47. border-top: 1px solid #d3d3d3;
  48. font-size: 0.9em;
  49. }
  50. button {
  51. -webkit-appearance: none;
  52. font-size: 1.5em;
  53. border-radius: 0;
  54. }
  55. #resultDiv {
  56. font: 16px "Source Sans", helvetica, arial, sans-serif;
  57. font-weight: 200;
  58. display: block;
  59. -webkit-border-radius: 6px;
  60. width: 100%;
  61. height: 140px;
  62. text-align: left;
  63. overflow: auto;
  64. }
  65. .haptic {
  66. font-size: 0.5em;
  67. }
  68. .buttonDiv {
  69. padding: 0px;
  70. margin: 0px;
  71. font-size: 2em;
  72. }
  73. #detailPage .haptic button {
  74. margin-top: 15px;
  75. }
  76. input[type="number"] {
  77. width:50px;
  78. }