## Local
```css
/* 图片 */
.img-center-align .print :is(.markdown-preview-view, .markdown-rendered) img:not([class]), .img-center-align .markdown-preview-view img:not([class]), .img-center-align .markdown-source-view img:not([class]) {
width: 80%;
border-radius: 14px;
box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.08);
}
/* 标题 */
body:not(.is-mobile) .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner {
box-shadow: 0 2px 8px 1px rgb(0 0 0 / 17%);
border-radius: 10px;
}
.workspace .mod-root .workspace-tab-header-inner-title {
text-align: center;
font-weight: bold;
}
```
## Publish
```css
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&display=swap');
body {
background-image:
linear-gradient(#eee 1px, transparent 1px),
linear-gradient(90deg, #eee 1px, transparent 1px);
background-size: 10px 10px;
}
b,
strong {
font-weight: var(--bold-weight);
color: #8B6CEF;
}
i,
em {
font-style: italic;
color: #A68AF9;
}
hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0 0 0 / 25%), rgba(0, 0, 0, 0));
}
.markdown-rendered hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0 0 0 / 25%), rgba(0, 0, 0, 0));
}
/*highlith*/
.markdown-rendered mark {
/*
background-color: var(--text-highlight-bg);
color: var(--text-normal);
padding: 2px;
vertical-align: baseline;
border-radius: 6px;
*/
background-color: unset;
background-image: linear-gradient(120deg, #43d3ffab, #baaaff8a);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% 40%;
}
/* ------------------------------图片----------------------------------- */
.markdown-preview-view img, .markdown-rendered img {
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
right: -50%;
position: relative;
transform: translateX(-50%);
border-radius: 5px;
max-width: 80%;
}
/* ------------------------------------------------------------------- */
/* -----------------------------引用块---------------------------------- */
.markdown-rendered blockquote {
color: #646464a8;
font-style: var(--blockquote-font-style);
background-color: #f9f9f9;
border-left: 5px solid #adbdc9;
padding: 0 0 0 10px;
border-radius: .3rem;
font-family: "LXGW WenKai";
margin-inline-start: 0;
margin-inline-end: 0;
/* box-shadow: rgba(0, 0, 0, .05) 0 .2rem .5rem, rgba(0, 0, 0, .1) 0 0 .05rem; */
}
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote:before, .markdown-source-view.mod-cm6 .cm-blockquote-border:before {
content: "\200b";
display: block;
width: 1px;
border-left: 5px solid #adbdc9;
position: absolute;
top: 0;
bottom: 0;
}
/* ------------------------------------------------------------------- */
/* ------------------------------Code----------------------------------- */
.markdown-rendered pre {
border: 2px dashed rgba(162, 157, 157, 0.23);
font-family: "Cascadia Code";
}
/* ------------------------------------------------------------------- */
/* ------------------------------界面----------------------------------- */
.published-container {
--page-width: 1000px;
--sidebar-left-width: 280px;
--sidebar-right-width: 250px;
}
.site-body-right-column .site-body-right-column-inner {
padding: 0 10px;
}
.publish-renderer > .markdown-preview-view > .markdown-preview-sizer {
padding: 0 15px 0 35px;
}
.site-body-left-column-site-name {
text-align: center;
}
.site-body-left-column-site-name {
padding: 8px;
}
.site-body-left-column {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 5px;
}
.workspace-tab-header-inner-title {
flex: 1 1 auto;
font-size: var(--tab-font-size);
font-weight: bold;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
/* ------------------------------------------------------------------- */
/* ----------------------------Tables---------------------------------- */
.markdown-rendered table {
border-collapse: collapse;
/*text-align: center;*/
margin: auto;
}
.markdown-rendered thead tr > th {
border-top-width: var(--table-header-border-width);
background: #324960;
color:#FFFFFF;
}
.markdown-rendered thead tr > th:nth-child(2n+2) {
background: #324960;
color:#FFFFFF;
}
.markdown-rendered thead tr > th:first-child {
background: #324960;
color:#FFFFFF;
}
.markdown-rendered thead tr > th:last-child {
background: #324960;
color:#FFFFFF;
}
.markdown-rendered tbody tr:nth-child(odd) {
/*background-color: var(--table-row-alt-background);*/
background: #F8F8F8;
}
/* ------------------------------------------------------------------- */
/* ----------------------------callout---------------------------------- */
.callout {
border-left: 5px solid #00BFA6;
background-color: transparent;
border-radius: .4rem;
box-shadow: rgba(0, 0, 0, .05) 0 .2rem .5rem, rgba(0, 0, 0, .1) 0 0 .05rem;
box-sizing: border-box;
break-inside: avoid;
line-height: 1.7;
outline: 1px solid transparent;
margin: 1em 0;
outline: 1px solid transparent;
overflow: hidden;
padding: 0;
tab-size: 4;
}
.callout-title {
background-color: #00bfa61a;
border: 0 solid #E5E7EB;
column-gap: 4px;
margin: 0;
padding: 12px 0 12px 12px;
row-gap: 4px;
tab-size: 4;
}
.callout-content {
border: 0 solid #E5E7EB;
box-sizing: border-box;
line-height: 1.7;
margin: 0;
padding: 5px 0px 5px 1em;
tab-size: 4;
}
/* ------------------------------------------------------------------- */
body {
/* Font */
--font-text-size: 16px;
--font-default: "Ubuntu", "Microsoft YaHei";
}
```