rocky horror layout

Tags: rocky horror, rocky horror picture show, the rocky horror picture show

Description:

omgogmgo slayy

i had to make this twice cuz i accidentally deleted it the first time

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
    background: url(https://wallpapercave.com/wp/wp5786558.png
);
}
.profile {
background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3390ddfe-9e96-4b3e-935d-0b21057efb39/d3a3za3-ffa9238e-aa02-4b3d-8431-58eea144c82d.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzMzOTBkZGZlLTllOTYtNGIzZS05MzVkLTBiMjEwNTdlZmIzOVwvZDNhM3phMy1mZmE5MjM4ZS1hYTAyLTRiM2QtODQzMS01OGVlYTE0NGM4MmQuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.vi5GcO6r9bKiDBK266lKcUdJjwdnpuq1NAFE4Edo540);
  background-repeat: repeat;
    border-radius: 12px;
}
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: #39FF14; 
	//text-shadow: 1px 1px #000000;
	
};
	text-shadow: 2px 2px 3px #00000, 0 0 25px #000000, 0 0 5px #FFFFFF;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: 150%;*/
    color: #000000;
{

.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#ffd1dc);
}
table, th, td

}
   border: 1px solid #00000;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #000000;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #000000;
   margin 10px 2;
}

.online
{
  color: #FFFFFF!important; 
  //text-shadow: 1px 1px #FFFFFF;
}

:root 
{       --logo-blue: white;
 	--darker-blue: white;
	--lighter-blue: white 55;
	--even-lighter-blue: white;
	--lightest-blue: white;
	--dark-orange: white;
	--light-orange: ;
	--even-lighter-orange: ;
	--white: white;
        
        --table-header:darkred;
	--table-color: ;
	--link-text: white;
	--main-text: white;


    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: large;
    color: ;
text color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #ffffff; 
}
footer 
{
background-image: url(https://m.media-amazon.com/images/M/MV5BMTQzOTMwNTE3NV5BMl5BanBnXkFtZTcwNzk3MTI3NA@@._V1_.jpg);
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
background-image: url();
color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.contact {
  border-radius: 8px;
  background-image: url();
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: #39FF14;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve #000000 !important;
outline: curve !important;
}
img
{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: white;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #000000;
padding: 0;
font-size: 90%;
color: white;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://m.media-amazon.com/images/M/MV5BMTQzOTMwNTE3NV5BMl5BanBnXkFtZTcwNzk3MTI3NA@@._V1_.jpg) 
}



/*customising interests box*/
  .profile .table-section{
    border:2px solid darkred;
    border-radius: 15px;
background-image: url();

  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid darkred;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: darkred;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 /*customising friend space heading*/
  .profile .friends .heading{
    background: black;
    color: white;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: darkred;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(https://m.media-amazon.com/images/M/MV5BMTQzOTMwNTE3NV5BMl5BanBnXkFtZTcwNzk3MTI3NA@@._V1_.jpg);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 black;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://m.media-amazon.com/images/M/MV5BMTQzOTMwNTE3NV5BMl5BanBnXkFtZTcwNzk3MTI3NA@@._V1_.jpg);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 black;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:white;
}
.profile .profile-info .inner h3 a {
	color: white;
}
.profile .profile-info {
	background-image: url(https://m.media-amazon.com/images/M/MV5BMTQzOTMwNTE3NV5BMl5BanBnXkFtZTcwNzk3MTI3NA@@._V1_.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}



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

Xx_f4ngt4stic_xX	1744922935 Using!!! Report Comment I used this layout and redid some of it (added backround music, custom cursor, intro animation, & changed some of the pictures around). Would you mind if I posted it on here as a seperate layout (with original credit provided to you ofc)? I'll be entirely transparent that you were the OP by Xx_f4ngt4stic_xX; 1744923055; Report
zou fantasminha	1740853083 using it (+ I LOVE ROCKY HORROR TY SM FOR THIS LAYOUT) Report Comment
🦋🥀Ľàű𝕣à🥀🦋	1738105788 I'm using it Report Comment
J4CKW41T3N	1727393712 i love you sm for making this im using it ::))))) Report Comment
J4CKW41T3N	1727393712 i love you sm for making this im using it ::))))) Report Comment
S3TH_P4NIC_XD	1716950255 usoing Report Comment
Vulture	1714171570 usoing Report Comment
Vulture	1714171570 usoing Report Comment
Vulture	1714171570 usoing Report Comment
Vulture	1714171570 usoing Report Comment
Vulture	1714171570 usoing Report Comment
Vulture	1714171569 usoing Report Comment
Vulture	1714171569 usoing Report Comment
Vulture	1714171569 usoing Report Comment
Vulture	1714171569 usoing Report Comment
Vulture	1714171569 usoing Report Comment
Vulture	1714171569 usoing Report Comment
Vulture	1714171568 usoing Report Comment
Vulture	1714171568 usoing Report Comment
Vulture	1714171567 usoing Report Comment