Space Race/1980s Soviet Space Layout

Tags: space, stars, soviet, red, black

Description:

originally created this for me but thought it was cool enough to share^^ no credits needed, comment if using.

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;1,400&display=swap');
body{font-family: "Montserrat" ;}
</style> 
<style>
body{
background-image:url(https://media.discordapp.net/attachments/1146646086006612019/1163201554443141280/DvYWlgQVYAAMolz-e1558160896496.jpg?ex=655a665d&is=6547f15d&hm=52a629806a3b10e550721a3addd14ce444ac3c32f0a1abeecdd65cf3efbbc4fc&);
height: 0%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.profile {
background-image:url(https://i1.glitter-graphics.org/pub/518/518661ibm28y0vsj.jpg);
  background-repeat: repeat;
    border-radius: 1px;
}
.contact {
  border-radius: 1px;
  background-image: url(https://cur.glitter-graphics.net/pub/3705/3705945gjvrkq75xf.jpg);
  background-position: fill;
  background-repeat: repeat;
background-attachment: scroll;
Width: px;
Height:100px;

}
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://media.discordapp.net/attachments/903364339464044575/1077668179624595497/C8A8F84A-DA14-4303-8AB1-7BA476D2AA24.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://media.discordapp.net/attachments/903364339464044575/1077668179624595497/C8A8F84A-DA14-4303-8AB1-7BA476D2AA24.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://media.discordapp.net/attachments/903364339464044575/1077668179624595497/C8A8F84A-DA14-4303-8AB1-7BA476D2AA24.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://media.discordapp.net/attachments/903364339464044575/1077668179624595497/C8A8F84A-DA14-4303-8AB1-7BA476D2AA24.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://media.discordapp.net/attachments/903364339464044575/1077668179624595497/C8A8F84A-DA14-4303-8AB1-7BA476D2AA24.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://media.discordapp.net/attachments/903364339464044575/1077668179624595497/C8A8F84A-DA14-4303-8AB1-7BA476D2AA24.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://media.discordapp.net/attachments/903364339464044575/1077668179624595497/C8A8F84A-DA14-4303-8AB1-7BA476D2AA24.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://media.discordapp.net/attachments/903364339464044575/1077668179624595497/C8A8F84A-DA14-4303-8AB1-7BA476D2AA24.gif")

    }
    .online{content:url("https://i9.glitter-graphics.org/pub/1255/1255689ecrfhvr2el.gif");
}
nav .links li:not(:last-child)::after {
  content: "🌠";
  color: var(--text);
}
.profile {
background-image:url(https://media.discordapp.net/attachments/1146646086006612019/1163201554443141280/DvYWlgQVYAAMolz-e1558160896496.jpg?ex=655a665d&is=6547f15d&hm=52a629806a3b10e550721a3addd14ce444ac3c32f0a1abeecdd65cf3efbbc4fc&);
  background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
:root {
--logo-blue:;
--darker-blue:#ba4732;
--lighter-blue:black;
--even-lighter-blue:;
--lightest-blue:#663147;
--dark-orange:#ba4732;
--light-orange:;
--even-lighter-orange:#663147;
--green:;
}</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 0 of 0 comments ( View all | Add Comment )