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

15
index.html
View File

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