Mlike

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Mlike</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> <link href="//fonts.googleapis.com/css?family=Open+Sans:300&subset=latin" rel="stylesheet"> <link href="/assets/css/github.css" rel="stylesheet" /> <link href="/assets/css/pure-min.css" rel="stylesheet" />  <link href="/assets/css/syntax.css" rel="stylesheet" /> <link href="/assets/css/typora-theme.css" rel="stylesheet" /> <link rel='icon' href='/assets/img/favicon-16.png' sizes='16x16'> <link rel='icon' href='/assets/img/favicon-32.png' sizes='32x32'> <link rel='icon' href='/assets/img/favicon-64.png' sizes='64x64'> <link rel='icon' href='/assets/img/favicon-128.png' sizes='128x128'> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@typora"> <meta name="twitter:title" content="Mlike"> <meta name="twitter:url" content="/theme/Mlike/"> <meta name="twitter:description" content=" Mlike is a typora theme, I integrated my favorite CSS style into this theme. Mlike, I like Preview "> <meta name="twitter:image" content="mlike.png"> <script> if (window.location.protocol != "https:"){ window.location.protocol = "https"; } </script> </head> <body> <style type="text/css"> html, header { background-color: #f6f6f6; } #pagecontainer { background-color: #fff; min-height: calc(100vh - 510px); } .nav { border-bottom: 0; background-color: #f6f6f6; } .inner-page { width: 100%; max-width: 800px; margin: auto; padding:24px; } h1 { border-bottom: 0; } .summary h1{ } .meta .btn:not(.disabled):hover { background-color: #ccc; } a.disabled { cursor: default; } a.btn.disabled:hover { text-decoration: initial; color: #777; } .meta .btn { margin-top: 24px; } .pure-menu-link:hover, .pure-menu-link:focus { background-color: #cccccc; } .summary { padding-top: 40px; min-height:270px; display:flex; } @media (max-width: 630px) { .summary { display: block; } .item-image-right { margin-top: 72px; text-align: center; } } .show-on-hover { display: none; } a:hover .hide-on-hover { display: none; } a:hover .show-on-hover { display: inline; } </style> <header class="pure-menu pure-menu-horizontal nav" id="header"> <div class="gallery">  <ul class="pure-menu-list" style="float: left; margin-left:1em;"> <li class="pure-menu-item pure-menu-active"><a href="/" class="pure-menu-link" id="title-bar-feature-btn">Back</a> </li> </ul> </header> <div style="background-color: #f6f6f6;padding-bottom:40px;"> <div class="inner-page summary"> <div class="item-image" style="text-align:center;flex:1;"><img src="/media/thumbnails/mlike.png" /></div><div class="item-image-right" style="flex:1;"> <h1>Mlike</h1> <div class="meta clearfix"> <span style='font-family: "Lucida Grande",Verdana,sans-serif;'>AntonVanke <span style="color: #bbb;margin-left:20px;font-size:14px;">2021/05/06</span></span> <br/> <a class="btn" href="https://github.com/AntonVanke/typora-mlike-theme" target="_blank">Homepage</a> <a class="btn" href="https://github.com/AntonVanke/typora-mlike-theme/releases/" target="_blank">Download</a> </div> </div> </div> </div> <div id="pagecontainer" class="container"> <div id="post-content" class="inner-page"> <p><img src="https://img.shields.io/github/downloads/AntonVanke/typora-mlike-theme/total?style=for-the-badge" alt="GitHub all releases" /><img src="https://img.shields.io/github/v/release/AntonVanke/typora-mlike-theme?style=for-the-badge" alt="GitHub release (latest by date)" /></p> <p><img src="/media/theme/mlike/mlike.png" alt="" /></p> <p>Mlike is a typora theme, I integrated my favorite CSS style into this theme. <strong>Mlike, I like</strong></p> <h5 id="preview">Preview</h5> <p><img src="/media/theme/mlike/mlike-dark-1.png" alt="" /></p> <p><img src="/media/theme/mlike/mlike-light-1.png" alt="" /></p> <p><img src="/media/theme/mlike/mlike-dark-2.png" alt="" /></p> <p><img src="/media/theme/mlike/mlike-light-2.png" alt="" /></p> <p><img src="/media/theme/mlike/mlike-light-3.png" alt="" /></p> </div> </div> <footer id="post-footer" style="background-color: rgb(51, 51, 51); padding-top:50px; padding-bottom:50px; text-align:center;font-size:13px;"> How to <a href="/doc/Install-Theme/">install</a> / <a href="/doc/Write-Custom-Theme/">write</a> / <a href="/doc/Submit-A-Theme/">submit</a> a theme </footer> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/styles/default.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "jtsmqoysmf"); </script> </body> </html>

CINXE.COM

Mlike