deepdark-ui/deepdark-ui.css

面向开发者的暗黑风格的数字孪生组件库；基于vue3的开发

.--dk--button[data-v-5b5922bb]{position:relative;width:100%;height:100%;cursor:pointer;overflow:hidden}.--dk--button[data-v-5b5922bb]:before{height:100%;width:20%;content:"";position:absolute;top:0;left:-30%;z-index:10;background:linear-gradient(90deg,#2c2c2c67,#696666,#2c2c2c67);transform:skew(-35deg)}.--dk--button[data-v-5b5922bb]:hover:before{left:120%;transition:all .4s}.--dk--button--content[data-v-5b5922bb]{position:absolute;top:3%;left:4%;z-index:10;width:92%;height:94%;font-size:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:10%}.--dk--button--content[data-v-5b5922bb]:hover{font-weight:600}.--dk--button--content--text[data-v-5b5922bb]{margin:0 5px}.--dk--button--content--text[data-v-5b5922bb]:hover{margin:2px 6px}.--dk--panel[data-v-98872be4]{position:relative;width:100%;height:100%}.--dk--panel--content[data-v-98872be4]{position:absolute;top:0;left:0;width:100%;height:100%;font-size:14px;overflow:hidden}.--dk--panel--content--header[data-v-98872be4]{width:100%;height:2.2em;display:flex;align-items:center;padding-top:.2em;justify-content:start;border-bottom-color:#b22222;border-bottom:1px;border-bottom-style:solid}.--dk--panel--content--header-icon-left[data-v-98872be4]{margin-top:2%;margin-left:4%}.--dk--panel--content--header-icon-right[data-v-98872be4]{margin-top:2%;margin-right:4%}.--dk--panel--content--header--title[data-v-98872be4]{font-size:14px;font-weight:600;margin:0 5px}.--dk--panel--content--body[data-v-98872be4]{width:92%;height:calc(100% - 3.5em);margin:.5em 4%;overflow-y:auto}.--dk--popup[data-v-c0319147]{position:relative;width:100%;height:100%}.--dk--popup--content[data-v-c0319147]{position:absolute;top:14%;left:0;z-index:1;width:94%;height:72%;margin-left:4%;margin-right:3%;font-size:12px;overflow-y:auto}.--dk--popup--closebtn[data-v-c0319147]{position:absolute;right:2%;top:7%;z-index:5;width:5%;height:5%;text-align:center;cursor:pointer}.--dk--dialog[data-v-a3f75c46]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;width:200px;height:100px}.--dk--dialog--mask[data-v-a3f75c46]{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:100;background-color:#202020cc}.--dk--dialog--main[data-v-a3f75c46]{position:relative;width:100%;height:100%}.--dk--dialog--content[data-v-a3f75c46]{position:absolute;top:0;left:0;width:100%;height:100%;font-size:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.--dk--dialog--content--close[data-v-a3f75c46]{position:absolute;top:1em;right:1em;z-index:105;height:1em;min-width:8px;cursor:pointer}.--dk--dialog--content--header[data-v-a3f75c46]{width:100%;height:3em;display:flex;align-items:center;justify-content:start;border-bottom:1px;border-bottom-style:solid}.--dk--dialog--content--header-icon-left[data-v-a3f75c46]{margin-top:2%;margin-left:4%}.--dk--dialog--content--header-icon-right[data-v-a3f75c46]{margin-top:2%;margin-right:4%}.--dk--dialog--content--header--title[data-v-a3f75c46]{font-size:1.2em;font-weight:600;margin-top:5px;margin-left:5px;margin-right:5px}.--dk--dialog--content--body[data-v-a3f75c46]{width:100%;padding:1% 3%;flex-grow:1}.--dk--dialog--content--foot[data-v-a3f75c46]{height:10%;min-height:36px;border-top:1px;border-top-style:solid;display:flex;justify-content:center;align-items:center}.--dk--banner[data-v-9daa2bed]{position:relative;width:100%;height:100%}.--dk--banner--content[data-v-9daa2bed]{position:absolute;top:0;left:0%;z-index:10;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.--dk--banner--content--title[data-v-9daa2bed]{font-size:24px;font-weight:600;letter-spacing:.2em}.--dk--digit[data-v-38904f7f]{position:relative;width:100%;height:100%}.--dk--digit--content[data-v-38904f7f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;overflow:hidden}.--dk--digit--content--header[data-v-38904f7f]{color:var(--textC);font-size:10px}.--dk--digit--content--main[data-v-38904f7f]{font-size:200%;font-weight:900;font-family:led-digital}table.--dk--grid[data-v-5728f482]{table-layout:auto;border-collapse:collapse}table.--dk--grid tr[data-v-5728f482]{border-width:1px;border-style:solid}table.--dk--grid td[data-v-5728f482]{height:26px;font-size:14px;padding:2px 4px}table.--dk--grid--border td[data-v-5728f482]{border-width:1px;border-style:solid}:root{--themeColor: rgb(8, 8, 12);--textC-deep-light: #eeeeee;--textC-light: #e5eaf3;--textC: #cfd3dc;--textC-dark: #a3a6ad;--textC-deep-dark: #8d9095;--textC-deep2-dark: #6c6e72;--border-deep-light: #636466;--border-light: #58585b;--border: #4c4d4f;--border-dark: #414243;--border-deep-dark: #363637;--border-deep2-dark: #2b2b2c;--bgColor-deep-light: rgb(40, 40, 40);--bgColor-light: rgb(32,32, 32);--bgColor: rgb(24, 24, 24);--bgColor-dark: rgb(16, 16, 16);--bgColor-deep-dark: rgb(8, 8, 8);--bgColor-deep2-dark: rgb(0, 0, 0);--pink-1: #ffe8ed;--pink-2: #fabdcc;--pink-3: #f593af;--pink-4: #ef6b95;--pink-5: #ea457f;--pink-6: #e5206c;--pink-7: #bf145b;--pink-8: #990b4b;--pink-9: #730439;--pink-10: #4d0028;--red-1: #ffece8;--red-2: #fcc8c0;--red-3: #faa298;--red-4: #f77b72;--red-5: #f5524c;--red-6: #f22727;--red-7: #c9181e;--red-8: #9f0d17;--red-9: #760510;--red-10: #4d000a;--orange-1: #fff3e8;--orange-2: #ffddc2;--orange-3: #ffc59c;--orange-4: #ffaa75;--orange-5: #ff8d4f;--orange-6: #ff6d29;--orange-7: #d24e19;--orange-8: #a6330d;--orange-9: #791e05;--orange-10: #4d0e00;--yellow-1: #fffce8;--yellow-2: #fff5c2;--yellow-3: #ffeb9c;--yellow-4: #ffdf75;--yellow-5: #ffd04f;--yellow-6: #ffbf29;--yellow-7: #d29519;--yellow-8: #a66e0d;--yellow-9: #794b05;--yellow-10: #4d2b00;--sky-blue-1: #e8fffb;--sky-blue-2: #baf5ed;--sky-blue-3: #8febe1;--sky-blue-4: #67e0d8;--sky-blue-5: #43d6d1;--sky-blue-6: #21cccc;--sky-blue-7: #15a7ac;--sky-blue-8: #0b848c;--sky-blue-9: #04626c;--sky-blue-10: #003748;--sky-blue-bg: rgb(0, 11, 37);--sea-blue-1: #e8fcff;--sea-blue-2: #c0f2fc;--sea-blue-3: #98e6fa;--sea-blue-4: #72d8f7;--sea-blue-5: #4cc8f5;--sea-blue-6: #27b5f2;--sea-blue-7: #188ec9;--sea-blue-8: #0d6a9f;--sea-blue-9: rgb(5, 73, 118);--sea-blue-10: rgb(0, 43, 77);--sea-blue-bg: rgb(0, 14, 37);--blue-1: #e8f3ff;--blue-2: #c2ddff;--blue-3: #9cc5ff;--blue-4: #75aaff;--blue-5: #4f8dff;--blue-6: #296dff;--blue-7: #194ed2;--blue-8: #0d33a6;--blue-9: rgb(5, 30, 121);--blue-10: rgb(0, 14, 77);--blue-bg: rgb(0, 7, 37);--purple-1: #f5e8ff;--purple-2: #ddbef6;--purple-3: #c396ed;--purple-4: #a871e3;--purple-5: #8d4eda;--purple-6: #722ed1;--purple-7: #551db0;--purple-8: #3c108f;--purple-9: #27066e;--purple-10: #16004d;--green-1: #e5ffe7;--green-2: #bcf6bf;--green-3: #96ed9b;--green-4: #72e378;--green-5: #4eda55;--green-6: #2ed136;--green-7: #1daf24;--green-8: #108e16;--green-9: #066f0b;--green-10: #004d04;--green-bg: rgb(0, 36, 2)}@font-face{font-family:led-digital;src:url(./font/digital/DS-DIGI.TTF) format("truetype");font-weight:600}