diff --git a/_posts/theme/2018-07-18-rose.md b/_posts/theme/2018-07-18-rose.md new file mode 100644 index 00000000..4b48eb0c --- /dev/null +++ b/_posts/theme/2018-07-18-rose.md @@ -0,0 +1,20 @@ +--- +layout: theme +title: Rose +category: theme +homepage: https://github.com/CharlesHahn/typora-theme-gallery +download: https://github.com/CharlesHahn/typora-theme-gallery/blob/gh-pages/media/theme/rose/rose.css +built-in: false +author: Charles +thumbnail: rose.png +typora-root-url: ../../ +typora-copy-images-to: ../../media/theme/rose/ +--- + +Designed and tested on windows. Not fully tested, but should work for macOS/Linux + +Following are a few screenshots: + +![typora_pic_0](/media/theme/rose/pic_0.png) + +![typora_pic_1](/media/theme/rose/pic_1.png) diff --git a/media/theme/rose/index.md b/media/theme/rose/index.md new file mode 100644 index 00000000..a6f73e1f --- /dev/null +++ b/media/theme/rose/index.md @@ -0,0 +1 @@ +#### Add two pictures about this theme. diff --git a/media/theme/rose/pic_0.png b/media/theme/rose/pic_0.png new file mode 100644 index 00000000..a91ff7ee Binary files /dev/null and b/media/theme/rose/pic_0.png differ diff --git a/media/theme/rose/pic_1.png b/media/theme/rose/pic_1.png new file mode 100644 index 00000000..f0c18634 Binary files /dev/null and b/media/theme/rose/pic_1.png differ diff --git a/media/theme/rose/rose.css b/media/theme/rose/rose.css new file mode 100644 index 00000000..a7ae4972 --- /dev/null +++ b/media/theme/rose/rose.css @@ -0,0 +1,360 @@ +:root { + --side-bar-bg-color: #FF8FA4; + --window-border: none; + --active-file-bg-color: #ffebee; + --active-file-text-color: #000000; + --control-text-color: #9E9E9E; +} +@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; + } +} +html{ + font-size: 15px; +} +body{ + font-family:Microsoft YaHei, Consolas; + color:#212121; + line-height:1.6; + background-color: #FF8FA4; +} +#write{ + max-width:860px; + margin:0 auto; + padding:20px 30px 40px 30px; + padding-top:20px; + padding-bottom:100px; +} +body > *:first-child{ + margin-top: 0; +} +body > *:last-child{ + margin-bottom:0; +} +#write > ul:first-child, +#write > ol:first-child { + margin-top: 30px; +} +a { + color: #E91E63; + text-decoration:none; +} +.md-toc-inner{ + color:#E91E63; +} +h1,h2,h3,h4,h5,h6{ + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: normal; + line-height: 1.4; + cursor: text; + color: #ef303b; +} +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + 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.25em; + line-height: 1.2; + border-bottom: 1px solid #E91E63; +} +h2 { + padding-bottom: .3em; + font-size: 1.75em; + line-height: 1.225; + border-bottom: 1px solid #E91E63; +} +h3 { + font-size: 1.5em; + line-height: 1.43; +} +h4 { + font-size: 1.25em; +} +h5 { + font-size: 1em; +} +h6 { + font-size: 1em; +} +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: #81D4FA; + border: 0 none; + overflow: hidden; + box-sizing: content-box; + border-bottom: 1px solid rgb(145,168,210); +} +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:last-child, +ol:last-child { + margin-bottom: 0; +} +ul:last-child, +ol:last-child { + margin-bottom: 0; +} +blockquote { + border-left: 2px solid rgb(213,215,214); + padding: 0 15px; + color: #fa2b31; + background-color:#ffebee; +} +blockquote blockquote { + padding-right: 0; +} +table { + padding: 0; + word-break: initial; +} +table tr { + border-top: 1px solid #E91E63; + margin: 0; + padding: 0; +} +table tr:nth-child(2n){ + background-color: #ffebee; +} +table th{ + background-color: rgb(213,215,214); +} +table tr th { + font-weight: bold; + border: 1px solid #E91E63; + text-align: left; + margin: 0; + padding: 6px 13px; +} +table tr td { + border: 1px solid #E91E63; + 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; +} +.CodeMirror-gutters { + border-right: 1px solid #E91E63; +} +.md-fences, +code, +tt { + background-color: rgb(213,215,214); + color: #212121; + border-radius: 3px; + padding: 0; + font-family:Microsoft YaHei, Consolas, Mononoki, "Roboto Mono", "Liberation Mono", Courier, monospace; + padding: 2px 4px 0px 4px; + font-size: 0.9em; +} +.md-fences { + margin-bottom: 15px; + margin-top: 15px; + padding: 0.2em 1em; + padding-top: 8px; + padding-bottom: 6px; +} +.task-list { + padding-left: 0; +} +.task-list-item { + padding-left: 32px; +} +.task-list-item input { + top: 3px; + left: 8px; +} +.md-fences { + background-color: #ffebee; +} +#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: Microsoft YaHei, Consolas, Courier, monospace; + padding: 2px 4px 0px 4px; + font-size: 0.9em; + color: inherit; + background-color: rgb(223, 230, 233) +} +.md-tag{ + color: red; +} +.md-toc { + margin-top: 10px; + padding-bottom: 10px; +} +.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; +} +.cm-s-typora-default .cm-header { + color: rgb(220,91,111); +} +.cm-s-typora-default .cm-link { + color: #0091EA; +} +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} +header, +.context-menu, +.megamenu-content, +footer { + font-family:Microsoft YaHei, Consolas, Mononoki, monospace; +} +.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); +} \ No newline at end of file diff --git a/media/thumbnails/rose.png b/media/thumbnails/rose.png new file mode 100644 index 00000000..38d170a5 Binary files /dev/null and b/media/thumbnails/rose.png differ