Purple Stars Layout

Tags: purple, yellow, stars, gif, layout, simple, gradient, space, star, black

Description:

Purple stars layout made by me. The background is a gif. Anyone can feel free to use! All I ask is that you don't repost this layout as your own. Thank you and enjoy :)

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Iceland&display=swap');

body{
background-image:url(https://64.media.tumblr.com/9c4de7aad5ca51c17829393303e488b3/abd613ad07d21350-6c/s250x400/845dd5b3b7ea3725630601dffeb5a43976d13e09.gifv);
background-attachment: fixed;
}

main{
background: transparent;
}

p{
color: white;
}

nav .top{
background-color: transparent;
margin: 1em 0;
}

nav .links{
background: rgba(153,91,254,0.5);
background: linear-gradient(0deg, rgba(153,91,254,0.5) 0%, rgba(82,47,153,0.5) 18%, rgba(71,29,121,0.5) 38%, rgba(5,2,9,0.7) 59%, rgba(45,18,65,0.7) 83%, rgba(140,59,190,0.9) 100%);
border: 1px solid #E1C9FF;
box-shadow: inset 0px 0px 5px #AD83DC;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 1em 0;
}

nav .links li::after{
display: none;
}

.profile h1{
font-family: 'Iceland', cursive;
color: white;
font-size: 50px;
text-shadow: 0px 0px 5px #AD83DC;
}

.profile .general-about{
padding: 1em;
color: white;
text-shadow: 2px 3px 5px black;
}

.profile-pic img{
border: 2px solid #E1C9FF;
box-shadow: 0px 0px 10px #AD83DC;
}

.online{
color: white;
font-family: 'Iceland', cursive;
text-shadow: 0px 0px 5px #AD83DC;
font-size: 20px;
margin: 0;
padding: 0;
}

.online img{
content: url(https://64.media.tumblr.com/3f49ac271eeb7bff5b6fe308432e4900/8741e56e1d55a6de-86/s250x400/87a44a17ff2b6811aaa92ca0c189f986e3ee2006.gifv);
animation: none;
padding: 0;
margin: 0;
}

.profile .profile-info{
color: white;
text-shadow: 2px 3px 5px black;
background: rgba(153,91,254,0.5);
background: linear-gradient(0deg, rgba(153,91,254,0.5) 0%, rgba(82,47,153,0.5) 18%, rgba(71,29,121,0.5) 38%, rgba(5,2,9,0.7) 59%, rgba(45,18,65,0.7) 83%, rgba(140,59,190,0.9) 100%);
border: 1px solid #E1C9FF;
box-shadow: inset 0px 0px 5px #AD83DC;
}

.profile .contact .heading,
.profile .table-section .heading{
font-family: 'Iceland', cursive;
font-size: 30px;
background-color: transparent;
color: white;
text-shadow: 2px 3px 5px #AD83DC;
}

.profile .contact, 
.profile .table-section,
.profile .url-info{
background: rgba(153,91,254,0.5);
background: linear-gradient(0deg, rgba(153,91,254,0.5) 0%, rgba(82,47,153,0.5) 18%, rgba(71,29,121,0.5) 38%, rgba(5,2,9,0.7) 59%, rgba(45,18,65,0.7) 83%, rgba(140,59,190,0.9) 100%);
border: 1px solid #E1C9FF;
box-shadow: inset 0px 0px 5px #AD83DC;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
text-shadow: 2px 3px 5px black;
}

.profile .mood{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .url-info{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .blog-preview{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .blurbs .heading,
.profile .friends .heading{
font-family: 'Iceland', cursive;
font-size: 30px;
background-color: transparent;
color: white;
text-shadow: 2px 3px 5px #AD83DC;
}

.profile .blurbs,
.profile .friends{
background: rgba(153,91,254,0.5);
background: linear-gradient(0deg, rgba(153,91,254,0.5) 0%, rgba(82,47,153,0.5) 18%, rgba(71,29,121,0.5) 38%, rgba(5,2,9,0.7) 59%, rgba(45,18,65,0.7) 83%, rgba(140,59,190,0.9) 100%);
border: 1px solid #E1C9FF;
box-shadow: inset 0px 0px 5px #AD83DC;
}

.profile .blurbs .section h4{
color: #8C60FF;
text-shadow: 2px 3px 5px black;
padding: 1em 0;
}

.profile .blurbs p{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .friends .friends-grid p{
color: white;
text-shadow: 2px 3px 5px black;
}

.profile .friends p b{
color: #8C60FF;
text-shadow: 2px 3px 5px black;
}

.count{
color: #FFED91;
text-shadow: 2px 3px 5px black;
}

.profile .comments-table{
border: none;
color: white;
background-color: transparent;
box-shadow: 0px 0px 10px white;
margin: .5em 0;
}

.profile .comments-table td{
background-color: transparent;
color: white;
}

footer{
background-color: transparent;
margin: 1em 0;
color: white;
}

a{
color: #FFED91;
text-shadow: 2px 3px 5px black;
}

a:visited {
color: #FFED91;
text-shadow: 2px 3px 5px black;
text-decoration: none;
}

a:hover {
color: white;
}

nav .links a:hover{
color: #FFED91;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-7/nat606.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/20/planet-saturn.html" target="_blank" title="Planet Saturn"><img src="https://cur.cursors-4u.net/cursor.png" alt="Planet Saturn" style="position:absolute; top: 0px; right: 0px;"/></a>

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

Cygnus	1706310285 Using, may tweak some stuff but this is so cool ^^ Report Comment
zhghaocidio	1705810933 using!!! Report Comment
LeRoe08	1704170489 USINGGGG. Report Comment
*sodasu	1702409848 nice.. using ! Report Comment
pearlevrn	1700764976 Using!! Report Comment
✰ scy/sybil ✰	1693156489 USING! :) Report Comment
Emi^_^	1688534890 Using!!!! Report Comment
tori 𐙚	1685764213 hsing Report Comment
sabri	1685502608 using! Report Comment
✮Tripp✮	1684216849 USING!! Report Comment
slipknotfan☆	1681900183 USING THIS :D Report Comment
xoxo.daya	1679961338 Using :)) Report Comment
siralos	1677613368 using! Report Comment
jupiter jupiter ahoy!	1677434847 using ! Report Comment
♪ COSMO/OREL ♪	1676466487 Using!!! Report Comment
MarixMelancholy	1674951300 Currently using 👉🏻👈🏻 Report Comment
Alois	1671319851 using! (≧◡≦) Report Comment
Brian	1671248148 So cool!! :D Report Comment
NoSleepHalo	1670377205 using! :3 Report Comment