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

k3iik0xyv	1775474658 Usinggg ^^ Report Comment
R3MP0D	1775435845 using !!! ^^ Report Comment
Ꮺ Marii ⋆.˚ !!	1773879601 Usiing!! Report Comment
milkgoesb4cereal	1770642190 USINGG Report Comment
emmspop	1770304354 using tysm omg Report Comment
casper‼️	1769523281 USINGGG!! I LOVE THIS TYY Report Comment
Thebestatbeingtheworst	1769352548 AHH IM SO USING THANK YOUU Report Comment
𑣲┆marlea	1769206849 using! Report Comment
mar1aevelyn	1766164609 Using ️ Report Comment
☆♪🫧POLINA♪☆	1764974487 Usinggg!!! Report Comment
Beatqq's garage	1761039997 how do you use it? Report Comment
PEPPER	1759142200 Using! :D Report Comment
Azzy	1759068426 Using :3c Report Comment
Honey<3	1757232780 Using :)) Report Comment
~kb~	1757166142 using :') Report Comment
rae	1756960654 using!! Report Comment
✨𝕋𝕨𝕚𝕩✨	1756189432 using!!! Report Comment
Neo ⚞ • ⚟	1754977368 this is so cool! using this Report Comment
sophia!	1753603277 Thank you <3 Report Comment
Aniia	1753593613 LINDOO Report Comment