Team Fortress

Tags: simple, layout, tf2, team fortress 2

Description:

Based on the Team Fortress 2 official website, cus I've been spending a lotta time there lately... Customizing/using as a base/etc is ok! :)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Percival (https://layouts.spacehey.com/layout?id=107595) -->

<style>
:root {

        --logo-blue: #332E28;

        --darker-blue: #39342E;

        --lighter-blue: #B05014;

        --even-lighter-blue: #E2E2E2;

        --lightest-blue: #E2E2E2;

        --dark-orange: #373634;

        --light-orange: #AF5114;

        --even-lighter-orange: #E2E2E2;

        --green: #393534;

    }
body
{background-image:
url(https://i.ibb.co/s9LLz80/competitive-tier4-2650x1600.jpg);

}
main {

  background-color: #D2CDC9;

  color: #373634;
</style>

<style>
img.logo{
content: url("https://i.ibb.co/gDyTkGW/1717209732570.png");
width: 144px !important;
height: 48px !important;
</style>

<style> 
.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://i.ibb.co/1vpYdkF/Untitled37-20240531215131.png")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i.ibb.co/QH5HBpr/Untitled37-20240531215158.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://i.ibb.co/bsgpmNf/Untitled37-20240531215217.png")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://i.ibb.co/Jy2YC4Z/Untitled37-20240531215246.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://i.ibb.co/8g0myrZ/Untitled37-20240531215312.png")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i.ibb.co/8b1NXRH/Untitled37-20240531215334.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://i.ibb.co/TWJrcxZ/Untitled37-20240531215358.png")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i.ibb.co/SxdbJxC/Untitled37-20240531215424.png")
    } 
</style>

<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://i.ibb.co/JB68dSs/Login-Spy.png');

}

</style>

<style>
.online {content:url('https://i.ibb.co/9mxzF0d/Untitled41-20240531222916.png'); mbackground-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>

.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p:before { content:"Video Games"; font-size:.7rem; }

</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 124 comments ( View all | Add Comment )

kexilium	1751625525 usingg!! Report Comment
Jinxed-Lily	1751606141 using :D Report Comment
Kunea	1750720335 using!!! Report Comment
xbyte_bbyx	1750492075 using ty! <3 Report Comment
~{_PVNK_}~ $~{_PVNK_}~'s profile picture$	1750484962 USING TYYY Report Comment
✩𝓑𝓮𝓪𝓾✩	1749975946 using! ty Report Comment
Jake Ludwig	1749944431 using!! dankeshon! Report Comment
zㅣ존 Ju_ho	1749814399 using! Report Comment
xerinaesuri	1749760619 Using! Awesome layout. Report Comment
Lessi bloodyway	1749668440 think i'm gonna use this! Report Comment
blue-ringed octopus	1749660618 using, thank you :) Report Comment
paper/joel	1749604559 using and customizing, tysm!!! Report Comment
paper/joel	1749604557 using and customizing, tysm!!! Report Comment
ThatLoser	1749462139 usingg Report Comment
morikori	1749126375 using Report Comment
Minxxx	1747997732 THIS IS NOT WORKING FOR ME I GUESS. CAN YOU TELL ME WHAT I SHOULD DO??? (maybe I didn't get it properly) Report Comment
finn	1747963600 this is awesome hell yeah Report Comment
Belisarius	1747634826 Using! Report Comment
silentfever	1747319028 Using! Report Comment
potatopot	1747071731 Using!thank you!! Report Comment