demo.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. /*
  2. * JavaScript Templates Demo CSS
  3. * https://github.com/blueimp/JavaScript-Templates
  4. *
  5. * Copyright 2013, Sebastian Tschan
  6. * https://blueimp.net
  7. *
  8. * Licensed under the MIT license:
  9. * http://www.opensource.org/licenses/MIT
  10. */
  11. body {
  12. max-width: 750px;
  13. margin: 0 auto;
  14. padding: 1em;
  15. font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
  16. font-size: 1em;
  17. line-height: 1.4em;
  18. background: #222;
  19. color: #fff;
  20. -webkit-text-size-adjust: 100%;
  21. -ms-text-size-adjust: 100%;
  22. }
  23. a {
  24. color: orange;
  25. text-decoration: none;
  26. }
  27. img {
  28. border: 0;
  29. vertical-align: middle;
  30. }
  31. h1 {
  32. line-height: 1em;
  33. }
  34. textarea,
  35. input {
  36. display: inline-block;
  37. width: 100%;
  38. -webkit-box-sizing: border-box;
  39. -moz-box-sizing: border-box;
  40. box-sizing: border-box;
  41. padding: 10px;
  42. margin: 0 0 10px;
  43. font-family: "Lucida Console", Monaco, monospace;
  44. }
  45. .result {
  46. padding: 20px 40px;
  47. background: #fff;
  48. color: #222;
  49. }
  50. .error {
  51. color: red;
  52. }
  53. @media (min-width: 481px) {
  54. .navigation {
  55. list-style: none;
  56. padding: 0;
  57. }
  58. .navigation li {
  59. display: inline-block;
  60. }
  61. .navigation li:not(:first-child):before {
  62. content: '| ';
  63. }
  64. }
  65. /* IE7 fixes */
  66. *+html textarea,
  67. *+html input {
  68. width: 460px;
  69. }
  70. *+html .result {
  71. width: 400px;
  72. }