demo.css 1.1KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. * {
  2. margin:0; padding:0;
  3. }
  4. body {
  5. text-align: center;
  6. font-family: Georgia, Serif;
  7. font-style: italic;
  8. font-size: 19px;
  9. line-height: 1.5em;
  10. margin-top: 4%;
  11. background: #eaeaea;
  12. }
  13. label {
  14. display: block;
  15. float: left;
  16. width: 30em;
  17. }
  18. hr {
  19. border:0;
  20. border-bottom: 1px dotted #ccc;
  21. margin: 1em 0;
  22. }
  23. #container {
  24. text-align: left;
  25. width: 700px;
  26. margin-left: auto;
  27. margin-right: auto;
  28. }
  29. .question {
  30. position: absolute;
  31. display: inline;
  32. text-align: center;
  33. width: 174px;
  34. height: 78px;
  35. font-size: 13px;
  36. line-height: 1.5em;
  37. background: url('images/bubble.png') left top no-repeat;
  38. padding: 10px 0 0 0;
  39. text-shadow: 0px 1px 0px #fff;
  40. margin-left: -7em;
  41. margin-top: -6em;
  42. opacity: 0;
  43. }
  44. .yes, .cancel {
  45. margin-top: .5em;
  46. margin-right: .5em;
  47. cursor: pointer;
  48. display: inline-block;
  49. width: 63px;
  50. height: 21px;
  51. color: #fff;
  52. text-shadow: 0px 1px 0px #000;
  53. background: url('images/button.png') left top no-repeat;
  54. }
  55. .title {
  56. font-size: 30px;
  57. margin-bottom: 1.5em;
  58. font-weight: bold;
  59. font-style: italic;
  60. text-shadow: 0px 2px 0px #fff;
  61. }
  62. a, a:visited, a:hover {
  63. text-decoration: none;
  64. color: #000;
  65. }