mai layout

Tags: lapfox, samuelsspace, gay, layout
Description:

WEE HOO! X3
Preview:

click on the image for a larger preview
Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/Ypi2RNw3AvM?si=YjP68lzJhxTLK1ZI//?&;amp;;autoplay=1&;loop=1&;controls=1&quot;" 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://64.media.tumblr.com/bcff4e6df5d273c6b12db01c2c091237/e66a2bf6682f9834-fc/s75x75_c1/23eab4fce80b03cba06a3b9b4c20132d230ee837.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bcff4e6df5d273c6b12db01c2c091237/e66a2bf6682f9834-fc/s75x75_c1/23eab4fce80b03cba06a3b9b4c20132d230ee837.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bcff4e6df5d273c6b12db01c2c091237/e66a2bf6682f9834-fc/s75x75_c1/23eab4fce80b03cba06a3b9b4c20132d230ee837.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bcff4e6df5d273c6b12db01c2c091237/e66a2bf6682f9834-fc/s75x75_c1/23eab4fce80b03cba06a3b9b4c20132d230ee837.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bcff4e6df5d273c6b12db01c2c091237/e66a2bf6682f9834-fc/s75x75_c1/23eab4fce80b03cba06a3b9b4c20132d230ee837.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bcff4e6df5d273c6b12db01c2c091237/e66a2bf6682f9834-fc/s75x75_c1/23eab4fce80b03cba06a3b9b4c20132d230ee837.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bcff4e6df5d273c6b12db01c2c091237/e66a2bf6682f9834-fc/s75x75_c1/23eab4fce80b03cba06a3b9b4c20132d230ee837.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/bcff4e6df5d273c6b12db01c2c091237/e66a2bf6682f9834-fc/s75x75_c1/23eab4fce80b03cba06a3b9b4c20132d230ee837.gif"/></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>

