Layout Preview

backfromthefuture

Author: back2th3future
Category: Aesthetic
Created: June 20, 2026
Downloads: 12
retro ish? testing
Log in to Apply

Live Preview

Comments (0)

No comments yet. Be the first!

Log in to leave a comment.

Layout CSS

.edit-info {
    background: #83a8dd
    background: #0E0D1F;
    border: #04123D;
    border: #1F1D1E;
    width: 100%;
    padding: 5px;
    overflow-wrap: break-word;
    word-break: break-word;
}

<style>
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
   font-family: Diediedie !important; 
   font-size: 10px !important; 
   color: #000000  !important; 
   text-shadow: none !important; 
   letter-spacing: 1px;
}
.top, .links, .heading, footer, button {
   background-color: #c8a0ff !important;
}
h1 {
       font-family: love;
src:
url(https://dl.dropbox.com/s/6fha3wjzklq7u1s/love.ttf);
}
h4 {
   color: #e33151 !important;
}
.contact, .url-info, .table-section, .profile-info {
   border-color: #ff6a85 !important;
}
td {
   background-color: white !important;
}
input, button:not(.logout-btn) {
   border: 1px groove #ff6a85 !important;
}
.pfp-fallback, .row.profile {
   border: 1px dotted #ff6a85 !important;
}
.logo-fallback {
   height: 38px !important;
}




.icon, .award img {
    content: url(https://64.media.tumblr.com/0d487ba4a97554e6e37970bc4e258454/08d8aabf849367d9-ef/s75x75_c1/2f18800c6a24c31eb78a8d4aadfa19f19dbb3ecf.gifv);
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.3em;
    color: rgba(0, 0, 0, 0);
}




.friends-grid .person {
    background-color: rgb(255, 204, 215);
    margin: 0px;
}

.friends-grid .person img{
    mix-blend-mode: overlay;
}



a {
    color: #C74465;
    color: #E46685;

    text-decoration: none;
}
main {
    background: white;
    color: #D54166;
    padding: 6px 0px;
    font-size: 80%;
}



.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/736x/c0/a4/e3/c0a4e3c2c7a4c31dee792ffe090fba9f.jpg"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 


* {cursor: url(https://64.media.tumblr.com/51d72f9e8c25787a373df7f0d93c1962/0ae5bc74dc7ccadb-3a/s75x75_c1/cc0559cd7a4e25e7af9a39434858eab2d4a0ecf3.gifv), auto;}

A:hover{cursor: url("https://64.media.tumblr.com/4286975c735f373f64d4a87e69371adb/4ae708fa88fd6797-20/s75x75_c1/ee95ed3454145e4a0ac2416b05967f8d9a3a3309.gifv "), auto;}


main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/originals/f2/ff/82/f2ff82037fcc5a2305be0ee82d79e893.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}


.online {content:url('https://64.media.tumblr.com/62469fedeace79baf6cb78a66777e49d/335e39e937ba1d41-d3/s250x400/356a3c4c778be9fa201b1e2556de18b4239b3afa.gifv'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 

}