Permalink
Browse files

Added skeleton for keyframe coordinate output.

  • Loading branch information...
jeremyckahn committed Mar 17, 2012
1 parent a004117 commit 04f2071d10563838b906af7b8f528c07d06d4706
Showing with 39 additions and 0 deletions.
  1. +17 −0 dev.html
  2. +22 −0 style.css
View
@@ -43,6 +43,7 @@ <h2>Pre-pre-alpha</h>
<div id="control-pane">
<ul class="tabs">
<li data-target="tween-controls"><a href="#">Tween</a></li>
+ <li data-target="keyframe-controls"><a href="#">Keyframes</a></li>
<li data-target="css-output"><a href="#">CSS</a></li>
<li data-target="html-input"><a href="#">HTML</a></li>
</ul>
@@ -77,6 +78,22 @@ <h2>Pre-pre-alpha</h>
</li>
</ul>
</li>
+ <li id="keyframe-controls">
+ <ul class="controls">
+ <li class="keyframe">
+ <h3>Keyframe 0:</h3>
+ <label>
+ <span>X:</span>
+ <input class="third-width" type="text" data-keyframeindex="0"></input>
+ </label>
+ <label>
+ <span>Y:</span>
+ <input class="third-width" type="text" data-keyframeindex="0"></input>
+ </label>
+ <hr>
+ </li>
+ </ul>
+ </li>
<li id="css-output">
<ul class="controls">
<li>
View
@@ -90,6 +90,11 @@ h2 {
margin-left: 10px;
}
+h3 {
+ font-size: 0.9em;
+ margin: 6px 0;
+}
+
p {
font-size: 1.2em;
}
@@ -239,6 +244,14 @@ canvas {
width: 270px;
}
+ #control-pane input.third-width {
+ width: 90px;
+ }
+
+ #control-pane input.quarter-width {
+ width: 60px;
+ }
+
#tween-controls {
float: left;
padding: 0;
@@ -251,6 +264,14 @@ canvas {
background: #f55;
}
+#keyframe-controls {
+
+}
+
+ #keyframe-controls hr {
+ margin-top: 12px;
+ }
+
#rekapi-canvas {
height: 400px;
left: 0;
@@ -312,6 +333,7 @@ canvas {
border-bottom: solid 1px #bbb;
height: 30px;
line-height: 30px;
+ min-width: 300px;
overflow: visible;
padding-top: 3px;
}

0 comments on commit 04f2071

Please sign in to comment.