Crybaby Theme Layout

Tags: crybaby
Description:

This layout is from the movie "Crybaby" is a theme with song if you use please give Ocarina Layouts credit please comment if you use
Preview:

click on the image for a larger preview
Code:

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

 <style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.imgur.com/CqI1jjz.png');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>

body {
background-color: #;
background-image:url("https://i.imgur.com/piv4iKR.png'');
background-repeat: repeat;
background-attachment: fixed;
}

table table { direction:rtl; } table table table { direction:ltr; }

.nametext {
font: 22px 'times';
color: #000;
font-style: italic;
font-weight: 700;
padding: 5px;
display: block; }

table.profileInfo td.text a img {
padding:10px; margin:0px;
margin-right:0px;
background-color: #ffffff;
border:1px solid #ededed;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

a .text { font-weight: normal; font-family:'times'; font-family: !important; font-size:11px !important; color:black !important;}

div.profileWidth table td { background-color: #color !important;} div.profileWidth div ul li a {color: FFFFFF !important;} div.profileWidth div ul li a:hover, div.profileWidth div ul li .open { background-color:#color!important;} div.profileWidth div td.rail{background-color: #color!important;} div.profileWidth table td ul small {font-size: 0px !important;} div.profileWidth table tr td div table.rail {background-color: #color;}

 
table, tr, td, li, p, div, .btext, .blacktext10, .lightbluetext8, .orangetext15, .redtext, .redbtext, .text, a:active, a:visited, a:link, a:hover, a.navbar:active, a.navbar:visited, a.navbar:link, a.navbar:hover, a.redlink:active, a.redlink:visited, a.redlink:link, a.redlink:hover {font-family:'times'; color:#181818; font-size:10px;font-weight:normal;text-decoration:none; line-height: 15px;}

.interestsAndDetails td {width:0px;}
.whitetext12 {font: 10px 'times'; font-weight: 700; color: #fff; font-style: italic;}
table.blurbs td.text span.orangetext15, table.friendSpace td.text span.orangetext15 {font: 10px 'times'; font-weight: 700; color: #4364bc; font-style: italic; line-height: 15px;}
table.blurbs td td span.orangetext15 {font-size: 11px; font-weight: 700; color: #4364bc; font-style: italic;}
.lightbluetext8 {color:4364bc; font-weight: 500;}

table.interestsAndDetails td.text {background-color:c9e0fa; padding: 1px;}
table.interestsAndDetails span.whitetext12 {color:426bba;}
table.interestsAndDetails span.lightbluetext8 {color:426bba;}
table.interestsAndDetails td td {background-color:ffffff;}
table.interestsAndDetails, table.interestsAndDetails td {border:0px;}
table.friendsComments td.text td td {background-color:white;}


table.extendedNetwork span.blacktext12 span {display:none;}
table.extendedNetwork span.blacktext12 a {display:none;}
table.extendedNetwork {border:0px;padding:5px;}
table.extendedNetwork td {border:1px double #f3f3f3;padding:5px;}
table.extendedNetwork {height:160px;width:430px;}
table.extendedNetwork td {background-image:url('https://placehold.it/430x160'); background-position:center center; background-repeat:no-repeat;}

table.profileInfo * {background-color:transparent;}
table.contactTable table, table.contactTable table a, table.contactTable td td {background-color:transparent !important;}
table.contactTable {background-color:white;}
.userProfileURL {visibility:hidden;}
.userProfileURL td {visibility:visible;}
.userProfileURL table * {background-color:transparent;}
.userProfileURL td td td {width:0px;}
table.userProfileURL td td {background-color:white;}
table.latestBlogEntry td {background-color:transparent;}
table.latestBlogEntry span.btext {padding:2px; margin:-3px; margin-bottom:2px;}
table.friendSpace span.redbtext {font-weight:bold;}
table.friendSpace td {padding:0px;}
table.friendSpace td.text td br {line-height:0px;}
table.friendSpace span.btext {display:block;}
table.friendsComments span.orangetext15 {display:block; height:100%;}
table.friendsComments td.text table {width:100%;}
table.friendsComments span.redtext {font-weight:bold;}
table.friendsComments td.text td.columnsWidening embed, table.friendsComments td.text td.columnsWidening object {width:260px; height:213px;}
table.friendsComments td.text td.columnsWidening img {width:300px;}
table.friendsComments td.text b {display:block;}
table.friendsComments td.text td td b {display:inline;}
table.friendsComments td.text td a {display:block;}
table.friendsComments td.text td b a, table.friendsComments td.text td td a {display:inline;}

.userProfileURL {display:none;}
.contacttable {display:none;}
.msOnlineNow {display: none;}
.userProfileDetail {display:none;}
.latestblogentry {display:none;}

.ss {
font: 6px 'arial';
line-height:9px;
text-align:center;
padding:3px;
background:#ffffff;
z-index:11;
right:8px;
position:fixed;
text-transform: uppercase;
bottom:8px;overflow:hidden;
border:1px solid #e5e5e5;
text-decoration:none;
}

 .ss a {
color:#888888;
font: 6px 'arial';
text-decoration:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
 .navi a:hover {
color: transparent;
text-shadow: #ccc 0 0 1px;
text-decoration:none;}

</style>


<style>

body{background-image: url(https://i.imgur.com/j13QQ7A.png)}

:root{--logo-blue: lightblue; --darker-blue: gray; --lighter-blue: white; --even-lighter-blue: gray; --lightest-blue: white; --dark-orange: lightblue; --light-orange: lightblue; --even-lighter-orange:lightblue; green: lightblue}

h1, h4{color:gray}

.online img{content: ; animation: none;}
.online{color: lightblue}

.profile .contact, .blurbs, .friends{background-color:white; border: none}
.profile .contact .heading, .profile .table-section .heading{background-color: lightblue}

.profile .url-info{background-color: white}
</style>



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


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


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


<style>
    .links{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/oDXe6QY.jpg') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</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/70zgNDY.png" alt=""/></div></a>

<iframe width="0" height="0" src="https://www.youtube.com/embed/ZLbma7BMzQI/?&;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>
    .container{
        
    border: 5px dashed black;
        
    }
</style>
<style>
table.comments-table{

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

}
</style>

<style>
::-webkit-scrollbar {
width: 3px;
height: 10px;
}

::-webkit-scrollbar-thumb {
background: rgba(80, 80, 80);
}

::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.2);
}
</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 1 of 1 comments ( View all | Add Comment )
Jane Doe
1681910898
Using!!!
Report Comment