creepycute layout :3

Tags: black, emo, cute, pink

Description:

Preview:

click on the image for a larger preview

Code:

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

<style>

/*flip profile*/

.profile{

direction: rtl;



}



.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{

direction: ltr;



}

</style>



<style>


html:before {

  content: " ";

  display: block; position: fixed;

  top: 0; left: 0; bottom: 0; right: 0;

  background: linear-gradient(rgba(255, 255, 255, 0.26) 50%, rgba(255, 188, 222, 0.26) 50%);

  z-index: 2;

  background-size: 100% 2px, 3px 100%;

  pointer-events: none;

}

h1 {

font-size: 30px!important;

line-height: 80px;

font-family: 'Silkscreen', cursive;

font-weight:normal;

text-transform: uppercase;

letter-spacing: -1.5px;

color: rgba(255, 204, 230, 1);

text-align:center;

padding-bottom:0px;

padding-top:0px;

text-shadow: 0 0 5px ;

background: ;

background-image:url("https://media.tenor.com/F-Gy8cqRdaQAAAAM/cyclop-one-eye.gif");

background-position: center;

background-size: 100%;

border: solid 3px rgba(255, 204, 230, 1);

}


.links li a .icon  { /*the pallet next to art section*/
  display: none;
}
.links .special a:link, .links .special a:visited  { /*color of art button*/
  color: black;
}

.links .special a:hover { /*hover color of art button*/
  color: black;
}
    nav .links a {
    text-decoration: none;
    color: black; /* Change Link color*/
    font-size: 0.98em;
}
    
nav .links a:hover  {
    color: black; /* Change Link hover color*/
    text-decoration: underline;
}

nav .links {
    background-color: black;/* Change background color 

behind links*/
}
nav .links a {
     text-shadow: 0 0 3px black; /*nav links shadows*/
}


.profile .contact, .profile .url-info, .profile .table-section, .blurbs, .friends, 

.profile-info{


border: 4px solid black !important}

border-radius: 0px

}
  font-size: 150%;

}

h1,h2,h3,h4,h5{

  font-size: 200%; 


}
  body {

   background-image: url(https://i.pinimg.com/736x/1b/49/ab/1b49ab67322d5fb9b97cddb4cf61394b.jpg);



}
main{
background: rgb(54,1,2);
background: linear-gradient(0deg, rgba(54,1,2,0.42) 0%, rgba(89,0,2,0.42) 11%, rgba(147,0,3,0.42) 21%, rgba(214,36,40,0.42) 34%, rgba(255,139,142,0.42) 50%, rgba(214,36,40,0.42) 68%, rgba(147,0,3,0.42) 80%, rgba(89,0,2,0.42) 91%, rgba(89,0,2,0.42) 100%);
}
.profile {

   background-color: rgb(insert rgb); 

}

/* ignore these */

  .profile .blurbs .heading,

  .profile .friends .heading{

   background-color: rgb(insert rgb);

   color: black;

}

/*ignore these */

  .profile .contact .heading,

  .profile .table-section .heading{

   background-color: black;

   color: rgb(insert rgb);

}

/*header*/

main:before {

    width: auto;

    margin-bottom: 25px;

    border: 1px solid black;

    height: 200px;

    display: block;

    content: "";

    background-image: url(https://i.pinimg.com/564x/1d/f0/89/1df0897828f66edd1d7e6e0bd0593b8d.jpg);

    background-position: center center;

    background-size: cover;

}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('https://i.makeagif.com/media/3-02-2014/V_pDsn.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}

/*footer*/

footer {

    border-radius: 0px;

    background-image: url(https://static.wikia.nocookie.net/meme/images/2/24/Trollge_creepy.gif/revision/latest?cb=20210612163846);

    color: white;

}



table.comments-table td {

    color: rgb(insert rgb);

}

/*online now icon*/

.online { visibility: hidden; } .online img { content: url("insert url here"); animation-name: none; visibility: visible; height: 25px; width: 90px;

}

/*color*/

:root {

    --logo-blue:black;

    --darker-blue: black;

    --lighter-blue: black;

    --even-lighter-blue: ;

    --lightest-blue: ;

    --dark-orange: black;

    --light-orange: black;

    --even-lighter-orange: black;

    --green: pink;

}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

  background-color: black;

  color: pink;

}



/* colors for table cell background (by default spacehey has a separate color for :first-child) */



.profile .table-section .details-table td {

  background-color: black;

  color: pink;

}



/* headings on the right */



.profile .blurbs .heading, .profile .friends .heading {

  background-color: black;

  color: pink;

}

</style>



<style>

/*contacting icons*/



.contact .inner a img {

    font-size: 0;

}

.contact .inner a img:before {

    font-size: 1em;

    display: block

}

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

/* Add to Friends */

content: "✩"

}

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

/* Add to Favorites */

content: "✩"

}

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

/* Send Message */

content: "✩"

}

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

/* Forward to Friend */

content: "✩"

}

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

/* Instant Message */

content: "✩"

}

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

/* Block User */

content: "✩"

}

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

/* Add to Group */

content: "✩"

}

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

/* Report Profile */

content: "✩"

}



</style>


<style>* {cursor: url(http://www.rw-designer.com/cursor-view/128419.png), auto !important;}</style><a href="http://www.rw-designer.com/cursor-view/128419.png" target="_blank" title="Spider Man Smiley"><img src="https://cur.cursors-4u.net/cursor.png" alt="Spider Man Smiley" style="position:absolute; top: 0px; right: 0px;"/></a>

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; top: 9px; z-index: 200;">
<img src="https://i.pinimg.com/564x/e0/03/b4/e003b4441244f2bde4eaa6118171c7fe.jpg" width="400" height="300"/></div>

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

★ : 　 RYCE　 !? 🎸	1739673707 using mayhaps Report Comment
˚ ༘♡ ·˚꒰dalz꒱₊˚ˑ༄ ༘♡ ·˚	1736902546 how to remove top left image? Report Comment
hails :p	1733466795 def using tyyy!!! Report Comment
Никита (nikita)	1727664418 using ty Report Comment
Никита (nikita)	1727664418 using ty Report Comment
Zurii	1727491260 Uzinggg >.< Report Comment
nerd	1724399213 using!! Report Comment
Wagurii	1724207925 Using >_<!!! Report Comment
goreweb	1720105626 Using! Report Comment
XxMeowzzzzxX	1715819798 Using!!! :3 Report Comment
zombiegrrl	1711299202 using! Report Comment
bree ><	1705705876 using !!!! Report Comment
RATO !! 🦴🥩🐾	1705633171 using!!! ^⁠_⁠^🦴 Report Comment
v1v13nn3w3stw00d	1705565012 using! :3 Report Comment
Abi >_<	1697862488 using!! :3 Report Comment
tav ⍟ \| ๑ the everything guy	1696542855 USINGGG Report Comment
erie	1694186223 using !! Report Comment
mwari	1693867740 using Report Comment
luz💕	1693273428 using stop i love Report Comment
Cyberchaos14	1693188479 USING THIS IS SO COOL Report Comment