Kelly "Let Me Borrow That top"Layout

Tags: kelly/letmeborrowthatop
Description:

This is an Based of Character kelly, Let me borrow that top layout if you use please comment"using" this layout is own by Ocarina Layouts
Preview:

click on the image for a larger preview
Code:

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

  <style>
.friends-grid{
  text-align:center;
  padding:0px!important;
}
.friends .person{
    background-color: white;
    width:80px!important;
    display: inline-flex!important;
    flex-direction: column-reverse;
    margin:10px;
    vertical-align: top;
    padding-left:5px!important;
    padding-top:5px!important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
}
.friends .person p{
    text-align: center;
    word-wrap: break-word;
}
.profile .friends .person img:not(.icon){
  max-width:70px!important;
}
.profile .friends .person:nth-of-type(1){
    transform: rotate(-4deg);
}
.profile .friends .person:nth-of-type(2){
    transform: rotate(5deg);
}
.profile .friends .person:nth-of-type(3){
    transform: rotate(-2deg);
}
.profile .friends .person:nth-of-type(4){
    transform: rotate(6deg);
}
.profile .friends .person:nth-of-type(5){
    transform: rotate(6deg);
}
.profile .friends .person:nth-of-type(6){
    transform: rotate(-1deg);
}
.profile .friends .person:nth-of-type(7){
    transform: rotate(3deg);
}
.profile .friends .person:nth-of-type(8){
    transform: rotate(-3deg);
}

</style>



<style>.userProfileDetail { display:none; }</style>

<style>div td{background-color:maroon;}</style>

<style>body {background-color:maroon;}</style>

<style>
.latestBlogEntry {display:none;}
</style>


<style>.blurbs br {display:none;} .blurbs .text br {display:block;}</style>


<style>table, tr, td, li, p, div, .btext, .blacktext10, .blacktext12, .lightbluetext8, .orangetext15, .redtext, .redbtext, .text, .whitetext12, a:active, a:visited, a:link, a:hover, a.navbar:hover, a.redlink:active, a.redlink:visited, a.redlink:link, a.redlink:hover, .nametext {font-family:courier;}
.interestsAndDetails td a {font-family:courier !important;}
</style>


<style>.latestblogentry{display:none}</style>


<style> .friendSpace .redbtext {font-weight:bold;} .friendSpace td {padding:0px;} .friendSpace br {display:none;} .friendSpace td.text td td br {display:inline;} .friendSpace .btext {display:block;} .friendSpace td.text td td a img {width:105px; height:120px;} </style>


<style>



.userprofiledetail, img[src=""], .msOnlineNow {display: none;}


div td {); background-color:; text-transform:none;}



br {line-height:1.0px!important;}



td {height:0px; padding:0px; border:0px;}table, tr, td {height: 0px; padding: 0px; border:0px;}



.extendednetwork{height: 1%; border: 0px!important;}



table table {direction:;}




.contacttable a img {display: block; margin: -4px!important;}















span[class="statusDateTime"] {display:none;}







body{background-color:; background-image:url(NONE); background-repeat:repeat;background-attachment: fixed;background-position:bottom left;}






</style>


<style>a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }</style>


<style>

.interestsAndDetails td {width:0px;}

</style>


<style>.userprofileurl{display:none;}</style>


<style>a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }</style>  


 <style>
    main{
     
    background-color: #2b1c25 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>



<style>
:root{
  --logo-blue: #45478a
  --darker-blue: #45478a; 
  --lighter-blue: #2b1c25;
  --even-lighter-blue: #1A1A1C;
  --lightest-blue: #1A1A1C;
  --dark-orange: #45478a;
  --light-orange: #2b1c25;
  --even-lighter-orange: purple;
  --green: purple;
}
body{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #45478a;
}
html:before {
  background: url(https://i.imgur.com/3qmkWQ1.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:0.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events: none;
  z-index: -1;
  filter: brightness(100%) contrast(110%);
        
}
.profile .details-table td{

border: 1px solid purple!important;   

}
.comments-table td{
        
border: 1px solid purple!important;   
}
.profile-info{
        
border: 1px solid purple !important;   
        
}
.links{
        
border: 1px solid purple !important;   
     
}
    color: #45478a!important;
        
    }
    a:hover{
        
    color: #45478a !important;
        
    }
    a:visited{
        
    color: #45478a !important;
        
    }
    .top a{

    color: #45478a!important;

    }
    .top a:hover{

    color: #2b1c25!important;

    }
    .top a:visited{

    color: black !important;

    }
    .links a{
    
    color: black !important;
    
    }
    .links a:hover{

    color: black !important;

    }
    .links a:visited{

    color: #45478a!important;

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

    color: #45478a !important;

   }
    footer .links a:hover{

    color: #45478a !important;

   }
    footer .links a:visited{

    color: black !important;

   }
</style>









<style>



/*Interests Scrollbox*/
    .profile .table-section {
        display: block;
        height: auto;
        width: AUTO;
        overflow-y: auto;
        font-size: 12px;
        border: dotted 0px!important;
        border-right: none!important
}



::-webkit-scrollbar
{
  width: 10px;
}

::-webkit-scrollbar-button:start {
    background-color: #45478a;
}

::-webkit-scrollbar-button:end {
    background-color: #45478a;
}

::-webkit-scrollbar-thumb
{
  background-color: #45478a;
  border-radius: 0px;
}
/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
  background: #2b1c25;
}  
  
/*Customizes color of Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #d10011;
  background-color: #2b1c25;
  border-radius: 0px;
}


.general-about .profile-pic {
float: none;
}

.general-about .profile-pic img {
    border-radius: 10px;
    border: 1px solid#2b1c25;
}








 <style>
.Ocarina Layouts !! { BACKGROUND P R O P E R T I E S }
body {
background:url(https://i.imgur.com/6Gb3YtC.png) #2b1c25;
background-position:bottom right;
background-attachment:fixed;
background-repeat:no-repeat;
</style>


<style>
    .top{

        border-radius: 25px 25px 0 0 !important;

    }
    main{

        border-radius: 0 0 25px 25px !important;

    }
</style>

<style>
    }
    .contact {
        font-size: 11px;
        border: none!important;
    
    }
.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.imgur.com/ea4Ri9Q.png")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: url("https://i.imgur.com/ea4Ri9Q.png")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* send Message */
	content: url("https://i.imgur.com/ea4Ri9Q.png")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: url("https://i.imgur.com/ea4Ri9Q.png")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: url("https://i.imgur.com/ea4Ri9Q.png")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: url("https://i.imgur.com/ea4Ri9Q.png")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: url("https://i.imgur.com/ea4Ri9Q.png")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: url("https://i.imgur.com/ea4Ri9Q.png")
} 


</style>


<a href="https://spacehey.com/ocarina" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 160px; height: 82px; filter: hue-rotate() saturate();"><img src="https://i.imgur.com/PM6MPOE.gif" alt=""/></div></a>

<style> h1, h2, h3, h4,h5, h6, h7, a, p, nav label, .section {color: purple;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;

}</style>

<style>
    footer{
        
    background-color: #2b1c25!important;
    background-image: url('URL') !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:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.imgur.com/6sLgx5e.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>



<style>
    .comments-table td{
        
    background-color:#2b1c25!important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>



<style>
    button{
        
    background-color: #45478a!important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
table.comments-table{

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

}
</style>







<style>
.online{

content: url("https://i.imgur.com/sNo7nmR.gif") !important;

}
</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.imgur.com/VEM0WK3.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/A9bviPgAx70?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
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 0 of 0 comments ( View all | Add Comment )