
@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  margin:0;padding:0;border:0
}

html, body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  font-family: Droid Sans, Arial, sans-serif;
  line-height: 1.5;
  overflow: hidden;
  position: relative;
}

#markdown-preview{
  width: 50%;
  height: 100%;
  padding: 0 5px;
  overflow: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-resizable-e{
  width: 5px;
  border-left: 1px solid #E1E1E1;
  background: transparent;
  cursor: col-resize;
  right: -2.5px;
}

#markdown-input{
  width: 630px;
  height: 100%;
  padding: 0 5px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.CodeMirror{
  width: 100%;
  height: 100%;
  line-height: 1.5;
}
.CodeMirror-scroll {
  /*height: auto;*/
  /*overflow-y: auto;
  overflow-x: hidden;*/
}

.CodeMirror-activeline-background {background: #e8f2ff !important;}

.cm-tab {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
   background-position: right;
   background-repeat: no-repeat;
}

span.CodeMirror-matchhighlight {
  background-color: #e9e9e9;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
  background-position: bottom;
  background-repeat: repeat-x;
}
.CodeMirror-focused span.CodeMirror-matchhighlight {
  background-color: #e7e4ff; !important
}


/* github markdown style */
input,button,textarea{margin:0;padding:0;font-size:100%;font-family:inherit}
button{-moz-box-sizing:content-box;box-sizing:content-box}
html,body{height:100%;min-width:960px}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0;font-size:100%;font:inherit}
html{overflow-y:scroll}
article,aside,header,footer,nav,section,figure,figcaption,hgroup,progress,canvas{display:block}
h1,h2,h3,h4,h5,h6{font-weight:bold}
strong,b{font-weight:bold}
em,i{font-style:italic}
:-moz-ui-invalid{box-shadow:none}

