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

sapatinho!	1755221301 using Report Comment
_xxBl0ødy_kiTtYxx_	1755149316 using Report Comment
Notsophism (Notts for Short)	1754842950 Using! Report Comment
Suxor	1754010573 using Report Comment
Ali3n	1753867258 using ^^ Report Comment
Sk3zzztherottenkid	1753815281 USINGG!!! <3 Report Comment
Kustodel	1753692008 thx cutie Using this >3 Report Comment
Dazed!!	1753642139 using ^^ Report Comment
VINNY!! :3	1753524842 Using!! Report Comment
Hyukai	1753275713 using Report Comment
Zashı	1753235737 Usin Report Comment
xXElliot_EntropyXx	1752862360 this is super cool! i love seeing other tf2 enjoyers here :] ill probably be using this layout! thank you Report Comment
Br00k3	1752797504 oh hell yeah! ty for uploading Report Comment
missnanai	1752644240 usingg :D Report Comment
Bubble	1752413403 using Report Comment
yul	1752391548 using Report 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