nautobot-app-ssot/docs/assets/extra.css at 01f58fd871c2bfd538115117b102fb1fbf480d91 · nautobot/nautobot-app-ssot · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
:root>* {
    --md-accent-fg-color: #ff8504;
    --md-primary-fg-color: #ff8504;
    --md-typeset-a-color: #0097ff;
}

[data-md-color-scheme="slate"] {
    --md-default-bg-color: hsla(var(--md-hue), 0%, 15%, 1);
    --md-typeset-a-color: #0097ff;
}

/* Accessibility: Increase fonts for dark theme */
[data-md-color-scheme="slate"] .md-typeset {
    font-size: 0.9rem;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
    font-size: 0.7rem;
}

/*
* The default max-width is 61rem which does not provide nearly enough space to present code examples or larger tables
*/
.md-grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 95%;
}

.md-tabs__link {
    font-size: 0.8rem;
}

.md-tabs__link--active {
    color: var(--md-primary-fg-color);
}

.md-header__button.md-logo :is(img, svg) {
    height: 2rem;
}

.md-header__button.md-logo :-webkit-any(img, svg) {
    height: 2rem;
}

.md-header__title {
    font-size: 1.2rem;
}

img.logo {
    height: 200px;
}

a.copyright-sponsor {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    vertical-align: middle;
}

img.copyright-logo {
    height: 24px;
}

[data-md-color-primary=black] .md-header {
    background-color: #212121;
}

@media screen and (min-width: 76.25em) {
    [data-md-color-primary=black] .md-tabs {
        background-color: #212121;
    }
}

/* Customization for mkdocstrings */
/* Indentation. */
div.doc-contents:not(.first) {
    padding-left: 25px;
    border-left: .2rem solid var(--md-typeset-table-color);
}

/* Mark external links as such. */
a.autorefs-external::after {
    /* https://primer.style/octicons/arrow-up-right-24 */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M18.25 15.5a.75.75 0 00.75-.75v-9a.75.75 0 00-.75-.75h-9a.75.75 0 000 1.5h7.19L6.22 16.72a.75.75 0 101.06 1.06L17.5 7.56v7.19c0 .414.336.75.75.75z"></path></svg>');
    content: ' ';

    display: inline-block;
    position: relative;
    top: 0.1em;
    margin-left: 0.2em;
    margin-right: 0.1em;

    height: 1em;
    width: 1em;
    border-radius: 100%;
    background-color: var(--md-typeset-a-color);
}

a.autorefs-external:hover::after {
    background-color: var(--md-accent-fg-color);
}


/* Customization for markdown-version-annotations */
:root {
    /* Icon for "version-added" admonition: Material Design Icons "plus-box-outline" */
    --md-admonition-icon--version-added: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 19V5H5v14h14m0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-8 4h2v4h4v2h-4v4h-2v-4H7v-2h4V7Z"/></svg>');
    /* Icon for "version-changed" admonition: Material Design Icons "delta" */
    --md-admonition-icon--version-changed: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 7.77 18.39 18H5.61L12 7.77M12 4 2 20h20"/></svg>');
    /* Icon for "version-removed" admonition: Material Design Icons "minus-circle-outline" */
    --md-admonition-icon--version-removed: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2M7 13h10v-2H7"/></svg>');
}

/* "version-added" admonition in green */
.md-typeset .admonition.version-added,
.md-typeset details.version-added {
    border-color: rgb(0, 200, 83);
}

.md-typeset .version-added>.admonition-title,
.md-typeset .version-added>summary {
    background-color: rgba(0, 200, 83, .1);
}

.md-typeset .version-added>.admonition-title::before,
.md-typeset .version-added>summary::before {
    background-color: rgb(0, 200, 83);
    -webkit-mask-image: var(--md-admonition-icon--version-added);
    mask-image: var(--md-admonition-icon--version-added);
}

/* "version-changed" admonition in orange */
.md-typeset .admonition.version-changed,
.md-typeset details.version-changed {
    border-color: rgb(255, 145, 0);
}

.md-typeset .version-changed>.admonition-title,
.md-typeset .version-changed>summary {
    background-color: rgba(255, 145, 0, .1);
}

.md-typeset .version-changed>.admonition-title::before,
.md-typeset .version-changed>summary::before {
    background-color: rgb(255, 145, 0);
    -webkit-mask-image: var(--md-admonition-icon--version-changed);
    mask-image: var(--md-admonition-icon--version-changed);
}

/* "version-removed" admonition in red */
.md-typeset .admonition.version-removed,
.md-typeset details.version-removed {
    border-color: rgb(255, 82, 82);
}

.md-typeset .version-removed>.admonition-title,
.md-typeset .version-removed>summary {
    background-color: rgba(255, 82, 82, .1);
}

.md-typeset .version-removed>.admonition-title::before,
.md-typeset .version-removed>summary::before {
    background-color: rgb(255, 82, 82);
    -webkit-mask-image: var(--md-admonition-icon--version-removed);
    mask-image: var(--md-admonition-icon--version-removed);
}

/* Do not wrap code blocks in markdown tables. */
div.md-typeset__table>table>tbody>tr>td>code {
    white-space: nowrap;
}