RANDOM cyber layout with berdly gif (i 'made' another version of my actual layout (CREDIT TO ray ☆ 🍉 (yuri lover ⚢) who made the og code)

write here idiot !!!!!!!!!

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


<style>

        .animated-text {

            font-size: 30px;

            font-weight: bold;

            animation: bounce 1s infinite alternate;

        }


        @keyframes bounce {

            0% {

                transform: translateY(0);

            }

            100% {

                transform: translateY(-10px);

            }

        }

    </style>



    <p class="animated-text">MY LUXURIOUS QUEEEEEEEEEEEEEN</p>


<style>


@font-face {

font-family: determination;

src:url(https://dl.dropbox.com/s/43esi8tpxce4q3f/DeterminationMonoWebRegular-Z5oq.ttf?dl=0;)

}


</style>

 









<!-- (c) Layout created by ray ☆ 🍉 (yuri lover ⚢) (https://layouts.spacehey.com/layout?id=101635) -->


<style>



body{

background: url(https://i.pinimg.com/736x/13/fd/e2/13fde2e7f4ae2ce1cd2b46dd3023c9e9.jpg) no-repeat fixed;

background-size: cover;


background-position-y: top;

}


nav .top{

margin-top: 10px;

background: url(https://i.pinimg.com/236x/ad/af/b9/adafb94bc02fa291cc69d32274e134fc.jpg);

    background-size: repeat;

    background-position-y: 210px;

    border: 1px solid black;

    border-radius: 5px;

    box-shadow: 0 0 8px white;

    filter: hue-rotate(deg) brightness(1.5);

}


nav .top .left .logo {

    width: 165px;

    height: 42px;

    filter: drop-shadow(2px 4px 6px black);

}


button, input {

    overflow: visible;

    background: white;

    color: black;

    border: none;

    box-shadow: 0 0 5px white;

    border-radius: 5px;

}


nav .links {

    background-color: transparent;

    padding: 3.5px 16px;

    text-align: center;

    margin-top: 10px!important;

    margin-bottom: 10px!important;

}


nav .links a {

    text-decoration: none;

    color: blue;

    text-shadow: 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000;

    font-size: max(0.98em, 12px);

}


nav .links a:hover {

    text-decoration: underline;

    color: blue;

}



nav .links .special a {

    color: yellow;

}


nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

    content: " | ";

    color: blue;

}


main{

background: url(https://i.pinimg.com/736x/ac/33/03/ac3303d5719583e573d6b66861cbd588.jpg);

    border: 1px solid white;

    box-shadow: 0 0 10px cyan;

    border-radius: 8px;

    color: black;

    text-shadow: 1px 1px #c3c0f3;

    background-position-x: center;

    filter: hue-rotate(24deg);

}


nav .links a:hover {

    text-decoration: underline;

    color: yellow;

}


footer {

    text-align: center;

    font-size: 70%;

    margin: 10px 0 10px;

    padding: 10px 5px;

    background: url(https://i.pinimg.com/236x/1d/66/f1/1d66f1868db6e5015bfdba50fc44f3c9.jpg);

    background-size: repeat;

    color: magenta;

}


a {

    color: yellow;

    text-decoration: underline;

}


a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {

    color: yellow;

    text-decoration: none;

    font-style: italic;

}


.comments-table td:first-child, .music-table td:first-child {

    background: url(https://i.pinimg.com/736x/7b/3f/e7/7b3fe7391f628923b0e6c031b48777ca.jpg);

    text-align: center;

    font-weight: bold;

    width: 38%;

}


.comments-table td, .music-table td {

    background: url(https://i.pinimg.com/originals/f0/4c/ca/f04ccac8061d4adea445fd23f41c69f7.gif);

    vertical-align: top;

}


.profile .blurbs .heading, .profile .friends .heading {

    background: white;

    color: black;

    border-radius: 8px;

    padding: 2px 7px;

    box-shadow: 0 0 10px white, 0 0 5px white;

}


.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {

    width: 100%;

    border: none;

    margin: 10px 0;

}


.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {

    background: white;

    color: black;

    padding: 2px 7px;

    box-shadow: 0 0 5px white, 0 0 10px white;

    border-radius: 8px;

}


.url-info{

background: url(https://i.pinimg.com/originals/65/e7/eb/65e7eb8160b33c2ef96ae4b88497088c.gif);

    height: 270px;

    font-size: 0px;

    background-size: cover;

    border-radius: 8px;

    border: 1px solid white !important;

    box-shadow: 0 0 11px 4px white;

    filter: hue-rotate(343deg);


}


.icon, .award img {

    display: inline-block;

    height: 1.4em;

    width: 1.4em;

    aspect-ratio: 1/1;

    margin: 0 0.05em 0 0.1em;

    vertical-align: -0.3em;

    color: rgba(0,0,0,0);

    filter: brightness(10);

}


.details-table td:first-child {

    background: url(https://i.pinimg.com/originals/f2/ff/82/f2ff82037fcc5a2305be0ee82d79e893.gif);

    border-radius: 8px;

    color: white;

    font-weight: bold;

    width: 33%;

    box-shadow: 0 0 10px #ffffff, inset 3px 5px white, inset -7px -9px white;

    padding: 11px;

}


.details-table td {

    background: url(https://i.pinimg.com/originals/44/a4/33/44a4335f002a80dbb34eb17f4f7703f2.gif);

    vertical-align: top;

    border-radius: 8px;

    box-shadow: 0 0 10px #ffffff, inset 5px 6px #ffffff61, inset -5px -7px white;

    padding: 14px;

}


.profile-info{

background: url(https://i.pinimg.com/736x/a6/5c/22/a65c22a224e06ba7a43bf71938702c77.jpg);

    background-position-y: -104px;

    height: 120px;

    border: 1px solid white;

    border-radius: 8px;

    box-shadow: 0 0 10px white;

    background-size: cover;

}


.profile .blurbs .section h4 {

    margin: 0;

    color: white;

    text-transform: uppercase;

}


.count {

    color: white;

}


.profile .friends .person p {

    color: inherit;

    font-weight: bold;

    width: 100%;

    overflow-wrap: break-word;

    word-break: break-word;

    font-size: 100%;

    text-align: center;

}


img.pfp-fallback {

    border: 1px solid white;

    box-shadow: 0 0 10px white;

    border-radius: 8px;

}


::-webkit-scrollbar {

    width: 12px;

    background-color: #fff;

}


::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgb(102 0 0 / 30%);

    background-color: blue;

}


::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    border-radius: 10px;

    background-color: #fff;

}


.profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) {

    max-width: 95px;

    max-height: 95px;

    display: block;

    margin: 0 auto;

    filter: sepia(1) hue-rotate(255deg) brightness(1.1);

}


.online {

    color: #0C8C00;

    font-weight: bold;

    font-size: 95%;

    filter: saturate(0) brightness(10);

}


body::before {

    content: " ";

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: linear-gradient(rgb(15 18 82 / 48%) 50%, rgb(0 0 0 / 0%) 50%);

    z-index: 2;

    background-size: 100% 2px, 3px 100%;

    pointer-events: none;

}


.col, main, footer, nav::before, .online, nav .links, nav .top {

    animation: float 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

}


.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}


</style>




<style>

body{


font-family: 'determination'</style>






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


<style>


.logo {


content:url("https://i.ibb.co/F0bGB7y/Untitled1071-20240201151349.png");


}


</style>




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


<!-- REPLACE THE URL WITH YOUR UPLOADED GIF --> 

<style>

.profile-pic > img { display:none; }

.profile-pic:after { background-image: url("https://i.pinimg.com/originals/20/e1/d4/20e1d4e1bffc615237bab4e108e7c27d.gif"); display: inline-block; content:"" }

.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */

.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 

</style>






<div align="center" style="z-index:9;visibility:visible;"><a href="https://www.totallyfreecursors.com/" target="_blank" class="tfc">

<style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/banana1.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/banana1.gif"), auto;}</style>


<style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/banana1.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/Banana1.gif"), auto;}</style>



<style>

.online{


content: url("https://www.myspacegens.com/images/online_now/112.gif") !important;


}



2 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )