decora inspired layout

Tags: decora, colorful, rainbow, gif, stars, bright, cute, pink

Description:

colorful layout that includes a warning screen for those sensitive to bright colors!! spacehey logo is from https://blog.spacehey.com/entry?id=607309 if you notice anything wrong or off about this layout please let me know!! i will try my best to fix the issue :3 if you decide to use this layout i would love for you to leave a comment but no obligation to do so!! if you have any layout themes/ideas PLEASE leave a comment, i make layouts pretty regularly and there's a high possibility i will make it at some point!!

Preview:

click on the image for a larger preview

Code:

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

<br/>
<!-- (c) Layout created by Jay (https://layouts.spacehey.com/ratl0rd) -->
<a href="https://layouts.spacehey.com/ratl0rd">
         <img alt="credit" src="https://i.imgur.com/JPPFJN8.gif" width="150&quot;" height="20"/></a>

<div class="Nonsimple">
<div id="profile">
<h1>! WARNING !</h1>
<p>This profile includes the following visuals:</p>
<ul>
<li>Bright Colors    (Eye Strain)</li>
</ul>
<a href="#profile">CONTINUE</a>
<a href="https://spacehey.com/home">BACK HOME</a>
<img src="https://i.imgur.com/r8xsUov.gif"/>
</div>

<style> 
@font-face {font-family: "Nonpop"; src: url('http://static.tumblr.com/npggxjg/Wfamfq54s/nonpop.ttf');}
@font-face {font-family: "Nonsimple"; src: url('http://static.tumblr.com/npggxjg/79Cmfq564/nonsimple.ttf');}

:root {
  --warning-background-color: pink;
  --warning-text-color: #932090;
  --warning-text-family: "Nonpop";
  --warning-background-image: url(https://i.imgur.com/pTI64fQ.gif);
}

#profile {
 position: fixed;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 230%;
 background-color: var(--warning-background-color);
 background-image: url(https://i.imgur.com/pTI64fQ.gif);
 background-size: 600px;
 color: var(--warning-text-color);
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}

#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > a {
 text-align: center;
 font-weight: bold;
 color: #fe6098;
 font-family: Nonsimple !important;
 font-size: 25px;
}

#profile > ul {
 padding: 10px 50px;
 border: 2px dashed var(--warning-text-color);
 font-family: Nonsimple !important;

}
.profile h1 {
    text-align: center;
    font-family: Nonpop !important;
    color: #fe6098;
    font-size: 40px;
}
#profile > p {
 color: white;
 font-family: Nonsimple !important;
}

