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

mercski	1724272582 WHAAATT ITS SO CUTE DEFF USING Report Comment
mercski	1724272581 WHAAATT ITS SO CUTE DEFF USING Report Comment
♤𝔽𝕒𝕖_𝕥𝕙𝕖_𝕤𝕝𝕖𝕖𝕡𝕪♤	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
SYRUP	1683579178 THIS IS SO CUTE!! USING :3 Report Comment YAY!!! TY!!!!!!!!!!!!! by Jay; 1683590116; Report YWWWW ^_^ by SYRUP; 1683593816; Report