|
5 | 5 | <meta charset="utf-8">
|
6 | 6 | <title>Clear diagrams.net Cache</title>
|
7 | 7 | <style type="text/css">
|
8 |
| - @media only screen { |
9 |
| - body { |
10 |
| - font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", |
11 |
| - Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
12 |
| - background: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); |
13 |
| - color: light-dark(rgb(18, 18, 18), white); |
14 |
| - margin: 10px 5% 10px 5%; |
15 |
| - color-scheme: dark; |
16 |
| - font-size: 16px; |
17 |
| - } |
18 |
| - textarea { |
19 |
| - box-sizing: border-box; |
20 |
| - font-family: monospace; |
21 |
| - color: lightgray; |
22 |
| - resize: vertical; |
23 |
| - font-size: inherit; |
24 |
| - border-radius: 4px; |
25 |
| - padding: 4px; |
26 |
| - } |
27 |
| - button { |
28 |
| - background: #1a4cad; |
29 |
| - border-radius: 4px; |
30 |
| - padding: 10px; |
31 |
| - border: none; |
32 |
| - } |
33 |
| - button { |
34 |
| - cursor: default; |
35 |
| - opacity: 0.9; |
36 |
| - } |
37 |
| - button:hover:not(:disabled) { |
38 |
| - opacity: 1; |
39 |
| - } |
40 |
| - button:active:not(:disabled) { |
41 |
| - filter:invert(1); |
42 |
| - } |
43 |
| - input { |
44 |
| - padding: 2px 6px; |
45 |
| - margin: 0 0 0 4px; |
46 |
| - font-size: inherit; |
| 8 | + @media (prefers-color-scheme: dark) { |
| 9 | + .adaptive-asset { |
| 10 | + filter: invert(1); |
47 | 11 | }
|
48 | 12 | }
|
| 13 | + body { |
| 14 | + font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", |
| 15 | + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
| 16 | + background: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); |
| 17 | + color: light-dark(rgb(18, 18, 18), white); |
| 18 | + color-scheme: light dark; |
| 19 | + font-size: 12px; |
| 20 | + } |
| 21 | + hr { |
| 22 | + border: 0; |
| 23 | + border-top: 1px solid light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); |
| 24 | + } |
| 25 | + textarea { |
| 26 | + box-sizing: border-box; |
| 27 | + font-family: monospace; |
| 28 | + resize: vertical; |
| 29 | + font-size: inherit; |
| 30 | + border-radius: 4px; |
| 31 | + padding: 4px; |
| 32 | + } |
| 33 | + button { |
| 34 | + background: light-dark(#29b6f2, #003555); |
| 35 | + border-radius: 4px; |
| 36 | + padding: 10px; |
| 37 | + border: none; |
| 38 | + } |
| 39 | + button { |
| 40 | + cursor: default; |
| 41 | + opacity: 0.9; |
| 42 | + } |
| 43 | + button:hover:not(:disabled) { |
| 44 | + opacity: 1; |
| 45 | + } |
| 46 | + button:active:not(:disabled) { |
| 47 | + filter:invert(1); |
| 48 | + } |
| 49 | + input { |
| 50 | + padding: 2px 6px; |
| 51 | + margin: 0 0 0 4px; |
| 52 | + font-size: inherit; |
| 53 | + } |
49 | 54 | </style>
|
50 | 55 | </head>
|
51 | 56 | <body>
|
52 |
| - <div style="display:flex;opacity:0.9;align-items:center;padding:20px 0 10px 0;"> |
53 |
| - <svg viewBox="24 26 68 68" style="width:28px;display:inline-block;"> |
54 |
| - <line y2="72.394" x2="41.061" y1="43.384" x1="58.069" stroke-miterlimit="10" stroke-width="3.5528" |
55 |
| - stroke="currentColor" fill="none" /> |
56 |
| - <line y2="72.394" x2="75.076" y1="43.384" x1="58.068" stroke-miterlimit="10" stroke-width="3.5008" |
57 |
| - stroke="currentColor" fill="none" /> |
58 |
| - <path |
59 |
| - d="M52.773,77.084c0,1.954-1.599,3.553-3.553,3.553H36.999c-1.954,0-3.553-1.599-3.553-3.553v-9.379c0-1.954,1.599-3.553,3.553-3.553h12.222c1.954,0,3.553,1.599,3.553,3.553V77.084z" |
60 |
| - fill="currentColor" /> |
61 |
| - <path |
62 |
| - d="M67.762,48.074c0,1.954-1.599,3.553-3.553,3.553H51.988c-1.954,0-3.553-1.599-3.553-3.553v-9.379c0-1.954,1.599-3.553,3.553-3.553H64.21c1.954,0,3.553,1.599,3.553,3.553V48.074z" |
63 |
| - fill="currentColor" /> |
64 |
| - <path |
65 |
| - d="M82.752,77.084c0,1.954-1.599,3.553-3.553,3.553H66.977c-1.954,0-3.553-1.599-3.553-3.553v-9.379c0-1.954,1.599-3.553,3.553-3.553h12.222c1.954,0,3.553,1.599,3.553,3.553V77.084z" |
66 |
| - fill="currentColor" /> |
67 |
| - </svg> |
68 |
| - <span style="font-family:Helvetica;font-weight:700;font-size:20px;margin-left:4px;">draw.io</span> |
| 57 | + <div id="content" style="position:relative;display:block;left:50%;transform:translate(-50%,0);width:50%;padding-top:2%;text-align:center;"> |
| 58 | + <div style="display:flex;align-items:center;opacity:0.7;width:250px;min-width:130px;position:relative;left:50%;transform:translate(-50%,0);"> |
| 59 | + <svg viewBox="24 26 68 68" style="width:28px;display:inline-block;"> |
| 60 | + <line y2="72.394" x2="41.061" y1="43.384" x1="58.069" stroke-miterlimit="10" stroke-width="3.5528" |
| 61 | + stroke="currentColor" fill="none" /> |
| 62 | + <line y2="72.394" x2="75.076" y1="43.384" x1="58.068" stroke-miterlimit="10" stroke-width="3.5008" |
| 63 | + stroke="currentColor" fill="none" /> |
| 64 | + <path |
| 65 | + d="M52.773,77.084c0,1.954-1.599,3.553-3.553,3.553H36.999c-1.954,0-3.553-1.599-3.553-3.553v-9.379c0-1.954,1.599-3.553,3.553-3.553h12.222c1.954,0,3.553,1.599,3.553,3.553V77.084z" |
| 66 | + fill="currentColor" /> |
| 67 | + <path |
| 68 | + d="M67.762,48.074c0,1.954-1.599,3.553-3.553,3.553H51.988c-1.954,0-3.553-1.599-3.553-3.553v-9.379c0-1.954,1.599-3.553,3.553-3.553H64.21c1.954,0,3.553,1.599,3.553,3.553V48.074z" |
| 69 | + fill="currentColor" /> |
| 70 | + <path |
| 71 | + d="M82.752,77.084c0,1.954-1.599,3.553-3.553,3.553H66.977c-1.954,0-3.553-1.599-3.553-3.553v-9.379c0-1.954,1.599-3.553,3.553-3.553h12.222c1.954,0,3.553,1.599,3.553,3.553V77.084z" |
| 72 | + fill="currentColor" /> |
| 73 | + </svg> |
| 74 | + <span style="font-family:Helvetica;font-weight:700;font-size:20px;margin-left:4px;">draw.io</span> |
| 75 | + <a style="position:absolute;right:0px;" class="adaptive-asset" href="https://www.drawio.com/blog/clear-diagrams-net-cache" title="Help" target="_blank"> |
| 76 | + <img style="opacity:0.6;height:16px;width:16px;" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTExIDE4aDJ2LTJoLTJ2MnptMS0xNkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6bTAtMTRjLTIuMjEgMC00IDEuNzktNCA0aDJjMC0xLjEuOS0yIDItMnMyIC45IDIgMmMwIDItMyAxLjc1LTMgNWgyYzAtMi4yNSAzLTIuNSAzLTUgMC0yLjIxLTEuNzktNC00LTR6Ii8+PC9zdmc+" border="0"> |
| 77 | + </a> |
| 78 | + </div> |
| 79 | + <script src="js/app.min.js"></script> |
| 80 | + <script src="js/clear.js"></script> |
69 | 81 | </div>
|
70 |
| - <script src="js/app.min.js"></script> |
71 |
| - <script src="js/clear.js"></script> |
72 | 82 | </body>
|
73 | 83 | </html>
|
0 commit comments