We The Kings

Tags: tragiictayy, compact, simple, layout, music, cute, basic

Description:

If you use this, please comment below, or add me on here. Thank you! :)

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&family=Reenie+Beanie&family=Rock+Salt&display=swap');
</style>


<style>

:root{
  --headers: #000105;
  --links: #c59f78;
  --text: #000105;
  --names: #000105;
}

nav{background-color: #872e2a; !important;border: solid 4px #5d2623!important;border-bottom: transparent!important;}
nav ul{background: #872e2a!important; color: #c59f78;font-size: 5px;text-align: center;}
nav img.logo{filter: invert(15%) sepia(40%) saturate(1445%) hue-rotate(323deg) brightness(97%) contrast(90%);!important;}
nav ul a img, .mood a img{display:none !important;}
.top{background: #872e2a!important;background-color:rgba(0, 0, 0, 0.8); !important;}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: "";
    color: var(--links);
}

.search-wrapper input[type=text] {background-color: #872e2a;) !important;border: none!important;color:#c59f78!important;border-radius: none!important;}
button{border-radius: none!important;border: none!important;background-color:#872e2a!important;color:#59f78!important;}

h1 {display: none!important;}
.w-40 >  p {display: none;}
.details {display: none!important;}
.mood {display: none!important}
.online {display: none;}
.right .section h4{display:none !important;}
.profile-info {display: none;}
.url-info{display:none !important;}
.table-section:last-child{display:none!important;}
.blog-preview{display:none !important;}
.friends-grid{display:none !important;} 
.comments-table{display:none !important;} 

b {
  color: #b19461;
  letter-spacing: -1px;
  font-family: 'Reenie Beanie', cursive;
}

i {
  color: #b19461;
  letter-spacing: 1px;
  font-family: 'Reenie Beanie', cursive;
}

a:link {
  color: #c59f78;
  font-family: 'Rock Salt', cursive;
}

a:hover {
   color: #060303;
   text-transform: uppercase;
}

a:visited {
   color: #c59f78;
   font-family: 'Rock Salt', cursive;
}

body {
  background: url("https://i.pinimg.com/originals/93/fb/e0/93fbe06eceec4cb8a6dbd4f504f1c5b1.jpg");
  background-size: contain!important;
  background-attachment: fixed!important;
}

.col.w-40 {
   width: auto;
}

.profile {
   display: flex;
   flex-direction: column;
   overflow-y: scroll;
   height: 200px;
   background-color: transparent;
   font-family: 'La Belle Aurore', cursive;
   text-align: center;
   text-transform: lowercase;
}

.profile-pic img{
    margin-left: 150px!important;
    margin-top: 10px;
}

.profile .contact .f-row {
    margin: 0;
    font-size: 10px!important;
}

.contact .inner a img {
        font-size: 0;
}

.contact .inner a img:before {
        font-size: 1em;
        display: block;
}

.table-section .details-table tr {
	display: flex;
	flex-direction: column;
        text-align: left! important;
}

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

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

.table-section:nth-last-child(2) .details-table tr:nth-child(3){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(4){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none! important;}


.friends th, tr, .friends td, th, .icon, #comments, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
    border: none!important;
}

.profile .contact .heading {
   display: none!important;
}

.profile .table-section .heading, .home-actions .heading {
   background-color: #b19461;
   color: #000105;
   font-family: 'Rock Salt', cursive;
   text-shadow: 2px 2px 8px #000105;
   text-align: center;
   text-transform: uppercase!important;
   border: solid 1px #5d2623;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: #b19461;
  color: #000105;
  font-family: 'Rock Salt', cursive;
  text-shadow: 2px 2px 8px #000105;
  text-align: center;
  text-transform: uppercase!important;
  border: solid 1px #5d2623;
}

.profile .table-section .details-table td {
  background-color: transparent;
  color: #000105;
}

main:before { 
width: 100%;
height: 250px;
display: block;
content: "";
background-image: url("https://64.media.tumblr.com/tumblr_m2wdz2JL1z1r3d09ko1_500.gifv");
background-position: center;
background-size: full;
background-repeat: no-repeat;
}

main {
   background: url("");
   background-size: 200px;
   background-color: #872e2a;
   border: solid 4px #5d2623;
   border-top: transparent;
}

.container {
   padding: 160px;
}

footer {
    background: #872e2a;
    margin-top: -20px;
    border: solid 4px #5d2623;
    border-top: transparent;
}

</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 1 of 1 comments ( View all | Add Comment )

Frankie

1642539626

how do i change the giph???

Report Comment