update at 2025-10-08 22:31:03
This commit is contained in:
douboer
318
assets/themes/maple.css
Normal file
318
assets/themes/maple.css
Normal file
@@ -0,0 +1,318 @@
|
||||
/* =========================================================== */
|
||||
/* 笔记样式 https://github.com/xbmlz/hexo-theme-maple */
|
||||
/* =========================================================== */
|
||||
.note-to-mp {
|
||||
user-select: text;
|
||||
-webkit-user-select: text;
|
||||
color: #555;
|
||||
font-family: "Inter", Inter var, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
|
||||
}
|
||||
|
||||
.note-to-mp:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.note-to-mp .fancybox-img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.note-to-mp .fancybox-img:hover {
|
||||
opacity: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Heading
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp h1 {
|
||||
color: #222;
|
||||
font-weight: 800;
|
||||
font-size: 2.25em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.8888889em;
|
||||
line-height: 1.1111111;
|
||||
}
|
||||
|
||||
.note-to-mp h2 {
|
||||
color: inherit;
|
||||
font-weight: 700;
|
||||
font-size: 1.5em;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 1em;
|
||||
line-height: 1.3333333;
|
||||
}
|
||||
|
||||
.note-to-mp h3 {
|
||||
color: inherit;
|
||||
font-weight: 600;
|
||||
font-size: 1.25em;
|
||||
margin-top: 1.6em;
|
||||
margin-bottom: 0.6em;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.note-to-mp h4 {
|
||||
color: inherit;
|
||||
font-weight: 600;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.5em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Horizontal Rules
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp hr {
|
||||
border-color: rgba(125, 125, 125, 0.3);
|
||||
margin-top: 3em;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Paragraphs
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Emphasis
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp strong {
|
||||
color: #222;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.note-to-mp em {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.note-to-mp s {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Blockquotes
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp blockquote {
|
||||
font-size: 1rem;
|
||||
display: block;
|
||||
margin: 1em 0;
|
||||
padding: 1em 1.2em 1em 1.2em;
|
||||
position: relative;
|
||||
color: inherit;
|
||||
border-left: 0.25rem solid rgba(125, 125, 125, 0.302);
|
||||
}
|
||||
|
||||
.note-to-mp blockquote p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.note-to-mp blockquote footer strong {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
List
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp ul {
|
||||
margin: 0;
|
||||
/* padding: 0; */
|
||||
margin-top: 1.25em;
|
||||
margin-bottom: 1.25em;
|
||||
}
|
||||
|
||||
.note-to-mp ul>li {
|
||||
position: relative;
|
||||
/* padding-left: 1.75rem; */
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
|
||||
.note-to-mp ul>li::marker {
|
||||
color: #555;
|
||||
/* font-size: 1.5em; */
|
||||
}
|
||||
|
||||
.note-to-mp ol {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-top: 1.25em;
|
||||
margin-bottom: 0em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
.note-to-mp ol>li {
|
||||
position: relative;
|
||||
padding-left: 0.8em;
|
||||
margin-left: 2em;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Link
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid rgba(125, 125, 125, 0.3);
|
||||
transition: border 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.note-to-mp a:hover {
|
||||
border-bottom: 1px solid #555;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Table
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp table {
|
||||
width: 100%;
|
||||
table-layout: auto;
|
||||
text-align: left;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em;
|
||||
font-size: 0.875em;
|
||||
line-height: 1.7142857;
|
||||
border-collapse: collapse;
|
||||
border-color: inherit;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
.note-to-mp table thead {
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: #d1d5db;
|
||||
}
|
||||
|
||||
.note-to-mp table thead th {
|
||||
vertical-align: bottom;
|
||||
padding-right: 0.5714286em;
|
||||
padding-bottom: 0.5714286em;
|
||||
padding-left: 0.5714286em;
|
||||
}
|
||||
|
||||
.note-to-mp table thead th:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.note-to-mp table thead th:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.note-to-mp table tbody tr {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: #e5e7eb;
|
||||
}
|
||||
|
||||
.note-to-mp table tbody tr:last-child {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.note-to-mp table tbody td {
|
||||
vertical-align: top;
|
||||
padding-top: 0.5714286em;
|
||||
padding-right: 0.5714286em;
|
||||
padding-bottom: 0.5714286em;
|
||||
padding-left: 0.5714286em;
|
||||
}
|
||||
|
||||
.note-to-mp table tbody td:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.note-to-mp table tbody td:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Images
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp img {
|
||||
margin: 2em auto;
|
||||
}
|
||||
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Code
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(240, 240, 240);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||
}
|
||||
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.note-to-mp .code-section ul>li {
|
||||
line-height: 26px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.note-to-mp code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||
color: #333;
|
||||
background: rgb(250, 250, 250);
|
||||
font-size: 0.875em;
|
||||
padding: 1em;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
|
||||
.note-to-mp .code-section pre code {
|
||||
color: inherit;
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-size: inherit;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
}
|
||||
Reference in New Issue
Block a user