iiiypuk/markdown-live-preview
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
tanabe 2011-05-17 22:17:47 +09:00
parent fd25e620fe
commit 214f06dc74
2 changed files with 47 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
css/style.css
View File

@ -1,7 +1,7 @@
body {
margin: 0;
padding: 0;
background-color: white;
background-color: #D1D1BC;
font: helvetica, arial, freesans, clean, sans-serif;
font-size: 1em;
line-height: 2em;
@ -18,17 +18,43 @@ p {
margin: 1em;
}
h1 {
color: #fff;
padding: 5px;
background-color: #302C29;
}
h2 {
color: #412726;
font-weight: bold;
}
#container {
width: 1000px;
width: 960px;
padding: 20px;
margin: 0 auto;
background-color: #fff;
overflow: hidden;
}
#container .section {
margin-bottom: 20px;
}
#markdown {
width: 800px;
#leftColumn {
float: left;
width: 700px;
}
#rightColumn {
width: 240px;
float: right;
}
textarea#markdown {
padding: 0;
margin: 0;
width: 100%;
height: 200px;
font-size: 1em;
}

37
index.html
View File

@ -3,40 +3,37 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="content-language" content="ja">
<title>Markdown Live Previewer</title>
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/markdown.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<h1>Markdown Live Previewer</h1>
<div id="container">
<h1>Markdown Live Previewer</h1>
<div class="section">
<h2>markdown</h2>
<textarea id="markdown"></textarea>
</div>
<div id="leftColumn">
<div class="section">
<h2>markdown</h2>
<textarea id="markdown"></textarea>
</div>
<div class="section">
<h2>output</h2>
<div id="output"></div>
</div>
<div class="section">
<h2>output</h2>
<div id="output"></div>
</div>
</div>
<div class="section">
<h2>html</h2>
<div id="html">todo</div>
</div>
<div id="rightColumn">
<div class="section">
<h2>reference</h2>
<div id="rederence"></div>
</div>
</div>
<div class="section">
<h2>reference</h2>
<div id="reference">todo</div>
</div>
</div>
</body>
</html>