demo.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /*
  2. * JavaScript Load Image Demo CSS
  3. * https://github.com/blueimp/JavaScript-Load-Image
  4. *
  5. * Copyright 2013, Sebastian Tschan
  6. * https://blueimp.net
  7. *
  8. * Licensed under the MIT license:
  9. * https://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. table {
  35. width: 100%;
  36. word-wrap: break-word;
  37. table-layout: fixed;
  38. border-collapse: collapse;
  39. }
  40. tr {
  41. background: #fff;
  42. color: #222;
  43. }
  44. tr:nth-child(odd) {
  45. background: #eee;
  46. color: #222;
  47. }
  48. td {
  49. padding: 10px;
  50. }
  51. .result,
  52. .thumbnail {
  53. padding: 20px;
  54. background: #fff;
  55. color: #222;
  56. text-align: center;
  57. }
  58. .jcrop-holder {
  59. margin: 0 auto;
  60. }
  61. @media (min-width: 481px) {
  62. .navigation {
  63. list-style: none;
  64. padding: 0;
  65. }
  66. .navigation li {
  67. display: inline-block;
  68. }
  69. .navigation li:not(:first-child):before {
  70. content: '| ';
  71. }
  72. }