sarah anne 's profile picture

Published by

published

Category: SpaceHey

blue jellyfish layout

this one's like the others- hides friends, socail links, profile URL, and gives comments a scrollbox. enjoy!! (:

blue jellyfish layout

<style>/*main profile background*/

body{

background-color: COLOR !important;

background-image: url('https://i.pinimg.com/1200x/b5/85/a0/b585a0fd3ca79f11def555cb052655af.jpg') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: center !important;

background-size: cover !important;}

</style>

 

<style>/*inner profile background*/

main{

background-color: #5A52F7 !important;

background-image: url('URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: center !important;

background-size: cover !important; }

</style>

 

<style>

/*mood border/body and text color*/

.mood{

border: 0px solid !important;}

color: WHITE !important;}

</style>

<style>

.mood{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: #1309C8 !important; }

</style>

<style>.mood a{color: #1309C8 !important;}</style>

 

<style>

/*section headings*/

.heading{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: #1309C8 !important; }

</style>

 

<style>

/*interests and social links */

.table-section .heading{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: #1309C8 !important;}

</style>

<style>

.table-section td{

background-color: transparent !important;

background-image: url ('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: #1309C8 !important; }

</style>

<style>

.table-section{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: #1309C8 !important;

border: 0px solid !important;}

</style>

 

<style>

/*blog background and text color*/

.blog-preview{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: #1309C8 !important;

border: 0px solid !important; }

</style>

<style>.blog-preview h4 a{color: #1309C8 !important;}</style>

<style>.blog-preview h4{color: #1309C8 !important;}</style>

<style>.blog-preview p a{color: #1309C8 !important;}</style>

<style>.blog-preview p a:hover

.blog-preview p a:active,

.blog-preview p a:focus{

color: #1309C8 !important; }</style>

 

<style>

/*contact table text, background, and icons. replace url with whatever you like*/

.contact .inner img{display: none !important;}</style>

<style>.contact img.icon {

display: none;

}

.contact{background-color: !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{

/* add to friends */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl4.glitter-graphics.net/pub/461/461954n4thd8hpy4.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{

/* add to favorites */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl4.glitter-graphics.net/pub/461/461954n4thd8hpy4.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{

/* send message */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl4.glitter-graphics.net/pub/461/461954n4thd8hpy4.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{

/* forward to friend */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl4.glitter-graphics.net/pub/461/461954n4thd8hpy4.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{

/* instant message */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl4.glitter-graphics.net/pub/461/461954n4thd8hpy4.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl4.glitter-graphics.net/pub/461/461954n4thd8hpy4.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add to group */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl4.glitter-graphics.net/pub/461/461954n4thd8hpy4.gif');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report user */

content: " ";

display: inline-block;

width: 15px;

height: 15px;

background-image: url('http://dl4.glitter-graphics.net/pub/461/461954n4thd8hpy4.gif');

background-size: 100% 100%;

}

</style>

<style>.contact a{color: #1309C8 !important;}</style>

<style> .contact{

border: 0px solid !important;}

</style>

<style>

.contact{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

 

<style>/*general about text color, pfp and online now icon*/

.general-about{color: #1309C8 !important;}</style>

<style>.general-about{font-size: 15px !important;}</style>

<style>.general-about{text-transform: lowercase !important;}</style>

<style>.online{content: url("http://dl5.glitter-graphics.net/pub/1089/1089405bk0qxw6d09.gif") !important;}</style>

<style>

.general-about{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

border: 0px solid !important;

height: 160px !important; }

</style>

 

<style>/*profile top and footer*/

.top{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

border: 0px solid !important; }

</style>

<style>

footer{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

border: 0px solid !important;}

</style>

 

<style>/*blurbs background*/

.blurbs{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: #1309C8 !important;

border: 0px solid !important;}

</style>

<style>h3{font-family: The Girl Next Door !important;}</style>

<style>h3{font-size: 19px !important;}</style>

<style>h3{text-transform: lowercase !important;}</style>

 

<style>

/*comments background, text and icons*/

.comments-table td{

background-color: #transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

border: 0px solid !important;}

</style>

<style>table.comments-table{display: block;height: 250px!important;overflow-y: scroll;}</style>

<style>a{color: #1309C8 !important;}</style>

<style>

.comments-table td{

background-color: transparent !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;

color: #1309C8 !important; }

</style>

 

<style>/*navigation links background and text colors*/

.links{

background-color: #5A52F7 !important;

background-image: url('PICTURE URL') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important;}

</style>

<style>.links a{color: #1309C8 !important;

text-shadow: none !important;}

</style>

<style>.top a{color: #1309C8 !important;}</style>

<style>.logout-btn{color: #1309C8 !important;}

.logout-btn{font-family: The Girl Next Door !important;}

.logout-btn{text-transform: lowercase !important;}</style>

<style>

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{

content: URL("http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif") !important;

padding-left: 4px !important;

}

</style>

 

<style>/*font stuff*/

@import url('https://fonts.googleapis.com/css2?family=Over+the+Rainbow&family=The+Girl+Next+Door&display=swap');

</style>

<style>h1{font-family: Over the Rainbow !important;}</style>

<style>h1{font-size: 60px !important;}</style>

<style>h1{color: #1309C8 !important;}</style>

<style>body{font-family: The Girl Next Door !important;}</style>

<style>body{text-transform: lowercase !important;}</style>

<style>body{font-size: 19px !important;}</style>

<style>h4{color: #1309C8 !important;}</style>

<style>h4{font-family: Over the Rainbow !important;}</style>

<style>h4{font-size: 20px !important;}</style>

 

<style>/*to flip profile*/

.profile{ direction: rtl; } .blurbs{ direction: ltr; } .blog-preview{ direction: ltr; } .friends{ direction: ltr; } .general-info{ direction: ltr; } .contact{ direction: ltr; } .url-info{ direction: ltr; } .details-table{ direction: ltr; } .profile .table-section .heading{ direction: ltr; } .details p{ direction: ltr; } .mood{ direction: ltr; } h1{ direction: ltr; } </style>

 

<style>/*hidden stuff*/

<style>.friends.heading{display: none !important;}</style>

<style>.friends:not(#comments.friends) {display: none;}</style>

<style>.url-info{display: none !important;}</style>

<style>.comments-table td{display: none !important;}</style>

<style>.table-section:last-child{display: none !important;}</style>

 

<style>/* Small Cute Blue Gray Pointer - https://www.cursors-4u.com/cursor/small-cute-blue-gray-pointer */

* {

  cursor: url('https://cdn.cursors-4u.net/previews/small-cute-blue-gray-pointer-9e36bed0-32.webp') 32 32, auto !important;

}

/* End www.Cursors-4U.com Code */</style>


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )