New 90s City

Tags: 90s, retro, nineties, nickelodeon, fun, unique, cory, pacdude

Description:

Get stoked—this bright colorful 90s theme will flood your synapses with Fruit by the Foot, Slime Time Live and Power Rangers. Enjoy the bright colors and fun 90s animations, custom fonts, and fancy sections which look great in Safari and Chrome, and also work great on mobile, and enjoy the awesome notebook textures as well! As if.

Preview:

click on the image for a larger preview

Code:

<!-- (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://media.giphy.com/media/26ueZ3ADWRdWhWc4o/source.gif);
	font-size: 24px;
	line-height: .8em;
	font-family: 'Indie Flower', cursive;
}
main {
	background: none;
}
a {
	color: #FFFFFF;
}
a:hover {
	color#FFFFFF;
}
.profile h1 {
	background-image: url(https://media.giphy.com/media/fxF1zmiELyendKbfro/source.gif);
	background-color: #0D2B7DCC;
	padding: 10px;
	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://media.giphy.com/media/GcIK1jot8WVDq/source.gif);
	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://media.giphy.com/media/2eaVqI4IUdHIk/source.gif);
	padding: 10px;
	background-color: #FFF;
	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://media.giphy.com/media/3oz8xGDDJLZAMGqG08/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: .6s;
	border: none;
}
.profile .contact:hover {
	animation-play-state: paused;
}
.profile .contact a {
	color: #FFF;
	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;
}
@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>

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 20 of 269 comments ( View all | Add Comment )

─★ KUYU 🍈 ̟ !!	1721657177 Using! Report Comment
Krxt	1721290590 using! Report Comment
Кси	1721112871 Using!! Thanks <3 Report Comment
˗ˏˋ FLYN´ˎ˗	1720913223 Using Report Comment
LEE	1720282643 using! Report Comment
LATIAS !!	1720229441 using! Report Comment
GRAYBUGS	1719862265 Using Report Comment
glycocalyx / tara	1719809329 using! Report Comment
Matea	1719512312 usingggg Report Comment
🍦 ;; ANNE .	1718851509 using!! Report Comment
CHRIS!!! XP	1718456234 which part of the code is the notebook parts? :) Report Comment
Shoko Akimaru	1718448343 Using Report Comment
Pepperman	1717763710 Using Report Comment
mimi	1717657045 using ^^ Report Comment
SCOTT	1717464933 using!! Report Comment
Poor Dawg	1716981182 using !! Report Comment
Ggnome Agaric!	1715699497 using tyyy Report Comment
Ausdo	1715647992 USE Report Comment
Oipa	1715583342 using! Report Comment
wes	1715517665 using ^_^ Report Comment