.markdown-body{font-size:14px;line-height:1.6;overflow:hidden}
.markdown-body>*:first-child{margin-top:0 !important}
.markdown-body>*:last-child{margin-bottom:0 !important}
.markdown-body a.absent{color:#c00}
.markdown-body a.anchor{display:block;padding-left:30px;margin-left:-30px;cursor:pointer;position:absolute;top:0;left:0;bottom:0}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6{margin:20px 0 10px;padding:0;font-weight:bold;-webkit-font-smoothing:antialiased;cursor:text;position:relative}

.markdown-body h1 .mini-icon-link,
.markdown-body h2 .mini-icon-link,
.markdown-body h3 .mini-icon-link,
.markdown-body h4 .mini-icon-link,
.markdown-body h5 .mini-icon-link,
.markdown-body h6 .mini-icon-link{display:none;color:#000}

.markdown-body h1:hover a.anchor,
.markdown-body h2:hover a.anchor,
.markdown-body h3:hover a.anchor,
.markdown-body h4:hover a.anchor,
.markdown-body h5:hover a.anchor,
.markdown-body h6:hover a.anchor{text-decoration:none;line-height:1;padding-left:0;margin-left:-22px;top:15%}

.markdown-body h1:hover a.anchor .mini-icon-link,
.markdown-body h2:hover a.anchor .mini-icon-link,
.markdown-body h3:hover a.anchor .mini-icon-link,
.markdown-body h4:hover a.anchor .mini-icon-link,
.markdown-body h5:hover a.anchor .mini-icon-link,
.markdown-body h6:hover a.anchor .mini-icon-link{display:inline-block}

.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code{font-size:inherit}

.markdown-body h1{font-size:28px;color:#000}
.markdown-body h2{font-size:24px;border-bottom:1px solid #ccc;color:#000}
.markdown-body h3{font-size:18px}
.markdown-body h4{font-size:16px}
.markdown-body h5{font-size:14px}
.markdown-body h6{color:#777;font-size:14px}
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre{margin:15px 0}
.markdown-body hr{
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
  border:0 none;
  color:#ccc;
  height:4px;
  padding:0
}

.markdown-body>h2:first-child,
.markdown-body>h1:first-child,
.markdown-body>h1:first-child+h2,
.markdown-body>h3:first-child,
.markdown-body>h4:first-child,
.markdown-body>h5:first-child,
.markdown-body>h6:first-child{margin-top:0;padding-top:0}
.markdown-body a:first-child h1,
.markdown-body a:first-child h2,
.markdown-body a:first-child h3,
.markdown-body a:first-child h4,
.markdown-body a:first-child h5,
.markdown-body a:first-child h6{margin-top:0;padding-top:0}
.markdown-body h1+p,
.markdown-body h2+p,
.markdown-body h3+p,
.markdown-body h4+p,
.markdown-body h5+p,
.markdown-body h6+p{margin-top:0}
.markdown-body li p.first{display:inline-block}
.markdown-body ul,
.markdown-body ol{padding-left:30px}
.markdown-body ul.no-list,
.markdown-body ol.no-list{list-style-type:none;padding:0}
.markdown-body ul li>:first-child,
.markdown-body ul li ul:first-of-type,
.markdown-body ol li>:first-child,
.markdown-body ol li ul:first-of-type{margin-top:0px}
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul{margin-bottom:0}
.markdown-body dl{padding:0}
.markdown-body dl dt{font-size:14px;font-weight:bold;font-style:italic;padding:0;margin:15px 0 5px}
.markdown-body dl dt:first-child{padding:0}
.markdown-body dl dt>:first-child{margin-top:0px}
.markdown-body dl dt>:last-child{margin-bottom:0px}
.markdown-body dl dd{margin:0 0 15px;padding:0 15px}
.markdown-body dl dd>:first-child{margin-top:0px}
.markdown-body dl dd>:last-child{margin-bottom:0px}
.markdown-body blockquote{border-left:4px solid #DDD;padding:0 15px;color:#777}
.markdown-body blockquote>:first-child{margin-top:0px}
.markdown-body blockquote>:last-child{margin-bottom:0px}
.markdown-body table th{font-weight:bold}
.markdown-body table th,
.markdown-body table td{border:1px solid #ccc;padding:6px 13px}
.markdown-body table tr{border-top:1px solid #ccc;background-color:#fff}
.markdown-body table tr:nth-child(2n){background-color:#f8f8f8}
.markdown-body img{max-width:100%;-moz-box-sizing:border-box;box-sizing:border-box}
.markdown-body span.frame{display:block;overflow:hidden}
.markdown-body span.frame>span{border:1px solid #ddd;display:block;float:left;overflow:hidden;margin:13px 0 0;padding:7px;width:auto}
.markdown-body span.frame span img{display:block;float:left}
.markdown-body span.frame span span{clear:both;color:#333;display:block;padding:5px 0 0}
.markdown-body span.align-center{display:block;overflow:hidden;clear:both}
.markdown-body span.align-center>span{display:block;overflow:hidden;margin:13px auto 0;text-align:center}
.markdown-body span.align-center span img{margin:0 auto;text-align:center}
.markdown-body span.align-right{display:block;overflow:hidden;clear:both}
.markdown-body span.align-right>span{display:block;overflow:hidden;margin:13px 0 0;text-align:right}
.markdown-body span.align-right span img{margin:0;text-align:right}
.markdown-body span.float-left{display:block;margin-right:13px;overflow:hidden;float:left}
.markdown-body span.float-left span{margin:13px 0 0}
.markdown-body span.float-right{display:block;margin-left:13px;overflow:hidden;float:right}
.markdown-body span.float-right>span{display:block;overflow:hidden;margin:13px auto 0;text-align:right}
.markdown-body code,
.markdown-body tt{margin:0 2px;padding:0px 5px;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px}
.markdown-body code{white-space:nowrap}
.markdown-body pre>code{margin:0;padding:0;white-space:pre;border:none;background:transparent}
.markdown-body .highlight pre,
.markdown-body pre{background-color:#f8f8f8;border:1px solid #ccc;font-size:13px;line-height:19px;overflow:auto;padding:6px 10px;border-radius:3px}
.markdown-body pre code,
.markdown-body pre tt{margin:0;padding:0;background-color:transparent;border:none}

#download-box {position:Fixed; top: 40%; right: 20px; }
#download-box img {width: 24px; height: 24px;cursor: pointer;}

#fork-me-on-github img{position: absolute; top: 0; right: 0; z-index: 999; border: 0;}
#tag #title{display: block;}
