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

equius	1714171570 usoing Report Comment
equius	1714171570 usoing Report Comment
equius	1714171570 usoing Report Comment
equius	1714171570 usoing Report Comment
equius	1714171570 usoing Report Comment
equius	1714171569 usoing Report Comment
equius	1714171569 usoing Report Comment
equius	1714171569 usoing Report Comment
equius	1714171569 usoing Report Comment
equius	1714171569 usoing Report Comment
equius	1714171569 usoing Report Comment
equius	1714171568 usoing Report Comment
equius	1714171568 usoing Report Comment
equius	1714171567 usoing Report Comment
toby or loki or buffy !!	1705984664 using :D Report Comment
nicole <3	1647404963 i love this def using!! Report Comment