My contact icons (windows 98)

Since layouts have been broken for a good SIX MONTHS and counting i thought i would put the code in a blog entry uhhh you can change the image for each contact icon by replacing the image link. I got my images from; https://win98icons.alexmeub.com/ so if you like windows 1998 but not the specific icons you can get similar ones from there. When and if layouts are fixed i probably delete this and post it to layouts okay bye

Here the code to my icons;

<style>

/* contact icons */

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add to friends */

content: 

url(https://win98icons.alexmeub.com/icons/png/computer_explorer_cool-1.png)

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorite */

content: 

url(https://win98icons.alexmeub.com/icons/png/utopia_smiley.png)

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send a message */

content: 

url(https://win98icons.alexmeub.com/icons/png/mailbox_world-1.png)

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* foward to friend*/

content: 

url(https://win98icons.alexmeub.com/icons/png/channels-1.png)

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */

content: 

url(https://win98icons.alexmeub.com/icons/png/modem-1.png)

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: 

url(https://win98icons.alexmeub.com/icons/png/loudspeaker_muted-1.png)

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add 2 group  */

content:

url(https://win98icons.alexmeub.com/icons/png/network_cool_two_pcs-1.png)

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report */

content: 

url(https://win98icons.alexmeub.com/icons/png/trust1_restrict-1.png)

}   

</style>