styles.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. body {
  2. font-family: Ubuntu;
  3. margin: 0;
  4. padding: 0;
  5. text-align: center;
  6. background: repeat url("../images/back.png");
  7. }
  8. #banner {
  9. display: block;
  10. text-decoration: none;
  11. color: rgb(29, 119, 194);
  12. padding: 12px 0 0;
  13. text-align: center;
  14. }
  15. #banner:hover {
  16. color: #333;
  17. }
  18. #container {
  19. display: inline-block;
  20. margin: 20px auto;
  21. box-shadow: 0 0 16px rgba(0,0,0,0.5);
  22. }
  23. #container > * {
  24. display: block;
  25. }
  26. .control {
  27. position: absolute;
  28. background-color: #f8f8f8;
  29. top: 0;
  30. width: 190px;
  31. box-shadow: 0 0 32px rgba(0,0,0,0.5);
  32. overflow: hidden;
  33. text-align: left;
  34. }
  35. .control.left {
  36. left: 0;
  37. }
  38. .control.right {
  39. right: 0;
  40. }
  41. hr {
  42. margin: 12px 0 0;
  43. padding: 0;
  44. border: none;
  45. height: 1px;
  46. background-color: rgba(0,0,0,0.1);
  47. }
  48. label {
  49. font-size: 12px;
  50. color: #;
  51. padding: 12px 4px 0 4px;
  52. }
  53. html.opera label[for="radius"] {
  54. color: #e55;
  55. }
  56. #download {
  57. text-align: center;
  58. font-weight: bold;
  59. text-decoration: none;
  60. display: block;
  61. color: #555;
  62. background-color: #ddd;
  63. margin: 4px;
  64. padding: 8px 0;
  65. border: 1px solid #ddd;
  66. cursor: pointer;
  67. }
  68. input, textarea, select {
  69. font-family: Ubuntu;
  70. display: block;
  71. background-color: #fff;
  72. margin: 2px;
  73. padding: 0 2px;
  74. border: 1px solid #ddd;
  75. width: 180px;
  76. height: 22px;
  77. }
  78. #text {
  79. height: 48px;
  80. }
  81. #img-buffer {
  82. display: none;
  83. }
  84. input[type="range"] {
  85. -webkit-appearance: none;
  86. cursor: pointer;
  87. }
  88. input::-webkit-slider-thumb {
  89. -webkit-appearance: none;
  90. width: 16px;
  91. height: 16px;
  92. border-radius: 3px;
  93. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa), color-stop(1, #aaa) );
  94. }