main.css 960 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. a {
  2. color: #378169;
  3. text-decoration: none; }
  4. a:hover {
  5. color: #1F473A;
  6. text-decoration: underline; }
  7. body {
  8. margin: 0; }
  9. h1, h2, h3, h4, h5, h6 {
  10. text-align: center; }
  11. h1 {
  12. padding: 2em;
  13. margin: 0;
  14. background: linear-gradient(#DAF0EE, #E2F3F1); }
  15. .blog {
  16. text-align: center;
  17. padding: 2em 0; }
  18. .blog h3 {
  19. margin: 0; }
  20. .blog time {
  21. display: block;
  22. padding-bottom: 2em; }
  23. ul li, p {
  24. font-size: 15px;
  25. font-family: Verdana, Geneva, sans-serif;
  26. line-height: 30px; }
  27. p {
  28. margin: 2em 0; }
  29. pre code, code {
  30. font-size: 16px;
  31. color: #daaaba; }
  32. pre {
  33. border: solid 2px #3B413C;
  34. border-radius: 2em;
  35. background-color: #9DB5B2;
  36. padding: 2em; }
  37. pre code {
  38. color: white; }
  39. img {
  40. display: block;
  41. margin: auto; }
  42. ul li {
  43. margin: 1em; }
  44. @media (max-width: 800px) {
  45. main {
  46. padding: 2em 1.5em 2em 1.5em;
  47. max-width: 100%; }
  48. ul {
  49. padding-left: 1.5em; }
  50. ul li {
  51. margin: 0; } }