light.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @import url("light-chroma.css");
  2. a {
  3. color: #0000A0;
  4. }
  5. .highlight > * {
  6. border-color: #E0E0E0;
  7. }
  8. :not(pre) > code {
  9. /* inline code elements */
  10. background-color: rgba(25, 25, 25, 0.05);
  11. }
  12. a > code {
  13. background-color: rgba(15, 15, 150, 0.05);
  14. }
  15. .section-list li > * {
  16. background-color: rgba(25, 25, 25, 0.05);
  17. }
  18. .section-list li > a {
  19. background-color: rgba(15, 15, 150, 0.05);
  20. }
  21. body {
  22. color: #232629;
  23. background-color: rgb(247, 247, 247);
  24. }
  25. blockquote {
  26. color: #404040;
  27. border-left: 0.25em solid #CCC;
  28. }
  29. hr {
  30. border: 1px solid rgb(185, 185, 185);
  31. }
  32. .header {
  33. background-image: url(../../images/header-bg-light.jpg);
  34. }
  35. .links, .links li {
  36. border-color: rgb(211, 211, 211);
  37. }
  38. .main {
  39. background-color: white;
  40. }
  41. .footer {
  42. color: #383838;
  43. }
  44. .table-of-contents {
  45. border-color: #E0E0E0;
  46. background-color: #FAFAFA;
  47. }
  48. .notice {
  49. color: #404040;
  50. }
  51. .notice .notice-title {
  52. color: white;
  53. }
  54. .notice .notice-title .notice-title-icon {
  55. filter: invert(1);
  56. }
  57. .notice.note {
  58. background-color: #E7F2FA;
  59. }
  60. .notice.note .notice-title {
  61. background-color: #6AB0DE;
  62. }
  63. .notice.tip {
  64. background-color: #e6f9e6;
  65. }
  66. .notice.tip .notice-title {
  67. background-color: #77c577;
  68. }
  69. .notice.warning {
  70. background-color: #fae2e2;
  71. }
  72. .notice.warning .notice-title {
  73. background-color: #df6f6c;
  74. }