Workaround for webkit's E:target ~ E { … } bug.

This commit is contained in:
Roman Komarov 2011-04-28 06:57:13 -07:00
parent 8a5428b721
commit b3a800c187
1 changed files with 5 additions and 1 deletions

6
styles/projection.css Executable file → Normal file
View File

@ -1,6 +1,9 @@
@import url(reset.css); @import url(reset.css);
@import url(fonts.css); @import url(fonts.css);
/* Fix for +/~ selectors in webkit */
@-webkit-keyframes bugfix { from { padding:0; } to { padding:0; } }
BODY { BODY {
overflow:hidden; overflow:hidden;
background:#000; background:#000;
@ -337,6 +340,7 @@ A {
-webkit-border-radius:0.2em; -webkit-border-radius:0.2em;
-moz-border-radius:0.2em; -moz-border-radius:0.2em;
border-radius:0.2em; border-radius:0.2em;
-webkit-animation:bugfix infinite 1s;
} }
.progress DIV { .progress DIV {
position:absolute; position:absolute;
@ -354,5 +358,5 @@ A {
transition:width 0.2s linear; transition:width 0.2s linear;
} }
.progress-off:target ~ .progress { .progress-off:target ~ .progress {
display:none; visibility:hidden;
} }