<div style="float:  ; max-height: 300px; position: fixed; right: 1px; top: 0px; z-index: 400;">
 <style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
  
  .recordPlayer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .cd{
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .cdCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="cd" src="https://i.postimg.cc/wvbVpXqV/2024-03-26-0xb-Kleki.png"/>
  <img class="cdCover" src="https://i.postimg.cc/Pf9gbZWY/2024-03-26-0xa-Kleki.png"/>
</div>
</div>



<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: 400;">
 <style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
  
  .recordPlayer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .cd{
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .cdCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="cd" src="https://i.postimg.cc/ZqDPLQYf/2024-03-26-031-Kleki.png"/>
  <img class="cdCover" src="https://i.postimg.cc/V6rqZFdz/2024-03-26-02x-Kleki.png"/>
</div>
</div>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat833.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/11/23/house-fly.html" target="_blank" title="House Fly"><img src="https://cur.cursors-4u.net/cursor.png" alt="House Fly" style="position:absolute; top: 0px; right: 0px;"/></a>

<div class="snowflakes">
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/979204732893687818/1164439884568731678/Tumblr_l_702636799148523.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/0961540de224ee921c6b53ab17b23cf0/8a935bff9dedb7a9-8f/s75x75_c1/09c4e803311cc239b122182a826a89b27704e7b8.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/05637ad7b9f48195b77c9fcf45dccf37/6b215539b3781968-7b/s75x75_c1/fc7f98c3d3b2d5dd3806d1c6c700d51c04ec3ba0.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/aea932de2c10842c164395e353057710/227ca944526be4dc-84/s75x75_c1/026654ecb892320b441a2b904055ef3d12b6fd4e.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/99eb55a293c8f0ea04ae2844d86294e1/2b7d9b684e3a61c8-c0/s75x75_c1/0119fa913ba09136f7f16a72d8869b0ee4775fce.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/4206857a73367d7d86c62aa594d88591/6b215539b3781968-b3/s75x75_c1/c23414e2f3dcaeb0568422d44f6649b03cad7077.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/b0407dfbe39b457a5c4f3762c5d63bd4/89384a129eb5ab3e-76/s75x75_c1/602ec03eedc7404b52e0e81af3544c1730e3a6e0.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/b2940918140a5930012a728911d680fe/89384a129eb5ab3e-c9/s75x75_c1/a607dd0b3f47109af6d1470ee0f36f54b370767a.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/261b3f124551279d041a85ab9b0edbbb/89384a129eb5ab3e-a4/s75x75_c1/795f8865f781cebec225bd864d536761a0e227e5.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/ab760f795b500e4448e4a6c953a3a75b/d5d4cc05d72ce16a-1c/s75x75_c1/7825c3b1251f59b6f033ecbc0976f0f57cf7a3af.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/434d59d19c05eb6b338c33019a60b8fe/d13d98fabacccec9-b9/s75x75_c1/411c48dfbbfce794d79af2ed66149d1e4765a028.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/59b81c9b4bdf963639761beed850b5a3/1c9ee787442aefcd-e7/s75x75_c1/3950a56aadd7782096284dd5bee759f6e0ee0268.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/4d2228396090fc0e1074d317cc5a9bd4/89384a129eb5ab3e-7e/s75x75_c1/1d2045dc0079049da3b2290805445ddaa6f96915.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/8ba759266ade9d91a74cea6a81e0edad/2b7d9b684e3a61c8-36/s75x75_c1/274c9b3b95f8abe900b066716d080d2dd57c21a5.gif"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/ef3e55705fe1e44c090b458ab10dfe18/7996234d9c20e3db-0f/s75x75_c1/6b407f9273a64b4a42fe5cbd6fb0574f38af3f13.gif"/></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>

.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://gifcity.carrd.co/assets/images/gallery02/17f50531.gif?v=26dffab5 ")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://gifcity.carrd.co/assets/images/gallery08/16578fa9.gif?v=26dffab5 ")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://gifcity.carrd.co/assets/images/gallery04/ae02fb0a.gif?v=26dffab5 ")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url(" https://gifcity.carrd.co/assets/images/gallery02/d6fa655e.gif?v=26dffab5")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://creep.crd.co/assets/images/gallery07/47145c37.gif?v=9fb44b0b ")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://creep.crd.co/assets/images/gallery03/3e23d2b8.gif?v=9fb44b0b ")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://creep.crd.co/assets/images/gallery06/014ed07e.gif?v=9fb44b0b ")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://creep.crd.co/assets/images/gallery01/519b9f75.gif?v=9fb44b0b ")
    } 

<style></style>



<style>

}
p {
    color: #fff;
}
a {
    color: #f00;
}
.left.col {
    background: linear-gradient(#535353 0%, #000 2%);
    border-radius: 5px 5px 0px 0px;
    border: 0px;    
    padding: 5px;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    position: relative;
    right: 4px;
}
.left .heading {
    background: linear-gradient(#535353 0%, #000 60%) !important;
    box-shadow: inset 0px 0px 5px 1px #535353;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #808080;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    padding: 3px !important;
}
.contact .heading {
    background: none !important;
    border: none !important;
    box-shadow: none;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
}
.profile .table-section {
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #808080;
}
.details-table td {
    background: linear-gradient(#535353 0%, #000 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;
    border-radius: 10px 0px;
    border: 0px;
    padding-left: 5px !important;
    color: #ffffff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px; 
}
.profile .contact {
    border-radius: 5px 5px 0px 0px;
    border: none;  
    background: linear-gradient(#535353 0%, #000 20%);
}
.right.col {
    background: linear-gradient(#535353 0%, #000 2%);
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    position: relative;
    left: 4px;
    margin-left: 5px;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
}
main {
    border: none;
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
    background: black;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;
}
nav .top {
    margin-top: 10px;
    border-radius: 5px;
    background: linear-gradient(#535353 0%, #000 69%);
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;
    border: 0px;
    padding: 4px;
}
nav .links {
    background: linear-gradient(#535353 0%, #222 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 0px;
    padding-left: 10px !important;
    color: #ffffff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    padding: 5px;
    position: relative;
    gap: 5px;
    justify-content: center;
}
nav .links a {
    text-shadow: 1px 1px 0px #000;
}
nav .links a:hover {
    color: #f00;
    text-decoration: none;
    text-shadow: 1px 1px 0px #000;
}
.top .right a {
    text-shadow: 1px 1px 0px #000;    
}
.logout-btn {
    text-shadow: 1px 1px 0px #000 !important;     
}
body &gt; div.container &gt; nav &gt; ul &gt; li.special {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(12) {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(3) {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(13) {
    border: none;
}
nav li {
    font-size: 0pt;
    padding-right: 5px;
    border-right: 2px ridge #555555;
}
.right .heading {
    background: linear-gradient(#535353 0%, #000 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;
    border-radius: 50px 0px;
    border: 0px;
    padding-left: 10px !important;
    color: #ffffff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;    
}
.comments-table {
    border: 0px;
}
.comments-table td {
    border: 0px;
    background: linear-gradient(#535353 0%, #000 20%) !important;
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    top: -32px;
}
.url-info {
    border: none !important;
    background: linear-gradient(#535353 0%, #000 40%);
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    top: -32px;
}
.comments-table .pfp-fallback {
    border: 2px ridge #555555;
}
.person .pfp-fallback {
    border: 2px ridge #555555;    
}
.profile-pic .pfp-fallback {
    border: 2px ridge #555555;     
}
#comments &gt; div.inner &gt; table &gt; tbody &gt; tr &gt; td:nth-child(1) {
    background: none;
}
.comment-replies {
    border: none;
    border-top: 2px ridge #555555;
}
footer {
    background: none;
}
</style>






<style>

.logo {

content:url("https://cdn.discordapp.com/attachments/1038533310814621790/1178780444603457616/Untitled304_20231127133016.png?ex=657763d6&is=6564eed6&hm=d70a403764fee1934b4a919b4cdb9e5eb57af3d46932b13f6fc9cdb2a48b4c8d&");

}

</style>

<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(  https://i.pinimg.com/originals/40/e7/a3/40e7a3d9feac170fec51ccf2de848438.gif );  width: auto; height: 250px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>


<style>

html:before {

 

  animation: grain 1s steps(10) infinite;

 

  background-image: url('https://i.pinimg.com/564x/98/53/0d/98530dec1fc66a1d44ff02da67138f0a.jpg ');

 

  content: "";

 

  height: 250%;

 

  left: -50%;

 

  opacity:.175;

 

  position: fixed;

 

  top: -110%;

 

  width: 200%;

 

  pointer-events:none;

 

}
</style>







<style>

.profile-info {

   background: url( https://i.pinimg.com/564x/63/3f/3b/633f3bb4a5395ec72d240c8ed199b002.jpg );}
</style>



 <style>

body {
    background: url(https://i.pinimg.com/564x/f5/e9/f8/f5e9f8d48f5375f3e5020ed1e4eea096.jpg ) fixed; background-size:cover;

</style>


<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">
<img src="https://i.postimg.cc/c4scdL3g/2024-03-24-0w2-Kleki.png" width="200" height="200"/></div>
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.