Scene Stars Layout

Tags: scene, emo, pink, cute, 2000s, myspace, glitter

Description:

Pink scene layout with pink and green stars, comes with an Online gif and matching contact icons I made myself! This was my first layout but I've retired it and decided to let others use it XD Feel free to use this as is, modify to suit your taste, or just to help u learn CSS :) Pls comment and/or add me if u use this layout tho! Here's a matching layout you can use on your blog: https://layouts.spacehey.com/layout?id=25224

Preview:

click on the image for a larger preview

Code:

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

<style>

/* FONT IMPORT CODE */

@import url('https://fonts.googleapis.com/css2?family=Potta+One&family=Underdog&family=Slackey&family=UnifrakturCook:wght@700&display=swap');

</style>


<style>
/* This is where u put the contents of your "About Me". */
</style>


<style>

/* TEXT RELATED */

.profile .friends .person p, p {
  font-family: 'potta one', cursive;
  color: white;
  text-shadow: 0px 0px 4px black;
  font-size: 16px;
}

h4 {
  font-family: 'potta one';
  font-size: 18px;
  color: black;
  text-shadow: 0px 0px 4px white;
}

.profile h1 {
  font-family: 'Slackey';
  font-size: 3em;
  color: black; 
  text-spacing: normal;
  text-shadow: 0px 0px 10px #ffffff;
  margin: 0 0 10px 0;
}

.count {
  color: black;
  text-shadow: 0px 0px 4px white !important;
}

.article .edit-info .author-details h4, a, label, .blog-entry .comments .heading h4, .logout-btn {
  font-family: 'potta one';
  color: white;
}

button {
  font-family: 'potta one';
}




/* BODY RELATED */

main {
  border-radius: 30px;
  border: 12px solid black;
  background-color: rgb(227, 50, 148);
}

main .left, main .right {
  color: white;
  text-shadow: 0px 0px 4px black;
}

