diff options
author | Andrea Diamantini <adjam7@gmail.com> | 2010-05-24 16:51:11 +0200 |
---|---|---|
committer | Andrea Diamantini <adjam7@gmail.com> | 2010-05-24 16:51:11 +0200 |
commit | 891429fd41f9c96f796f7dd7f67029183facf38a (patch) | |
tree | 508409d88a9c24456238a3e68dc742a422b9ffb1 | |
parent | Merge commit 'refs/merge-requests/2271' of git://gitorious.org/rekonq/mainlin... (diff) | |
parent | Little improvements for css transitions : use shortland property, transitions... (diff) | |
download | rekonq-891429fd41f9c96f796f7dd7f67029183facf38a.tar.xz |
Merge commit 'refs/merge-requests/111' of git://gitorious.org/rekonq/mainline into m111
-rw-r--r-- | src/data/home.html | 44 |
1 files changed, 21 insertions, 23 deletions
diff --git a/src/data/home.html b/src/data/home.html index 25236743..cedd8855 100644 --- a/src/data/home.html +++ b/src/data/home.html @@ -40,9 +40,7 @@ font: normal bold 1em; a { color: #3F7AB7; text-decoration: none; --webkit-transition-property: color; --webkit-transition-duration: 0.5s; --webkit-transition-timing-function: ease; +-webkit-transition: color 0.5s ease; } a:hover { color: black; @@ -81,7 +79,12 @@ height: 16px; .link { display: inline-block; +-webkit-transition: opacity 0.5s ease; } +.link:not(.current):hover { +opacity: 0.6; +} + .link img, .link span { vertical-align: middle; display: inline-block; } @@ -89,15 +92,6 @@ vertical-align: middle; display: inline-block; color: black; } -#actions .link { --webkit-transition-property: opacity; --webkit-transition-duration: 0.8s; --webkit-transition-timing-function: ease; -opacity: 0.2; -} -#actions .link:hover { -opacity: 1; -} #actions .link img { margin-right: 3px; width: 16px; } @@ -141,22 +135,13 @@ background: url(%2/bg.png) no-repeat; padding: 0 12px; } -.thumbnail:hover .preview , -.thumbnail:hover .button img { -opacity: 0.8; -} -.button img, .preview { --webkit-transition-property: opacity; --webkit-transition-duration: 0.8s; --webkit-transition-timing-function: ease-in-out; -} - .button img { display: inline-block; width: 16px; height: 16px; opacity: 0; } + .remove { float: right; } @@ -164,7 +149,20 @@ float: right; float: left; } -.thumbnail a:hover, .thumbnail span { +.button img, .preview { +-webkit-transition: opacity 0.8s ease-in-out; +} +.thumb-inner:hover .preview { +opacity: 0.6; +} +.thumb-inner:hover .button img { +opacity: 0.4; +-webkit-transition: opacity 0.8s ease-out; +} +.thumb-inner .button img:hover { +opacity: 1; +} +.thumbnail a:hover { color:#3F7AB7; } |