tropical core

Tags: summer, tropical, y2k
Description:

😜
Code:

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

<!-- (c) Layout created by :: trixie toxxic modified my viittoria.ss:: (https://layouts.spacehey.com/layout?id=23689) -->


<style>

body {
   background: url(https://cur.glitter-graphics.net/pub/3495/3495632t786shvz1p.gif);
   font-family: "Arial Rounded MT Bold";
   cursor: url(http://www.rw-designer.com/cursor-view/97145.png), auto;

}

main {
   background: url(https://i7.glitter-graphics.org/pub/1421/1421397sdijwtgwqc.gif);
   box-shadow: 0px 5px 15px 5px #FFFFFF;
   border-right: 3px double #fff;
   border-left: 3px double #fff;
   border-bottom: 3px double #fff;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;

}

div.top {
   background: url(https://i10.glitter-graphics.org/pub/1014/1014300l72tt6kov9.gif);
   color: #000;
   border-right: 3px double #fff;
   border-left: 3px double #fff;
   border-top: 3px double #fff;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   margin-top: 20px;
   box-shadow: 0px 5px 15px 5px #FFFFFF;

}

.logout-btn {
   color: #000;

}

.logo {
   content: url(https://i.postimg.cc/PJ81QSy6/spachey.png);

}

.links {
    background: linear-gradient(to bottom, #ff84d6 0%,#ff4cc4 50%,#ff08ad 50%,#ff4cc4 100%);
   alignment: center;   
   border-right: 3px double #fff;
   border-left: 3px double #fff;

}

.blurbs {
   background: rgba(255, 255, 255, 0.71);
   border: 3px double #ff3dd2;
   border-radius: 5px;
   box-shadow: 2px 2px 12px 4px #FF3DD2;

}

.general-about {
   background: rgba(255, 255, 255, 0.71);
   border: 3px double #ff3dd2;
   border-radius: 5px;
   box-shadow: 2px 2px 12px 4px #FF3DD2;
   padding: 10px;

}

.friends {
   background: rgba(255, 255, 255, 0.71);
   border: 3px double #ff3dd2;
   border-radius: 5px;
   box-shadow: 2px 2px 12px 4px #FF3DD2;
   margin-bottom: 20px;

}

.contact {
   background: rgba(255, 255, 255, 0.71);
   border: 3px double #ff3dd2;
   border-radius: 5px;
   box-shadow: 2px 2px 12px 4px #FF3DD2;
   margin-bottom: 20px;
}

.table-section {
   background: rgba(255, 255, 255, 0.71);
   border: 3px double #ff3dd2;
   border-radius: 5px;
   box-shadow: 2px 2px 12px 4px #FF3DD2;
   margin-bottom: 20px;

}

.url-info {
   background: rgba(255, 255, 255, 0.71);
   border: 3px double #ff3dd2;
   border-radius: 5px;
   box-shadow: 2px 2px 12px 4px #FF3DD2;
   margin-bottom: 20px;

}

.blog-preview {
   background: rgba(255, 255, 255, 0.71);
   border: 3px double #ff3dd2;
   border-radius: 5px;
   box-shadow: 2px 2px 12px 4px #FF3DD2;
   padding: 4px;

}

.online {
   content: url(http://www.myspacegens.com/images/online_now/13.gif);

}

.profile-info {
   border: 0px;
   padding: 2px;

}

footer {
   background: #ffffff00;
   text-shadow: 0px 0px 12px #FFFFFF;

}

.comments-table {
   background-image: url(https://i10.glitter-graphics.org/pub/1014/1014300l72tt6kov9.gif);

}

:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #ff3dd2;
    --darker-blue: #ff3dd2;
    --lighter-blue: #ff3dd2;
    --even-lighter-blue: #ffce0080;
    --lightest-blue: #ffdc5a63;
    --red: #00ecff;
    --dark-orange: #ff3dd2;
    --light-orange: #ffffffc4;
    --even-lighter-orange: #ffffff3b;
    --strange-yellow: #ffcf00;
    --green: #00ffdd;
    --light-green: #E6F8DD;
    --medium-green: #00b1a8;
    --dark-green: #00b1a8;

}
</style>
<div class="coco"></div>
	<div class="snowflakes">
  <div class="snowflake">
  🌊
  </div>
  <div class="snowflake">
  🐬  </div>
  <div class="snowflake">
  🧉  </div>
  <div class="snowflake">
  🌊
  </div>
  <div class="snowflake">
  🐬
  </div>
  <div class="snowflake">
  🧉
  </div>
  <div class="snowflake">
    🌊
  </div>
  <div class="snowflake">
    🐬
  </div>
  <div class="snowflake">
    🧉
  </div>
  <div class="snowflake">
    🌊
  </div>
  <div class="snowflake">
    🐬
  </div>
  <div class="snowflake">
    🧉
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px rgba(0,0,0,0.7);
}

@-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>
a{
color: #0000ff;
-webkit-transition: all ease 0.5s; 
-moz-transition: all ease 0.5s; transition: all ease 0.5s;
}

  a:hover { 
    box-shadow: inset 0 50px 0 0 #5A61A3; 
    color: white;
  }

footer a{
color: #2b3d4f;
}

.friends-grid img{
  	border: 3px double #6F8FAF;
}

::-webkit-scrollbar {
width: 14px;
height: 10px;
}

::-webkit-scrollbar-thumb {
background: linear-gradient(90deg, rgba(238,238,238,1) 38%, rgba(206,206,206,1) 62%);
border: 1.5px solid #888888;
border-radius: 5px;
}

::-webkit-scrollbar-track {
background: linear-gradient(90deg, rgba(230,230,230,1) 6%, rgba(240,240,240,1) 18%);
}

.profile-pic:hover img { 
animation: shake 0.5s; 
animation-iteration-count: infinite; 
-webkit-transition: .5s ease-in; 
} 

img:hover{ 
animation: shake 0.5s; 
animation-iteration-count: infinite; 
-webkit-transition: .5s ease-in; 
} 

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
} 

body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/564x/3a/de/2f/3ade2f3f58a94cdaccc27413227ad1bc.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;}
 }


main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.pinimg.com/originals/d1/7a/9b/d17a9b8a0432cc0c869d193120aa9125.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}

    .top{

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

    }
    main{

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

    }
             ::-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>



<p> <img src="https://i.imgur.com/XEoBUVz.gif"/></p>

<p> <img src="https://i4.glitter-graphics.org/pub/1362/1362634aom11ztxeo.gif"/></p>

<p> <img src="https://i2.glitter-graphics.org/pub/1472/1472292j2rg27dkfn.gif"/></p>

<p> <img src="https://i9.glitter-graphics.org/pub/1185/1185869o1jvw92zqg.gif"/></p>

<p> <img src="https://i8.glitter-graphics.org/pub/1389/1389598altq447mem.gif/&gt;&lt;/p&gt;&lt;/tagb2a99&gt;"/></p>
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 )
cosmicisa
1701403852
This is actually so good omg
Report Comment
Omg thankss!!! glad u like it :)
by viittoria.ss; 1711747779; Report