beige clouds/book layout :DD

Tags: beige;clouds;books;layout

Description:

i made this for someone but ialso gift it to the worlddd xDD if there are any problems please tell me and if you plan to use this pls comment i really want to see how it looks ^^

(this layout also includes a custom cursor that i cant ry get into the screenshot T~T)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Spoon xPP(FW) (https://layouts.spacehey.com/layout?id=24083) -->

<style>
    body{
        background-image:url(https://i1.pickpik.com/photos/53/762/419/library-books-syria-middle-eastern-thumb.jpg);
        background-size:cover;
        background-position:right;
    }
</style>

<style>
    .profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

       direction: ltr;

   }
</style>
<style>
    .top{

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

    }
    main{

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

    }
</style>
<style>
    {
}
.profile {
    direction: rtl;
}
@media (min-width: 30em)
.row {
    width: 100%;
    display: table;
    table-layout: fixed;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
main {
    background: white;
    color: black;
    padding: 6px 0px;
    font-size: 80%;
}
body {
    background-color: #e3e3e3;
    font-family: verdana, arial, sans-serif, helvetica;
}
:root {
    --logo-blue: #b2957d;
    --darker-blue: #3f4148;
    --lighter-blue: #9e8776;
    --even-lighter-blue: #424337;
    --lightest-blue: #f4f4df;
    --dark-orange: rgb(111 86 60 / 90%);
    --light-orange: rgb(144 124 91 / 60%);
    --even-lighter-orange: #c0a086;
    --green: #afaa82;
    --dark-green: #b9b371;
}
</style>

<style>
    main{
        background-image:url(https://i.pinimg.com/originals/52/5f/3e/525f3e236395429ca58059ee456e654f.jpg);
        background-size:cover;
    }
</style>

<style>
    .profile-info{
        
border: 1px solid black !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://31.media.tumblr.com/tumblr_m6d0q0hOjm1r2oa9ko1_500.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>

<style>
.online{

content: url("https://i9.glitter-graphics.org/pub/1576/1576379mgo1ck1wxk.gif") !important;

}
</style>
<style>
    .contact{
        background-image:url(https://data.whicdn.com/images/342820617/original.jpg);
        background-position:center;
    }
</style>
<style>
table.comments-table{

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

}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat874.ani), url(https://cur.cursors-4u.net/nature/nat-9/nat874.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/01/15/orange-rainbow-over-clouds.html" target="_blank" title="Orange Rainbow Over Clouds"><img src="https://cur.cursors-4u.net/cursor.png" alt="Orange Rainbow Over Clouds" 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.