style.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. .pr-6 {
  2. padding-right:1.5rem
  3. }
  4. .anchor svg {
  5. display:inline;
  6. }
  7. .dark .toc-wrapper {
  8. background-color: var(--tw-prose-pre-bg)!important;
  9. border-color: rgb(55 65 81/var(--tw-divide-opacity))!important;
  10. }
  11. .light .toc-wrapper {
  12. border-color: rgb(229 231 235/var(--tw-divide-opacity))!important;
  13. }
  14. .toc-wrapper a,
  15. .related-posts a,
  16. .recent-posts a {
  17. text-decoration: none;
  18. }
  19. .toc-link a {
  20. display:none;
  21. }
  22. .toc-link:hover a{
  23. display:inline-block;
  24. }
  25. .tags a {
  26. margin-right: .75rem;
  27. }
  28. .category a {
  29. margin-right: .1rem;
  30. }
  31. .category {
  32. line-height:3.2rem;
  33. }
  34. .read-more {
  35. text-decoration:inherit;
  36. }
  37. .nav-top li {
  38. display:inline-block;
  39. margin-left: 1.5rem;
  40. font-weight: 500;
  41. }
  42. .nav-mobile li{
  43. outline-width: 0;
  44. outline-style: solid;
  45. letter-spacing: .1em;
  46. font-weight: 700;
  47. font-size: 1.5rem;
  48. line-height: 2rem;
  49. padding-right: 1rem;
  50. padding-top: .5rem;
  51. padding-bottom: .5rem;
  52. margin-bottom: 1rem;
  53. }
  54. .menu-mobile {
  55. display:none;
  56. }
  57. @media (max-width: 640px) {
  58. .nav-top {
  59. display:none;
  60. }
  61. .is-menu-open .menu-mobile {
  62. display:block!important;
  63. }
  64. }
  65. .search-form {
  66. display:none;
  67. }
  68. .is-search-open .search-form {
  69. display: flex;
  70. }
  71. .tags a:hover {
  72. color:rgb(190 24 93);
  73. }
  74. .dark .tags a:hover {
  75. color:rgb(244 114 182);
  76. }
  77. .thumbnail {
  78. position:relative;
  79. display:block;
  80. }
  81. .nav li > ul {
  82. display:none;
  83. }
  84. .footnotes {
  85. margin-top:0;
  86. border:none;
  87. }
  88. .footnotes ol {
  89. margin-bottom:0;
  90. padding-top: 1.5em;
  91. }
  92. .footnotes > hr {
  93. margin:0;
  94. }
  95. .thumb-icon {
  96. background: rgba(0,0,0,0.7);
  97. color: #fff;
  98. text-align: center;
  99. display: block;
  100. width: 32px;
  101. height: 32px;
  102. position: absolute;
  103. bottom: 50%;
  104. left: 50%;
  105. margin-left: -16px;
  106. margin-bottom: -16px;
  107. -webkit-border-radius: 4px;
  108. border-radius: 4px;
  109. -moz-transition: all 0.7s ease;
  110. -webkit-transition: all 0.7s ease;
  111. transition: all 0.7s ease;
  112. }
  113. .thumb-icon svg {
  114. margin: 1px 0 0 2px;
  115. }
  116. .thumbnail:hover .thumb-icon {
  117. background: #fff;
  118. color: #333;
  119. }
  120. .recent-posts > ul {
  121. padding-left: 15px;
  122. }