💄 add bg.gif etc

demo.md

@@ -37,7 +37,7 @@ $$
 1. 有序列表1[^1]
 2. 有序列表2
 
-==文本高亮==，__加粗__，*斜体*，==***斜体高亮加粗***==，~~删除线~~，<u>下划线</u>。`<font>`标签被我用于一款小标签样式（小康）：<font>红色小标签</font>，可以通过设置`background-color`属性控制背景色，如：<font style="background-color:#8bc34a">绿色小标签</font>，为了方便，我提供了五种预定义的颜色（包括前面的红色、绿色）：<font title="blue">蓝色小标签</font>、<font title="yellow">黄色小标签</font>、<font title="gray">灰色小标签</font>。一些强调型格式：<span alt="underline">下划线</span>、<span alt="emp">着重号</span>、<span alt="wavy">波浪线</span>。<span alt="hide">隐藏文本</span>
+==文本高亮==，__加粗__，*斜体*，==***斜体高亮加粗***==，~~删除线~~，<u>下划线</u>。`<font>`标签被我用于一款小标签样式（小康）：<font>红色小标签</font>，可以通过设置`background-color`属性控制背景色，如：<font style="background-color:#8bc34a">绿色小标签</font>，为了方便，我提供了五种预定义的颜色（包括前面的红色、绿色）：<font title="blue">蓝色小标签</font>、<font title="yellow">黄色小标签</font>、<font title="gray">灰色小标签</font>。一些强调型格式：<span alt="underline">下划线</span>、<span alt="emp">着重号</span>、<span alt="wavy">波浪线</span>。其他：<span alt="hide">隐藏文本</span>，<span alt="hollow">空心字</span>，<span alt="blink">字体闪烁</span>
 
 <span alt="rainbow">彩虹变换字体特效</span>（嫖自[黑石大佬](https://www.heson10.com/posts/21347.html)🙇‍♀️），<span alt="modern">欢迎光临</span>（嫖自[QinXS](https://7bxing.com/friends/)🙇‍♀️），<span alt="shake">抖音字效</span>（嫖自[NyKee](https://www.nykee.cn/)🙇‍♀️）
 
@@ -70,7 +70,7 @@ def decorator(func):
 
 <img src="./temp/demo.jpg" style="zoom: 67%;" alt="shadow-可惜不能显示图释" />
 
-注：按`![shadow-随便写]()`（或`<img src="..." alt="shadow-随便写">`）插入图片时会显示阴影，否则没有，类似的，设为`alt="blur-随便写"`时会有模糊效果。右键图片可以进行指定比例的缩放，任意比例可以通过`style="zoom:0.x"`属性实现
+注：按`![shadow-随便写]()`（或`<img src="..." alt="shadow-随便写">`）插入图片时会显示阴影，否则没有，类似的，设为`alt="blur-随便写"`时会有模糊效果，设为`alt="gray-随便写"`时图片默认为暗灰色。右键图片可以进行指定比例的缩放，任意比例可以通过`style="zoom:0.x"`属性实现
 
 <audio controls="controls">
   <source src="./temp/The Sound Of Silence.mp3" type="audio/mp3" />
@@ -88,7 +88,6 @@ def decorator(func):
     <summary>折叠标签</summary>
     青青子衿，悠悠我心
 </details>
-
 > 关于Typora对HTML的支持说明：<https://support.typora.io/HTML/>
 
 [Emoji表情符号](https://www.webfx.com/tools/emoji-cheat-sheet/)：:smile:（`:smile:`），Decimal NCRs或Hexadecimal NCRs^[2]^编码也是受支持的，譬如“笑哭”：&#128514;（`&#128514;`）或&#x1F602;（`&#x1F602;`）

dyzj.css

@@ -7,13 +7,14 @@
     --focus-color: #ff5d52; /* 点击某些元素（如标题）显示的颜色（偏红） */
     --codeblockbg-color: #eee; /* 代码块背景色（灰色） */
     --codeblockfont-color: #555; /* 代码块默认字体颜色（黑色） */
+    --codeblockline-color: #e0f8f8; /*代码块选中行颜色*/
     --titlebefore-color: #00c4b6; /* 各级标题点缀颜色（绿色） */
     --codeblocknum-color: rgba(128, 128, 255, 0.8); /* 代码块行编号颜色（蓝色） */
     --blockquoteicon-color: #5fa7e4; /* blockquote提示图标色（蓝色） */
     --blockquotebg-color: #f4fcff; /* blockquote背景色（淡蓝） */
     --ulol-color: #81accf; /* 有序无序列表前缀颜色（灰色） */
     --tableevenrow-color: #eee; /* 表格偶数行颜色（淡灰） */
-    --tablefocusrow-color: rgba(100, 221, 221, 0.2); /* 表格鼠标悬停行颜色（淡蓝） */
+    --tablefocusrow-color: #e0f8f8; /* 表格鼠标悬停行颜色（淡蓝） */
     --tableborder-color: #c5c5c5; /* 表格边框色（黑色） */
     --tablethbg-color: #f4fcff; /* 表格表头背景色（淡蓝） */
     --toc-color: #00a0a0; /* 目录颜色（绿色） */
@@ -65,6 +66,19 @@ body {
     padding: 20px 30px 160px;
 }
 
+
+/* 人物背景图片（右下角显示） */
+
+
+@media only screen and (min-width: 1800px){
+    content {
+        background: url(./source/bg.gif) no-repeat;
+        background-size : 12%;
+        background-position: 85% 100%;
+    }
+}
+
+
 /*
 @media only screen and (min-width: 1400px) {
 	#write {
@@ -508,7 +522,6 @@ table tr:hover {
     background: var(--codeblockbg-color);
     border-radius: 3px;
     color: var(--codeblockfont-color);
-    padding: 0 4px;
     overflow-wrap: break-word;
     word-wrap: break-word;
     line-height: 1.6em;
@@ -532,6 +545,18 @@ table tr:hover {
     border-left: 2px solid var(--focus-color);
 }
 
+/* 选中行高亮 */
+.md-fences:not(.md-focus) .CodeMirror-code>div:hover {
+    background-color: var(--codeblockline-color);
+}
+.md-fences.md-focus .CodeMirror-code>div.CodeMirror-activeline {
+    background-color: var(--codeblockline-color);
+}
+
+#write ol>li>*[class~="md-fences"], #write ul>li>*[class~="md-fences"] {
+    padding-left: 0 !important;
+}
+
 /* 蓝色行内数学公式 */
 /*
 [md-inline='inline_math'] {
@@ -736,6 +761,20 @@ hr { /* 来自next主题样式 */
     top: .285714286rem;
 }
 
