Prototype inspired layout

Tags: prototype, regretevator, roblox, simple
Description:

Come with: Custom cursor (https://layouts.spacehey.com/layout?id=96430), Custom contact icons, Custom icons on header, Custom logo, Custom font, Icon mask
Preview:

click on the image for a larger preview
Code:

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

<style>

@font-face {
font-family: "bad robot";
    src: url("https://db.onlinewebfonts.com/t/5e4bf2ec88624883e86abdf2ce49bbfc.eot");
    src: url("https://db.onlinewebfonts.com/t/5e4bf2ec88624883e86abdf2ce49bbfc.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/5e4bf2ec88624883e86abdf2ce49bbfc.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/5e4bf2ec88624883e86abdf2ce49bbfc.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/5e4bf2ec88624883e86abdf2ce49bbfc.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/5e4bf2ec88624883e86abdf2ce49bbfc.svg#bad robot")format("svg");
}
  
h1, h2, h3, h4, h5, p, body, .mood p,.top, .top a, a, .friends, .table-section td, .links, .logout-btn{

font-family: 'bad robot';

</style>




<style>
.logo {

content:url("https://files.catbox.moe/hlq59z.png");

}  


body{
  background: url(https://static.wikia.nocookie.net/regretevator/images/c/c3/Find_The_Path_image.png);
  background-repeat: no-repeat;
  background-size: cover;
}

main{
  background: white;
  color: black;
}
  
.heading h4{
color: white;
}

.friends{
  color: black;
  background: transparent;
}

table.comments-table{
  color: black;
  background: transparent;
  display: block;
  border: transparent;
}
  
.comments-table td:first-child {
background: transparent;
}

.profile .blurbs{
  background: transparent;
  display: block;
}

.profile .mood{
}

a:hover{
  color: black;
}
a{
  color: black;
}

nav .top{
  background: #F993CA;
}

nav .links{
  background: #F993CA;

}

.nav .top , nav .links{

text-align: center;

}
  
nav .links a:hover {
color: black;
}
  
nav .links li:not(:last-child)::after {

content: url("https://64.media.tumblr.com/f12e3f732b472e97ca66a308e85dc1b2/cab47982e761629e-ac/s75x75_c1/7f8dc0acd6e38ddde0c78be8e3f6b6fdf30dcff5.gifv");

}
  
nav .links a, nav .links li .special a{
text-shadow: none;
}
  
li .icon {
display: none;
}
  
.person p, .count {
color: #FFE460 !important;
}
  
.profile-info {
    border: transparent;
}
  
.profile-info {
  border: transparent;
}
  
.details-table td * {
color: white;
}
  
.search-wrapper input[type=text] {
    background-color: white !important;
    border: 1px solid grey !important;
    font-family: var(--font-family) !important;
    color: black !important;
    border-radius: 0px !important;
}
  
button {
    border-radius: 0px !important;
    border: 0px solid #fff !important;
    font-family: var(--font-family) !important;
    background: transparent !important;
}

footer{
  background: transparent;
  color: black;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: #88E8F5;
--even-lighter-blue: #88E8F5;
--lightest-blue: #88E8F5;
--dark-orange: black;
--light-orange: #C682F2;
--even-lighter-orange: transparent;
--green: #C682F2;
}
  
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #F993CA;
}

::-webkit-scrollbar-thumb:hover {
  background: #F993CA;
; 
}
  
/* contact icons */
.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://64.media.tumblr.com/5dc2e735b6402a4ad5edc573cba80a80/cab47982e761629e-29/s75x75_c1/908e776bb587ce4dc193250d9d7a08d30235acdb.gifv");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://64.media.tumblr.com/749ea061ef467a45bd3657e35d0babd5/cab47982e761629e-6c/s75x75_c1/eb52bd051df246b128d2cb74eca6cd87c74b6ba8.gifv");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://64.media.tumblr.com/5dc2e735b6402a4ad5edc573cba80a80/cab47982e761629e-29/s75x75_c1/908e776bb587ce4dc193250d9d7a08d30235acdb.gifv");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://64.media.tumblr.com/749ea061ef467a45bd3657e35d0babd5/cab47982e761629e-6c/s75x75_c1/eb52bd051df246b128d2cb74eca6cd87c74b6ba8.gifv");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://64.media.tumblr.com/5dc2e735b6402a4ad5edc573cba80a80/cab47982e761629e-29/s75x75_c1/908e776bb587ce4dc193250d9d7a08d30235acdb.gifv");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://64.media.tumblr.com/749ea061ef467a45bd3657e35d0babd5/cab47982e761629e-6c/s75x75_c1/eb52bd051df246b128d2cb74eca6cd87c74b6ba8.gifv");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://64.media.tumblr.com/5dc2e735b6402a4ad5edc573cba80a80/cab47982e761629e-29/s75x75_c1/908e776bb587ce4dc193250d9d7a08d30235acdb.gifv");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://64.media.tumblr.com/749ea061ef467a45bd3657e35d0babd5/cab47982e761629e-6c/s75x75_c1/eb52bd051df246b128d2cb74eca6cd87c74b6ba8.gifv");
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/images10/nat996.png), url(https://cur.cursors-4u.net/nature/images10/nat996.png), auto !important;}</style>

<style>
.general-about img {-webkit-mask-image: url(https://64.media.tumblr.com/bc22d41c798b8ed3f663dda44ed9d021/148bfa1cb0c63955-d6/s1280x1920/41693f0da093b839d3b51d0976f6b5b44df7c7dd.pnj);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://64.media.tumblr.com/bc22d41c798b8ed3f663dda44ed9d021/148bfa1cb0c63955-d6/s1280x1920/41693f0da093b839d3b51d0976f6b5b44df7c7dd.pnj);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://64.media.tumblr.com/bc22d41c798b8ed3f663dda44ed9d021/148bfa1cb0c63955-d6/s1280x1920/41693f0da093b839d3b51d0976f6b5b44df7c7dd.pnj);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</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

Comments disabled.