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 116 comments ( View all | Add Comment )

xerinaesuri	1749760619 Using! Awesome layout. Report Comment
Lessi bloodyway	1749668440 think i'm gonna use this! Report Comment
wildflower wildfire	1749660618 using, thank you :) Report Comment
paper/joel	1749604559 using and customizing, tysm!!! Report Comment
paper/joel	1749604557 using and customizing, tysm!!! Report Comment
▄︻デ══━一💥	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
Kiss Of Ramen	1746856221 Using!!! It looks so cool Report Comment
phenomenal✮cat	1746309333 USING!! thank you Report Comment
rootingbeer	1746295582 def using :3 thanks ! Report Comment
Rea 🦇🎱	1746209340 USING!!!!!!!!! YEAHHH Report Comment
Cl0ver	1745807117 using this it looks super duper cool u did amazing on it methinks ＼(^o^)／ Report Comment thank you! :) by Percival; 1746230902; Report
randomiz76	1745792766 using it rn!!! Report Comment
𝓈𝓅𝟦𝒸𝟥_𝒶𝓁𝒾𝑒𝓃	1745009080 Using Report Comment