diff options
| -rw-r--r-- | assets/css/miracles.min.css | 16 | ||||
| -rw-r--r-- | includes/comments.php | 4 | ||||
| -rw-r--r-- | miracles.min.js | 83 |
3 files changed, 98 insertions, 5 deletions
diff --git a/assets/css/miracles.min.css b/assets/css/miracles.min.css index 707f2f9..681577a 100644 --- a/assets/css/miracles.min.css +++ b/assets/css/miracles.min.css @@ -723,17 +723,26 @@ hr { .comment-list {
margin-left: 0;
}
+.comment-children {
+ margin-left: 20px;
+}
.comment-children .comment-list {
margin: 0;
}
.comment-children .comment-body {
- margin-bottom: 5px;
- margin-left: 0;
+ margin: 15px 0;
+ padding: 0;
}
.comment-body {
- margin: 30px 0;
+ margin: 28px 0;
+ padding: 0;
position: relative
}
+.comment-main,
+.comment-author-avatar {
+ margin: 0;
+ padding: 0;
+}
.comment-author-avatar img {
border-radius: 10000px;
height: 50px;
@@ -880,6 +889,7 @@ hr { .comment-pagenav-icon {
margin: 0 -3px;
}
+
/* OwO */
.owo-img {
height: 34px;
diff --git a/includes/comments.php b/includes/comments.php index d7801f4..257755d 100644 --- a/includes/comments.php +++ b/includes/comments.php @@ -21,10 +21,10 @@ echo $commentClass; ?>">
<div class="container-fluid">
<div class="row">
- <div class="comment-author-avatar col-1">
+ <div class="comment-author-avatar col-md-1">
<?php $comments->gravatar('100', ''); ?>
</div>
- <div class="comment-main comment-author-info col-11">
+ <div class="comment-main comment-author-info col-md-11">
<div class="comment-content bubble">
<span class="comment-reply"><?php $comments->reply('<i class="iconfont icon-return"></i>'); ?></span>
<?php $comments->content(); ?>
diff --git a/miracles.min.js b/miracles.min.js new file mode 100644 index 0000000..d07c5f3 --- /dev/null +++ b/miracles.min.js @@ -0,0 +1,83 @@ +/*
+ * The main JavaScript file for Theme Miracles
+ * Author: Eltrac
+ * License: MIT
+ */
+
+//toggleDark
+function Dark() {
+ $("body").toggleClass("body-dark");
+}
+//GoTop
+function GoTop() {
+ $('body,html').animate({scrollTop:0},500);
+ document.body.scrollTop = 0;
+ document.documentElement.scrollTop = 0;
+}
+//LazyLoad
+function LazyLoad() {
+ jQuery(function() {
+ jQuery("img").lazyload(
+ {threshold: 200,effect: "fadeIn"}
+ );
+ });
+}
+//Prism
+function PrismLoad() {
+ var pres = document.getElementsByTagName('pre');
+ for (var i = 0; i < pres.length; i++){
+ if (pres[i].getElementsByTagName('code').length > 0)pres[i].className = 'line-numbers';
+ }
+}
+function PrismReload() {
+ if (typeof Prism !== 'undefined') {
+ var pres = document.getElementsByTagName('pre');
+ for (var i = 0; i < pres.length; i++){
+ if (pres[i].getElementsByTagName('code').length > 0)
+ pres[i].className = 'line-numbers';
+ }
+ Prism.highlightAll(true,null);
+ }
+}
+//Search
+function Search() {
+ $(".search").toggleClass("ready");
+ $(".search-close").toggleClass("ready");
+}
+//mobileMenu
+function toggleMobileMenu() {
+ $(".mobile-menu").toggleClass("ready");
+ $(".mobile-menu-close").toggleClass("ready");
+}
+//Login
+function Login() {
+ $(".login").toggleClass("ready");
+ $(".login-close").toggleClass("ready");
+}
+//owo
+function owoLoad() {
+ var OwO_demo = new OwO({
+ logo: 'OωO表情',
+ container: document.getElementsByClassName('OwO')[0],
+ target: document.getElementsByClassName('OwO-textarea')[0],
+ api: owoJson,
+ position: 'down',
+ width: '300px',
+ maxHeight: '250px'
+ });
+}
+//pjax-loader
+if(loadPjax = true) {
+ $(document).pjax('a[href^="'+siteurl+'"]:not(a[target="_blank"], a[no-pjax], .comment-reply a, .cancel-comment-reply a)', {
+ container: '#pjax-container',fragment: '#pjax-container',timeout: 8000
+ }).on('pjax:send', function () {
+ GoTop();
+ beforePjax();
+ }).on('pjax:complete', function () {
+ $('form#login-form').addClass('need-refresh');
+ NProgress.done();
+ LazyLoad();
+ PrismReload();
+ afterPjax();
+ });
+}
\ No newline at end of file |