Old cartoon layout

Tags: book, old, slavic, red, gold, russian, bulgarian

Description:

Not a very good one [unfinished but im not working on this anymore]

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Ruslan+Display&display=swap');
p{
  font-family: 'Ruslan Display', cursive;
  font-size: 120%;
  color: #c9a01c;
}
h1,h2,h3,h4,h5{
  font-family: 'Ruslan Display', cursive;
  font-size: 150%;  
  color: #c9a01c;
</style>
<style>
:root {
    --logo-blue: rgb(143, 13, 6);
    --darker-blue: rgb(143, 13, 6);
    --lighter-blue: rgb(143, 13, 6);
    --even-lighter-blue: #c9a01c;
    --lightest-blue: ;
    --dark-orange: #c9a01c;
    --light-orange: rgb(143, 13, 6);
    --even-lighter-orange: rgb(143, 13, 6);
}
</style>
<style>
    main{

    border: 10px solid transparent;

    padding: 15px;

    border-image: url(https://t4.ftcdn.net/jpg/00/77/94/87/360_F_77948758_BLL65doqVcQ5rwKzGIDOJ22htv6kWDhX.jpg) 10 stretch;
 
    background-color: #fcf8e3 !important;
    background-image: url('https://i.ibb.co/NYf4bDj/grunge-old-vintage-retro-paper-texture-background-47840-948.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
    body{
        
    background-color: white !important;
    background-image: url("https://img.freepik.com/premium-photo/texture-of-wood-table_63047-922.jpg") !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
    .top{
        
    background-color: COLOR !important;
    background-image: url(https://t4.ftcdn.net/jpg/00/77/94/87/360_F_77948758_BLL65doqVcQ5rwKzGIDOJ22htv6kWDhX.jpg) !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>

<style>
    .profile-info{
        
border: 4px solid #c9a01c !important;   
        
    }
</style>
<style>
             ::-webkit-scrollbar {
    width: 20px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: #c9a01c;
    }

    ::-webkit-scrollbar-track {
    background: rgb(143, 13, 6);
    }
</style>
<style>
img {
  filter: saturate(120%) sepia(30%);
}
</style>
<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://www.linkpicture.com/q/LPic6480c53d8c072571379504.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:0.08;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
</style>
<style>* {cursor: url(http://www.rw-designer.com/cursor-view/11983.png), url(http://www.rw-designer.com/cursor-view/11983.png), auto !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: url(https://www.linkpicture.com/q/LPic64821c1e03016339883084.png)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url(https://xyz.crd.co/assets/images/gallery08/b3a40a6d.png?v=364e4a1e)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://xyz.crd.co/assets/images/gallery08/580e5c08.png?v=364e4a1e)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://xyz.crd.co/assets/images/gallery08/4242510f.png?v=364e4a1e)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://xyz.crd.co/assets/images/gallery08/5c09bce1.png?v=364e4a1e)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://xyz.crd.co/assets/images/gallery08/b1b2fe8c.png?v=364e4a1e)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://xyz.crd.co/assets/images/gallery08/3aad5e38.png?v=364e4a1e)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://xyz.crd.co/assets/images/gallery08/4af894e8.png?v=364e4a1e)
}
</style>
<style>
    .links{
        
    background-color: COLOR !important;
    background-image: url(https://t4.ftcdn.net/jpg/00/77/94/87/360_F_77948758_BLL65doqVcQ5rwKzGIDOJ22htv6kWDhX.jpg) !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
.online{
font-size:0 !important;
}
.online:before{
color:yellow;
content: ;
font-size:;
}
.online:after{
color:#c9a01c;
content: "active";
font-size:15px;
font-weight:bold;
animation: blinker 3s linear infinite;
}
.online{
animation: blinker 3s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
</style>
<style>
footer:after{

bottom: 10%;

font-size:0;

left: 84%;

position:fixed;

pointer-events: none;

content:url(https://i.ibb.co/fXVT9qD/hanf.png);

transform: scale(2)
}
</style>
<style>
    .contact{
        
    background-color: #c9a01c !important;
    background-image: url('') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
.friends b{
        
color: #c9a01c !important;
</style>
<style>
h1, .count, .friends a p {
     color: #c9a01c;
} 

</style>
<style>
.profile .friends .person p{
 color: #c9a01c!important;
}
</style>
<style>
.container{
width: 900px !important; 
</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 5 of 5 comments ( View all | Add Comment )

Liquidmeat	1703028050 Using thx! Report Comment
01	1695397557 using Report Comment
Senji	1692622096 Using !! Report Comment
Cody	1692260208 Using Report Comment