From 1b6f1e454fff0187d4d30dcf0d5819d4f57f1787 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Mon, 29 Aug 2022 01:05:14 +0800 Subject: [PATCH] 新增iframe 播放页 新增日志编辑页 --- src/assets/md.less | 52 ++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 48 insertions(+), 4 deletions(-) diff --git a/src/assets/md.less b/src/assets/md.less index 3e3c733..bf64bd8 100644 --- a/src/assets/md.less +++ b/src/assets/md.less @@ -1,4 +1,8 @@ .markdown-body{ + *{ + max-width: 100% !important; + } + body{ margin: 0 auto; font-family: "Microsoft YaHei", arial,sans-serif; @@ -12,6 +16,41 @@ margin: 10px auto; } } + + iframe{ + display: flex; + margin: 0px auto; + border-radius: 8px; + } + + p{ + text-indent: 2rem; + } + + + img:hover{ + transform: scale(1.05); + //box-shadow: 0 0 4px rgba(0,0,0,0.5); + -webkit-filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5)); + filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5)); + } + + img{ + width: 150px; + border-radius: 12px; + margin: 10px auto; + transition: all .5s; + } + // img{ + // max-width: -webkit-fill-available; + // display: inline; + // box-shadow: 0 0 4px rgba(0,0,0,0.5); + // overflow: visible; + // border-radius: 12px; + // -webkit-filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5)); + // filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5)); + // } + h1, h2, h3, h4 { color: #111111; font-weight: 400; @@ -21,6 +60,7 @@ h1, h2, h3, h4, h5 { font-family: Georgia, Palatino, serif; } + h1, h2, h3, h4, h5, p , dl{ margin-bottom: 16px; padding: 0; @@ -53,6 +93,7 @@ color: #0099ff; margin: 0; padding: 0; + word-wrap: break-word; vertical-align: baseline; } a:hover { @@ -119,7 +160,6 @@ font-size: .85em; white-space: pre; background: 0 0; - } code { @@ -146,9 +186,9 @@ width: 390px; } blockquote { - border-left:.5em solid #eee; - padding: 0 0 0 2em; - margin-left:0; + border-left:.5em solid #cfcfcf; + //padding: 0 0 0 2em; + margin-left: 0em; } blockquote cite { font-size:14px; @@ -160,8 +200,12 @@ } blockquote p { + text-indent: inherit; color: #666; } + blockquote *{ + margin-left: 10px; + } hr { text-align: left; color: #999; -- Gitblit v1.9.1