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

Sara🐾💋	1731566959 Using!! Report Comment
Clover_xP	1731525081 using !! Report Comment
Brainz4br3akfast!	1731384353 using Report Comment
anna <33	1731366342 using<3 Report Comment
amormxriia	1731361554 using !!! :3 Report Comment
Florian	1731251910 using!! ;3 Report Comment
inHXCwetrust	1729222415 using Report Comment
Micr⛤wave	1726683743 Using! Report Comment
Syouki0719	1723739373 Using!! Report Comment
Monsta!! ⦻	1722796094 Using !! i love this layout ! Report Comment
Jackie	1722618689 Using!!! Report Comment
punkrockprincess	1722590008 using!!! Report Comment
CASEYYY‼️	1721977484 Using!!! Report Comment
June	1721907584 using Report Comment
Yani	1721704649 Using Report Comment
jasprrr	1721581933 using Report Comment
ameeXD	1721452398 using!! :D Report Comment
R0cks_Ju1ce	1721014552 Using!! Report Comment
☆stardvst☆	1720384535 Using :3 Report Comment
-ˏˋ★ Ｏｌｉ★ ˎˊ˗	1719961789 using!! Report Comment