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

Leah the silly	1749857281 usinggggg Report Comment
juju *ೃ༄	1749394004 using!! ty:3 Report Comment SAYORI WHAT ARE YOU DOING HERE by Leah the silly; 1749857266; Report
OWLGOBRR!!	1749343708 USINGG Report Comment
T1r3d_Z0mb13_B01	1746555282 Using!’ Report Comment
mipires	1745123334 Using it!! Report Comment
Sasha :3 !!	1744888872 using!! Report Comment
xXgraysonsoldhissoulXx	1744765479 usssing :3 Report Comment
Sc3n3s0uP	1744737464 I usee! Report Comment
Madka	1744351106 using ️️ Report Comment
ZarinBear	1743378281 Using Report Comment
Toby Rodgers	1743304850 using :3 Report Comment
abysmal_broski	1741756762 using! Report Comment
1nvad3rBl1ssY	1741376251 Using!! Report Comment
Trixter:-)	1740817022 Using! Report Comment
happyjoyjoyjoyjoyjoy	1740773735 Using. Ty. Report Comment
CAIT 🎸🖤🦑🐇 (AUTOPLAY)	1740027372 using!!! Report Comment
Adri XP	1739941273 Using! Report Comment
Jinxedd! <𝟑	1739924179 Usando! Report Comment
Jaredine	1739412812 usingggg!!!! Report Comment