:not(br),a:hover{ color:#222; padding:.1% 1%; margin:1% auto; max-width:95%; line-height:1.4 } html{ background:#eee; font:99% sans-serif } div{ opacity:0.95; background:#fff; box-shadow:0 0 6px } li{ display:inline } .c li{ display:block } img{ float:right; width:25% } a{ color:#33a } a,a:hover,strong,em{ padding:0 } /* etc */ html{ background-image:url('/common/background/background.jpg'); background-attachment:fixed; } div:hover{ -webkit-animation: fadein .5s; -moz-animation: fadein .5s; -ms-animation: fadein .5s; -o-animation: fadein .5s; animation: fadein .5s; opacity:1; } @keyframes fadein { from { opacity: 0.95; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0.95; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0.95; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0.95; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0.9; } to { opacity: 1; } }