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 107 comments ( View all | Add 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
kirizmo	1744646988 using it thanks a lot Report Comment
TeamFortressTruce	1744487061 using Report Comment
Metaphoriosis04	1744362147 Using Report Comment
Gam32+32	1743960641 I love using This Layout Report Comment Yay :D glad 2 hear it by Percival; 1744428423; Report
Smaana!	1743644693 This is so cool!! Report Comment YOU'RE so cool by Percival; 1744428402; Report
livingcorpse	1743521739 using Report Comment
cainzzz	1742858891 using as a base !!! Report Comment
COLDESTWiNTER	1742710628 USING!!! THIS IS AWESOME Report Comment Thank youu!!! >_< by Percival; 1744428368; Report
Käfer	1741577309 will use Report Comment
LUSCAO	1741063966 Using!! Report Comment