Skip to content
Browse files

Nice button transitions

  • Loading branch information...
1 parent 163c533 commit 5e9d3b47afbb359968cb89c018297ef6cdbba03f @thedjpetersen committed Sep 24, 2012
Showing with 37 additions and 7 deletions.
  1. +28 −0 assets/css/app.css
  2. +9 −7 templates.html
View
28 assets/css/app.css
@@ -73,3 +73,31 @@ legend {
.note_input {
height: 300px;
}
+
+.note_buttons {
+ border-top: 1px solid #CCC;
+ margin-top: 15px;
+ padding-top: 15px;
+ -moz-opacity: 0.00;
+ opacity: 0.00;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
+
+ -moz-transition-property: opacity;
+ -moz-transition-duration: 0.5s;
+ -moz-transition-delay: 0.25s;
+ -webkit-Titleransition-property: opacity;
+ -webkit-transition-duration: 0.5s;
+ -webkitit-transition-delay: 0.25s;
+ -o-transition-property: opacityy;
+ -o-transition-duration: 0.5s;
+ -o-transition-delay: 0.25s;
+ transition-property: opacity;
+ transition-duration: 0.5s;
+ transition-delay: 0.25s;
+}
+
+.well:hover .note_buttons {
+ -moz-opacity: 1;
+ opacity: 1;
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
+}
View
16 templates.html
@@ -71,14 +71,16 @@ <h3 class="category_title">{{model.name}}</h3>
</ul>
</div>
- <div class="well span12">
- <legend>{{model.name}}</legend>
- {{{model.content}}}
- </div>
<div class="span12">
- <a href="#!/notes/{{model.id}}/edit" class="btn">Edit Note</a>
- <a href="#!/new_note/{{model.id}}" class="btn btn-primary">Add Child</a>
- <a href="#!/" class="btn btn-danger delete">Delete Note</a>
+ <div class="well">
+ <legend>{{model.name}}</legend>
+ {{{model.content}}}
+ <div class="note_buttons">
+ <a href="#!/notes/{{model.id}}/edit" class="btn">Edit Note</a>
+ <a href="#!/new_note/{{model.id}}" class="btn btn-primary">Add Child</a>
+ <a href="#!/" class="btn btn-danger delete">Delete Note</a>
+ </div>
+ </div>
</div>
{{#if children.length}}
<div class="span12">

0 comments on commit 5e9d3b4

Please sign in to comment.
Something went wrong with that request. Please try again.