367 lines
22 KiB
CSS
367 lines
22 KiB
CSS
html {
|
||
-webkit-user-select: var(--user-select-copyable);
|
||
user-select: var(--user-select-copyable);
|
||
width: 100%;
|
||
height: 100%;
|
||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||
}
|
||
html[lang^="zh-"]{
|
||
font-family: LarkEmojiFont,LarkChineseQuote,-apple-system,BlinkMacSystemFont,Helvetica Neue,Tahoma,PingFang SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
|
||
}
|
||
html[lang^="en-"]{
|
||
font-family: LarkEmojiFont,-apple-system,BlinkMacSystemFont,Helvetica Neue,Tahoma,PingFang SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
|
||
}
|
||
html[lang='ja-JP']{
|
||
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Noto Sans Japanese","Hiragino Sans GB","Yu Gothic","Microsoft Jhenghei UI","Microsoft Yahei UI","ＭＳ Ｐゴシック",Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
|
||
}
|
||
body {
|
||
width: 100%;
|
||
min-height: 100%;
|
||
margin: 0;
|
||
-webkit-user-select: var(--user-select-copyable);
|
||
user-select: var(--user-select-copyable);
|
||
overflow-x: hidden;
|
||
overflow-y: auto;
|
||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||
-webkit-text-size-adjust: 100% !important;
|
||
}
|
||
|
||
/* 色板地址，用到了再写 */
|
||
/* https://www.figma.com/file/mhVnz6wD1HjkpjXCZFPqGf/%F0%9F%8C%9E-Light---00-Style-Foundation-(Color%2C-Typography%2C-Shadow)?node-id=2949%3A683 */
|
||
:root {
|
||
--R300: #F98E8B;
|
||
--R400: #F76964;
|
||
--R500: #F54A45;
|
||
--R600: #D83931;
|
||
|
||
--B100: #E1EAFF;
|
||
--B200: #BACEFD;
|
||
--B300: #82A7FC;
|
||
--B400: #4E83FD;
|
||
--B500: #3370FF;
|
||
--B600: #245BDB;
|
||
|
||
--N00: #FFFFFF;
|
||
--N50: #F5F6F7;
|
||
--N100: #F2F3F5;
|
||
--N200: #EFF0F1;
|
||
--N300: #DEE0E3;
|
||
--N400: #BBBFC4;
|
||
--N500: #8F959E;
|
||
--N600: #646A73;
|
||
--N800: #2B2F36;
|
||
--N900: #1F2329;
|
||
--N900-4: rgba(31, 35, 41, 0.04);
|
||
--N900-6: rgba(31, 35, 41, 0.06);
|
||
--N900-8: rgba(31, 35, 41, 0.08);
|
||
--N900-15: rgba(31, 35, 41, 0.15);
|
||
--N900-30: rgba(31, 35, 41, 0.3);
|
||
--N900-60: rgba(31, 35, 41, 0.6);
|
||
|
||
--token-line-border-card: var(--N300);
|
||
--token-line-border-component: var(--N400);
|
||
|
||
--token-bg-base: var(--N100);
|
||
--token-bg-body: var(--N00);
|
||
--editor-bg-body: #FFFFFF;
|
||
--editor-bg-float: #FFFFFF;
|
||
--editor-bg-filter: #eff0f1;
|
||
--editor-box-shadow: rgba(0, 0, 0, 0.25);
|
||
--token-bg-overlay: var(--N50);
|
||
--token-bg-mask: rgba(0,0,0,.4);
|
||
--token-bg-float: var(--N00);
|
||
--token-bg-float-overlay: var(--N100);
|
||
--token-switch-before-bg: #FFFFFF;
|
||
|
||
--user-select-copyable: none;
|
||
}
|
||
|
||
:root[data-tt-copyable="true"] {
|
||
--user-select-copyable: auto;
|
||
}
|
||
|
||
/* https://www.figma.com/file/JuUQ0totJs5YYuzNDwjPJi/%F0%9F%8C%97-Dark---00-Style-Foundation-(Color%2C-Typography%2C-Shadow)?node-id=3124%3A63095 */
|
||
:root[data-tt-theme="dark"] {
|
||
--R300: #9E3836;
|
||
--R400: #CC4743;
|
||
--R500: #F0544F;
|
||
--R600: #FA7873;
|
||
|
||
--B100: #192A4C;
|
||
--B200: #203E78;
|
||
--B300: #2851A3;
|
||
--B400: #2E65D1;
|
||
--B500: #4382FF;
|
||
--B600: #5E94FF;
|
||
|
||
--N00: #101010;
|
||
--N50: #1F1F1F;
|
||
--N100: #2E2E2E;
|
||
--N200: #373737;
|
||
--N300: #434343;
|
||
--N400: #5F5F5F;
|
||
--N500: #939393;
|
||
--N600: #C1C1C1;
|
||
--N800: #E8E8E8;
|
||
--N900: #F0F0F0;
|
||
--N900-4: rgba(240, 240, 240, 0.04);
|
||
--N900-6: rgba(240, 240, 240, 0.06);
|
||
--N900-8: rgba(240, 240, 240, 0.08);
|
||
--N900-15: rgba(240, 240, 240, 0.15);
|
||
--N900-30: rgba(240, 240, 240, 0.3);
|
||
--N900-60: rgba(240, 240, 240, 0.6);
|
||
|
||
--token-line-border-card: var(--N400);
|
||
--token-line-border-component: #525252;
|
||
|
||
--token-bg-base: var(--N00);
|
||
--token-bg-body: var(--N50);
|
||
--token-bg-overlay: var(--N100);
|
||
--token-bg-mask: rgba(0,0,0,.7);
|
||
--token-bg-float: var(--N100);
|
||
--token-bg-float-overlay: var(--N200);
|
||
--token-bg-tips: var(--N300);
|
||
--token-switch-before-bg: rgba(120, 120, 128, 0.16);
|
||
--token-sliding-block-bg: #939393;
|
||
--editor-bg-body: #1F1F1F;
|
||
--editor-bg-float: #101010;
|
||
--editor-bg-filter: #373737;
|
||
--editor-box-shadow: rgba(0, 0, 0, 0.28);
|
||
--picker-view-bg-180: linear-gradient(180deg, rgba(31, 31, 31, 1), rgba(31, 31, 31, 0));
|
||
--picker-view-bg-0: linear-gradient(0deg, rgba(31, 31, 31, 1), rgba(31, 31, 31, 0));
|
||
--token-text-title2: var(--N900);
|
||
}
|
||
|
||
/* Token 列表，应该直接使用 token 色彩而不是色板 */
|
||
/* 因为两个模式下token-token(比如text/title--N900)的对应关系有所区别 所以这下面只应该写共通的部分 */
|
||
/* 更多样式可以查看 https://code.byted.org/universe-ui/styles */
|
||
:root {
|
||
--token-brand: var(--B500);
|
||
|
||
--token-primary-100: var(--B100);
|
||
--token-primary-200: var(--B200);
|
||
--token-primary-300: var(--B300);
|
||
--token-primary-400: var(--B400);
|
||
--token-primary-500: var(--B500);
|
||
--token-primary-600: var(--B600);
|
||
|
||
--token-danger-300: var(--R300);
|
||
--token-danger-400: var(--R400);
|
||
--token-danger-500: var(--R500);
|
||
--token-danger-600: var(--R600);
|
||
|
||
--token-info-300: var(--B300);
|
||
|
||
--token-text-title: var(--N900);
|
||
--token-text-caption: var(--N600);
|
||
--token-text-placeholder: var(--N500);
|
||
--token-text-disable: var(--N400);
|
||
--token-text-link-normal: var(--B600);
|
||
--token-text-link-hover: var(--B500);
|
||
|
||
--token-bg-filter: var(--N200);
|
||
--token-bg-pricolor: var(--B400);
|
||
--token-bg-tips: var(--N900);
|
||
|
||
--token-line-divider-default: var(--N900-15);
|
||
|
||
--token-fill-disable: var(--N400);
|
||
--token-fill-hover: var(--N900-8);
|
||
|
||
--token-icon-n1: var(--N800);
|
||
--token-icon-n2: var(--N600);
|
||
--token-icon-n3: var(--N500);
|
||
--token-icon-disable: var(--N400);
|
||
|
||
--token-palette-neutral-200: var(--N200);
|
||
--token-palette-neutral-400: var(--N400);
|
||
--token-palette-neutral-500: var(--N500);
|
||
|
||
/* 静态色值，不跟随主题变化 */
|
||
--token-static-white: #FFFFFF;
|
||
--token-static-white-hover: rgba(255, 255, 255, 0.1);
|
||
--token-static-white-pressed: rgba(255, 255, 255, .2);
|
||
--token-static-black: #000000;
|
||
--token-sliding-block-bg: #FFFFFF;
|
||
|
||
--token-transparent-neutral-900: var(--N900-15);
|
||
|
||
--token-shadow-s4-down: 0px 8px 24px 8px var(--N900-4), 0px 6px 12px var(--N900-4), 0px 4px 8px -8px var(--N900-6);
|
||
}
|
||
|
||
@font-face {
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
font-family: "ttui";
|
||
src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
|
||
}
|
||
|
||
/* @font-face {
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
font-family: "ttui-pc";
|
||
src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAo8AAsAAAAACfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIF92NtYXAAAAFoAAAAZAAAAGT9g7ivZ2FzcAAAAcwAAAAIAAAACAAAABBnbHlmAAAB1AAABfQAAAX0ZkqRxWhlYWQAAAfIAAAANgAAADYVk+hvaGhlYQAACAAAAAAkAAAAJAfCA85obXR4AAAIJAAAADQAAAA0KgADkGxvY2EAAAhYAAAAHAAAABwHSgj4bWF4cAAACHQAAAAgAAAAIAARAGZuYW1lAAAIlAAAAYYAAAGGmUoJ+3Bvc3QAAAocAAAAIAAAACAAAwAAAAMDzQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAEgAAAAOAAgAAgAGAAEAIOYR5hXpAP/9//8AAAAAACDmDeYT6QD//f//AAH/4xn3GfYXDAADAAEAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAMAAP/ABAADwAAbAD4AYwAAEzQ3PgE3NjMyFx4BFxYVFAcOAQcGIyInLgEnJgUyNjc0NicHDgEnLgE/ATYmJyIGBxwBFzc+ARceAQ8BBhYXEyIGBw4BBw4BFRQWFx4BFx4BMzI2Nz4BNz4BNTQmJy4BJy4BIwAoKIteXWpqXV6LKCgoKIteXWpqXV6LKCgB1Cw6GgIBLgcPBQQEAU0EGBwdSxoBLgcOBQQEAUwHGB9hBwwHBgoEAwQEAwQJBgcNBwcNBwYKAwQEBAQDCwYGDQcBwGpdXosoKCgoi15dampdXosoKCgoi15dlTMmBRMHNgcJAQEIBPYYJQI0JgQTBzYICQIBCAX1FSUFAf8EAwMKBgcNBwcOBgYKBAMEBAMECgYGDgcHDQcGCgMEAwAAAAACAAD/4wP0A7MAIgA/AAAlFwcnBgcOAQcGIyInLgEnJjU0Nz4BNzYzMhceARcWFRQGBwUyNz4BNzY1NCcuAScmIyIHDgEHBhUUFx4BFxYzAy/FUsAdIiFKKCgqXFFSeSMjIyN5UlFcXVFReiMjKSX+j0Y9PVwaGhoaXD09RkU9PlsaGxsaWz49RfnEUsAaFBQcBwgjI3lSUV1cUVJ5IyMjI3lSUVxGgDZVGxpbPj1GRT0+WxobGxpbPj1FRj0+WxobAAAAAgAa/8AD5gPAAA0AFwAAJREUBiMhIiY1ETMVITUlNxcJATcXETMRA+YeFfyaFR5mAwD+s/VI/pb+lknoZvP/ABUeHhUBAM3NZfRI/pYBakjoAlz9mAAAAAEBBgDcAxUCcwATAAABJgYHDgEfARY2NwE+AScmBgcBJwFIDCYNDgEMlg0lDgE3DgENDCYN/up4AbQMAQ4NJg2VDQEOAVUOJQ0NAg3+y3gAAQCUAFsDaAMvAAwAAAkBFwkBBwkBJwkBNwEB/gEtPf7SAS49/tP+0jwBLf7TPAEuAgEBLj3+0/7SPAEt/tM8AS4BLT3+0gAAAgAA/8AEAAPAABsALwAAEzQ3PgE3NjMyFx4BFxYVFAcOAQcGIyInLgEnJiUmBgcOAR8BFjY3AT4BJyYGBwEnACgoi15dampdXosoKCgoi15dampdXosoKAFIDCYNDgEMlg0lDgE3DgENDCYN/up4AcBqXV6LKCgoKIteXWpqXV6LKCgoKIteXV4MAQ4NJg2VDQEOAVUOJQ0NAg3+y3gAAAMAAP/ABAADwAAbAEAAVQAAEzQ3PgE3NjMyFx4BFxYVFAcOAQcGIyInLgEnJgUiBgcOAQcOARUUFhceARceATMyNjc+ATc+ATU0JicuAScuASMTKgEjDgEXEx4BMzI2NxM8ATU0JiMAKCiLXl1qal1eiygoKCiLXl1qal1eiygoAgoGDQYHCgMEBAQEAwoGBg0HCA0GBgoEAwQEAwQKBwYNBwECAwIcIwIbARgQEBcCGiccAcBqXV6LKCgoKIteXWpqXV6LKCgoKIteXUEDBAMKBgYOBwcOBgYKAwQDAwQDCgYGDgcHDgYGCgQDAwHAAysc/u8PFhYPARECAwIcJwACAAD/wAQAA8AAIAA8AAABNzY0JyYiDwEnJiIHBhQfAQcGFBcWMj8BFxYyNzY0LwEhNDc+ATc2MzIXHgEXFhUUBw4BBwYjIicuAScmAjyXDQ0MJAyXlwwkDA0Nl5cNDQwkDJeXDCQMDQ2X/cQoKIteXWpqXV6LKCgoKIteXWpqXV6LKCgBwJcMJAwNDZeXDQ0MJAyXlwwkDA0Nl5cNDQwkDJdqXV6LKCgoKIteXWpqXV6LKCgoKIteXQAAAAEB3AGcBAADwAAmAAABIiY1NCYnLgEnMS4BLwEuASMiJjU0NjMyFhceARceARceARUUBiMD3A8VERIRMB0dRScDKFYtDxUVDzRkLy5SIyM3FBQUFQ8BnBUPLVYoKUYdHi8QARIRFQ8PFRQUFDcjI1IuL2Q0DxUAAAEAAAABAACIeUsFXw889QALBAAAAAAA2TpR+QAAAADZOlH5AAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAA0EAAAAAAAAAAAAAAACAAAABAAAAAQAAAAEAAAaBAABBgQAAJQEAAAABAAAAAQAAAAEAAHcAAAAAAAKABQAHgC2ARgBRAFsAZAB4AJgAr4C+gABAAAADQBkAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("woff");
|
||
} */
|
||
|
||
@font-face {
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
font-family: "larkui";
|
||
src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
|
||
}
|
||
|
||
body.webscreen-fix {
|
||
position: fixed !important;
|
||
top: 0 !important;
|
||
left: 0 !important;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
overflow: hidden !important;
|
||
}
|
||
|
||
tt-video.gadget-fullscreen {
|
||
position: fixed !important;
|
||
top: 0 !important;
|
||
left: 0 !important;
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
z-index: 10000 !important;
|
||
}
|
||
tt-editor {
|
||
padding: 8px;
|
||
height: 225px;
|
||
position: relative;
|
||
box-sizing: border-box;
|
||
user-select: text;
|
||
display: block;
|
||
min-height: 225px;
|
||
background-color: var(--editor-bg-body);
|
||
}
|
||
.adit-toolbar {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
}
|
||
.editor_outer_container {
|
||
margin-top: 40px;
|
||
box-sizing: border-box;
|
||
height: calc(100% - 40px);
|
||
width: 100%;
|
||
padding: 0 8px;
|
||
position: relative;
|
||
}
|
||
.editor_outer_container.no-toolbar {
|
||
margin-top: 0;
|
||
height: 100%;
|
||
}
|
||
|
||
/* 暗黑模式 */
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container {
|
||
background-color: var(--editor-bg-float);
|
||
border: 1px solid var(--N900-15);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-plate {
|
||
background-color: var(--editor-bg-float);
|
||
border: 1px solid var(--N900-15);
|
||
box-shadow: 0 6px 24px 0 var(--editor-box-shadow);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-wrapper {
|
||
background-color: var(--editor-bg-float);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-format-button {
|
||
color: var(--N900);
|
||
}
|
||
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-format-button svg, .editor-kit-wrapper-container.adit-wrapper-container .adit-format-button button {
|
||
fill: var(--N900);
|
||
}
|
||
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown .adit-format-button {
|
||
border: 1px solid var(--N900-15);
|
||
}
|
||
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-content {
|
||
color: var(--N900);
|
||
background-color: var(--editor-bg-float);
|
||
border: 1px solid var(--N900-15);
|
||
box-shadow: 1px solid var(--editor-box-shadow);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .menu-icon:not([adit-selected]) svg {
|
||
fill: var(--N800);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-format-button:hover:not([adit-disabled]) {
|
||
background-color: var(--editor-bg-filter);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown button:hover {
|
||
background-color: var(--editor-bg-filter);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-color-picker {
|
||
color: var(--N900);
|
||
background-color: var(--editor-bg-float);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-group:not(:first-child)::before {
|
||
background-color: var(--N900-15);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-color-picker {
|
||
border: 1px solid var(--N900-15);
|
||
box-shadow: 1px solid var(--editor-box-shadow);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-content .menu-text:hover {
|
||
background-color: var(--editor-bg-filter);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-format-align .menu-icon:hover {
|
||
background-color: var(--editor-bg-filter);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-box::before {
|
||
border-bottom-color: var(--N900-15);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-box::before {
|
||
border-bottom-color: var(--N900-15);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-pivot .adit-dropdown-locate.bottom > .adit-dropdown-box::after {
|
||
border-bottom-color: var(--N900-15);
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-pivot .adit-dropdown-locate {
|
||
z-index: 1;
|
||
}
|
||
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-pivot .adit-dropdown-locate > .adit-dropdown-box {
|
||
background-color: var(--editor-bg-float);
|
||
}
|
||
|
||
/* 图片只读模式不出拖拽 */
|
||
tt-editor .editor-kit-outer-container .editor-kit-container[contenteditable=false] .image-container .image-wrapper.selected .point.n-icon-dragable {
|
||
display: none;
|
||
}
|
||
|
||
/* hyperlink 弹窗禁止 */
|
||
tt-editor[data-popup="true"] .link-popup.layout-row {
|
||
display: none;
|
||
}
|
||
|
||
tt-editor[data-popup="true"] .link-modify-popup.layout-row {
|
||
display: none;
|
||
}
|
||
|
||
tt-editor .adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container {
|
||
z-index: auto;
|
||
}
|
||
|
||
/* 窄屏适配 */
|
||
@media screen and (max-width: 450px){
|
||
.adit-popup-container .link-popup input.link-row-input {
|
||
width: 154px;
|
||
}
|
||
}
|
||
|
||
/* video */
|
||
tt-editor .editor-kit-container .video-container .video-wrapper .video-upload-loading {
|
||
height: 220px;
|
||
}
|
||
|
||
tt-editor .editor-kit-container .video-container .video-wrapper .video-upload-failed .fail-wrapper {
|
||
height: 220px;
|
||
}
|