light.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. body {
  2. color: #222;
  3. background: #ddd;
  4. background: -moz-linear-gradient(top, #fff, #ddd 500px, #ddd);
  5. background: -webkit-linear-gradient(top, #fff, #ddd 500px, #ddd);
  6. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
  7. }
  8. a, a:visited {
  9. color: #33a;
  10. }
  11. a:hover {
  12. color: #55f;
  13. }
  14. nav a, nav a:visited {
  15. color: #222;
  16. text-shadow:0 1px 0 #fff;
  17. }
  18. nav a:hover {
  19. color: #666;
  20. }
  21. h2.ribbon {
  22. background: #359;
  23. background: -moz-linear-gradient(top, #37f, #359);
  24. background: -webkit-linear-gradient(top, #37f, #359);
  25. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3377ff', endColorstr='#335599');
  26. color: #eee;
  27. }
  28. .triangle-ribbon {
  29. border-right-color: #359;
  30. }
  31. a.gradient {
  32. /* same as h2.ribbon */
  33. background: #359;
  34. background: -moz-linear-gradient(top, #37f, #359);
  35. background: -webkit-linear-gradient(top, #37f, #359);
  36. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3377ff', endColorstr='#335599');
  37. color: #eee;
  38. }
  39. a.gradient:hover {
  40. background: #37f;
  41. background: -moz-linear-gradient(top, #39f, #06a);
  42. background: -webkit-linear-gradient(top, #39f, #06a);
  43. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399ff', endColorstr='#0066aa');
  44. color: #fff;
  45. }
  46. form input, form textarea, form select {
  47. background: #f7f7f7;
  48. background: -moz-linear-gradient(top, #eee, #fff);
  49. background: -webkit-linear-gradient(top, #eee, #fff);
  50. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff');
  51. }
  52. input[type="button"], input[type="submit"], button {
  53. background: #ddd;
  54. background: -moz-linear-gradient(top, #ddd, #eee);
  55. background: -webkit-linear-gradient(top, #ddd, #eee);
  56. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#eee');
  57. }
  58. form input:focus, form textarea:focus, select:focus {
  59. border-color: #88c;
  60. }
  61. input[type="button"]:hover, input[type="submit"]:hover, button:hover {
  62. background: #eee;
  63. background: -moz-linear-gradient(top, #e0e0e0, #f7f7f7);
  64. background: -webkit-linear-gradient(top, #e0e0e0, #f7f7f7);
  65. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f7f7f7');
  66. }
  67. footer {
  68. color: #666;
  69. }
  70. footer li a, footer li a:visited {
  71. color: #222;
  72. }
  73. footer li a:hover {
  74. color: #666;
  75. }