target and hover state separated

This commit is contained in:
Vadim Makeev 2011-07-16 04:48:43 +04:00
parent d3c6b652a2
commit 79a17c2327
1 changed files with 7 additions and 5 deletions

View File

@ -233,18 +233,20 @@ BODY {
margin:0 50px 80px 0; margin:0 50px 80px 0;
width:512px; width:512px;
height:320px; height:320px;
box-shadow:0 0 50px rgba(0, 0, 0, 0.5); box-shadow:0 0 50px #3C3D40;
border-radius:1px; border-radius:1px;
background:#FFF; background:#FFF;
} }
.list .slide:hover, .list .slide:hover {
.list .slide:focus, box-shadow:
0 0 0 10px rgba(60, 61, 64, 0.6),
0 0 50px #3C3D40;
}
.list .slide:target { .list .slide:target {
box-shadow: box-shadow:
0 0 0 1px #305F8D, 0 0 0 1px #305F8D,
0 0 0 10px #3C7CBD, 0 0 0 10px #3C7CBD,
0 0 50px rgba(0, 0, 0, 0.5); 0 0 50px #3C3D40;
outline:none;
} }
.list .slide:after { .list .slide:after {
position:absolute; position:absolute;