No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

hace 5 años
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. /* ----------------------------------------------------------------------------------------------------------
  2. Imports and tools -------------------------------------------------------------------------------------------
  3. ---------------------------------------------------------------------------------------------------------- */
  4. * {
  5. margin: 0;
  6. padding: 0;
  7. position: relative;
  8. -moz-box-sizing: border-box;
  9. box-sizing: border-box;
  10. }
  11. /* ----------------------------------------------------------------------------------------------------------
  12. Typography & Color ------------------------------------------------------------------------------------------
  13. ---------------------------------------------------------------------------------------------------------- */
  14. body,
  15. input,
  16. textarea {
  17. font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  18. font-weight: 400;
  19. -webkit-font-smoothing: antialiased;
  20. -moz-osx-font-smoothing: grayscale;
  21. font-size: 120%;
  22. }
  23. body {
  24. background: rgb(33, 34, 32);
  25. background: -moz-radial-gradient(center, ellipse cover, rgb(33, 34, 32) 16%,rgb(57, 59, 56) 100%);
  26. background: -ms-radial-gradient(center, ellipse cover, rgb(33, 34, 32) 16%,rgb(57, 59, 56) 100%);
  27. background: radial-gradient(ellipse at center, rgb(33, 34, 32) 16%,rgb(57, 59, 56) 100%);
  28. color: #FFF;
  29. }
  30. input {
  31. color: #333;
  32. }
  33. h1, h2, h3, .h1, .h2, .h3 {
  34. font-weight: 400;
  35. }
  36. p, .p, ul, ol, hr, table, form, pre,
  37. h1, .alpha, h2, .beta {
  38. margin-bottom: 1.5rem;
  39. }
  40. h1, .alpha {
  41. font-size: 3rem;
  42. line-height: 1;
  43. }
  44. h2, .beta {
  45. font-size: 1.5rem;
  46. line-height: 2;
  47. }
  48. h3, .gamma {
  49. font-size: 1rem;
  50. }
  51. hr {
  52. border: none;
  53. border-bottom: 1px solid rgba(255,255,255,.1);
  54. margin-top: -1px;
  55. }
  56. a {
  57. color: #999;
  58. text-decoration: none;
  59. }
  60. a:hover,
  61. a:focus {
  62. color: #CCC;
  63. text-decoration: underline;
  64. }
  65. a,
  66. button,
  67. input {
  68. -moz-transition-property: all;
  69. -webkit-transition-property: all;
  70. transition-property: all;
  71. -moz-transition-duration: 0.15s;
  72. -webkit-transition-duration: 0.15s;
  73. transition-duration: 0.15s;
  74. -moz-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);
  75. -webkit-transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);
  76. transition-timing-function: cubic-bezier(0.51, 0.01, 0.37, 0.98);
  77. }
  78. ul {
  79. margin: 0;
  80. padding: 0;
  81. }
  82. ul li {
  83. list-style-type: none;
  84. }
  85. /* ----------------------------------------------------------------------------------------------------------
  86. General -----------------------------------------------------------------------------------------------------
  87. ---------------------------------------------------------------------------------------------------------- */
  88. html,
  89. body {
  90. min-height: 99%;
  91. margin: 0;
  92. padding: 0;
  93. }
  94. .container {
  95. width: 90%;
  96. max-width: 20em;
  97. margin: 2em auto 0;
  98. }
  99. img {
  100. display: block;
  101. width: 70%;
  102. margin: 0 auto 2em;
  103. }
  104. form {
  105. margin: 1em 0 1em;
  106. }
  107. input,
  108. textarea {
  109. width: 100%;
  110. margin-bottom: 1em;
  111. font-size: 1em;
  112. outline: none;
  113. border: none;
  114. padding: .5em;
  115. border-radius: .3em;
  116. }
  117. textarea {
  118. min-height: 10em;
  119. }
  120. #user-id {
  121. margin-bottom: 0;
  122. border-radius: .3em .3em 0 0;
  123. border-bottom: 1px solid rgba(0,0,0,.1);
  124. }
  125. #password {
  126. border-radius: 0 0 .3em .3em;
  127. }
  128. input[type=submit] {
  129. background: #3D6ED6;
  130. color: #fff;
  131. cursor: pointer;
  132. }
  133. input[type=submit]:hover,
  134. input[type=submit]:focus,
  135. input[type=submit]:active {
  136. background: #2F59B1;
  137. }
  138. .complaint {
  139. text-align: center;
  140. }
  141. .complaint a {
  142. font-size: 24px;
  143. }