MOTH! :0's profile picture

Published by

published
updated

Category: Web, HTML, Tech

My layout bc their down rn

<!-- (c) Layout mashed and modified by Moth :0 Created by; ⸝⸝ κ’° Angel Food πŸ‰γ†β‚ŠβŠΉ (https://layouts.spacehey.com/layout?id=105182), Izaac (https://layouts.spacehey.com/layout?id=99565), fan/star/liam ^_^ (https://layouts.spacehey.com/layout?id=103086), πŸŒˆβ˜† ΛšΛ– (ΰΉ‘Γ²α†ΊΓ³ΰΉ‘) Λ– ˚ β˜†πŸŒΈ (https://layouts.spacehey.com/layout?id=39355), JUZT KRSIIBAT (https://layouts.spacehey.com/layout?id=100386), StudioJiggly (https://blog.spacehey.com/studiojigglyiashoppingcart), and TheJasmineSixx (LunaGloomyCore) (https://layouts.spacehey.com/layout?id=611), image by bowiiluvrr on pintrest happy baseballin! :) baseball with pants --> Hi, I'm baseball with pants! I'm baseball with pants with baseball with pants and I live in baseball with pants, my pronouns are baseball/pants but I don't really care that much. My current hyperfixations are; baseball with pants, baseball with pants, baseball with pants, and baseball with pants! I don't really post that much and if I do it will probably be about baseball with pants or baseball with pants. baseball with pants <style> @keyframes spin { 100% { transform:rotate(360deg); } } .recordPlayer { display: flex; justify-content: center; align-items: center; padding-bottom: 20px; } .vinyl { height: 150px; margin-left: 55px; padding: 10px; animation: spin 1.88s linear infinite; position: absolute; } .vinylCover { height: 150px; position: relative; z-index: 1; margin-right: 55px; } </style> <div class="recordPlayer"> <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/> <img class="vinylCover" src="https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg"/> </div> <div style="float: ; max-height: 200px; position: fixed; left: 23px; bottom: 6px; z-index: 250;"> <img src="https://s13.gifyu.com/images/SPHpz.gif" height="150"/></div> <div style="float: ; max-height: 200px; position: fixed; right: 23px; top: 6px; z-index: 250;"> <img src="https://s7.gifyu.com/images/SPIhs.gif" height="150"/></div> <!-- (c) Layout created by β˜† BlazxttZero β˜† (https://layouts.spacehey.com/layout?id=26651) --> <iframe width="0" height="0" src="https://www.youtube.com/embed/QtUaOGRGCd8?&;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> <style> .general-about .profile-pic img{ clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%); </style> <style> .general-about .profile-pic img{ clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%); } .profile .friends .person img { clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%); } .comments-table img, .person img{ clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%); } </style> <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> body{background:url("https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg") no-repeat scroll; background-size:cover; background-position: top} </style> <style> .profile { background-image:url(https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg); background-repeat: repeat; border-radius: 12px; border-color: #2425CB; } /*the username glow and shadow*/ h1 h1 { colour: #2425CB; //text-shadow: 1px 1px #2425CB; }; text-shadow: 2px 2px 3px #2425CB, 0 0 25px #2425CB, 0 0 5px #2425CB; } h1, h2, h3, h4,h5,a, p, nav label, .section { main, top, links, nav .top, nav .links, details-table { background: !important; background-image: !important; background-size: cover !important; padding: 0 !important; /*font-size: small;*/ color: #2425CB; { .mood text-transform:uppercase !important; } table, td } /* border: 1px solid var(--url-pink-bg)!important; */ border-spacing: 2px; } .profile .contact, .profile .url-info, .profile .table-section, .home-actions { width: 100%; border: 2px solid var(--#2425CB); } table, th, td } border: 1px solid #2425CB; border-spacing: 2px; } .blog } border: 10px solid #2425CB; } .profile .contact, .profile .url-info, .profile .table-section, .home-actions } width: 100%; border: 4px outset #2425CB; margin 10px 2; } .online { color: #2425CB!important; //text-shadow: 1px 1px #2425CB; } :root { --logo-blue: ; --darker-blue: ; --lighter-blue: purple 55; --even-lighter-blue: ; --lightest-blue: ; --dark-orange: ; --light-orange: ; --even-lighter-orange: ; --turquoise: ; --table-header:#2425CB; --table-color: white; --link-text: white; --main-text: white; } main { /* changes made to stuff outside of columns */ background: #2425CB; padding: 0; font-size: small; color: #2425CB; text color: #2425CB; text-shadow: 1px 1px 2px #2425CB, 0 0 25px #2425CB, 0 0 3px #2425CB; } footer { background-image: url(https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg)!important; background-position: center; } .comments-table{ display: block; height: 500px; overflow-y: scroll; Border-radius: 15px; background-image: url(https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg); text-shadow: 1px 1px 2px #2425CB, 0 0 25px #2425CB, 0 0 3px #2425CB; } .contact { border-radius: 8px; background-image: url(https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg); background-position: middle; background-repeat: repeat; background-attachment: scroll; Width: 310px; Height:180px; color: #2425CB; text-shadow: 1px 1px 2px #2425CB, 0 0 25px #2425CB, 0 0 3px #2425CB; } .friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section, .url-info, .mood, .blurbs, .blog-preview, .details, { border: 1px curve #2425CB !important; outline: curve !important; } img { border-radius: 12px; } main { background: #2425CB; border-radius: 14px; padding: 0; font-size: 85%; color: #2425CB; } nav, footer, .profile .contact { display: inherit !important; opacity: 1 !important; border-radius: 12px; } main { background: ; border-radius: 12px; border: 12px solid #2425CB; padding: 0; font-size: 90%; color: #2425CB; } nav .top { background: transparent; } nav .links { background-image: url(https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg); } nav { background-image: url(https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg) } /*customising interests box*/ .profile .table-section{ border:2px solid #2425CB; border-radius: 15px; } .profile .table-section .heading{ background-image: url(https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg); border: 1px solid #2425CB; border-radius: 15px 15px 0px 0px; text-align: center; } .profile .table-section .heading h4{ color: #2425CB; text-shadow: 1px 1px 2px black; } .profile .table-section .details-table td{ background: rgba(0, 0, 0, 0); padding-right: 10%; } /*customising friend space heading*/ .profile .friends .heading{ background: #2425CB; color: #2425CB; text-shadow: 1px 1px 2px black; text-align: center; } .profile .friends .heading h4{ text-align: center; color: #2425CB; text-shadow: 1px 1px 2px black } .general-about { background-image: url(https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg); padding: 20px; border-radius: 10px; box-shadow: 4px 4px 0 #2425CB; text-align: center; animation: nineties2 2s ease 0s infinite normal none; animation-delay: .46s; } .profile .blurbs .section :nth-child(2) { background-image: url(https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg); /* margin-top: -5px; */ padding: 18px; box-shadow: 4px 4px 0 #2425CB; } .profile .profile-info .inner h3 { filter: drop-shadow(3px 3px 0 #2425CB); margin: 0!important; color:#2425CB; } .profile .profile-info .inner h3 a { color: #2425CB; } .profile .profile-info { background-image: url(https://i.pinimg.com/736x/65/60/04/656004962e4133cfd693224feef283fb.jpg); padding: 20px; border: none; border-radius: 10px; box-shadow: 4px 4px 0 #2425CB; text-align: center; animation: nineties2 2s ease 0s infinite normal none; animation-delay: .15s; border: none; } </style> <!-- (c) Layout created by vamp teef (https://layouts.spacehey.com/layout?id=28944) --> <style> </style> <div class="snowflakes"> <div class="snowflake"> <img src="https://64.media.tumblr.com/168f67cda51c596260bd53daa282a956/d19db5a06da27b4f-ba/s100x200/a94c62620ce571a460eebc6716c074649d5cf640.jpg"/> </div> <div class="snowflake"> <img src="https://64.media.tumblr.com/168f67cda51c596260bd53daa282a956/d19db5a06da27b4f-ba/s100x200/a94c62620ce571a460eebc6716c074649d5cf640.jpg"/> </div> <div class="snowflake"> <img src="https://64.media.tumblr.com/168f67cda51c596260bd53daa282a956/d19db5a06da27b4f-ba/s100x200/a94c62620ce571a460eebc6716c074649d5cf640.jpg"/> </div> <div class="snowflake"> <img src="https://64.media.tumblr.com/168f67cda51c596260bd53daa282a956/d19db5a06da27b4f-ba/s100x200/a94c62620ce571a460eebc6716c074649d5cf640.jpg"/> </div> <div class="snowflake"> <img src="https://64.media.tumblr.com/168f67cda51c596260bd53daa282a956/d19db5a06da27b4f-ba/s100x200/a94c62620ce571a460eebc6716c074649d5cf640.jpg"/> </div> <style> /* customizable snowflake styling */ .snowflake { color: #27cff5; font-size: 2em; font-family: Arial, sans-serif; text-shadow: 0 0 0px 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> <div class="snowflakes"> <div class="snowflake"> <img src="https://64.media.tumblr.com/168f67cda51c596260bd53daa282a956/d19db5a06da27b4f-ba/s100x200/a94c62620ce571a460eebc6716c074649d5cf640.jpg"/> </div></div></div>


0 Kudos

Comments

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