Test !

I hope you like it. Feedback is welcome.

Code:


.pure-g,body.dark .pure-g { padding-left: 5px; padding-top:5px; }
.post,body.dark .post { background-image:none; 
 transition-duration:1s;
 margin-top:5px;
 margin-right:5px;
 border-radius:5px;}

.post:hover,body.dark .post:hover {
box-shadow: white 0 0 0px 1px;
box-shadow: aliceblue 0 0 5px 2px;
background-color: #FFF5;
background-image:url("%%Aero%%");
background-size: 100%;
transition-duration:.4s;
text-shadow: black 0px 0px 4px;
}

.upvoted path { fill: #7d7; }
}

Aero glass background: https://msfn.org/board/uploads/post-383443-0-68407000-1384219366.png

Edit: Fade-in shortened from 1.0 to 0.4 seconds.
Edit 2: Adding black text shadow for better readability.

# Try it out at /s/Test ! I hope you like it. **Feedback is welcome.** ----- Code: ``` .pure-g,body.dark .pure-g { padding-left: 5px; padding-top:5px; } .post,body.dark .post { background-image:none; transition-duration:1s; margin-top:5px; margin-right:5px; border-radius:5px;} .post:hover,body.dark .post:hover { box-shadow: white 0 0 0px 1px; box-shadow: aliceblue 0 0 5px 2px; background-color: #FFF5; background-image:url("%%Aero%%"); background-size: 100%; transition-duration:.4s; text-shadow: black 0px 0px 4px; } .upvoted path { fill: #7d7; } } ``` Aero glass background: https://msfn.org/board/uploads/post-383443-0-68407000-1384219366.png * Edit: Fade-in shortened from 1.0 to 0.4 seconds. * Edit 2: Adding black text shadow for better readability.

Try it out at /s/Test !

(post is archived)