Uzi's profile picture

Published by

published
updated

Category: Web, HTML, Tech

my layout since we cant post them still

<!-- (c) Layout created by uzithecrow >:3 ♡ (https://blog.spacehey.com/entry?id=1334589) -->


<style>/* Cursor & Scrollbar */

* {cursor: url('https://cur.cursors-4u.net/cursors/cur-6/cur518.cur'), auto !important;}

/* Chrome, Edge, and Safari */

*::-webkit-scrollbar {width: 18px;}


*::-webkit-scrollbar-track {background: #000;}

*::-webkit-scrollbar-thumb {

background-color: #711d7d;

border-radius: 10px;

border: 3px solid #711d7d;

}

</style>

 

<style>/* Profile Design Info */

    :root {

        --logo-blue: #0b0b0b;

        --darker-blue: #cf77d8;

        --lighter-blue: #0b0b0b;

        --even-lighter-blue: #000000;

        --lightest-blue: #000000;

        --dark-orange: #ffffff;

        --light-orange: #0b0b0b;

        --even-lighter-orange: #000000;

        --green: #000000;

}



    body

        {background: url("https://images2.imgbox.com/5d/b6/TRuFWiL0_o.jpg");

background-position: left;

background-size: 100%;

background-repeat: no-repeat;

background-attachment: fixed;}

     

    .profile {background-color: #000; opacity: 0.85; color: #fff;}

    

main {

        border-radius: 0 0 10px 10px;

        background: rgba(0,0,0, 0.85) !important;

padding: 0px 0px;

    }

* {font-family: Monospace;}

.container {

        border-radius: 15px 15px 0 0;

        overflow: hidden;

        margin-top: 30px;

        padding: 10px;

    }


    footer {

        border-radius: 15px;

        background: rgba(11,11,11) !important;

        color: #fff !important;

        display: block !important;

    }

footer .links a{color: #cf77d8 !important;}

    footer .links a:hover{color: #ffffff !important;}


footer .copyright a{color: #ffffff !important;}

.profile .contact,

    .profile .url-info,

    .profile .table-section,

    .home-actions {

        border: none;

    }

a.addme {

        font-size: 2rem;

        font-weight: bold;

        margin-bottom: 15px;

        display: block;

    }

</style>


<style>/*Search Users Box (Background Color/Background Image)*/

    .top input{border-radius: 15px 15px 15px 15px;}

</style>


<style>/*Buttons (Background Color/Background Image)*/

    button{

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

color: #0b0b0b;

font-weight: bold;

    background-color: #fff !important;

}

</style>


<style>/* SpaceHey Logo & Navigation */

.logo {filter: invert(53%) sepia(83%) saturate(437%) hue-rotate(145deg) brightness(85%) contrast(91%);}


nav .top a{color: #cf77d8;}


nav .top a:hover {color: #fff; !important;}


    nav {

        border-radius: 15px 15px 0 0;

        overflow: hidden;

    }

    

    nav .links a{

        color: #cf77d8; !important;

        text-shadow: none !important;

font-weight: bolder;

    }

    

    nav .links a:hover {color: #fff; !important;}

    

    nav .links {

        text-align: center;

        padding: 3.5px 3.5px 5.5px 3.5px;

        font-size: 70%;

    }

</style>

    

<style>/* Links */

    a:hover {color: #fff;}

</style>


<style>/* Profile Header */

main:before {

width: 100%;

height: 430px;

display: block;

content: "";

background-image: url('https://images2.imgbox.com/f5/3f/djktF5OR_o.jpg');

background-position: center center;

background-size: cover;

</style>


<style>/* Flip Profile */

    .profile{direction: rtl;}

.blog-preview{direction: ltr; text-align: center;}

    .blurbs{direction: ltr;}

    .friends{direction: ltr;}

    .general-info{direction: ltr;}

.profile .left h1{direction: ltr;}

    .details-table{direction: ltr;}

    .profile .table-section .heading{direction: ltr;}

    .details p{direction: ltr;}

.mood{direction: ltr; text-align: right;}

.contact .heading {display: none !important;}

.url-info{direction: ltr; text-align: right;}

</style>


<style>/* Profile Name Header */

@import url('https://fonts.cdnfonts.com/css/sornette');

.profile .left h1{ font-family: 'Sornette', sans-serif; font-size: 45px; color: #ffffff; text-transform: uppercase; text-align: center; overflow-wrap: break-word;}

</style>


<style>/* Profile Picture & Online Icon */

.details p {text-align: center; font-family: monospace; font-size: 15px; color: #ffffff;}

.profile-pic {border-radius: 500px; overflow: hidden;}

.profile .mood {color: #209fbf;}

.mood {text-align: right;}

    .online {visibility: hidden;} 

    .online img { 

        content: url("https://ct.pimp-my-profile.com/online/26.gif"); 

        animation-name: none; 

        visibility: visible; 

        height: 15px; 

        width: 60px;

display: block;

margin-left: auto;

margin-right: auto;

    }

.profile .url-info {color: #209fbf;}

</style>   


<style>/* Headers Colors */

    .heading {

        padding: 5px 0 !important;

        margin-top: 15px;

        margin-bottom: 10px;

        background-color: #711d7d !important;

        color: #fff !important;

        text-align: center;

        border-bottom: 2px solid;

border-radius: 10px 10px 10px 10px;

    }

.profile .blurbs .section h4{color: #209fbf; font-weight: 700;}

</style>


<style>/* Interests Table Info */

    table.details-table {border-collapse: collapse;}

    table.details-table td {background-color: #000 !important;}

.details-table td:first-child {color: #209fbf !important;}

</style>


<style>/* Blog Info */

.blog-preview h4 {color: #209fbf;}


    .blog-preview p {

        background-color: none;

        padding: 5px 10px;

        border-radius: 10px;

        color: #fff;

font-weight: bolder;

    }

    .blog-preview p a{color: #cf77d8 !important;}

    .blog-preview p a:hover,

    .blog-preview p a:active,

    .blog-preview p a:focus{

        color: #fff !important;

    }

</style>

    

<style>/* Friends Info */

    .profile .friends .heading{color: #ffffff;}

.profile .friends{text-align: center;}

    .count {color: #209fbf;}

    .profile .friends .person p{color: #cf77d8 !important;}

.profile .friends .person img {border-radius: 500px;}


    .profile .friends .person img:not(.icon) {

        border-radius:15px;

        box-shadow: 1px 0px 7px 2px rgba(207, 119, 216, 0.71);

        border: 2px solid rgba(255,255,255);

    }

    

    .profile .friends .person img:not(.icon):hover {

        transform: scale(1.1);

        transition: 0.5s ease;

    }

    

    .profile .friends .person img:not(.icon) {transition: 0.5s ease}

</style>


<style>/* Comments Info */

    table.comments-table td {

        background-color: #000 !important;

        border: none;

    }


    .comments-table td:first-child img {

        width: 80px;

        border-radius: 500px;

    }

.comments-table{

        display: block;

        height: 400px;

        overflow-y: scroll;

        border: none;

    }

</style>


<style>/* Custom Profile Headers */

.contact .heading{ font-size:0; }

.contact .heading:before{ content: "Contact Me"; font-size:.9rem; font-weight: bolder; }


.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}

.w-40 .table-section:nth-last-child(2) .heading:before{content: "What I Like"; font-size:.9rem; font-weight: bolder; }


.w-40 .table-section:last-child .heading h4{ font-size:0; }

.w-40 .table-section:last-child .heading:before{ content: "Follow Me"; font-size:.9rem; font-weight: bolder; }


.blog-preview h4{ font-size:0; }

.blog-preview h4 a{font-size:.8rem;margin-left:5px; }

.blog-preview h4:before{ content: "My New Blogs"; font-size:.9rem; font-weight: bolder; }


.blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "My Life"; font-size:.9rem; font-weight: bolder; }


.blurbs .inner .section:nth-child(1) h4{ font-size:0; }

.blurbs .inner .section:nth-child(1) h4:before{ content: "About Me:"; font-size:.9rem; }


.blurbs .inner .section:nth-child(2) h4{ font-size:0; }

.blurbs .inner .section:nth-child(2) h4:before{ content: "Who I'd Like To Meet:"; font-size:.9rem; }


.friends .heading{ font-size:0; }

.friends .heading:before{ content: "The Friends"; font-size:.9rem; font-weight: bolder;}


.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "Leave Me A Comment"; font-size:.9rem; font-weight: bolder;}

</style>


EDIT HERE TO PUT ABOUT ME!!!!!! >:333



<style>

@keyframes pomni{

0% { right:-25%; }

50% { right:125%; transform: rotateY(0deg); }

51% { transform: rotateY(180deg); }

99% { right:-25%; transform: rotateY(180deg); }

100% { transform: rotateY(0deg); }

}

#Silly{

    position: fixed;

    right: -400px;

    bottom: -12px;

    width: 130px;

    animation: pomni 15s infinite linear;

    pointer-events: none;

}

</style>

<img id="Silly" src="https://media.tenor.com/l9Q-rVAS7AAAAAAj/murder-drones-cyn.gif"/>


<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/7tyss531D6Qfk1D6yyB63H?utm_source=generator" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

<style>

.general-about{

  position: relative;

 margin-top: 30px;

}


.general-about .profile-pic::before{

  content: '';

  background: url('https://img1.picmix.com/output/stamp/normal/0/2/8/9/2539820_1aa90.png') no-repeat;

  background-size: cover;

  display: block;

  width: 120px;

  height: 60px;

  z-index: 999;

  position: absolute;

  top: -20px;

  left: -25px;


</style>


<style>html:before {

  animation: grain 8s steps(10) infinite;

  background-image: url(https://i.pinimg.com/originals/17/6f/b5/176fb547189cbdb4f745d425e84167f3.gif);

  content: "";

  height: 300%;

  left: -50%;

  opacity:.4;

  position: fixed;

  top: -110%;

  width: 300%;

  pointer-events:none;

}

@keyframes grain 

  70% { transform:translate(0%, 15%) }

}</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/-HlDm83efZA?si=6VWLe-kcNAn7eE45//?&;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 style="float:  ; max-height: 300px; position: fixed; left: 13px; top: 12px; z-index: 200;">

<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/17eca5b7-b135-4c13-aaf2-015a3ab1d6d8/dfbzwhr-a2172c65-cdf9-4c1b-a3bb-dd95e07e9f32.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzE3ZWNhNWI3LWIxMzUtNGMxMy1hYWYyLTAxNWEzYWIxZDZkOFwvZGZiendoci1hMjE3MmM2NS1jZGY5LTRjMWItYTNiYi1kZDk1ZTA3ZTlmMzIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.tR__PXI48mNvGdVDegTrGYs5unlxjxOQ2qMvbe6TipY" height="300"/></div>

<style></style>


<style>


body:before {


content: " ";


height: 100vh;


width: 100vw;


display: block;


position: fixed; 


top: 0; 


left: 0; 


z-index: 100;


background-image: url(https://media.tenor.com/BKywtd-ikPMAAAAe/murder-drones-murder-drones-n.png);


background-size: cover;


background-repeat: no-repeat;


background-position:center;


animation: yourAnimation 1s ease 2s 1 normal forwards;


pointer-events: none;}


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


</style>

<style>

@keyframes uzi{

0% { right:-25%; }

50% { right:117%; transform: rotateY(0deg); }

51% { transform: rotateY(180deg); }

99% { right:-25%; transform: rotateY(180deg); }

100% { transform: rotateY(0deg); }

}

#uzi{

    position: fixed;

    right: -400px;

    bottom: -12px;

    width: 130px;

    animation: uzi 15s infinite linear;

    pointer-events: none;

}

</style>

<img id="uzi" src="https://media.tenor.com/tLTkhRyKXtcAAAAj/murder-drones-uzi.gif"/>


<div style="float:  ; max-height: 300px; position: fixed; right: 13px; bottom: 12px; z-index: 200;">

<img src="https://static.wikia.nocookie.net/43a40d9d-10a0-426b-a23e-09309e5b7782/scale-to-width/755" height="300"/></div>

<style></style>

<style>

  

  .logo {

  

  content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b06b4851-cc00-4c84-aa73-82ce8f9e830d/dgscfc4-4f144d0e-f788-4a1f-92fd-01ae09afe623.png/v1/fill/w_1382,h_578/murder_drones_logo___updated___again_by_bunobunart_dgscfc4-pre.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9ODA0IiwicGF0aCI6IlwvZlwvYjA2YjQ4NTEtY2MwMC00Yzg0LWFhNzMtODJjZThmOWU4MzBkXC9kZ3NjZmM0LTRmMTQ0ZDBlLWY3ODgtNGExZi05MmZkLTAxYWUwOWFmZTYyMy5wbmciLCJ3aWR0aCI6Ijw9MTkyMCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.Wy77rqonGmtt27h7euQbREgRxj4_gJphiZa5cgYJOK4")

  

  }

  

  </style>


0 Kudos

Comments

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