User:Thundercraft5/CodeFiddle.css/images.css


 * root {

--cf-svg--loading-spinner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' style='animation: code-fiddle-spinner-rotator .5s linear infinite;transform: translateZ(0);display: inline-flex;'%3E%3Cstyle%3E@keyframes code-fiddle-spinner-rotator %7B 0%25 %7B transform: rotate(0) %7D to %7B transform: rotate(1turn) %7D%0A%7D @keyframes code-fiddle-spinner-dash %7B to %7B stroke-dashoffset: 0 %7D %7D%3C/style%3E%3Cg transform='translate(20, 20)'%3E%3Ccircle fill='none' stroke-width='2' stroke-dasharray='119.38052083641213' stroke-dashoffset='119.38052083641213' stroke-linecap='round' r='19' style='&%2310;&%239;stroke: %23797979;&%2310;&%239;animation: code-fiddle-spinner-dash 1.25s linear infinite alternate-reverse;&%2310;&%239;-webkit-backface-visibility: hidden;&%2310;&%239;backface-visibility: hidden;&%2310;'/%3E%3C/g%3E%3C/svg%3E"); /* Image from Fandom Design system */ --cf-svg--settings-knob-main: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 48 48'%3E%3Cg%3E%3Cpath fill='%23707377' d='m24.04 0.14285c-1.376 0-2.7263 0.12375-4.0386 0.34741l-0.64 6.7853c-1.3572 0.37831-2.6417 0.90728-3.8432 1.585l-5.244-4.3317c-2.2152 1.5679-4.1541 3.4955-5.7217 5.7101l4.3426 5.2437c-0.67695 1.2001-1.2177 2.4878-1.5959 3.8432l-6.7745 0.64053c-0.22379 1.3127-0.34741 2.6622-0.34741 4.0386 0 1.3788 0.12285 2.7238 0.34741 4.0386l6.7745 0.64056c0.37825 1.3554 0.91896 2.6431 1.5959 3.8432l-4.3317 5.2437c1.5648 2.2089 3.4908 4.1457 5.6997 5.7105l5.2545-4.3426c1.2023 0.67835 2.485 1.2174 3.8432 1.5959l0.64053 6.7853c1.3123 0.22368 2.6626 0.33658 4.0386 0.33658s2.7155-0.11289 4.0278-0.33658l0.64053-6.7853c1.3582-0.37847 2.6409-0.91755 3.8432-1.5959l5.2545 4.3426c2.2088-1.5649 4.1348-3.5017 5.6997-5.7105l-4.3317-5.2437c0.67695-1.2001 1.2177-2.4878 1.5959-3.8432l6.7744-0.64056c0.22456-1.3148 0.34741-2.6598 0.34741-4.0386 0-1.3765-0.12361-2.726-0.34741-4.0386l-6.7744-0.64053c-0.37825-1.3554-0.91896-2.6431-1.5959-3.8432l4.3426-5.2437c-1.568-2.2146-3.507-4.1422-5.722-5.7101l-5.2437 4.3317c-1.2015-0.67776-2.486-1.2067-3.8432-1.585l-0.641-6.7853c-1.3123-0.22366-2.6518-0.34741-4.0278-0.34741zm0 14.776c5.0178 0 9.076 4.0691 9.076 9.0869s-4.0582 9.0869-9.076 9.0869-9.0869-4.0691-9.0869-9.0869 4.0691-9.0869 9.0869-9.0869z'/%3E%3C/g%3E%3C/svg%3E"); --cf-svg--clear-consle-trashcan: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' style='fill: gray' fill-rule='evenodd'%3E%3Cg%3E%3Cpath d='M16 19a1 1 0 0 0 1-1v-7a1 1 0 1 0-2 0v7a1 1 0 0 0 1 1m-4 0a1 1 0 0 0 1-1v-7a1 1 0 1 0-2 0v7a1 1 0 0 0 1 1m-4 0a1 1 0 0 0 1-1v-7a1 1 0 1 0-2 0v7 a1 1 0 0 0 1 1M7 2h10a1 1 0 1 0 0-2H7a1 1 0 1 0 0 2M5 22h14V7H5v15zM22 5H2a1 1 0 1 0 0 2h1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V7h1a1 1 0 1 0 0-2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); /* Image from Fandom Design System */ --cf-svg--consoleoptions-gear: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created By Thundercraft5 (https://github.com/Thundercraft5), released under CC-BY-SA 4.0 --%3E%3Csvg viewBox='0 0 273.69079 277.61405' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Ctitle property='dc:title'%3ERound 6-Gear%3C/title%3E%3Cdesc property='dc:creator'%3EThundercraft5 (https://github.com/Thundercraft5)%3C/desc%3E%3Cmetadata id='license' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Ccc:license rdf:resource='http://creativecommons.org/licenses/by-sa/4.0/' /%3E%3C/cc:Work%3E%3Ccc:License rdf:about='http://creativecommons.org/licenses/by-sa/4.0/'%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23Reproduction' /%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23Distribution' /%3E%3Ccc:requires rdf:resource='http://creativecommons.org/ns%23Notice' /%3E%3Ccc:requires rdf:resource='http://creativecommons.org/ns%23Attribution' /%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23DerivativeWorks' /%3E%3Ccc:requires rdf:resource='http://creativecommons.org/ns%23ShareAlike' /%3E%3C/cc:License%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg transform='translate(33.911801,32.323902)'%3E%3Cpath id='path219' style='fill:gray;stroke:none;stroke-width:0.999999' d='m 283.30664,-124.125 a 29.635172,29.635172 0 0 0 -29.44531,26.287109 L 238.76172,34.962891 A 400.00003,400.00003 0 0 0 199.05078,54.929688 400.00003,400.00003 0 0 0 164.11719,78.152344 L 41.458984,25.089844 A 29.635176,29.635176 0 0 0 3.9960938,37.525391 L -112.77148,240.75391 a 29.635164,29.635164 0 0 0 8.12304,38.62695 l 107.6250025,79.25 a 400.00003,400.00003 0 0 0 0.2675781,86.23828 L -103.87695,524.79102 a 29.635176,29.635176 0 0 0 -7.88086,38.67773 L 6.2851562,765.95898 A 29.635164,29.635164 0 0 0 43.824219,778.1582 L 166.15234,724.32422 a 400.00003,400.00003 0 0 0 72.61328,41.73242 l 15.09571,132.78125 a 29.635176,29.635176 0 0 0 29.44531,26.28711 h 234.38672 a 29.635165,29.635165 0 0 0 29.44531,-26.28711 l 15.09961,-132.80078 a 400.00003,400.00003 0 0 0 39.71094,-19.96875 400.00003,400.00003 0 0 0 35.20898,-23.10156 l 122.38282,52.94336 a 29.635167,29.635167 0 0 0 37.46289,-12.43555 L 913.77148,560.24609 a 29.635174,29.635174 0 0 0 -8.12304,-38.62695 L 798.25195,442.53711 a 400.00003,400.00003 0 0 0 -0.25781,-86.58399 l 106.88281,-79.74414 a 29.635173,29.635173 0 0 0 7.88086,-38.67773 L 794.71484,35.041016 A 29.635165,29.635165 0 0 0 757.17578,22.841797 L 634.84766,76.675781 A 400.00003,400.00003 0 0 0 562.23438,34.943359 L 547.13867,-97.837891 A 29.635172,29.635172 0 0 0 517.69336,-124.125 Z m 116.35547,324.62695 a 200.00001,200.00001 0 0 1 173.62305,99.27344 200.00001,200.00001 0 0 1 -72.06055,273.50977 200.00001,200.00001 0 0 1 -273.50977,-72.06055 200.00001,200.00001 0 0 1 72.06055,-273.50977 200.00001,200.00001 0 0 1 99.88672,-27.21289 z' transform='matrix(0.26458333,0,0,0.26458333,-3.0320336,0.51750404)' /%3E%3C/g%3E%3C/svg%3E%0A"); /* Image made by Thundercraft5 (https://github.com/Thundercraft5), licensed under CC-BY-SA 4.0 */ --cf-svg--consoleicon--info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 10 10'%3E%3Cg xmlns='http://www.w3.org/2000/svg' mask='url(%23j)' transform=%3E%3Cpath d='M85 0c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5' transform= fill='url(%23k)'/%3E%3Cpath d='M.36 5C.36 7.56 2.44 9.64 5 9.64c2.56 0 4.64-2.08 4.64-4.64C9.64 2.44 7.56.36 5 .36 2.44.36.36 2.44.36 5' fill='%232a53cd'/%3E%3Cmask id='j'%3E%3Cpath fill='%23fff' d='M0 0h10v10H0z'/%3E%3Cpath d='M83.93 2.14c-.03-.53.55-.97 1.06-.83.5.12.79.73.56 1.18-.2.44-.79.61-1.2.36a.812.812 0 01-.42-.71zm1.7 5.46h.67v.53h-2.89V7.6h.66V3.99h-.66v-.53h2.22z' transform='translate(-80)'/%3E%3C/mask%3E%3C/g%3E%3C/svg%3E") no-repeat center; /* Icon taken from Chrome DevTools, see https://github.com/ChromeDevTools/devtools-frontend/blob/master/LICENSE for the license */ --cf-svg--consoleicon--log: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' fill='gray' viewBox='0 0 612 612' style='enable-background:new 0 0 612 612;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M577.662,0h-319.77c-4.974,0-9.743,1.975-13.259,5.491L21.08,229.046c-3.516,3.516-5.493,8.286-5.493,13.257v350.945 c0,10.355,8.396,18.751,18.751,18.751h543.324c10.355,0,18.751-8.396,18.751-18.751V18.751C596.413,8.393,588.017,0,577.662,0z M239.141,64.021v159.532H79.608L239.141,64.021z M558.911,574.497H53.089V261.055h204.803c10.355,0,18.751-8.396,18.751-18.751 V37.502h282.267V574.497L558.911,574.497z'/%3E%3C/g%3E%3C/svg%3E"); /* Icon taken from Chrome DevTools, see https://github.com/ChromeDevTools/devtools-frontend/blob/master/LICENSE for the license */ --cf-svg--consoleicon--debug: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(220deg 45% 33%)'%3E%3Cpath d='M 8.90625 2 L 7.71875 3.59375 L 9.25 4.75 C 9.0839167 5.1277969 9 5.5491469 9 6 L 15 6 C 15 5.564911 14.936469 5.148849 14.78125 4.78125 L 16.34375 3.625 L 15.15625 2 L 13.375 3.34375 C 12.962316 3.1354159 12.508234 3 12 3 C 11.50753 3 11.059705 3.116189 10.65625 3.3125 L 8.90625 2 z M 8 7 C 7.4455939 7 6.9569277 7.6783929 6.59375 8.78125 L 4.15625 7.375 L 3.15625 9.09375 L 6.125 10.8125 C 6.0365185 11.488416 6 12.232851 6 13 L 3 13 L 3 15 L 6.125 15 C 6.2422017 15.797279 6.4390457 16.481344 6.6875 17.0625 L 4.09375 19.03125 L 5.3125 20.625 L 7.78125 18.75 C 8.6724703 19.679039 9.8221552 20.186034 11 20.59375 L 11 13 L 13 13 L 13 20.6875 C 14.44375 20.25 15.583374 19.776807 16.40625 18.90625 L 18.71875 20.65625 L 19.9375 19.09375 L 17.4375 17.15625 C 17.656442 16.552483 17.783977 15.84839 17.875 15 L 21 15 L 21 13 L 18 13 C 18 12.208956 17.937538 11.443166 17.84375 10.75 L 20.75 9.0625 L 19.75 7.3125 L 17.375 8.6875 C 17.014656 7.6428208 16.537602 7 16 7 L 8 7 z'/%3E%3C/svg%3E"); /* Licensed under CC0 */ --cf-svg--consoleicon--network: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 53.937 53.937' style='enable-background:new 0 0 53.937 53.937;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:gray' d='M26.969,0C12.099,0,0,12.099,0,26.969C0,41.84,12.099,53.937,26.969,53.937 S53.937,41.84,53.937,26.969C53.937,12.099,41.839,0,26.969,0z M26.969,49.989c-1.971,0-3.874-0.274-5.7-0.742 c0.002-0.038,0.011-0.074,0.011-0.113V25.93l1.336,1.336c0.833,0.833,2.183,0.833,3.017,0c0.833-0.833,0.833-2.184,0-3.017 l-4.977-4.977c0-0.001-0.001-0.001-0.002-0.002l-1.507-1.508L17.64,19.27c-0.001,0.001-0.002,0.001-0.002,0.001l-5.333,5.333 c-0.833,0.833-0.833,2.184,0,3.017c0.417,0.417,0.962,0.625,1.508,0.625s1.092-0.208,1.508-0.625l1.692-1.691v21.765 C9.296,43.972,3.947,36.093,3.947,26.969c0-12.694,10.328-23.021,23.021-23.021c1.545,0,3.053,0.158,4.514,0.45 c-0.028,0.139-0.043,0.28-0.043,0.428V28.03l-1.336-1.336c-0.833-0.833-2.184-0.833-3.017,0s-0.833,2.184,0,3.017l4.976,4.977 c0,0.001,0.001,0.001,0.002,0.002l1.507,1.508l1.507-1.508c0.001-0.001,0.002-0.001,0.002-0.001l5.333-5.333 c0.833-0.833,0.833-2.184,0-3.017s-2.183-0.833-3.017,0l-1.691,1.691V5.681C44.077,9.129,49.99,17.368,49.99,26.969 C49.991,39.662,39.662,49.989,26.969,49.989z' /%3E%3C/g%3E%3C/svg%3E%0A"); /* Licensed under CC0 */ --cf-svg--consoleicon--warn: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 10 10'%3E%3Cmetadata id='metadata2706'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg transform='translate(27.781233,-68.224719)'%3E%3Cg id='g4443' transform='matrix(1.0000124,0,0,1.0000124,-27.781295,68.224595)'%3E%3Cpath style='stroke:%23c19600;stroke-width:2;stroke-linejoin:round' d='m 61,9 4,-8 4,8 z' transform='translate(-60)' /%3E%3Cpath style='fill:%23f4bd00;stroke:%23f5bd00;stroke-width:1.5;stroke-linejoin:round' d='m 61,9 4,-8 4,8 z' transform='translate(-60)' /%3E%3Cpath style='fill:%23ad8601' d='m 63.75,2.75 h 2.5 v 2.5 L 65.75,7 h -1.5 l -0.5,-1.75 v -2.5 m 0,5.25 h 2.5 v 1.25 h -2.5' transform='translate(-60)' /%3E%3Cpath style='fill:%23ffffff' d='m 64,3 h 2 V 5.25 L 65.5,7 h -1 L 64,5.25 V 3 m 0,5 h 2 v 1 h -2' transform='translate(-60)' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); /* Icon taken from Chrome DevTools, see https://github.com/ChromeDevTools/devtools-frontend/blob/master/LICENSE for the license */ --cf-svg--consoleicon--error: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg viewBox='0 0 10 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cpath d='M5,9.64 C7.56,9.64 9.64,7.56 9.64,5 C9.64,2.44 7.56,0.36 5,0.36 C2.44,0.36 0.36,2.44 0.36,5 C0.36,7.56 2.44,9.64 5,9.64 Z' id='path3701' fill='%23EB3941'%3E%3C/path%3E%3Cpath d='M3,3 L7,7' id='path3703' stroke='%23FFFFFF' fill='%23000000'%3E%3C/path%3E%3Cpath d='M7,3 L3,7' id='path3705' stroke='%23FFFFFF' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); /* Icon taken from Chrome DevTools, see https://github.com/ChromeDevTools/devtools-frontend/blob/master/LICENSE for the license */ }