forked from jillalberts/privacy-glasses
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyles.css
369 lines (332 loc) · 15.9 KB
/
styles.css
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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
/*
Privacy Glasses plugin for Obsidian
Copyright 2021 Jill Alberts
Licensed under the MIT License (http://opensource.org/licenses/MIT)
*/
/*****************************************************************/
/** BLUR CONTENT IN WYSIWYG MODE **/
/*****************************************************************/
/* blur content */
body.privacy-glasses.blur-edit .markdown-source-view div.cm-line {
text-shadow: 0 0 var(--blurLevel) currentColor !important;
-webkit-text-fill-color: transparent !important;
}
/* unblur on hover */
body.privacy-glasses.blur-edit .markdown-source-view div.cm-line:hover {
text-shadow: none !important;
-webkit-text-fill-color: unset !important;
}
/* fix **bold text** in Obsidianite theme (and maybe others) */
body.privacy-glasses.blur-edit .markdown-source-view div.cm-line span.cm-strong {
text-shadow: 0 0 var(--blurLevel) currentColor !important;
background-color: transparent !important;
background-image: none !important;
-webkit-text-fill-color: transparent;
}
body.privacy-glasses.blur-edit .markdown-source-view div.cm-line:hover span.cm-strong {
text-shadow: none !important;
-webkit-text-fill-color: unset;
}
/* blur images */
body.privacy-glasses.blur-edit .markdown-source-view img,
body.privacy-glasses.blur-edit .markdown-source-view svg {
filter: blur(calc(var(--blurLevel)*3)) !important;
}
/* unblur images on hover */
body.privacy-glasses.blur-edit .markdown-source-view img:hover,
body.privacy-glasses.blur-edit .markdown-source-view svg:hover {
filter: none !important;
}
/*****************************************************************/
/** BLUR CONTENT IN EDIT MODE **/
/*****************************************************************/
/* blur content */
body.privacy-glasses.blur-edit .markdown-source-view pre.CodeMirror-line span {
text-shadow: 0 0 var(--blurLevel) currentColor !important;
-webkit-text-fill-color: transparent !important;
}
/* unblur on hover */
body.privacy-glasses.blur-edit .markdown-source-view pre.CodeMirror-line:hover span {
text-shadow: none !important;
-webkit-text-fill-color: unset !important;
}
/* fix **bold text** in Obsidianite theme (and maybe others) */
body.privacy-glasses.blur-edit .markdown-source-view pre.CodeMirror-line span.cm-strong {
text-shadow: 0 0 var(--blurLevel) currentColor !important;
background-color: transparent !important;
background-image: none !important;
-webkit-text-fill-color: transparent;
}
body.privacy-glasses.blur-edit .markdown-source-view pre.CodeMirror-line:hover span.cm-strong {
text-shadow: none !important;
-webkit-text-fill-color: unset;
}
/* BLUR FILENAME HEADER */
body.privacy-glasses.blur-edit .workspace-leaf-content[data-mode="source"] .view-header-title {
text-shadow: 0 0 var(--blurLevel) currentColor !important;
-webkit-text-fill-color: transparent !important;
}
/* unblur filename in header */
body.privacy-glasses.blur-edit .workspace-leaf-content[data-mode="source"] .view-header-title:hover {
text-shadow: none !important;
-webkit-text-fill-color: unset !important;
}
/*****************************************************************/
/** BLUR CONTENT IN PREVIEW MODE **/
/*****************************************************************/
/* blur content */
body.privacy-glasses.blur-preview .markdown-preview-section div > *,
body.privacy-glasses.blur-preview .markdown-preview-section div pre code {
text-shadow: 0 0 var(--blurLevel) currentColor !important;
-webkit-text-fill-color: transparent !important;
}
/* unblur on hover */
body.privacy-glasses.blur-preview .markdown-preview-section div > *:hover,
body.privacy-glasses.blur-preview .markdown-preview-section div pre:hover code {
text-shadow: none !important;
-webkit-text-fill-color: unset !important;
}
/* blur images */
body.privacy-glasses.blur-preview .markdown-preview-section div img,
body.privacy-glasses.blur-preview .markdown-preview-section div svg {
filter: blur(calc(var(--blurLevel)*3)) !important;
}
/* unblur images on hover */
body.privacy-glasses.blur-preview .markdown-preview-section div img:hover,
body.privacy-glasses.blur-preview .markdown-preview-section div svg:hover {
filter: none !important;
}
/* BLUR FILENAME HEADER */
body.privacy-glasses.blur-preview .workspace-leaf-content[data-mode="preview"] .view-header-title {
text-shadow: 0 0 var(--blurLevel) currentColor !important;
-webkit-text-fill-color: transparent !important;
}
/* unblur filename in header */
body.privacy-glasses.blur-preview .workspace-leaf-content[data-mode="preview"] .view-header-title:hover {
text-shadow: none !important;
-webkit-text-fill-color: unset !important;
}
/*****************************************************************/
/** BLUR UI (sidebar content) **/
/*****************************************************************/
body.privacy-glasses.blur-ui .workspace-tabs div {
text-shadow: 0 0 var(--blurLevel) currentColor !important;
-webkit-text-fill-color: transparent !important;
}
/* unblur on hover */
body.privacy-glasses.blur-ui .workspace-tabs div:hover {
text-shadow: none !important;
-webkit-text-fill-color: unset !important;
}
/*****************************************************************/
/** BLOCK CONTENT IN PREVIEW MODE **/
/*****************************************************************/
body.privacy-glasses.block-preview .markdown-preview-section div h1,
body.privacy-glasses.block-preview .markdown-preview-section div h2,
body.privacy-glasses.block-preview .markdown-preview-section div h3,
body.privacy-glasses.block-preview .markdown-preview-section div h4,
body.privacy-glasses.block-preview .markdown-preview-section div h5,
body.privacy-glasses.block-preview .markdown-preview-section div h6,
body.privacy-glasses.block-preview .markdown-preview-section div a,
body.privacy-glasses.block-preview .markdown-preview-section div em,
body.privacy-glasses.block-preview .markdown-preview-section div strong,
body.privacy-glasses.block-preview .markdown-preview-section div li,
body.privacy-glasses.block-preview .markdown-preview-section div del,
body.privacy-glasses.block-preview .markdown-preview-section div mark,
body.privacy-glasses.block-preview .markdown-preview-section div code,
body.privacy-glasses.block-preview .markdown-preview-section div p,
body.privacy-glasses.block-preview .markdown-preview-section div th,
body.privacy-glasses.block-preview .markdown-preview-section div td,
body.privacy-glasses.block-preview .markdown-preview-section div svg {
display: inline;
background-color: currentColor !important;
text-shadow: none !important;
}
body.privacy-glasses.block-preview .markdown-preview-section div:hover h1,
body.privacy-glasses.block-preview .markdown-preview-section div:hover h2,
body.privacy-glasses.block-preview .markdown-preview-section div:hover h3,
body.privacy-glasses.block-preview .markdown-preview-section div:hover h4,
body.privacy-glasses.block-preview .markdown-preview-section div:hover h5,
body.privacy-glasses.block-preview .markdown-preview-section div:hover h6,
body.privacy-glasses.block-preview .markdown-preview-section div:hover a,
body.privacy-glasses.block-preview .markdown-preview-section div:hover em,
body.privacy-glasses.block-preview .markdown-preview-section div:hover strong,
body.privacy-glasses.block-preview .markdown-preview-section div:hover li,
body.privacy-glasses.block-preview .markdown-preview-section div:hover del,
body.privacy-glasses.block-preview .markdown-preview-section div:hover mark,
body.privacy-glasses.block-preview .markdown-preview-section div:hover code,
body.privacy-glasses.block-preview .markdown-preview-section div:hover p,
body.privacy-glasses.block-preview .markdown-preview-section div:hover th,
body.privacy-glasses.block-preview .markdown-preview-section div:hover td,
body.privacy-glasses.block-preview .markdown-preview-section div:hover svg {
background-color: transparent !important;
}
body.privacy-glasses.block-preview .markdown-preview-section .MathJax {
background-color: currentColor !important;
text-shadow: none !important;
}
body.privacy-glasses.block-preview .markdown-preview-section .MathJax:hover {
background-color: transparent !important;
}
/* BLOCK IMAGES */
body.privacy-glasses.block-preview .markdown-preview-section img,
body.privacy-glasses.block-preview .markdown-preview-section svg {
filter:contrast(0) !important;
}
body.privacy-glasses.block-preview .markdown-preview-section img:hover,
body.privacy-glasses.block-preview .markdown-preview-section svg:hover {
filter: none !important;
}
/* BLOCK FILENAME HEADER */
body.privacy-glasses.block-preview .workspace-leaf-content[data-mode="preview"] .view-header-title {
background-color: currentColor !important;
text-shadow: none !important;
display: inline !important;
}
/* unblock filename in header on hover */
body.privacy-glasses.block-preview .workspace-leaf-content[data-mode="preview"] .view-header-title:hover {
background-color: transparent !important;
}
/*****************************************************************/
/** BLOCK MODE FOR EDIT MODE **/
/*****************************************************************/
/* BLOCK NORMAL TEXT */
body.privacy-glasses.block-edit .markdown-source-view pre.CodeMirror-line span {
background-color: currentColor !important;
text-shadow: none !important; /*needed for e.g. Obsidianite theme */
}
/* unblock normal text */
body.privacy-glasses.block-edit .markdown-source-view pre.CodeMirror-line:hover span {
background-color: transparent !important;
}
/* BLOCK FILENAME HEADER */
body.privacy-glasses.block-edit .workspace-leaf-content[data-mode="source"] .view-header-title {
background-color: currentColor !important;
text-shadow: none !important;
display: inline !important;
}
/* unblock filename in header on hover */
body.privacy-glasses.block-edit .workspace-leaf-content[data-mode="source"] .view-header-title:hover {
background-color: transparent !important;
}
/*****************************************************************/
/** BLOCK MODE FOR UI **/
/*****************************************************************/
/* block file titles in sidebar */
body.privacy-glasses.block-ui .nav-file-title .nav-file-title-content,
body.privacy-glasses.block-ui .nav-folder-title .nav-folder-title-content,
/* block outline, etc */
body.privacy-glasses.block-ui .tree-item-inner,
/* block SEARCH RESULTS */
body.privacy-glasses.block-ui .search-result-file-match,
body.privacy-glasses.block-ui .search-info-container,
body.privacy-glasses.block-ui .search-empty-state,
/* block HIGHLIGHTED PHRASE OF SEARCH RESULTS */
body.privacy-glasses.block-ui .search-result-file-match .search-result-file-matched-text,
/* block SEARCHBOX INPUT */
body.privacy-glasses.block-ui .search-input-container input {
background-color: currentColor !important;
text-shadow: none !important;
}
/* unblock left filenav content */
body.privacy-glasses.block-ui .nav-file-title:hover .nav-file-title-content,
body.privacy-glasses.block-ui .nav-folder-title:hover .nav-folder-title-content,
/* unblock outline, etc on hover */
body.privacy-glasses.block-ui .tree-item-inner:hover,
/* unblock search results */
body.privacy-glasses.block-ui .search-result-file-match:hover,
body.privacy-glasses.block-ui .search-info-container:hover,
body.privacy-glasses.block-ui .search-empty-state:hover,
/* unblock highlighted phrase of search results */
body.privacy-glasses.block-ui .search-result-file-match:hover .search-result-file-matched-text,
/* unblock searchbox input */
body.privacy-glasses.block-ui .search-input-container:hover input
{
background-color: transparent !important;
}
/*****************************************************************/
/** CIRCLES MODE FOR IN PREVIEW MODE **/
/*****************************************************************/
body.privacy-glasses.circles-preview .markdown-preview-section div {
-webkit-text-security: disc !important;
text-shadow: none !important;
}
body.privacy-glasses.circles-preview .markdown-preview-section div:hover {
-webkit-text-security: none !important;
}
/* BLOCK IMAGES */
body.privacy-glasses.circles-preview .markdown-preview-section img,
body.privacy-glasses.circles-preview .markdown-preview-section svg {
filter:contrast(0) !important;
}
/* unblock images on hover */
body.privacy-glasses.circles-preview .markdown-preview-section img:hover,
body.privacy-glasses.circles-preview .markdown-preview-section svg:hover {
filter: none !important;
}
/* CIRCLES IN FILENAME HEADER */
body.privacy-glasses.circles-preview .workspace-leaf-content[data-mode="preview"] .view-header-title {
-webkit-text-security: disc !important;
text-shadow: none !important;
}
/* uncircle filename in header on hover */
body.privacy-glasses.circles-preview .workspace-leaf-content[data-mode="preview"] .view-header-title:hover {
-webkit-text-security: none !important;
}
/*****************************************************************/
/** CIRCLES MODE FOR EDIT MODE **/
/*****************************************************************/
body.privacy-glasses.circles-edit .markdown-source-view pre.CodeMirror-line span {
-webkit-text-security: disc !important;
text-shadow: none !important;
}
/*make blank lines invisible */
body.privacy-glasses.circles-edit .markdown-source-view pre.CodeMirror-line span[cm-text] {
-webkit-text-security: none !important;
}
body.privacy-glasses.circles-edit .markdown-source-view pre.CodeMirror-line:hover span {
-webkit-text-security: none !important;
}
/* CIRCLES IN FILENAME HEADER */
body.privacy-glasses.circles-edit .workspace-leaf-content[data-mode="source"] .view-header-title {
-webkit-text-security: disc !important;
text-shadow: none !important;
}
/* uncircle filename in header on hover */
body.privacy-glasses.circles-edit .workspace-leaf-content[data-mode="source"] .view-header-title:hover {
-webkit-text-security: none !important;
}
/****************************************************************/
/** CIRCLES MODE FOR UI **/
/****************************************************************/
/* circles file titles in sidebar */
body.privacy-glasses.circles-ui .nav-file-title .nav-file-title-content,
body.privacy-glasses.circles-ui .nav-folder-title .nav-folder-title-content,
/* circles outline, etc */
body.privacy-glasses.circles-ui .tree-item-inner,
/* circles SEARCH RESULTS */
body.privacy-glasses.circles-ui .search-result-file-match,
body.privacy-glasses.circles-ui .search-info-container,
body.privacy-glasses.circles-ui .search-empty-state,
/* circles HIGHLIGHTED PHRASE OF SEARCH RESULTS */
body.privacy-glasses.circles-ui .search-result-file-match .search-result-file-matched-text,
/* circles SEARCHBOX INPUT */
body.privacy-glasses.circles-ui .search-input-container input {
-webkit-text-security: disc !important;
}
/* uncircles left filenav content */
body.privacy-glasses.circles-ui .nav-file-title:hover .nav-file-title-content,
body.privacy-glasses.circles-ui .nav-folder-title:hover .nav-folder-title-content,
/* uncircles outline, etc on hover */
body.privacy-glasses.circles-ui .tree-item-inner:hover,
/* uncircles search results */
body.privacy-glasses.circles-ui .search-result-file-match:hover,
body.privacy-glasses.circles-ui .search-info-container:hover,
body.privacy-glasses.circles-ui .search-empty-state:hover,
/* uncircles highlighted phrase of search results */
body.privacy-glasses.circles-ui .search-result-file-match:hover .search-result-file-matched-text,
/* uncircles searchbox input */
body.privacy-glasses.circles-ui .search-input-container:hover input
{
-webkit-text-security: none !important;
}