diff options
| author | Teddy Wing | 2013-11-10 06:54:24 -0500 |
|---|---|---|
| committer | Teddy Wing | 2013-11-10 06:54:24 -0500 |
| commit | c5d695c3e3961c0c08c8d568ff898a57133423e9 (patch) | |
| tree | b4f1247a6faa5e52b248e6ae1e3a5504faa600ec | |
| parent | fd255a3f00b7395aafa68ae65e48b7fe7a09d907 (diff) | |
| download | clip-play-c5d695c3e3961c0c08c8d568ff898a57133423e9.tar.bz2 | |
Add active state to clip drag handles & improve styles
* Clip drag handles get darker when you click on them
* Add text-shadow to times in drag handles
* Adjust leading of text in drag handles
| -rw-r--r-- | assets/css/sample-editor.css | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/assets/css/sample-editor.css b/assets/css/sample-editor.css index 891005f..35a1e90 100644 --- a/assets/css/sample-editor.css +++ b/assets/css/sample-editor.css @@ -37,7 +37,9 @@ left: -1em; padding: 0.3em; cursor: ew-resize; + line-height: 1.2; color: #414141; + text-shadow: 0 1px 2px #f2f400; background-color: #dfe100; background: #e5e500; /* Old browsers */ @@ -50,6 +52,18 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e500', endColorstr='#dfe100',GradientType=0 ); /* IE6-9 */ } +.drag-handle:active { + background: #c4c600; + background: #d1d100; /* Old browsers */ + background: -moz-linear-gradient(top, #d1d100 0%, #c4c600 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d100), color-stop(100%,#c4c600)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #d1d100 0%,#c4c600 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #d1d100 0%,#c4c600 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #d1d100 0%,#c4c600 100%); /* IE10+ */ + background: linear-gradient(to bottom, #d1d100 0%,#c4c600 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d100', endColorstr='#c4c600',GradientType=0 ); /* IE6-9 */ +} + .start-drag-handle { left: -2.6em; -webkit-border-radius: 3px 0px 0px 3px; |