40n8.me/Prototyper
1
0
Fork 0
mirror of /repos/Prototyper.git synced 2025-12-30 06:31:32 +01:00
Code Issues Releases Wiki Activity

fiddle fiddle UI

Browse Source
This commit is contained in:
Aiko Mastboom 2013-04-21 12:21:06 +02:00
parent fbb126566e
commit 306819e0be
2 changed files with 33 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/index.html
View File

@ -10,6 +10,7 @@
}
<!-- @@_end_import__app_main_json -->
<!-- @@import_file__style.css__into__app_main_style -->
<!-- @@import_file__../README.md__into__app_main_readme -->
<!-- @@import_leftovers__app_main_index -->
<!-- @@_end_remove --><html>
<head>
@ -20,13 +21,12 @@
<!-- @@_end_remove -->
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet" type="text/css">
<!-- @@style_ _app_main_style -->
<!-- @@style__app_main_style -->
</head>
<body>
<!-- @@template__app_main_body__context__app_main -->
<!-- @@import__app_main_body_ -->
<div class="container">
<div id="header">
<div id="htext">
Editing <b>index</b>
@ -47,9 +47,17 @@
</div>
</div>
</div>
<div id="content">
<div id="tree">
<ul>
<li>
<span data-bind="text: name"></span>
<!--<ul data-bind="template: { name: 'nodeTmpl', foreach: nodes }"></ul>-->
</li></ul>
</div>
<div id="editor"></div>
</div>
</div>
<!-- @@template__app_main_scripts__context__app_main -->
<!-- @@import__app_main_scripts_ -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

32
public/style.css
View File

@ -20,10 +20,10 @@ body {
}
#htext {
line-height: 30px;
vertical-align: middle;
/*line-height: 30px;*/
/*vertical-align: middle;*/
padding-left: 10px;
/*padding-left: 10px;*/
color: white;
font-family: baskerville, palatino, 'palatino linotype', georgia, serif;
}
@ -32,15 +32,27 @@ body {
display: inline;
}
#editor {
margin: 0;
position: absolute;
top: 100px;
bottom: 0;
left: 0;
right: 0;
#content {
position: fixed;
top:100px;
width: 100%;
bottom: 0px;
}
#editor {
margin: 0px;
position: absolute;
top: 0px;
bottom: 0px;
left: 370px;
right: 0px;
}
#tree {
left:0px;
right:370px;
/*bottom: 0px;*/
}
#htext a {
color: #aaf;
font-weight: bold;