Published by Lime :3

published 1726945752

Category: SpaceHey

View Blog View Profile Report Blog Entry

my layout ig

What's up lol

<style>

table, th, td {

border: 1px solid pink;

}

body

{background: url("https://i.pinimg.com/originals/90/aa/c3/90aac31c0d76c5a82f78a9be540321fa.gif")

no-repeat fixed; background-size: cover;

}

</style>

<style>

}

:root {

--topic1: "STUFF I LIEK :3";

--topic2: "MUZIX";

--topic3: "MOVIES!!";

--topic4: "SHOWS!!:D";

--topic5: "BOOKS!!!";

--topic6: "FUN GIFS!!!";

}:root

</style>

<style>

Main {background: url("")

no-repeat fixed; background-size: cover;

}

main {

background-color: transparent;

color: white;

<style>

.logo {

content:url("https://i.ibb.co/XFyZDFm/blinkies-Cafe-TT.gif");

}

</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.giphy.com/media/j0kQJxo5mzGYb4EvWK/giphy.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 3s ease 0s 1 normal forwards;

pointer-events: none;

}

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

</style>

stamps!!

<img src="<imgsrc=" alt="Untitled"/>" width="100" height="50"/>

blinkies!

<style>

body {

}

.profile {

background: none;

}

.profile {

background-color: #d;

color: #00d974;

}

h3 , h4, h5, .url-info b {

color: #620575;

}

a {

color: #13fc07;

}

color: #ffffff;

}

h1, .count, .friends a p {

color: #2596be;

}

</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=Loved+by+the+King&display=swap');

body {

font-family: Loved By The King;

font-size: 24.9px;

line-height: 15px;

}

main {

background: transparent;

color: black;

padding: 6px 0px;

font-size: 80%;

}

:root {

--light-gray: #f2f0f0;

--gray: #e3e3e3;

--dark-gray: #919191;

--darker-gray: #545454;

--logo-blue: transparent;

--darker-blue: #040c5c;

--lighter-blue: transparent;

--even-lighter-blue: #BFDBFE;

--lightest-blue: #DBEAFE;

--dark-orange: #ED0707;

--light-orange: transparent;

--even-lighter-orange: #fcdbb8;

--strange-yellow: #dbae2e;

--green: #34D399;

--dark-green: #059669;

}

.logout-btn, .logout-form {

color: white;

display: inline-block;

font-size: 100%;

font-family: 'Loved by the King';

}

h1 {

text-shadow: 1px 1px 14px #ffd7f1;

color: #ffbde2;

}

a {

color: #ca53a5;

text-decoration: none;

text-shadow: 0px 0px 0px #ffd7f1;

}

p, ol li, ul:not(nav .links) li {

font-size: 0.875em;

text-shadow: 1px 1px 14px #ffd7f1;

color: #ffbde2;

}

.profile .contact .heading h4, .profile .table-section .heading h4, .profile .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {

margin: 0;

display: inline-block;

text-shadow: 1px 1px 14px #ffd7f1;

color: #ffbde2;

}

footer {

text-align: center;

font-size: 70%;

margin: 10px 0 10px;

padding: 10px 5px;

background: transparent;

}

h4 {

text-shadow: 1px 1px 14px #ffd7f1;

}

.count {

color: white;

}

.profile .blurbs .section h4 {

margin: 0;

color: black;

}

.details-table td:first-child {

background: transparent;

color: transparent;

font-weight: bold;

width: 33%;

}

.details-table td {

background: transparent;

vertical-align: top;

}

.comments-table {

border-color: black;

}

.comment-replies {

padding: 0 5px;

border: 5px solid black;

margin-top: 10px;

}

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

background: transparent;

vertical-align: top;

}

.profile .friends .person p {

color: #ca53a5;

font-weight: bold;

width: 100%;

word-break: break-word;

font-size: 100%;

text-align: center;

}

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

color: white;

text-decoration: underline;

}

.online {

visibility: hidden;

}

.online img {

content: url("https://i.ibb.co/595zhFG/dino-onlinenow.jpg");

animation-name: none;

visibility: visible;

}

.online img {

height: 1.5em;

margin-right: 5px;

animation-name: blink;

animation-iteration-count: infinite;

animation-timing-function: cubic-bezier(1.0,0,0,1.0);

animation-duration: 2s;

}

nav .links a:hover {

text-decoration: underline;

color: white;

}

#comments {

height: 300px;

overflow: auto;

}

.profile .contact .f-row {

margin: 20px;

font-weight: bold;

font-size: 0.875em;

}

</style>

</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>

@keyframes flying-santa{

from{ left:-400px; }

to{ left:calc(100% + 20px); }

}

#santa{

position: fixed;

left: -400px;

top: 200px;

width: 130px;

animation: flying-santa 5s infinite linear;

pointer-events: none;

}

</style>

<img id="santa" src="https://i.pinimg.com/originals/4c/d9/ce/4cd9ce636c6d5f23688f0fda99cd81cf.gif"/>⠀

:3 FANGS FOR CHECKING OUT MY PROFILE!!! (㇏(•̀ᵥᵥ•́)ノ)

</div>

<style>

.logo {

content:url("https://static.wikia.nocookie.net/logopedia/images/2/20/MySpace_logo.svg/revision/latest?cb=20210623164701");

}

</style>

<style>

.logo {

content:url("https://static.wikia.nocookie.net/logopedia/images/2/20/MySpace_logo.svg/revision/latest?cb=20210623164701");

filter: invert(100%);

}

</style>

uploading here cuz im prolly gonna change my layout soon

1 Kudos

Comments

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