aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelinePanel.reel/scss
diff options
context:
space:
mode:
authorValerio Virgillito2012-07-19 15:53:54 -0700
committerValerio Virgillito2012-07-19 15:53:54 -0700
commit6403ec6d21048c93138ddcbcc59fc4677121ed5e (patch)
tree43d371557e28383fb962cb86d1a478f3a35d7ff3 /js/panels/Timeline/TimelinePanel.reel/scss
parentfc13ef1e806116bb7ece5bb06604fa4f5714a6ed (diff)
downloadninja-6403ec6d21048c93138ddcbcc59fc4677121ed5e.tar.gz
Timeline: updated livePreview to timeline play. Hide canvas and draw red outline
- Changed the play button to a toggle button - livePreview code in stage activated via bindings - Draw a red outline of the canvas when in play Signed-off-by: Valerio Virgillito <valerio@motorola.com>
Diffstat (limited to 'js/panels/Timeline/TimelinePanel.reel/scss')
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss26
1 files changed, 18 insertions, 8 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss b/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss
index d2d813bb..cf6df347 100644
--- a/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss
+++ b/js/panels/Timeline/TimelinePanel.reel/scss/TimelinePanel.scss
@@ -148,20 +148,30 @@ POSSIBILITY OF SUCH DAMAGE.
148 padding-right: 5px; 148 padding-right: 5px;
149} 149}
150.playbutton{ 150.playbutton{
151 background-image: url('../images/play.png'); 151 background: transparent url("../images/play.png") no-repeat;
152 background-repeat: no-repeat;
153 height: 18px; 152 height: 18px;
154 width: 18px; 153 width: 18px;
155 float: left; 154 float: left;
156 padding-right: 5px; 155 padding-right: 5px;
156
157 border: none;
158 margin: 0;
159 min-width: 0;
160 opacity: 0.8;
161}
162.playbutton:hover {
163 background-color: #474747;
164 opacity: 1;
165}
166.playbutton.active:hover {
167 background-color: #474747;
168 opacity: 1;
169}
170.playbutton:focus {
171 -webkit-box-shadow: none;
157} 172}
158.pausebutton{ 173.pausebutton{
159 background-image: url('../images/pause.png'); 174 background-image: url("../images/pause.png");
160 background-repeat: no-repeat;
161 height: 18px;
162 width: 18px;
163 float: left;
164 padding-right: 5px;
165} 175}
166.forwardbutton{ 176.forwardbutton{
167 background-image: url('../images/play_next.png'); 177 background-image: url('../images/play_next.png');