X-Git-Url: http://git.jkinsey.net/?p=jkinsey.net.git;a=blobdiff_plain;f=res%2Fstyle.css;fp=res%2Fstyle.css;h=d52b46fe8f4ae30496b18134f6fc732c2d76b30e;hp=fa49b94ae8d6c8eb2c82df5487e4aaccfb386703;hb=aa933c4948e66cbb9ac08cebb96d863d577ab381;hpb=e29d9cc468c3a9b5e586ed723e3c0110a0163e0d diff --git a/res/style.css b/res/style.css index fa49b94..d52b46f 100644 --- a/res/style.css +++ b/res/style.css @@ -37,7 +37,7 @@ menu.top { height:100px; } -menu, menu > *, menu img { +menu, menu > *, menu img, article { transition:all .6s cubic-bezier(0.23, 1, 0.32, 1); } @@ -142,7 +142,7 @@ menu nav ul li a:link, menu nav ul li a:visited { color:inherit; } -menu nav ul li a:hover { +menu nav ul li a:hover, menu nav ul li a.selected { text-decoration:underline; } @@ -156,15 +156,18 @@ article { left:calc(50% - 400px); width:800px; height:auto; - opacity:1; } -article.hidden { - display:none; +article.selected { + opacity:1; + visibility:visible; + top:150px; } -article.clear { +article.hidden { opacity:0; + visibility:hidden; + top:200px; } article > div {