style.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. html {
  2. box-shadow: inset 0px 0px 150px 10px #333;
  3. height: 100%;
  4. background-color: #338;
  5. }
  6. label {
  7. font-size: .8em;
  8. }
  9. label, p {
  10. color: #ddd;
  11. text-shadow: -1px 1px 0px black;
  12. }
  13. #container {
  14. color: white;
  15. text-shadow: 1px 1px 2px black;
  16. margin: 0 auto;
  17. margin-top: 80px;
  18. text-align: center;
  19. min-width: 710px;
  20. max-width: 900px;
  21. padding: 50px 20px;
  22. background-color: darkred;
  23. box-shadow: inset 0px 0px 10px #777, inset 0px 0px 100px 10px black;
  24. box-shadow: 0px 0px 50px 0px green, inset 0px 0px 10px #777, inset 0px 0px 100px 10px black;
  25. border-radius: 5px;
  26. }
  27. h1 {
  28. color: green;
  29. text-shadow: 2px 1px 1px black, 2px 1px 15px orange;
  30. }
  31. #left, #right {
  32. width: 50%;
  33. min-height: 200px;
  34. }
  35. #right {
  36. float: right;
  37. }
  38. #left {
  39. float: left;
  40. }
  41. .clear {
  42. clear: both;
  43. }
  44. #choices li {
  45. list-style-type: none;
  46. cursor: pointer;
  47. font-weight: bold;
  48. }
  49. #choices li:hover {
  50. color: black;
  51. text-shadow: 1px 1px 2px cyan;
  52. }
  53. input {
  54. padding: 5px;
  55. }
  56. #rules {
  57. margin-top: 15px;
  58. margin: 0 auto;
  59. text-align: center;
  60. }
  61. #rules p {
  62. color: gray;
  63. font-size: .8em;
  64. }