MOTM: Clavicle

by Kofod

HTML

<div>

<div class="textbox" style="overflow: auto; position: absolute; width: 170px; height: 90px; top: 320px; left: 65px; margin-right: -230px; margin-bottom: -319px; text-align: center;"><span style="font-size: small; font-family: 'times new roman', times; color: #000000;">Many of you will know Clavical from her time as Admin for the EN server. Others will remember her time on SMT ensuring activity flowed and the media pages were engaging. Or perhaps more recently during her stint on ET, hosting events for all of us to enjoy. Back in 2020 she was part of NT, writing articles regularly for user enjoyment. For me, everything changed when Clavical joined the Mod Squad. We worked side by side for what felt like decades and friendship blossomed. Sarah is the most selfless person I've ever met. Nothing was ever too much and she was always willing to help, no matter how silly or difficult the request may be. At the drop of a hat she can have me doubled over in a fit of laughter. Even though we live on different sides of the world our friendship kept on growing and thanks to VP I've made a friend for life. In 2018 I flew over to Canada and we got to spend an incredible two weeks together. It was clear from the get go that we would be friends for life. Even now that I'm less active here our friendship will continue growing strength by strength and I'll be eternally grateful for that. Sarah, if you're reading this, I hope you know how much I love and appreciate you. I want to thank you for all you've done for me and this site. Enjoy VP retirement and I cant wait to be in Canada next year for your wedding.</span></div>
<div class="textbox" style="overflow: auto; position: absolute; width: 170px; height: 90px; top: 218px; left: 290px; margin-right: -230px; margin-bottom: -319px; text-align: center;"><span style="font-size: small; font-family: 'times new roman', times; color: #000000;">I enjoyed working with Clavicle, after her long work with VP and her dedication to our...

CSS

/* How to make custom scrollbar */
/* Customize shape of scrollab */
.textbox::-webkit-scrollbar {
    width: 8px;
}

/* The area behind scrollbar */
.textbox::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

/* Customize the bar moving inside the tracker */
.textbox::-webkit-scrollbar-thumb {
    background-color: #e27100; 
    border-radius: 5px;
}

/* Scrollbar reacts to hover */
.textbox::-webkit-scrollbar-thumb:hover {
    background-color: #b94815;
}