1
/* Extensions */
2
#extensions_url {
3
    display: block;
4
}
5

6
.extensions_block input[type="submit"]:hover {
7
    background-color: green;
8
}
9

10
.extensions_block input[type="checkbox"],
11
.extensions_block input[type="radio"] {
12
    margin-left: 10px;
13
    margin-right: 10px;
14
}
15

16
label[for="extensions_autoconnect"] {
17
    display: flex;
18
    align-items: center;
19
    margin: 0 !important;
20
}
21

22
.extensions_url_block {
23
    display: flex;
24
    align-items: center;
25
    justify-content: space-between;
26
    gap: 10px;
27
}
28

29
.extensions_url_block h4 {
30
    display: inline;
31
}
32

33
.extensions_block {
34
    clear: both;
35
    padding: 0.05px;
36
}
37

38
.extensions_info {
39
    text-align: left;
40
}
41

42
.extensions_info h3:not(.margin0) {
43
    margin-bottom: 0.5em;
44
}
45

46
.extensions_info h4 {
47
    margin-bottom: 0.5em;
48
}
49

50
.extensions_info p {
51
    margin-bottom: 0.5em;
52
    margin-left: 1em;
53
}
54

55
.extensions_info .disabled {
56
    color: lightgray;
57
}
58

59
.extensions_info .toggle_enable {
60
    color: lightgreen;
61
}
62

63
.extensions_info .toggle_disable {
64
    color: rgb(238, 144, 144);
65
}
66

67
.extensions_info .extension_enabled {
68
    font-weight: bold;
69
}
70

71
.extensions_info .extension_disabled {
72
    color: lightgray;
73
}
74

75
.extensions_info .extension_missing {
76
    color: gray;
77
}
78

79
.extensions_info .extension_modules {
80
    font-size: 0.8em;
81
    font-weight: normal;
82
}
83

84
.extensions_info .extension_block {
85
    display: flex;
86
    flex-wrap: nowrap;
87
    padding: 5px;
88
    margin-bottom: 5px;
89
    border: 1px solid var(--SmartThemeBorderColor);
90
    border-radius: 10px;
91
    align-items: baseline;
92
    justify-content: space-between;
93
    gap: 5px;
94
}
95

96
.extensions_info .extension_name {
97
    font-size: 1.05em;
98
}
99

100
.extensions_info :is(.extension_version, .extension_author) {
101
    opacity: 0.8;
102
    font-size: 0.8em;
103
    font-weight: normal;
104
    margin-left: 2px;
105
}
106

107
.extensions_info :is(.extension_version, .extension_author):empty {
108
    display: none;
109
}
110

111
.extensions_info .extension_author {
112
    display: inline-flex;
113
    gap: 2px;
114
    align-items: baseline;
115
}
116

117
.extensions_info .extension_block a {
118
    color: var(--SmartThemeBodyColor);
119
}
120

121
.extensions_info .extension_name.update_available {
122
    color: limegreen;
123
}
124

125
.extensions_info .third_party_toolbar {
126
    user-select: none;
127
}
128

129
input.extension_missing[type="checkbox"] {
130
    opacity: 0.5;
131
}
132

133
.update-button {
134
    margin-right: 10px;
135
    display: inline-flex;
136
}
137

138
/* Fixes order of settings for extensions */
139
#extensions_settings,
140
#extensions_settings2 {
141
    display: flex;
142
    flex-direction: column;
143
}
144

145
/* Fixes order of settings for extensions */
146
.extension_container {
147
    display: contents;
148
}
149

150
#extensionsMenu>div.extension_container:empty {
151
    display: none;
152
}
153

154
.extensions_info .extension_text_block {
155
    white-space: nowrap;
156
    overflow: hidden;
157
    text-overflow: ellipsis;
158
}
159

160
.extensions_info .extension_actions {
161
    flex-wrap: nowrap;
162
}
163

164
.extensions_toolbar {
165
    top: 0;
166
    position: sticky;
167
    display: flex;
168
    flex-direction: row;
169
    background-color: var(--SmartThemeBlurTintColor);
170
    gap: 5px;
171
    z-index: 1;
172
    margin-bottom: 10px;
173
    padding: 5px;
174
}