Willy Wonka & Chocalate Factory Layout

Tags: willywonka
Description:

This is Willy Wonka & Chocalate Factory 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=28304) -->

 <style>
.general-about .profile-pic img{
-webkit-mask-image: url(https://external-media.spacehey.net/media/sm06TwyQTt7hlDnxYf_TsQYVZrF5qVC5NK2C2Rnz17rU=/https://i.imgur.com/bAxhHPN.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
transform:scale(1.025,1.025);
position:relative;
top:-0.25em;
}
</style>


<style>
main:before {
width: 100%;
height: 250px;
display: block;
margin-top: -6px !important;
content: "";
background-image: url('https://i.imgur.com/3XvTCmW.png');
background-position: top center;
background-size: cover;
border-radius: 0 0 0px 0px !important;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>
<style>

body {
background-color: #;
background-image:url("https://i.imgur.com/TIq0q5i.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/TIq0q5i.png)}

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

h1, h4{color:blue}

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

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

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






<style>
    .top{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/TIq0q5i.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/TIq0q5i.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/DmXvv53.png') !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/jO1OyoWDiEw/?&;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>
<div class="snowflakes">
<div class="snowflake"><img src="https://i.imgur.com/mmuuHel.png"/></div>
<div class="snowflake"><img src="https://i.imgur.com/ejeoYbU.png"/></div>
<div class="snowflake"><img src="https://i.imgur.com/zTkWa57.png"/></div>
<div class="snowflake"><img src="https://i.imgur.com/0PfWm9s.png"/></div>
<div class="snowflake"><img src="https://i.imgur.com/q9akKX2.png"/></div>
<div class="snowflake"><img src="https://i.imgur.com/9jlqcxy.png"/></div>
<div class="snowflake"><img src="https://i.imgur.com/c0xBSDx.png"/></div>
<div class="snowflake"><img src="https://i.imgur.com/rr2zKxz.png"/></div>

</div>


<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>


<style>* {cursor: url(https://cur.cursors-4u.net/people/peo-1/peo4.ani), url('https://i.imgur.com/mmuuHel.png'), auto !important;}</style>


<style>
table.comments-table{

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

}
</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 )
✯ ⋆｡˚⋆ฺ 　.. BUZZY .ᐟ
1711225306
i tried this and itz broken sadly- that might just be me though lol :3
Report Comment