bleh

Tags:
Description:

dont look at this plz its a horrendously large wip
Code:

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

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

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

<style>@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
body {
	background-image: url(https://i.pinimg.com/564x/25/9f/57/259f57a32b0a487ceb7f7bfce23d9df7.jpg);
	font-size: 24px;
	line-height: .8em;
	font-family: 'Indie Flower', cursive;
}
main {
	background: none;
}
a {
	color: #FFFFFF;
}
a:hover {
	color: #d69c7e;
}
.profile h1 {
	background-image: url(https://i.pinimg.com/474x/02/7a/b4/027ab43321a63c31e57f5d683f5636d6.jpg);
	background-color: #0D2B7DCC;
        background-size: cover;
        padding: 80px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	color: #FFF;
	font-size: 2.5em;
	animation: nineties1 2s ease 0s infinite normal none;
}
.general-about {
	background-image: url(https://i.pinimg.com/564x/b2/68/0d/b2680d8f5282cb452f210cd26ffe1de3.jpg);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.general-about .profile-pic {
	float: none;
	image-radius: 10px;
}
.details p {
	margin: 0;
}
.profile .mood {
	background-image: url(https://i.pinimg.com/474x/19/1b/83/191b839ad05d79ecd491b3b495922f89.jpg);
	padding: 10px;
	background-color: #FFF;
        background-size: cover;
	border-radius: 10px;
	text-align: center;
	margin-top: 20px;
	animation-delay: .3s;
	animation: nineties1 2s ease 0s infinite normal none;
	box-shadow: 4px 4px 0 #2d1157;
}
.profile .mood:hover {
	animation-play-state: paused;
}
.profile .contact {
	background-image: url(https://i.pinimg.com/474x/a8/ca/60/a8ca60790adcddb5e7f0aace9a52c34f.jpg);
	padding: 20px;
        background-size: cover;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .6s;
	border: none;
}
.profile .contact:hover {
	animation-play-state: paused;
}
.profile .contact a {
	color: #d67649;
	filter: drop-shadow(1px 1px 0px #000);
}
.profile .url-info {
	border-radius: 10px;
	text-align: center;
	color: #FFF;
	filter: drop-shadow(3px 3px 0 #000);
}
.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FFF;
}
.profile .profile-info .inner h3 a {
	color: #FFFFFF;
}
.profile .profile-info {
	background-image: url(https://media.giphy.com/media/RhaXsDHl7ojLk3jnrW/source.gif);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}
.profile .left .table-section {
	border-radius: 10px;
	filter: drop-shadow(3px 3px 0 #000000);
}
.profile .left .table-section .heading {
	text-align: center;
	background: none;
}
.details-table td:first-child {
	background-color: #21208F66;
	color: #FFFFFF;
	padding: 10px;
}
.details-table td {
	background-color: #23234066;
	color: #FFFFFF;
	padding: 10px;
}
a {
	color: #FFFFFF;
}
.details-table p a:hover {
	transform: scale(1.2);
}
.profile .right .blog-preview h4 {
	color: #FFFFFF;
	filter: drop-shadow(3px 3px 0 #000);
}
.profile .right .blog-preview p {
	padding: 10px;
	border: 3px solid var(--lighter-blue);
	border-radius: 10px;
	background-color: #23234066;
	color: #FFF;
	text-align: center;
	filter: drop-shadow(3px 3px 0 #000);
}
.blurbs .heading h4, .friends .heading h4 {
	color: #FFF;
	font-size: 1.4em;
	filter: drop-shadow(3px 3px 0 #000);
}
.profile .blurbs .section h4 {
	color: #FFF!important;
	font-size: 1.5em;
	margin-top: .3em;
	filter: drop-shadow(3px 3px 0 #000);
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.imgur.com/d27Wx1b.jpg);
	padding: 20px;
	/* margin-top: -5px; */
	box-shadow: 4px 4px 0 #000;
}
.profile .blurbs .section:nth-of-type(even) {
	transform: rotate(-2deg);
}
.profile .blurbs .section:nth-of-type(odd) {
	transform: rotate(2deg);
}
.friends .inner p {
	text-align: center;
	color: #FFF!important;
	filter: drop-shadow(3px 3px 0 #000);
}
.comments-table td {
	background-color: #E34E6B77;
	padding: 20px;
}
.comments-table td p {
	text-align: left!important;
}
footer {
	background-color: #00000077;
	color: #FFF;
	border-radius: 20px;
	padding: 20px;
}
.url-info{
    background: url(https://i.pinimg.com/474x/af/9d/1b/af9d1bce0f280d961f38fb42381905e5.jpg);
    background-position: center;
    height: 300px;
    width: 300px;
    background-size:cover;
}
@keyframes nineties1 {
	0.0% {
		transform: rotate(0deg);
	}
	19.4% {
		transform: rotate(-3deg);
	}
	20.1% {
		transform: rotate(3deg);
	}
	29.3% {
		transform: rotate(3deg);
	}
	30.3% {
		transform: rotate(-6deg);
	}
	39.3% {
		transform: rotate(-6deg);
	}
	40.0% {
		transform: rotate(-2deg);
	}
	48.7% {
		transform: rotate(-2deg);
	}
	49.7% {
		transform: rotate(5deg);
	}
	59.2% {
		transform: rotate(5deg);
	}
	60.2% {
		transform: rotate(9deg);
	}
	69.2% {
		transform: rotate(9deg);
	}
	70.2% {
		transform: rotate(-8deg);
	}
	79.4% {
		transform: rotate(-8deg);
	}
	8.7% {
		transform: rotate(0deg);
	}
	80.4% {
		transform: rotate(-2deg);
	}
	88.5% {
		transform: rotate(-2deg);
	}
	89.6% {
		transform: rotate(5deg);
	}
	9.5% {
		transform: rotate(-3deg);
	}
	98.7% {
		transform: rotate(5deg);
	}
	99.5% {
		transform: rotate(0deg);
	}
}
@keyframes nineties2 {
	0.0% {
		transform: rotate(0deg);
	}
	19.4% {
		transform: rotate(3deg);
	}
	20.1% {
		transform: rotate(-3deg);
	}
	29.3% {
		transform: rotate(-3deg);
	}
	30.3% {
		transform: rotate(6deg);
	}
	39.3% {
		transform: rotate(6deg);
	}
	40.0% {
		transform: rotate(2deg);
	}
	48.7% {
		transform: rotate(2deg);
	}
	49.7% {
		transform: rotate(-5deg);
	}
	59.2% {
		transform: rotate(-5deg);
	}
	60.2% {
		transform: rotate(-9deg);
	}
	69.2% {
		transform: rotate(-9deg);
	}
	70.2% {
		transform: rotate(8deg);
	}
	/* New 90s City - By Cory Anotado - PacdudeGames.com */
	79.4% {
		transform: rotate(8deg);
	}
	8.7% {
		transform: rotate(0deg);
	}
	80.4% {
		transform: rotate(2deg);
	}
	88.5% {
		transform: rotate(2deg);
	}
	89.6% {
		transform: rotate(-5deg);
	}
	9.5% {
		transform: rotate(3deg);
	}
	98.7% {
		transform: rotate(-5deg);
	}
	99.5% {
		transform: rotate(0deg);
	}

}
</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/d2/48/df/d248df0bd4a6f9120b039f911cfffa50.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>

<marquee>

<img src="https://i.pinimg.com/474x/f1/ad/eb/f1adebe5559c4bd9f9e952b823156f79.jpg" width="300" height="300"/>

<img src="https://i.pinimg.com/474x/61/42/52/614252957c75ec35f5098af27d446f06.jpg" width="300" height="300"/>

<img src="Addlinkhere" width="200" height="200"/>

<img src="Addlinkhere" width="200" height="200"/>

<img src="https://i.pinimg.com/474x/54/ea/bd/54eabd3e839b24fca628bcd1689a757a.jpg" width="200" height="200"/>

<img src="https://i.pinimg.com/474x/54/ea/bd/54eabd3e839b24fca628bcd1689a757a.jpg" width="200" height="200"/></marquee>
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 0 of 0 comments ( View all | Add Comment )