Rina Tennoji Layout

Tags: rina, tennoji, tenoji, pink, pastel, glitter, cute, pretty

Description:

took only a few hours (surprisingly) comes with custom cursor, intro, online symbol, etc!! let me know if anythings wrong wit it and i'll change it might take a day or so. I'm sorry if it doesn't work for you but let me know what other layout I should do and I'll make it! give credit or comment on this or add me!! my first time making a lay so please give advice! I was inspired by multiple talented people will be linking them in the comment! I POSTED THIS ON THE WRONG ACC AT FIRST SO IF U SEE THIS AGAIN SORRY

Preview:

click on the image for a larger preview

Code:

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


<div class="snowflakes"><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="30px"/></div><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="20px"/></div><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="10px"/></div><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="20px"/></div><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="30px"/></div><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="10px"/></div><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="30px"/></div><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="10px"/></div><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="20px"/></div><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="30px"/></div><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="20px"/></div><div class="snowflake"><img src="https://i.imgur.com/sP2Hxvo.png" width="10px"/></div></div>

<style>
/* customizable snowflake styling */
.snowflake {color: purple;font-size: 1em;font-family: Arial, sans-serif;text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);}@-webkit-keyframes snowflakes-fall {0% {top: -10%}100% {top: 100%}}@-webkit-keyframes snowflakes-shake {0%, 100% {-webkit-transform: translateX(0);transform: translateX(0)}50% {-webkit-transform: translateX(80px);transform: translateX(80px)}}@keyframes snowflakes-fall {0% {top: -10%}100% {top: 100%}}@keyframes snowflakes-shake {0%, 100% {transform: translateX(0)}50% {transform: translateX(80px)}}.snowflake {position: fixed;top: -10%;z-index: 9999;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: default;-webkit-animation-name: snowflakes-fall, snowflakes-shake;-webkit-animation-duration: 10s, 3s;-webkit-animation-timing-function: linear, ease-in-out;-webkit-animation-iteration-count: infinite, infinite;-webkit-animation-play-state: running, running;animation-name: snowflakes-fall, snowflakes-shake;animation-duration: 10s, 3s;animation-timing-function: linear, ease-in-out;animation-iteration-count: infinite, infinite;animation-play-state: running, running}.snowflake:nth-of-type(0) {left: 1%;-webkit-animation-delay: 0s, 0s;animation-delay: 0s, 0s}.snowflake:nth-of-type(1) {left: 10%;-webkit-animation-delay: 1s, 1s;animation-delay: 1s, 1s}.snowflake:nth-of-type(2) {left: 20%;-webkit-animation-delay: 6s, .5s;animation-delay: 6s, .5s}.snowflake:nth-of-type(3) {left: 30%;-webkit-animation-delay: 4s, 2s;animation-delay: 4s, 2s}.snowflake:nth-of-type(4) {left: 40%;-webkit-animation-delay: 2s, 2s;animation-delay: 2s, 2s}.snowflake:nth-of-type(5) {left: 50%;-webkit-animation-delay: 8s, 3s;animation-delay: 8s, 3s}.snowflake:nth-of-type(6) {left: 60%;-webkit-animation-delay: 6s, 2s;animation-delay: 6s, 2s}.snowflake:nth-of-type(7) {left: 70%;-webkit-animation-delay: 2.5s, 1s;animation-delay: 2.5s, 1s}.snowflake:nth-of-type(8) {left: 80%;-webkit-animation-delay: 1s, 0s;animation-delay: 1s, 0s}.snowflake:nth-of-type(9) {left: 90%;-webkit-animation-delay: 3s, 1.5s;animation-delay: 3s, 1.5s}.snowflake:nth-of-type(10) {left: 25%;-webkit-animation-delay: 2s, 0s;animation-delay: 2s, 0s}.snowflake:nth-of-type(11) {left: 65%;-webkit-animation-delay: 4s, 2.5s;animation-delay: 4s, 2.5s}
</style>