+/* https://www.bnxb.com/divcss/27022.html */
+details pre {
+    color:#444;
+    margin:15px auto;
+    padding:20px 15px;
+    padding-bottom: 0px;
+    background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAmCAIAAACphTeFAAAAJElEQVRIx2N4RS5gGNU5qnNU56hOZJ2fyQWjOkd1juoc1YkMAKDL4lkok3p7AAAAAElFTkSuQmCC') repeat;
+    white-space:pre-wrap;
+    word-wrap:break-word;
+    letter-spacing:1.5px;
+    font:14px/25px 'Comic Sans MS','courier new';
+    line-height:22px;
+    background-size:100% 44px;
+}
 
 
 /** 图片 **/
@@ -774,6 +813,15 @@ hr { /* 来自next主题样式 */
     -o-filter:none;
 }
 
+/*图片暗灰*/
+.md-image img[alt|='gray'] {
+    filter:grayscale(100%);
+}
+.md-image img[alt|='gray']:hover {
+    transition: 0.5s linear;
+    filter:grayscale(0);
+}
+
 .md-image>.md-meta {
     border-radius: 3px;
     font-family: var(--body-font);
@@ -1163,4 +1211,47 @@ span[alt="btn"]:hover {
 span[alt="shake"] {
     -webkit-animation: uk-text-shadow-glitch .95s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running;
     animation: uk-text-shadow-glitch .95s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running;
+}
+
+
+/*https://www.jq22.com/webqd4214*/
+span[alt="glow"] {
+	font-family:'Audiowide';
+	text-align:center;
+	color:black;
+	-webkit-transition:all 1.5s ease;
+	transition:all 1.5s ease;
+}
+span[alt="glow"]:hover {
+	-webkit-animation:Glow 1.5s ease infinite alternate;
+	animation:Glow 1.5s ease infinite alternate;
+}
+@-webkit-keyframes Glow {
+	from {
+	text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #00a67c,0 0 70px #00a67c,0 0 80px #00a67c,0 0 100px #00a67c,0 0 150px #00a67c;
+}
+to {
+	text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #00a67c,0 0 35px #00a67c,0 0 40px #00a67c,0 0 50px #00a67c,0 0 75px #00a67c;
+}
+}@keyframes Glow {
+	from {
+	text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #00a67c,0 0 70px #00a67c,0 0 80px #00a67c,0 0 100px #00a67c,0 0 150px #00a67c;
+}
+to {
+	text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #00a67c,0 0 35px #00a67c,0 0 40px #00a67c,0 0 50px #00a67c,0 0 75px #00a67c;
+}
+}
+
+
+/* 空心字等文字特效 https://www.cnblogs.com/xiaohuochai/p/7521282.html */
+
+
+span[alt="hollow"]{
+    color:white;
+    text-shadow:1px 1px black,-1px -1px black,1px -1px black,-1px 1px black;
+}
+
+@keyframes blink-smooth{50%{color:transparent;}}
+span[alt="blink"]{
+  animation:.5s blink-smooth infinite alternate linear;
 }

readme.md

@@ -1,7 +1,7 @@
 # typora-dyzj-theme
 
 <p><a href="https://github.com/muggledy/typora-dyzj-theme/releases/latest" alt="null">
-  <img src="https://img.shields.io/github/release/muggledy/typora-dyzj-theme.svg"/>&nbsp;
+  <img src="https://img.shields.io/github/commit-activity/m/muggledy/typora-dyzj-theme.svg"/>&nbsp;
   <img src="https://img.shields.io/github/downloads/muggledy/typora-dyzj-theme/total.svg"/>
 </a></p>