添加en和zh
This commit is contained in:
PhatenIoT-yan
224
assets/stylesheets/extra.css
Normal file
224
assets/stylesheets/extra.css
Normal file
@@ -0,0 +1,224 @@
|
||||
.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; /* 进一步减少行高 */
|
||||
}
|
||||
|
||||
/* 固定表头样式 */
|
||||
.md-typeset .sticky-header table {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-height: 500px; /* 根据需要调整 */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.md-typeset .sticky-header table thead,
|
||||
.md-typeset .sticky-header table tbody {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.md-typeset .sticky-header table tbody {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.md-typeset .sticky-header table tr {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.md-typeset .sticky-header table th,
|
||||
.md-typeset .sticky-header table td {
|
||||
display: block;
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* 固定首列样式 */
|
||||
.md-typeset .sticky-column table {
|
||||
overflow: auto;
|
||||
max-height: 500px; /* 根据需要调整 */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.md-typeset .sticky-column table th:first-child,
|
||||
.md-typeset .sticky-column table td:first-child {
|
||||
position: sticky;
|
||||
left: 0;
|
||||
background-color: var(--md-default-bg-color);
|
||||
z-index: 1;
|
||||
/* 添加轻微阴影以实现视觉分离 */
|
||||
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
|
||||
}
|
||||
Reference in New Issue
Block a user