</style></div>
<style>
body{
background-image: url(https://i.imgur.com/lAbwSw3.jpeg);
background-size: 600px;
font-family: Nonsimple !important;
font-size: 21px !important;
}
main, .table-section td{
background-color: transparent !important;
font-family: Nonsimple !important;
 font-size: 20px;
}
.general-about .profile-pic img{

-webkit-mask-image: url(https://i.imgur.com/e5jhD5a.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

position:relative;

transform:scale(1.025,1.025);

top:-0.25em;


}
a{

font-family: Nonsimple !important;
color: #932090;



}
a:hover{

font-family: Nonsimple !important;
color: #932090;

}
a:visited{

font-family: Nonsimple !important;
color: #932090;


}
a:hover, a:active, a, p, .section {
    font-family: var(--Nonsimple) !important;
    color: #932090!important;

}
h2, h3, h4, h5, DIV.mood &gt; P:nth-child(1) &gt; B, P:nth-child(2) &gt; B {
    font-family: "Nonsimple";
    color: #932090 !important;
    text-align: center !important;
 font-size: 20px;

}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
content: "☆" !important;
color: white !important;
}
.count{
color: #932090 !important;
 font-size: 20px;
}
button.logout-btn{
    font-family: var(--Nonsimple) !important;
 font-size: 20px;
}
.top{
background-image: url('https://i.imgur.com/gdQBeNk.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
border-radius: 12px 12px 12px 12px;
padding: 0px 0px 200px !important;
margin: 15px 0px 15px !important;
border: 5px solid fuchsia;

}
nav .top .center form {
margin-top: 10px !important;
width: 120% !important;
}

</style>
<style>



.logo {



content:url("https://media.discordapp.net/attachments/328192724350271489/1079151739372048404/Copy_of_spacehey-removebg-preview.png");



}


main:before {
    width: auto;
    margin-bottom: 5px solid white;
    border: 5px solid fuchsia;
    height: 130px;
    display: block;
    content: "";
    background-image: url("https://i.imgur.com/6QWv1Oh.jpeg");
    background-position: center bottom;
    background-size: cover;
}
footer {
    border-radius: 15px;
    background-image: url("https://i.imgur.com/YrjrRL4.jpeg");
    background-size: cover;
}
.links{
background-image: url("https://i.imgur.com/gtCqB50.jpeg"); !important; 
border-radius: 15px;
background-size: cover;
text-align: center !important;
}
.blurbs:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  background-image: url(https://i.ibb.co/hFwBFyp/04afd9d2.gif);
  height: 70px;
  width: 150px;
  background-repeat: no-repeat;
  background-position-x: center;
} 
    .profile-info{
        
border: 2px solid fuchsia !important;   
background-image: url(https://i.imgur.com/eJwY7wh.jpeg);
background-size: cover;
background-position: center bottom;
        
    }
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;
color: fuchsia;
}
nav .links a {
color: white !important;
}
.online img { 
content: url("https://i.imgur.com/K5m5mfK.gif"); animation-name: none; visibility: visible; height: 20px; width: 20px; filter: none;
}
             ::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: pink;
    box-shadow: inset 2px 2px 5px 0 fuchsia;
    border-radius: 100px;
    }

    ::-webkit-scrollbar-track {
    background-image: url(https://i.imgur.com/eJwY7wh.jpeg);

    }
li.active .icon { 
    content:url('https://i.imgur.com/EbYAar9.gif'); 
    width: 20px;
    height: 20px;
    }

    .table-section .heading, .friends .heading, blurbs .heading, .contact .heading, .blurbs .heading {

    background-color: transparent !important;        
    background-image: url('https://i.ibb.co/njZLCx9/borderthign.png') !important;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;

    }
    .contact {
        
    background-image: url('https://i.ibb.co/my53RWw/pastel-rainbow-stars.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover;
    border:2px solid fuchsia !important;   
        
    }
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
color: #ff56a4 !important;
font-family: Nonpop !important;
}
    .comments-table td{
        
    background-image: url('https://i.ibb.co/fCdxh37/ezgif-2-1f95b6e00e.png') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
.url-info{
    border:2px solid fuchsia !important;   
}
    .table-section, .friends {
        
    border:2px solid fuchsia !important;  

    }
.profile .left h1:before {
    background-image: url(https://i.ibb.co/Lr1KND8/raintboew.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-size: 100px;
    height: 150px;
    width: 150px;
    content: " ";
    transform: scale(3.5) translateX(-3em) translateY(2em);
    position: fixed;
}
</style>
<style>
.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: url("https://i.ibb.co/6XzLYvw/eyehaeart.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url("https://i.ibb.co/6XzLYvw/eyehaeart.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url("https://i.ibb.co/6XzLYvw/eyehaeart.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url("https://i.ibb.co/6XzLYvw/eyehaeart.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url("https://i.ibb.co/6XzLYvw/eyehaeart.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url("https://i.ibb.co/6XzLYvw/eyehaeart.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url("https://i.ibb.co/6XzLYvw/eyehaeart.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url("https://i.ibb.co/6XzLYvw/eyehaeart.gif")
}
</style>


<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-2/sym180.ani), url(https://cur.cursors-4u.net/symbols/sym-2/sym180.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/11/08/flashy-stars-2-2.html" target="_blank" title="Flashy Stars"><img src="https://cur.cursors-4u.net/cursor.png" alt="Flashy Stars" style="position:absolute; top: 0px; right: 0px;"/></a>

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

Sierra	1738301471 OMG this is SO CUTEEE, Deffo gonna usee Report Comment
deadnobody	1737519355 USANDOOOOO Report Comment
scripter	1724272582 WHAAATT ITS SO CUTE DEFF USING Report Comment
scripter	1724272581 WHAAATT ITS SO CUTE DEFF USING Report Comment
♤𝔽𝕒𝕖_𝕥𝕙𝕖_𝕤𝕝𝕖𝕖𝕡𝕪♤ (broken pfp)	1722920632 Using! :D Report Comment
arcus :: ❀	1719101310 using !! Report Comment
arlo !!	1695293737 SOO CUTE USINGG!! Report Comment
🫦🪭 *·♚॰० dahcota jordan.	1684670690 this is so cute but its not working for me :(( Report Comment unfortunately imgur links aren't working anymore on spacehey so i'll have to update it :( once im done i will let you know, sorry!! but tysm, it means so much that ppl enjoy my layouts >< by Jay; 1684691819; Report ah, i see! ty for letting me know that imgur doesnt really work on spacehey anymore, i didnt know that hehe. but im excited for when u update it!!! the layout is super cute! >w< by *🫦🪭 ·♚॰० dahcota jordan.; 1684759251; Report thank you so much!! <3333 by Jay**; 1686963594; Report
Victoria ☆	1683782834 THIS IS SO CUTE AAAAAAA Report Comment THANK YOU!!!!!!!!!!!!! by Jay; 1683936272; Report
#KIP･:*🌈🪼★彡	1683721457 DUDE I LOVE DECORA AA!! I WILL USE THIS >0< Report Comment IM GLAD YOU LIKE IT!!! THANK YOU FOR USING IT <333 by Jay; 1683751290; Report YW >0< by *#KIP･:🌈🪼★彡**; 1683767154; Report
kriemhild devi fantasy	1683579178 THIS IS SO CUTE!! USING :3 Report Comment YAY!!! TY!!!!!!!!!!!!! by Jay; 1683590116; Report YWWWW ^_^ by kriemhild devi fantasy; 1683593816; Report