style.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. body {
  2. margin: 0;
  3. padding: 0;
  4. -webkit-font-smoothing: antialiased;
  5. -moz-osx-font-smoothing: grayscale;
  6. min-height: 100%;
  7. font-family: -apple-system,
  8. BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
  9. 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  10. font-size: 16px;
  11. line-height: 1.5;
  12. color: #4d5659;
  13. text-rendering: optimizeSpeed;
  14. }
  15. code {
  16. font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
  17. monospace;
  18. }
  19. [hidden] {
  20. display: none;
  21. }
  22. a {
  23. background-color: transparent;
  24. text-decoration: none;
  25. }
  26. a:active,
  27. a:hover {
  28. outline: 0;
  29. }
  30. img {
  31. border: 0;
  32. }
  33. svg:not(:root) {
  34. overflow: hidden;
  35. }
  36. button,
  37. input {
  38. color: inherit;
  39. font: inherit;
  40. margin: 0;
  41. }
  42. button {
  43. overflow: visible;
  44. }
  45. button {
  46. text-transform: none;
  47. }
  48. button,
  49. html input[type='button'],
  50. input[type='reset'],
  51. input[type='submit'] {
  52. -webkit-appearance: button;
  53. cursor: pointer;
  54. }
  55. button[disabled],
  56. html input[disabled] {
  57. cursor: default;
  58. }
  59. button::-moz-focus-inner,
  60. input::-moz-focus-inner {
  61. border: 0;
  62. padding: 0;
  63. }
  64. input {
  65. line-height: normal;
  66. }
  67. *,
  68. *:after,
  69. *:before {
  70. box-sizing: border-box;
  71. }
  72. p {
  73. margin-top: 0;
  74. margin-bottom: 30px;
  75. }
  76. img,
  77. video {
  78. max-width: 100%;
  79. }
  80. html {
  81. box-sizing: border-box;
  82. }
  83. *,
  84. *:before,
  85. *:after {
  86. box-sizing: inherit;
  87. }
  88. * {
  89. margin: 0;
  90. padding: 0;
  91. }
  92. .create-room-form {
  93. text-align: center;
  94. }
  95. .create-room-form-input-wrapper {
  96. border: 1px #00b0e9 solid;
  97. padding: 10px;
  98. border-radius: 3px;
  99. }
  100. .create-room-form-input-wrapper:focus {
  101. border: 1px #f00 solid;
  102. }
  103. .domain {
  104. color: #b7c0c3;
  105. }
  106. .create-room-form-input {
  107. border: none;
  108. background: none;
  109. color: #00b0e9;
  110. }
  111. .create-room-form-input:focus {
  112. outline: none;
  113. }
  114. .create-room-form-button {
  115. margin-left: 5px;
  116. padding: 8px 10px !important;
  117. display: inline-block;
  118. }
  119. @media (max-width: 420px) {
  120. .create-room-form-input-wrapper {
  121. width: 100%;
  122. display: block;
  123. text-align: left;
  124. }
  125. .create-room-form-button {
  126. width: 100%;
  127. margin-top: 20px;
  128. display: block;
  129. margin-left: 0px;
  130. }
  131. .create-room-form-input {
  132. width: 75%;
  133. }
  134. }
  135. .container {
  136. margin: 60px auto;
  137. width: 85%;
  138. max-width: 800px;
  139. text-align: center;
  140. }