Главная Обзор Помощь
Регистрация Вход
mayx
/
blog
зеркало из https://github.com/Mabbs/mabbs.github.io
1
0
Ответвить 0
Файлы Задачи 0 Вики
Просмотр исходного кода

Update 4 files

- /css/gitalk.css
- /assets/css/style.scss
- /_layouts/default.html
- /_layouts/post.html
mayx 11 месяцев назад
Родитель
7a450f5ec2
Сommit
78d65eae30
4 измененных файлов с 107 добавлено и 4 удалено
Разделённый вид Показать статистику Diff
  1. 0 3
      _layouts/default.html
  2. 1 1
      _layouts/post.html
  3. 79 0
      assets/css/style.scss
  4. 27 0
      css/gitalk.css

+ 0 - 3
_layouts/default.html
Просмотреть файл 

@@ -50,9 +50,6 @@
 
     }
 
   </script>
 
   <script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
 
-  <style>
 
-    .backToTop{display:none;width:18px;line-height:1.2;padding:5px 0;background-color:#000;color:#fff;font-size:12px;text-align:center;position:fixed;_position:absolute;right:10px;bottom:100px;_bottom:"auto";cursor:pointer;opacity:.6;filter:Alpha(opacity=60);}
 
-  </style>
 
 </head>
 
 
 <body>

Разница между файлами не показана из-за своего большого размера
+ 1 - 1
_layouts/post.html


+ 79 - 0
assets/css/style.scss
Просмотреть файл 

@@ -0,0 +1,79 @@
 
+---
 
+---
 
+
 
+@import "{{ site.theme }}";
 
+
 
+.backToTop {
 
+    display: none;
 
+    width: 18px;
 
+    line-height: 1.2;
 
+    padding: 5px 0;
 
+    background-color: #000;
 
+    color: #fff;
 
+    font-size: 12px;
 
+    text-align: center;
 
+    position: fixed;
 
+    _position: absolute;
 
+    right: 10px;
 
+    bottom: 100px;
 
+    _bottom: "auto";
 
+    cursor: pointer;
 
+    opacity: .6;
 
+    filter: Alpha(opacity=60);
 
+}
 
+
 
+.post-content {
 
+    font-size: 15px;
 
+    line-height: 1.6;
 
+}
 
+
 
+.post-content h1 {
 
+    text-indent: -8px;
 
+    border-bottom: 1px solid #e5e5e5;
 
+}
 
+
 
+.post-content h2 {
 
+    text-indent: -6px;
 
+    border-bottom: 1px solid #e5e5e5;
 
+}
 
+
 
+.post-content h3 {
 
+    text-indent: -5px;
 
+}
 
+
 
+.post-content h4 {
 
+    text-indent: -4px;
 
+}
 
+
 
+.post-content h5 {
 
+    text-indent: -3px;
 
+}
 
+
 
+.post-content h6 {
 
+    text-indent: -2px;
 
+}
 
+
 
+h1 .octicon,
 
+h2 .octicon,
 
+h3 .octicon,
 
+h4 .octicon,
 
+h5 .octicon,
 
+h6 .octicon {
 
+    visibility: hidden;
 
+}
 
+
 
+h1:hover .octicon,
 
+h2:hover .octicon,
 
+h3:hover .octicon,
 
+h4:hover .octicon,
 
+h5:hover .octicon,
 
+h6:hover .octicon {
 
+    visibility: visible;
 
+}
 
+
 
+.octicon {
 
+    fill: currentColor;
 
+    padding: 0;
 
+    margin-left: -16px;
 
+    vertical-align: middle;
 
+}

+ 27 - 0
css/gitalk.css
Просмотреть файл 

@@ -875,6 +875,33 @@
 
 .gt-container .gt-btn-login {
 
   margin-right: 0;
 
 }
 
+.gt-btn-login::after {
 
+  content: "如果不想登录，请点击上方评论数跳转至对应ISSUE进行评论";
 
+  position: absolute;
 
+  top: 100%;
 
+  left: 50%;
 
+  transform: translateX(-50%);
 
+  background: #333;
 
+  color: #fff;
 
+  padding: 8px 12px;
 
+  border-radius: 4px;
 
+  font-size: 12px;
 
+  white-space: nowrap;
 
+  opacity: 0;
 
+  visibility: hidden;
 
+  transition: opacity 0.2s, visibility 0.2s;
 
+  z-index: 10;
 
+}
 
+.gt-btn-login:hover::after {
 
+  opacity: 1;
 
+  visibility: visible;
 
+}
 
+.gt-btn-login::after {
 
+  margin-top: 8px;
 
+}
 
+.gt-btn-login::after {
 
+  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
 
+}
 
 .gt-container .gt-btn-preview {
 
   background-color: #fff;
 
   color: #6190e8;