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

extra.css 2.4 kB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. /* Logo title */
  2. .md-header__topic:first-child {
  3. font-weight: initial !important;
  4. }
  5. /* Code font size in <details> */
  6. details .linenos, details code {
  7. font-size: inherit !important;
  8. }
  9. /* Code block / tab in details */
  10. details > summary + .highlight:last-child, details > summary + .tabbed-set:last-child { margin: 0 -0.6rem !important; }
  11. details > summary + .highlight:last-child > .highlighttable { margin: 0 !important; }
  12. /* Table full width */
  13. .md-typeset__table { display: block !important; }
  14. .md-typeset table:not(.highlighttable) { display: table !important; }
  15. .md-typeset table:not([class]) th {
  16. min-width: 0rem;
  17. }
  18. .headerlink { transform: translateY(-2.5px); }
  19. .md-nav__link[for=__toc] .md-icon { margin-left: auto !important; }
  20. blockquote.page-time {
  21. margin: 20px 0 !important;
  22. border-left-color: #64b5f6 !important; /* Just change the color value and that's it*/
  23. }
  24. blockquote.page-copyright {
  25. margin: 20px 0 !important;
  26. border-left-color: #ff1700 !important; /* Just change the color value and that's it*/
  27. }
  28. blockquote.page-copyright i.md-icon {
  29. display: inline-block;
  30. margin-right: 5px;
  31. transform: translateY(3.5px);
  32. width: 18px;
  33. }
  34. #myBtn {
  35. display: none;
  36. position: fixed;
  37. bottom: 100px;
  38. right: 16px;
  39. z-index: 99;
  40. border: none;
  41. outline: none;
  42. color: #8590a6;
  43. cursor: pointer;
  44. padding: .7rem;
  45. border-radius: .4rem;
  46. }
  47. #myBtn:hover {
  48. background-color: #d3d3d3;
  49. }
  50. #color-button > button {
  51. cursor: pointer;
  52. transition: opacity .25s;
  53. display: inline-block;
  54. width: 6.5rem;
  55. margin-bottom: 0.2rem;
  56. padding: 1.2rem 0.4rem 0.2rem;
  57. font-size: 0.64rem;
  58. text-align: left;
  59. }
  60. #color-button > button[data-md-color-primary] {
  61. background-color: var(--md-primary-fg-color);
  62. color: var(--md-primary-bg-color);
  63. }
  64. #color-button > button[data-md-color-primary=white] {
  65. box-shadow: inset 0 0 0.05rem rgb(0 0 0 / 54%);
  66. }
  67. #color-button > button[data-md-color-accent] {
  68. background-color: var(--md-accent-fg-color);
  69. color: var(--md-code-bg-color);
  70. }
  71. mjx-container > img {
  72. width: 0;
  73. height: 0;
  74. }
  75. [data-md-color-scheme="slate"] {
  76. --md-primary-fg-color: #2e303e;
  77. --md-accent-fg-color: #00bda4;
  78. --md-typeset-a-color: #526cfe;
  79. }
  80. [data-md-color-scheme="slate"] .md-typeset img {
  81. background: white;
  82. filter: brightness(0.9);
  83. }
  84. [data-md-color-scheme="slate"] .md-typeset img[src$=".svg"] {
  85. border: 4px solid white;
  86. }