<style>
    body{
        
    background-color: COLOR !important;
    background-image: url(https://64.media.tumblr.com/80df5f75d4db98e8eacad6160ec97f0a/76cc4f4efee9e9a1-e6/s1280x1920/46f7ff736ed817ffd9c89cf735d5b7974e137ae6.jpg) !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
/* main profile background/the box that has all your text */
/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */
main {
background: rgba(255, 138, 221, 0.4);
border-radius:18px;
border: 5px dashed rgba(255, 255, 255, 1) 

}
</style>

<style>
    .profile-info{
        
border: 1px solid white !important;   
background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQGi8LJffID2dwborrGyJq4-YnTzjtOImvpw2VhRQ9cnDUhU4Blt-0bC0J0dcvOskXmAS4&usqp=CAU)


</style>

<style>
nav .top{
/* navigation bar at the top/the bar that has the search and spacehey logo */
background-color: transparent;
}
</style>

<style>
/* navigation bar at the top/the bar that has navigation links */
nav .links {
background-color: transparent;
}
nav .links a:hover {
color: rgba(255, 199, 226, 1);
}
</style>


<style>

.online{content:url("https://user-images.githubusercontent.com/63889032/144983387-34550abf-8c34-4756-8438-5be5a351642e.png");
}
</style>

<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>

<style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "Games";
  --topic2: "Music";
  --topic3: "Character";
  --topic4: "Shows";
  --topic5: "Movie";
  --topic6: "Books";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

</style>

<style>
    table.details-table{
        
    background-color: #ffb8f1 !important;
    background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSb1qCHzCJI-RVEce0UCvIOPmkJHYMXy1KFUK1VGnv3g6xi4MrR7mojELsAV-mMwperksY&usqp=CAU') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
    border-radius:18px;
    border: solid white    
    }
    .profile .details-table td{
        
    background-color: transparent !important;
    background-image: url('url') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
    border-radius:18px;
    border: solid white    
    }
</style>

<style>
    .blog-preview h4{
        
    background-color: #ffe8f6;
    background-repeat: repeat;
    background-position: center;
    border-radius:18px;
    border:solid white 
    }
</style>

<style>
    .blurbs .heading{
        
    background-color: #ffe8f6 !important;
    background-repeat: repeat;
    background-position: center;
    border-radius:18px;
    border: solid white 

    }
</style>

<style>
    .contact .heading{
        
    background-color: #ffe8f6 !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    border-radius:18px;
    border: soild white
    } 
</style> 


<style>
    .contact{
        
    background-color: transparent !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: LEFT  !important;
    bordr-radius:18px;
    border: solid white
    }
</style>

<style>
    .friends .heading{
        
    background-color: #ffe8f6 !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    border-radius: 18px;
    border:solid white
  }
</style>

<style>
    .table-section .heading{
        
    background-color: #ffe8f6 !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    border-radius:18px;
    border: solid white
    }
</style>

<style>
    .top{
        
    color: white;
        
    }    
    main{

    color: white !important;
        
    }
    footer{
        
    color: white;
        
    }
</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Delicious+Handrawn&display=swap');
.profile .blurbs .section h4{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color: white;
}
</style>



<style>
body{

font-family: 'Alkatra', cursive;

 !important;

}
<style>



Change link font:

<style>
a{

font-family: 'Alkatra', cursive;
 !important;

}
a:hover{

font-family: 'Alkatra', cursive;
 !important;

}
a:visited{

font-family: 'Delicious Handrawn', cursive;
 !important;

}
</style>



<style>

h1{

font-family: 'Alkatra', cursive;
 !important;

}
</style>

<style>
/* this is what makes the text bold/look bigger */
p{
font-size: 14px !important;
font-weight: bold;
 text-transform:none !important;
}
</style> 

<style>
 @import url('https://fonts.googleapis.com/css2?family=Delicious+Handrawn&display=swap');
p{
font-family: 'Alkatra', cursive;
text-transform:lowercase !important;
color:#ffedf9;
}
</style>

<style>
:root {

--lighter-blue: rgba(0, 0, 0, 0.0);
}
</style>

<style>

:root {

--dark-orange:: rgba(255, 255, 255, 2);
}</style>


<style>
    a{
        
    color: #ffedf9 !important;
        
    }
    a:hover{
        
    color: #abada5 !important;
        
    }
    a:visited{
        
    color: #ff3697 !important;
        
    }
    .top a{

    color: #ffedf9 !important;

    }
    .top a:hover{

    color: #abada5 !important;

    }
    .top a:visited{

    color: #ff3697 !important;

    }
    .links a{
    
    color: #ffedf9 !important;
    
    }
    .links a:hover{

    color: #abada5 !important;

    }
    .links a:visited{

    color: #ff3697 !important;

   }
    .friends-grid p{
        
    color: COLOR !important;
        
    }
    footer .links a{

    color: #ffedf9 !important;

   }
    footer .links a:hover{

    color: #abada5 !important;

   }
    footer .links a:visited{

    color: #ff3697 !important;

   }
</style>

<style>
    .comments-table td{
        
    background-color: #e0bacd !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: RIGHT !important;
        
    }
</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: "˚ʚ♡ɞ˚"
}
.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>
    .profile-pic img{
        
border-radius:18px;
border: 5px dashed rgba((255, 255, 255, 1) !important;   
        
    }
</style>

<style>
/* this centers your friend space */
    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
    }
</style>

<style>
/* this edits your friends' icons */
.profile .friends .person img:not(.icon) {
border-radius:15px;
box-shadow: 1px 0px 7px 2px rgba(254, 120, 180, 0.71);
border: 3px dotted rgba(255, 255, 255, 1)
}
</style>
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/65/e1/5f/65e15f4462d314208da361ab85e80521.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>


a:hover {    
 cursor: url('http://www.rw-designer.com/cursor-view/174840.png'), auto;
}
* {
 cursor: url('http://www.rw-designer.com/cursor-view/174846.png'), auto;
}
</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 20 of 32 comments ( View all | Add Comment )

Blue Starwhisper	1768141201 i'll use this, thank you sm!! ૮₍ ´ ꒳ `₎ა Report Comment
Gilmix ☘	1749590243 using! Report Comment
!Ashlenghost	1734808694 Useing! Report Comment
LittleSunnrise	1732675541 USING IIT! TYSM Report Comment
telekastering	1731848854 I LOVE RINA !! def using !!!! x3 Report Comment
eclipse	1704570481 uzing!! Report Comment
Romeo	1689807126 using Report Comment
♰ IR6˚₊.ೃ࿔‧	1688977056 Using :3 Report Comment
# DENNIII 🎀 .ᐟ	1688427461 Using!!! :3 Report Comment
cheekiesk	1687203066 its so pretty!! X3 definitely using!! Report Comment
strng3r	1687060936 usingg :3 Report Comment
Meow!	1686846014 probably using <3 Report Comment
shayne!! :P	1686779867 USING!! Report Comment
Notaalien_vivi	1686519489 Going to try how to figure out how to use! (So maybe using) Report Comment
losya>ᴗ<──★	1686518610 USING Report Comment
🎀LYDIA🎀	1686459583 USING Report Comment
ulovbuni	1686259890 using ! x Report Comment
aziza	1684621623 using..sooo good Report Comment
Vixens	1684414510 aaaaaa!! it's so cutee:DDD TYYYYY!!! Report Comment
gabriel	1684285943 using!! Report Comment