Mayx's Home Page
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

192 lines
2.7 KiB

  1. ---
  2. ---
  3. @import "{{ site.theme }}";
  4. a:hover {
  5. font-weight: inherit;
  6. text-decoration: underline;
  7. }
  8. .backToTop {
  9. display: none;
  10. width: 18px;
  11. line-height: 1.2;
  12. padding: 5px 0;
  13. background-color: #000;
  14. color: #fff;
  15. font-size: 12px;
  16. text-align: center;
  17. position: fixed;
  18. _position: absolute;
  19. right: 10px;
  20. bottom: 100px;
  21. _bottom: "auto";
  22. cursor: pointer;
  23. opacity: .6;
  24. filter: Alpha(opacity=60);
  25. }
  26. .post-content {
  27. font-size: 15px;
  28. line-height: 1.6;
  29. }
  30. .post-content h1 {
  31. text-indent: -8px;
  32. margin: 20px 0 10px;
  33. border-bottom: 1px solid #e5e5e5;
  34. }
  35. .post-content h2 {
  36. text-indent: -6px;
  37. margin: 20px 0 10px;
  38. border-bottom: 1px solid #e5e5e5;
  39. }
  40. .post-content h3 {
  41. margin: 20px 0 10px;
  42. text-indent: -5px;
  43. }
  44. .post-content h4 {
  45. margin: 20px 0 10px;
  46. text-indent: -4px;
  47. }
  48. .post-content h5 {
  49. margin: 20px 0 10px;
  50. text-indent: -3px;
  51. }
  52. .post-content h6 {
  53. margin: 20px 0 10px;
  54. text-indent: -2px;
  55. }
  56. .post-content p {
  57. text-indent: 2em;
  58. margin-bottom: 5px;
  59. }
  60. h1 .octicon,
  61. h2 .octicon,
  62. h3 .octicon,
  63. h4 .octicon,
  64. h5 .octicon,
  65. h6 .octicon {
  66. visibility: hidden;
  67. }
  68. h1:hover .octicon,
  69. h2:hover .octicon,
  70. h3:hover .octicon,
  71. h4:hover .octicon,
  72. h5:hover .octicon,
  73. h6:hover .octicon {
  74. visibility: visible;
  75. }
  76. .octicon {
  77. fill: currentColor;
  78. padding: 0;
  79. margin-left: -16px;
  80. vertical-align: middle;
  81. }
  82. div.highlight {
  83. position: relative;
  84. }
  85. div.highlight:hover button {
  86. opacity: 1;
  87. }
  88. div.highlight button {
  89. opacity: 0;
  90. position: absolute;
  91. top: 0.5em;
  92. right: 1em;
  93. height: 2em;
  94. transition: all 0.2s ease-out;
  95. }
  96. div.highlight button:active,
  97. div.highlight button:focus,
  98. div.highlight button:hover {
  99. opacity: 1;
  100. }
  101. .footnotes {
  102. font-size: 14px;
  103. line-height: 1.4;
  104. }
  105. .footnotes p {
  106. margin: 0;
  107. text-indent: 0;
  108. }
  109. .wrapper {
  110. width: 90%;
  111. }
  112. header {
  113. width: 25%;
  114. }
  115. footer {
  116. width: 25%;
  117. }
  118. section {
  119. width: 65%;
  120. }
  121. @media print,
  122. screen and (max-width: 960px) {
  123. .wrapper {
  124. width: auto;
  125. }
  126. header {
  127. width: auto;
  128. }
  129. footer {
  130. width: auto;
  131. }
  132. section {
  133. width: auto;
  134. }
  135. }
  136. code.highlighter-rouge {
  137. padding: .1em .2em;
  138. margin: 0;
  139. font-size: 90%;
  140. white-space: break-spaces;
  141. background-color: lightgray;
  142. border-radius: 6px;
  143. }
  144. .content-tooltip {
  145. position: absolute;
  146. background: #fff;
  147. border: 1px solid #ddd;
  148. padding: 8px 12px;
  149. border-radius: 4px;
  150. box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  151. max-width: 300px;
  152. z-index: 1000;
  153. font-size: 14px;
  154. line-height: 1.4;
  155. }
  156. td.h-entry {
  157. cursor: pointer;
  158. }
  159. td.h-entry:hover {
  160. background: #f9f9f9;
  161. }