md-live/public/css/default.css

Markdown preview with live update.

ul.fix,ul.fix li,ul.nl,ul.nl li{padding:0;margin:0;list-style:none;display:block}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:62.5%}body,html{height:100%;padding:0;margin:0}body{color:#4a4a4a;background:#fff;font-size:1.3rem;line-height:1.95rem;font-family:monospace;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:border-box}a{text-decoration:none;color:#4a4a4a;-webkit-transition:color .4s ease,border-color .4s ease;transition:color .4s ease,border-color .4s ease}h1,h2,h3,h4,h5{font-weight:400}.content{min-height:100%;background:#fff;padding-left:240px;-webkit-transition:padding .25s;transition:padding .25s}.collapsed .content{padding-left:36px}.collapsed .nav{-webkit-transform:translate(-206px);transform:translate(-206px)}.collapsed .nav .dir__content{-webkit-transform:translate(-36px);transform:translate(-36px)}.collapsed .dir__title{color:transparent!important}.collapsed #button-drawer{-webkit-transform:translate(16px);transform:translate(16px)}.collapsed #button-drawer button:nth-of-type(2){-webkit-transform:translateY(28px);transform:translateY(28px)}.collapsed #button-drawer button:nth-of-type(3){-webkit-transform:translateY(56px);transform:translateY(56px)}.collapsed #button-drawer button:nth-of-type(4){-webkit-transform:translateY(84px);transform:translateY(84px)}.collapsed #button-drawer button:nth-of-type(5){-webkit-transform:translateY(112px);transform:translateY(112px)}.collapsed #button-drawer button:nth-of-type(6){-webkit-transform:translateY(140px);transform:translateY(140px)}.collapsed button#toggle-collapse:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav{position:fixed;top:0;left:0;bottom:0;z-index:2;width:240px;overflow:hidden;background:#f5f5f5;border-right:1px solid #e6e6e6;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.nav h4{font-weight:700;padding:0 20px}.nav .dir__title{display:block;padding:0 20px;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;line-height:12px;font-size:1.2rem;line-height:1.2rem;color:#b3b3b3;-webkit-transition:color .25s;transition:color .25s}.nav .dir__content{margin-bottom:25px;position:relative;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.nav a{display:block;padding:5px 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:background-color .25s,color .25s;transition:background-color .25s,color .25s}.nav a.active{background-color:#05b491;color:#fff}.nav span{display:block;padding:5px 20px}.nav .author{position:absolute;left:0;bottom:20px}.nav__scroll{width:360px;overflow-y:scroll;height:100%}.nav__inner{width:240px;padding:10px 0}#button-drawer{position:absolute;right:20px;top:20px;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}#button-drawer button{width:24px;height:24px;position:absolute;right:0;top:0;border:none;background-color:rgba(0,0,0,.08);-webkit-transition:background-color .25s;transition:background-color .25s;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}#button-drawer button:hover{background-color:rgba(0,0,0,.1)}#button-drawer button:active{background-color:#05b491}#button-drawer button:nth-of-type(2){-webkit-transform:translate(-28px);transform:translate(-28px)}#button-drawer button:nth-of-type(3){-webkit-transform:translate(-56px);transform:translate(-56px)}#button-drawer button:nth-of-type(4){-webkit-transform:translate(-84px);transform:translate(-84px)}#button-drawer button:nth-of-type(5){-webkit-transform:translate(-112px);transform:translate(-112px)}#button-drawer button:nth-of-type(6){-webkit-transform:translate(-140px);transform:translate(-140px)}#content{display:block}#content,#docview{position:relative;height:100%}#docview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}#docview iframe{display:block;position:absolute;height:100%;width:100%;border:none;background-color:#fff}#docview iframe:first-child{z-index:100}button#toggle-collapse:before{display:block;position:relative;content:url(/img/chevron.svg)}button#toggle-nightmode:before{content:url(/img/moon.svg)}.section__notifications{position:fixed;top:0;right:0;z-index:99999;max-height:100%;overflow-x:hidden;overflow-y:auto;padding-right:1em;padding-top:1em}.section__notifications .notification{width:300px;display:block;padding:1em;color:#fff;overflow:hidden;-webkit-transition:height .2s,padding .2s,opacity .2s,margin .2s;transition:height .2s,padding .2s,opacity .2s,margin .2s;box-shadow:0 4px 4px 0 rgba(0,0,0,.15);margin-bottom:1em}.section__notifications .notification .actions{text-align:right}.section__notifications .notification h2{margin:0}.section__notifications .notification.enter,.section__notifications .notification.exit{height:0!important;padding-top:0;padding-bottom:0;opacity:0;margin-bottom:0}.section__notifications .notification[data-kind=info]{background-color:#0c84b2}.section__notifications .notification[data-kind=info] button:active{background-color:#fff;color:#0c84b2}.section__notifications .notification[data-kind=ok]{background-color:#05b491}.section__notifications .notification[data-kind=ok] button:active{background-color:#fff;color:#05b491}.section__notifications .notification[data-kind=error]{background-color:#ff5138}.section__notifications .notification[data-kind=error] button:active{background-color:#fff;color:#ff5138}.section__notifications button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid hsla(0,0%,100%,.5);background-color:transparent;color:#fff;outline:none;-webkit-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}@media screen{.night .content{background-color:#1d1f21;background-color:#2a2a2a}.night .content,.night .nav{color:#efefef;border-color:#111}.night .nav{background-color:#1d1f21}.night .nav .author,.night .nav h4{color:#ddd}.night .nav .active{background-color:#5e8d87}.night iframe{background-color:#2a2a2a}.night #button-drawer button{background-color:hsla(0,0%,100%,.1);color:#efefef}.night #button-drawer button:hover{background-color:hsla(0,0%,100%,.08)}.night #button-drawer button:active{background-color:#5e8d87}}@media print{.section__document{border:none;margin-top:0}.nav{display:none}.content{padding:0!important}hr{page-break-after:always}.section__notifications{display:none}}.night button#toggle-collapse:before{content:url(/img/chevron-light.svg)}.night button#toggle-nightmode:before{content:url(/img/sun.svg)}
/*# sourceMappingURL=default.css.map*/