custom.css 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /**
  2. * Colors
  3. * -------------------------------------------------------------------------- */
  4. :root {
  5. --vp-c-brand-1: hsl(128, 56%, 38%);
  6. --vp-c-brand-2: hsl(128, 56%, 55%);
  7. --vp-c-brand-3: hsl(128, 56%, 45%);
  8. --vp-c-brand-soft: rgba(98, 133, 208, 0.16);
  9. }
  10. /**
  11. * Component: Home
  12. * -------------------------------------------------------------------------- */
  13. :root {
  14. --vp-home-hero-name-color: transparent;
  15. --vp-home-hero-name-background: -webkit-linear-gradient(
  16. 120deg,
  17. hsl(128, 56%, 38%) 30%,
  18. hsl(128, 56%, 60%)
  19. );
  20. --vp-home-hero-image-background-image: linear-gradient(
  21. 120deg,
  22. hsl(100, 56%, 45%) 30%,
  23. hsl(120, 56%, 38%)
  24. );
  25. --vp-home-hero-image-filter: blur(40px);
  26. }
  27. @media (min-width: 640px) {
  28. :root {
  29. --vp-home-hero-image-filter: blur(56px);
  30. }
  31. }
  32. @media (min-width: 960px) {
  33. :root {
  34. --vp-home-hero-image-filter: blur(72px);
  35. }
  36. }
  37. .md-center > p {
  38. display: flex;
  39. /* justify-content: center; */
  40. flex-wrap: wrap;
  41. margin-top: -4px;
  42. margin-right: -4px;
  43. }
  44. .md-center img {
  45. display: inline-block;
  46. height: 1.4em;
  47. margin-top: 4px;
  48. margin-right: 4px;
  49. line-height: 1.6;
  50. }
  51. .md-center2 img {
  52. display: inline-block;
  53. margin-top: 4px;
  54. margin-right: 4px;
  55. }
  56. .busuanzi_container {
  57. display: flex;
  58. justify-content: space-around;
  59. opacity: 0.3;
  60. }
  61. @media (max-width: 960px) {
  62. .busuanzi_container {
  63. flex-direction: column;
  64. padding-top: 12px;
  65. padding-left: 30px;
  66. }
  67. }
  68. @media (min-width: 961px) {
  69. .busuanzi_container {
  70. height: 60px;
  71. line-height: 60px;
  72. }
  73. }
  74. .icp_container {
  75. display: flex;
  76. align-items: center;
  77. justify-content: center;
  78. }