aliceio

1
:root {
2
  --vkbottle-bg-light: #21222c;
3
  --vkbottle-bg-dark: #0e1014;
4
  --vkbottle-bg-darker: #090b0e;
5
  --vkbottle-bg-darkest: #06080a;
6
  --vkbottle-link-svg: url('data:image/svg+xml;base64,DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9Im1kaS1saW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0zLjksMTJDMy45LDEwLjI5IDUuMjksOC45IDcsOC45SDExVjdIN0E1LDUgMCAwLDAgMiwxMkE1LDUgMCAwLDAgNywxN0gxMVYxNS4xSDdDNS4yOSwxNS4xIDMuOSwxMy43MSAzLjksMTJNOCwxM0gxNlYxMUg4VjEzTTE3LDdIMTNWOC45SDE3QzE4LjcxLDguOSAyMC4xLDEwLjI5IDIwLjEsMTJDMjAuMSwxMy43MSAxOC43MSwxNS4xIDE3LDE1LjFIMTNWMTdIMTdBNSw1IDAgMCwwIDIyLDEyQTUsNSAwIDAsMCAxNyw3WiIgLz48L3N2Zz4=');
7
}
8

9
.md-typeset .headerlink {
10
  width: 1em;
11
  height: 1em;
12
  vertical-align: middle;
13
  background-color: var(--md-default-fg-color--lighter);
14
  background-size: 1em;
15
  -webkit-mask-size: 1em;
16
  mask-size: 1em;
17
  -webkit-mask-repeat: no-repeat;
18
  mask-repeat: no-repeat;
19
  visibility: visible;
20
  -webkit-mask-image: var(--vkbottle-link-svg);
21
  mask-image: var(--vkbottle-link-svg);
22
}
23

24
.md-typeset .headerlink:focus,
25
.md-typeset .headerlink:hover,
26
.md-typeset :target>.headerlink {
27
  background-color: var(--md-accent-fg-color);
28
}
29

30
html {
31
  width: 100vw;
32
  overflow-x: hidden;
33
}
34

35
.md-footer-meta.md-typeset a {
36
  color: var(--md-typeset-a-color) !important;
37
}
38

39
.md-header,
40
.md-tabs {
41
  background-color: var(--vkbottle-bg-darker);
42
}
43

44
.md-grid {
45
  max-width: 95%;
46
}
47

48
[data-md-color-scheme="slate"] {
49
  --md-default-bg-color: var(--vkbottle-bg-dark);
50
}
51

52
[data-md-color-scheme="slate"] .md-top {
53
  background-color: var(--vkbottle-bg-light);
54
  box-shadow: 0 0.2rem 0.5rem var(--vkbottle-bg-darkest), 0 0 0.05rem var(--vkbottle-bg-darker);
55
}
56

57
[data-md-color-scheme="slate"] .md-top:hover {
58
  background-color: var(--vkbottle-bg-dark);
59
}
60

61

62
@media screen and (min-width: 76.25em) {
63

64
  .md-nav__title,
65
  .md-nav__link {
66
    box-shadow: none !important;
67
  }
68
}
69

70
@media screen and (max-width:76.1875em) {
71
  [data-md-color-scheme="slate"] .md-nav--primary .md-nav__title {
72
    background-color: var(--vkbottle-bg-darker);
73
  }
74
}
75

76
@media screen and (max-width: 59.9375em) {
77
  [data-md-color-scheme="slate"] .md-nav__source {
78
    background-color: var(--vkbottle-bg-darker);
79
  }
80
}
81

82

83
.md-footer .md-footer-meta {
84
  background-color: var(--vkbottle-bg-darker);
85
}
86

87
.md-search__form:hover,
88
.md-search__form {
89
  background-color: var(--vkbottle-bg-darkest);
90
}
91

92
.injected {
93
  display: none;
94
}
95

96
.md-typeset h1 {
97
    color: var(--md-default-fg-color--light);
98
    font-size: 2em;
99
    line-height: 1.3;
100
    margin: 1em 0 0.5em
101
}
102