add
添加项目文件
This commit is contained in:
PhatenIoT-yan
380
zh/docs/assets/stylesheets/extra.css
Normal file
380
zh/docs/assets/stylesheets/extra.css
Normal file
@@ -0,0 +1,380 @@
|
||||
.md-typeset__table {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px)
|
||||
{
|
||||
td:nth-child(1){
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
/*
|
||||
.Telegraf-Regular{
|
||||
font-family:Microsoft YaHei UI;
|
||||
src: url("typography/msyh.ttc");
|
||||
}
|
||||
|
||||
.Telegraf-UltraBold{
|
||||
font-family:Microsoft YaHei UI Bold;
|
||||
src: url("typography/msyhbd.ttc");
|
||||
}*/
|
||||
|
||||
* {
|
||||
--md-primary-fg-color: #2094F8;
|
||||
/*--md-primary-fg-color: #FF42CD;*/
|
||||
/*--md-primary-fg-color: #AB47BD; purple*/
|
||||
--md-primary-fg-color--light: #2094F8;
|
||||
--md-primary-fg-color--dark: #2094F8;
|
||||
--md-typeset-color: var(--md-default-fg-color);
|
||||
--md-typeset-a-color: var(--md-primary-fg-color--light);
|
||||
/*--md-text-font: "Telegraf-Regular"*/
|
||||
}
|
||||
|
||||
:root {
|
||||
--md-primary-fg-color: #181917;
|
||||
--md-primary-fg-color--light: #2094F8;
|
||||
--md-primary-fg-color--dark: #2094F8;
|
||||
/* --md-primary-fg-color--light: #029c8e; */
|
||||
/* --md-primary-fg-color--dark: #303C55; */
|
||||
}
|
||||
|
||||
:root>* {
|
||||
--md-primary-bg-color: #000;
|
||||
--md-typeset-color: var(--md-default-fg-color);
|
||||
--md-typeset-a-color: var(--md-primary-fg-color--light);
|
||||
}
|
||||
|
||||
/*
|
||||
markdown and image alignment
|
||||
ALT tag and a CSS selector on the alt tag
|
||||
*/
|
||||
img[src*='#left'] {
|
||||
float: left;
|
||||
}
|
||||
img[src*='#right'] {
|
||||
float: right;
|
||||
}
|
||||
img[src*='#center'] {
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
Tables set to 100% width
|
||||
*/
|
||||
.md-typeset__table {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.md-typeset table:not([class]) {
|
||||
display: table;
|
||||
}
|
||||
|
||||
/*
|
||||
Colors for First Steps
|
||||
custom code blocks coloring
|
||||
*/
|
||||
.fsg-timestamp {
|
||||
color: grey;
|
||||
}
|
||||
.fsg-userinput {
|
||||
color: cornflowerblue;
|
||||
}
|
||||
.fsg-path, .fsg-prompt {
|
||||
color: mediumseagreen;
|
||||
}
|
||||
|
||||
/*
|
||||
Footer social media icons:
|
||||
set the size of the svg icons and the espace between them.
|
||||
*/
|
||||
.md-social__link {
|
||||
width: 2rem;
|
||||
}
|
||||
.md-social__link svg {
|
||||
max-height: 1.6rem;
|
||||
}
|
||||
|
||||
/*
|
||||
hide content only for mobile devices
|
||||
*/
|
||||
@media only screen and (min-device-width: 280px) and (max-device-width: 480px)
|
||||
{
|
||||
.hide-on-mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custForm {
|
||||
width:80%;
|
||||
}
|
||||
.custForm h4{
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.custForm input {
|
||||
border:1px solid #CCCCCC;
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
}
|
||||
.custForm select{
|
||||
border:1px solid #CCCCCC;
|
||||
height: 35px;
|
||||
width: 100%;
|
||||
}
|
||||
.custForm textarea {
|
||||
border:1px solid #CCCCCC;
|
||||
width: 100%;
|
||||
}
|
||||
.custForm .button {
|
||||
background-color: #0B70F6;
|
||||
border-radius: 5px;
|
||||
width: 80px;
|
||||
margin: 0 auto;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.goback input {
|
||||
font-size:18px;
|
||||
padding: 10px;
|
||||
color:#FFFFFF;
|
||||
border-radius: 5px;
|
||||
background-color: #0B70F6;
|
||||
}
|
||||
|
||||
/* 控制 MkDocs-Material 的默认字体大小 */
|
||||
.md-typeset {
|
||||
font-size: 0.70rem !important; /* 默认值约为 0.7rem */
|
||||
}
|
||||
|
||||
/* 确保各类文本元素使用一致的字体大小 */
|
||||
.md-typeset p,
|
||||
.md-typeset ul li,
|
||||
.md-typeset ol li,
|
||||
.md-typeset li p,
|
||||
.md-typeset table:not([class]),
|
||||
.md-typeset .admonition p,
|
||||
.md-typeset details p {
|
||||
font-size: 0.70rem !important;
|
||||
}
|
||||
|
||||
/* 优化表格单元格内边距 - 减少文字与表格边框的距离 */
|
||||
.md-typeset table:not([class]) td {
|
||||
padding: 0.3rem 0.5rem !important; /* 垂直方向0.3rem，水平方向0.5rem */
|
||||
}
|
||||
|
||||
.md-typeset table:not([class]) th {
|
||||
padding: 0.3rem 0.5rem !important; /* 表头也使用相同的内边距 */
|
||||
}
|
||||
|
||||
/* 减少表格内文字的行高和外边距 */
|
||||
.md-typeset table:not([class]) td p,
|
||||
.md-typeset table:not([class]) th p {
|
||||
margin: 0 !important;
|
||||
line-height: 1.1 !important; /* 进一步减少行高 */
|
||||
}
|
||||
|
||||
/* ===== 页面显示样式 - 增强内容溢出检测 ===== */
|
||||
.page {
|
||||
width: 100%;
|
||||
max-width: 21cm;
|
||||
min-height: 29.7cm; /* A4高度 */
|
||||
height: 33cm; /* 强制A4高度，确保内容溢出检测 */
|
||||
padding: 1.5cm 1cm 1cm 1cm; /* 增加顶部边距 */
|
||||
margin: 2em auto;
|
||||
background: white;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden; /* 重要：确保内容溢出时不会扩展页面 */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 添加页面计数器 */
|
||||
.md-content__inner {
|
||||
counter-reset: page;
|
||||
}
|
||||
|
||||
.page::after {
|
||||
content: "页 " counter(page);
|
||||
counter-increment: page;
|
||||
position: absolute;
|
||||
bottom: 0.5cm;
|
||||
right: 1cm;
|
||||
font-size: 10pt;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
/* 内容溢出指示器 */
|
||||
.page::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 2px;
|
||||
background: linear-gradient(90deg, transparent, #ff5252 50%, transparent);
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
/* 当内容溢出时显示警告 */
|
||||
.page[data-overflow="true"]::before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* 添加页面分隔符，视觉上提示需要新页面 */
|
||||
.page-break {
|
||||
height: 30px;
|
||||
margin: 1.5em 0;
|
||||
border-top: 1px dashed #ff5252;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page-break::after {
|
||||
content: "内容超出页面范围 - 请添加新页面";
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: white;
|
||||
padding: 0 10px;
|
||||
color: #ff5252;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* 移动设备优化 */
|
||||
@media screen and (max-width: 767px) {
|
||||
.page {
|
||||
padding: 1.2em 0.8em;
|
||||
margin: 0.8em 0.5em;
|
||||
max-width: calc(100% - 1em);
|
||||
height: auto;
|
||||
min-height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== 打印样式优化 - 解决顶部边距和内容分布问题 ===== */
|
||||
@media print {
|
||||
/* 基本页面设置 */
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 重置文档结构 */
|
||||
html, body {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
background: white !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/* 重置内容容器 */
|
||||
.md-main, .md-main__inner, .md-content, .md-content__inner {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
/* 隐藏所有可能导致空白页的元素 */
|
||||
body::before,
|
||||
body::after,
|
||||
.md-content__inner::before,
|
||||
.md-content__inner::after {
|
||||
display: none !important;
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
/* 隐藏元数据行 */
|
||||
.md-content__inner > p:first-child:not(.page *) {
|
||||
display: none !important;
|
||||
height: 0 !important;
|
||||
visibility: hidden !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* 强制隐藏所有非页面内容 */
|
||||
.md-content__inner > *:not(.page) {
|
||||
display: none !important;
|
||||
visibility: hidden !important;
|
||||
height: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* 页面容器优化 - 添加适当的顶部边距 */
|
||||
.page {
|
||||
display: block !important;
|
||||
position: relative !important;
|
||||
width: 21cm !important;
|
||||
min-height: 29.7cm !important;
|
||||
height: auto !important; /* 允许自然分页 */
|
||||
padding: 1.5cm 1cm 1cm 1cm !important; /* 顶部增加边距 */
|
||||
margin: 0 !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
background: white !important;
|
||||
break-inside: avoid !important;
|
||||
page-break-inside: avoid !important;
|
||||
page-break-before: auto !important;
|
||||
page-break-after: always !important;
|
||||
overflow: visible !important; /* 打印时允许内容自然溢出到下一页 */
|
||||
}
|
||||
|
||||
/* 确保第一页正确显示 */
|
||||
.md-content__inner > .page:first-of-type {
|
||||
display: block !important;
|
||||
visibility: visible !important;
|
||||
page-break-before: avoid !important;
|
||||
}
|
||||
|
||||
/* 确保最后一页不会添加额外空白页 */
|
||||
.md-content__inner > .page:last-of-type {
|
||||
page-break-after: avoid !important;
|
||||
}
|
||||
|
||||
/* 隐藏所有非内容元素 */
|
||||
.md-header, .md-tabs, .md-sidebar, .md-footer, .md-nav,
|
||||
.md-announce, .md-skip, nav, header, footer, aside {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* 隐藏页面分隔符和溢出指示器 */
|
||||
.page-break, .page::before {
|
||||
display: none !important;
|
||||
height: 0 !important;
|
||||
margin: 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* 分页控制 - 避免不合理分页 */
|
||||
.page h1, .page h2, .page h3 {
|
||||
break-after: avoid !important;
|
||||
page-break-after: avoid !important;
|
||||
}
|
||||
|
||||
.page img, .page table, .page figure {
|
||||
break-inside: avoid !important;
|
||||
page-break-inside: avoid !important;
|
||||
}
|
||||
|
||||
.page p, .page li {
|
||||
orphans: 3 !important;
|
||||
widows: 3 !important;
|
||||
}
|
||||
|
||||
/* 确保页面内文本合理分布 */
|
||||
.page > * {
|
||||
max-height: none !important; /* 允许内容自然流动 */
|
||||
}
|
||||
|
||||
/* 隐藏页码指示器 */
|
||||
.page::after {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user