/*** Reposition the Header ***/
margin-top : -45px; /* Move the header beyond visibility */
transition : all .3s ease-in-out; /* Transition for smooth dropdown */
/*** Generate an Arrow below the Header ***/
content : '\25BC'; /* Escaped Unicode Down Arrow Character; Can use any other text or image here */
display : block; /* Block display to span entire wrapper width to center the arrow */
font-size : 12px; /* Adjust arrow size */
text-align : center; /* Center arrow */
transition : transform .3s ease-in-out; /* Transition for smooth rotation of arrow */
/*** Dropdown Effect ***/
margin-top : 0px; /* Bring header back to visibility */
transform : rotateZ(180deg); /* Reverse the arrow direction */
SummaryThis concept and usable code was for a brief period of time was showcased at Members -> Settings -> Uberstyle. I think it was added there by Logan but I am not sure. It was utilized at that time by many users like Logan and deadman22.
I've recreated the code from scratch and added my own touch to it.