HeaathCLiff

Tags: cartoonclassic
Description:

This is an classic cartoon layout hope you use :)
Preview:

click on the image for a larger preview
Code:

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

<style>
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    width: 2px;#b8581b;
    border: 1px dotted #b8581b;
}
::-webkit-scrollbar-thumb {
    background: #b8581b;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #b8581b;  
}

</style>

<style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "General";
  --topic2: "Music";
  --topic3: "TV";
  --topic4: "LOl";
  --topic5: "misc.";
  --topic6: "Current Song";

 }

.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>.online { visibility: hidden; } .online img { content: url("https://i.ibb.co/BKPCPC0/hc3.png"); animation-name: none; visibility: visible; height: 29px; width: 89px; }</style>

<style>
 .blurbs .section h4{display: none !important;}
</style>
<style>
.blog-preview{display: none !important;}
</style>
<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 0px solid transparent;
}
</style>

<style>
    .top{
        
    background-color: white !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>

<style>
    body{
        
    background-color: blue;
    background-image: url('');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>

<style>
    .links{
        
    background-color: white !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>

<style>
    .contact{
        
    background-color: blue!important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>
<style>
    table.details-table{
        
    background-color: COLOR;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
    .profile .details-table td{
        
    background-color: blue;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>
<style>
    .comments-table td{
        
    background-color: white !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>
<style>
    footer{
        
    background-color: blue !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>
<style>
    .contact .heading{
        
    background-color: blue!important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>
<style>
    .table-section .heading{
        
    background-color: blue !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    
    }
</style>
<style>
    .blurbs .heading{
        
    background-color: blue!important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>
<style>
    .friends .heading{
        
    background-color: blue!important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>
<style>
    .top{

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

    }
    main{

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

    }
</style>

<style>
    .top{
        
    color: #ff8706;
        
    }    
    main{

    color: black !important;
        
    }
    footer{
        
    color: #ff8706;
        
    }
</style>
<style>
    a{
        
    color: #ff8706 !important;
        
    }
    a:hover{
        
    color: black !important;
        
    }
    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{

    color: #ff8706 !important;

    }
    .top a:hover{

    color: black !important;

    }
    .top a:visited{

    color: COLOR !important;

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

    color: black !important;

    }
    .links a:visited{

    color: COLOR !important;

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

    color: #ff8706 !important;

   }
    footer .links a:hover{

    color: black !important;

   }
    footer .links a:visited{

    color: COLOR !important;

   }
</style>
<style>
    .profile .blurbs .heading, .profile .friends .heading {
    color: white;
    padding: 2
px 7
px;
}
</style>
<style>
table.comments-table{

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

}
</style>
<style>
body {text-align:center;}
table {margin:0 auto; text-align:left; width:728px;}
table table {width:auto;}
table table table {text-align:left!important;}
</style>
<style>
    .details-table td:first-child {
    color: black;
</style>

<style>

a:hover{

background-color: white!important;
background-image: url('URL') !important;
background-repeat: repeat !important;
background-position: center !important;

}
.links a:hover{

background-color: brown!important;
background-image: url('URL') !important;
background-repeat: repeat !important;
background-position: center !important;

}
</style>

<style>
@import url('https://external-media.spacehey.net/css/s2MJyhWnsbVNVO36kIaEzqGuJ-hf0_jgOGGnrOqr23V8=/https://fonts.googleapis.com/css2?family=Charmonman&display=swap');
.profile .left h1{ font-family: 'Charmonman', cursive; transform: rotate(-4deg); }
</style>              
 <style>
.Ocarina Layouts !! { BACKGROUND P R O P E R T I E S }
body {
background:url(https://i.ibb.co/58fszQG/hc1.png) #b8581b;
background-position:bottom right;
background-attachment:fixed;
background-repeat:no-repeat;
</style>



<style>


nav{
background-image: url("https://i.ibb.co/Dg68HNC/HC2.png");
background-position: center center;
background-size: cover;
padding-top: 150px;
}
</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/0Z2vMmJh_6M/?&;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>





<style>
    footer{
        
    background-color: COLOR !important;
    background-image: url('https://i.ibb.co/TqCXSkD/hc4.png') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>







<div class="chr"></div>
<style>
div.chr {
background: url(https://i.ibb.co/DpZj15H/hcg.pngf);
background-size: 100%!important;
position: fixed;
left: 200px;
bottom: 20px;
height: 530px;
width:920px;
z-index: 100;
opacity: 100%;
background-blend-mode: overlay;
}"
</style>
<a href="https://spacehey.com/miggyjai" 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.ibb.co/dK0fkxc/link.png" alt=""/></div></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 0 of 0 comments ( View all | Add Comment )