From ae2e57441b04cf949fc89dabdda37d55532d7905 Mon Sep 17 00:00:00 2001 From: chenjiayin Date: Wed, 30 May 2018 17:16:48 +0800 Subject: [PATCH] =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96=E6=8F=90=E4=BA=A4vu?= =?UTF-8?q?e.css=E5=92=8CREADME.md=E6=96=87=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 5 + vue.css | 459 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 464 insertions(+) create mode 100644 README.md create mode 100644 vue.css diff --git a/README.md b/README.md new file mode 100644 index 0000000..d47d1b1 --- /dev/null +++ b/README.md @@ -0,0 +1,5 @@ +# typora-vue-theme + +这是 Typora Markdown 编辑器的 Vue 文档风格的主题。 + +README.md 文档 完善中... \ No newline at end of file diff --git a/vue.css b/vue.css new file mode 100644 index 0000000..b76472a --- /dev/null +++ b/vue.css @@ -0,0 +1,459 @@ +@import url("https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600"); +:root { + --side-bar-bg-color: #fafafa; + --control-text-color: #777; +} + +html { + font-size: 16px; +} + +body { + font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif; + color: #34495e; + -webkit-font-smoothing: antialiased; + line-height: 1.6rem; + letter-spacing: 0; + margin: 0; + overflow-x: hidden; +} + +#write { + max-width: 860px; + margin: 0 auto; + padding: 20px 30px 40px 30px; + padding-top: 20px; + padding-bottom: 100px; +} + +#write p { + /* text-indent: 2rem; */ + line-height: 1.6rem; + word-spacing: .05rem; +} + +#write ol li { + padding-left: 0.5rem; +} + +/* #write li p { + text-indent: 0px; +} +#write ul, ol { + padding-left: 3.2rem; +} */ + +#write>ul:first-child, +#write>ol:first-child { + margin-top: 30px; +} + +body>*:first-child { + margin-top: 0 !important; +} + +body>*:last-child { + margin-bottom: 0 !important; +} + +a { + color: #42b983; + font-weight: 600; + padding: 0px 2px; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: bold; + line-height: 1.4; + cursor: text; +} + +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + /*background: url("../../images/modules/styleguide/para.png") no-repeat 10px center;*/ + text-decoration: none; +} + +h1 tt, +h1 code { + font-size: inherit; +} + +h2 tt, +h2 code { + font-size: inherit; +} + +h3 tt, +h3 code { + font-size: inherit; +} + +h4 tt, +h4 code { + font-size: inherit; +} + +h5 tt, +h5 code { + font-size: inherit; +} + +h6 tt, +h6 code { + font-size: inherit; +} + +h1 { + padding-bottom: .3em; + font-size: 2.25rem; + line-height: 1.2; +} + +h2 { + font-size: 1.75rem; + line-height: 1.225; + margin: 25px 0px 15px 0px; +} + +h3 { + font-size: 1.5rem; + line-height: 1.43; + margin: 16px 0px 8px 0px; +} + +h4 { + font-size: 1.25em; +} + +h5 { + font-size: 1em; +} + +h6 { + font-size: 1em; + color: #777; +} + +p, +blockquote, +ul, +ol, +dl, +table { + margin: 0.8em 0; +} + +li>ol, +li>ul { + margin: 0 0; +} + +hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + +body>h2:first-child { + margin-top: 0; + padding-top: 0; +} + +body>h1:first-child { + margin-top: 0; + padding-top: 0; +} + +body>h1:first-child+h2 { + margin-top: 0; + padding-top: 0; +} + +body>h3:first-child, +body>h4:first-child, +body>h5:first-child, +body>h6:first-child { + margin-top: 0; + padding-top: 0; +} + +a:first-child h1, +a:first-child h2, +a:first-child h3, +a:first-child h4, +a:first-child h5, +a:first-child h6 { + margin-top: 0; + padding-top: 0; +} + +h1 p, +h2 p, +h3 p, +h4 p, +h5 p, +h6 p { + margin-top: 0; +} + +li p.first { + display: inline-block; +} + +ul, +ol { + padding-left: 30px; +} + +ul:first-child, +ol:first-child { + margin-top: 0; +} + +ul:last-child, +ol:last-child { + margin-bottom: 0; +} + +blockquote { + border-left: 4px solid #42b983; + padding: 10px 0px 10px 15px; + color: #777; + background-color: rgba(66, 185, 131, .1); +} + +table { + padding: 0; + word-break: initial; +} + +table tr { + border-top: 1px solid #dfe2e5; + margin: 0; + padding: 0; +} + +table tr:nth-child(2n), +thead { + background-color: #fafafa; +} + +table tr th { + font-weight: bold; + border: 1px solid #dfe2e5; + border-bottom: 0; + text-align: left; + margin: 0; + padding: 6px 13px; +} + +table tr td { + border: 1px solid #dfe2e5; + text-align: left; + margin: 0; + padding: 6px 13px; +} + +table tr th:first-child, +table tr td:first-child { + margin-top: 0; +} + +table tr th:last-child, +table tr td:last-child { + margin-bottom: 0; +} + +#write table thead th { + background-color: #f2f2f2; +} + +#write .CodeMirror-gutters { + border-right: 1px solid #ddd; +} + +#write .md-fences { + border: 1px solid #F5F5F5; + -webkit-font-smoothing: initial; + margin: 0.8rem 0 !important; + padding: 0.3rem 0.2rem !important; + background-color: #F8F8F8 !important; + border-radius: 2px; + font-family: Roboto Mono, Monaco, courier, monospace; + font-size: 0.85rem; + word-wrap: normal; +} + +#write .CodeMirror-wrap .CodeMirror-code pre { + padding-left: 12px; +} + +#write .md-fences, +code, +tt { + color: #e96900; + background-color: #f8f8f8; + border-radius: 2px; + margin: 0 2px; + font-family: Roboto Mono, Monaco, courier, monospace; + padding: 0px 3px; + font-size: 0.85rem; +} + +.cm-s-inner .cm-link, +.cm-s-inner.cm-link { + color: #22a2c9; +} + +.cm-s-inner .cm-string { + color: #22a2c9; +} + +.md-task-list-item>input { + margin-left: -1.3em; +} + +@media screen and (min-width: 914px) { + /*body { + width: 854px; + margin: 0 auto; + }*/ +} + +@media print { + html { + font-size: 13px; + } + table, + pre { + page-break-inside: avoid; + } + pre { + word-wrap: break-word; + } +} + +.md-fences { + background-color: #f8f8f8; +} + +#write pre.md-meta-block { + padding: 1rem; + font-size: 85%; + line-height: 1.45; + background-color: #f7f7f7; + border: 0; + border-radius: 3px; + color: #777777; + margin-top: 0 !important; +} + +.mathjax-block>.code-tooltip { + bottom: .375rem; +} + +#write>h3.md-focus:before { + left: -1.5625rem; + top: .375rem; +} + +#write>h4.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h5.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h6.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +.md-image>.md-meta { + /*border: 1px solid #ddd;*/ + border-radius: 3px; + font-family: Consolas, "Liberation Mono", Courier, monospace; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: inherit; +} + +.md-toc { + margin-top: 20px; + padding-bottom: 20px; +} + +.sidebar-tabs { + border-bottom: none; +} + +#typora-quick-open { + border: 1px solid #ddd; + background-color: #f8f8f8; +} + +#typora-quick-open-item { + background-color: #FAFAFA; + border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; + border-style: solid; + border-width: 1px; +} + +#md-notification:before { + top: 10px; +} + +/** focus mode */ + +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +header, +.context-menu, +.megamenu-content, +footer { + font-family: "Segoe UI", "Arial", sans-serif; +} + +.file-node-content:hover .file-node-icon, +.file-node-content:hover .file-node-open-state { + visibility: visible; +} + +.mac-seamless-mode #typora-sidebar { + background-color: #fafafa; + background-color: var(--side-bar-bg-color); +} + +.md-lang { + color: #b4654d; +} + +.html-for-mac .context-menu { + --item-hover-bg-color: #E6F0FE; +} \ No newline at end of file