body{
  background: url(https://64.media.tumblr.com/acc3003c2530c666dfb5dd58f8d50554/0272bd6774f950e4-a5/s400x600/552fd847ba9244c0908e814c382e445879569715.gifv);
  background-attachment: fixed;
}

footer {
  background-color: transparent;
  color: #ffffff;
}

nav {
  background-image: url(https://img1.picmix.com/output/stamp/normal/6/5/6/1/1821656_75dc1.gif);
  background-attachment: fixed;
  color: #ffffff;
  font-family: 'potta one' cursive;
  border-radius: 12px;
}

nav .links {
  background-color: rgba(0, 0, 0, 0.3);
  font-family: 'Potta One' cursive;
  color: #ffffff;
  text-shadow: 0 0 5px #000000 !important;
  font-size: max(11px) !important;
}

nav .links a {
  text-shadow: 0 0 5px #000000 !important;
  font-size: max(11px) !important;
}

.edit-info {
  background-image: url(https://img1.picmix.com/output/stamp/normal/6/5/6/1/1821656_75dc1.gif);
  background-attachment: fixed;
  border: 2px solid rgb(227, 50, 148);
  border-radius: 12px;
  box-shadow: 0px 0px 10px white;
}

.general-about {
  background-image: url(https://external-media.spacehey.net/media/sGlv3F9LhayzbgM1AQZq9OUt1VWC-LCjnmWwX-0S4QZA=/https://img1.picmix.com/output/stamp/normal/6/5/6/1/1821656_75dc1.gif);
  background-attachment: fixed;
  padding: 20px 0px 20px 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px #ffffff;
  margin-bottom: 12px;
  text-align: center;
  border: 2px solid rgb(227, 50, 148);
}
  
.profile .contact, .profile .url-info, .profile .table-section, .profile-info, .profile .blurbs .section :nth-child(2), .profile .friends .inner, .as {
  background-image: url(https://external-media.spacehey.net/media/sGlv3F9LhayzbgM1AQZq9OUt1VWC-LCjnmWwX-0S4QZA=/https://img1.picmix.com/output/stamp/normal/6/5/6/1/1821656_75dc1.gif);
  background-attachment: fixed;
  border: 2px solid rgb(227, 50, 148);
  border-radius: 10px;
  box-shadow: 0 0 10px #ffffff;
}

.profile .contact .heading, .profile .table-section .heading {
  padding: 2px 2px 6px 2px;
  text-align: center;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.profile .blurbs .section :nth-child(2){
  padding: 20px;
}

.profile .friends .inner {
  margin-bottom: 12px;
}



/* COMMENTS RELATED */

.comments-table{
  display: block;
  max-height: 600px;
  overflow: scroll;
  Border-radius: 15px; 
  border: 2px solid rgb(227, 50, 148);
  text-shadow: 0px 0px 4px #000000, 0 0 25px #000000, 0 0 3px #000000; 
  box-shadow: 0px 0px 15px #ffffff;
  background: #ff4fb0;
}

.comments-table td, .comments-table td:first-child {
  padding: 10px;
}

.comment-replies {
  border: 2px solid rgb(227, 50, 148);
  border-radius: 12px;
  margin: 0px 0px 10px 0px;
}

.comments-table .pinned{
  color: white;
  text-shadow: 0px 0px 4px black;
  font-family: 'potta one';
}



/* IMAGE RELATED */

img {
  border-radius: 12px;
  border: 2px solid rgb(227 50 148);
  box-shadow: 0px 0px 10px white;
}

.general-about .profile-pic img, .profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) {
  border-radius: 12px;
  border: 2px solid rgb(227 50 148);
  box-shadow: 0px 0px 10px white;
}

.online {
  color: transparent;
  font-size: 0px;
}

.online img {
  content: url("https://files.catbox.moe/p7cwwk.gif");
  animation-name: none;
  visibility: visible;
  height: 53px;
  width: 110px;
  img-align: left;
  border: 0px;
  box-shadow: 0px 0px 0px;
}

.icon {
  width: 0em;
  border: 0px;
}

nav .top .left .logo {
  border: 0px;
  box-shadow: 0px 0px 0px;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url("https://i.imgur.com/mTrHS0l.png");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url("https://i.imgur.com/mTrHS0l.png"); 
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url("https://i.imgur.com/mTrHS0l.png"); 
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url("https://i.imgur.com/mTrHS0l.png"); 
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url("https://i.imgur.com/mTrHS0l.png");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url("https://i.imgur.com/mTrHS0l.png"); 
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url("https://i.imgur.com/mTrHS0l.png"); 
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url("https://i.imgur.com/mTrHS0l.png");
}



/* CURSOR RELATED */
/* resting (normal cursor) */
* {
cursor: url(http://www.rw-designer.com/cursor-view/167433.png), auto;
}
/* i-beam (interacting with text) */
input {
cursor: url(http://www.rw-designer.com/cursor-view/167430.png), auto;
}
/* (links) */
a {
cursor: url(http://www.rw-designer.com/cursor-view/167427.png), auto;
}
button {
cursor: url(http://www.rw-designer.com/cursor-view/167427.png), auto;
}
.logout-btn {
cursor: url(http://www.rw-designer.com/cursor-view/167427.png), auto;
}



/* INTERESTS TABLE LABELS */
.details-table tr td:first-child p::after{
  color: white !important;
  letter-spacing:normal !important;
   text-shadow: 	0px 0px 6px black !important;
   filter: brightness(100%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}
.table-section:not(:last-child) .details-table tr:nth-child(7) td:first-child p::after{
  content: var(--topic7);
}

.w-40 .table-section:last-child .heading::after{
  content: var(--mylinks); color:black !important; text-shadow: 0px 0px 6px white !important; font-family: 'potta one' !important;}


.w-40 .table-section:nth-last-child(2) .heading::after{
  content: var(--mytopics); color:black !important; text-shadow: 0px 0px 6px white !important; font-family: 'potta one' !important;
}

.w-40 .contact .heading::after{
  content: var(--myactions); color:black !important; text-shadow: 0px 0px 6px white !important; font-family: 'potta one' !important;}

.w-40 .table-section:last-child .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -1000px; font-family: 'potta one';}

.w-40 .table-section:nth-last-child(2) .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -1000px; font-family: 'potta one';}

.w-40 .contact .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -1000px; font-family: 'potta one';}



/* ROOT RELATED */

:root {
  --logo-blue: transparent;
  --darker-blue: white;
  --lighter-blue: rgb(227, 50, 148);
  --even-lighter-blue: ;
  --lightest-blue: ;
  --dark-orange: black;
  --light-orange: rgb(227, 50, 148) !important;
  --even-lighter-orange: #ff4fb0;
  --green: white;
  --table-header: #white;
  --table-color: white;
  --link-text: white;
  --main-text: white;
}
/*Change the words in the " " to change the labels on your profile*/
:root {
  --topic1: "General";
  --topic2: "Music";
  --topic3: "Movies";
  --topic4: "Television";
  --topic5: "Books";
  --topic6: "Heroes";
   --myactions: "Contact";
    --mytopics: "Interests"; 
    --mylinks: "Links";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}


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

qlepsor:р	1714579037 using!!>_< Report Comment
White-noise.mp3	1714571258 using!! ty for ur layout <3 Report Comment
0l!v3	1713641447 using Report Comment
alienzlurpiez	1711733587 using !! Report Comment
S1LLyCoN3 >_<	1711307176 using Report Comment
Anya	1711288480 using! Report Comment
Quade	1711022224 using! Report Comment
oXx_Ally_xXo	1710706665 Using!! thank you so much!!! thank you for making me achieve my childhood dream Report Comment
FLAME	1710348166 Using ! ^^ Report Comment
FLAME	1710348166 Using ! ^^ Report Comment
Xxmari_massacrexX	1710330771 using X3 Report Comment
ell4xox	1709451975 using:33 Report Comment
ell4xox	1709451970 using:33 Report Comment
Valy	1708482084 This is so cool!! ^_^ using :3 Report Comment
Angel !!	1707570852 usingg :3 Report Comment
lee/will	1707450877 I'm using Report Comment
★robinzzz★	1707075645 I'm using! ^^ thanks! Report Comment
Spamster101	1706972441 Using Report Comment
Dominique	1706825663 using!!! Report Comment
dantezinho	1706802339 using! :D Report Comment