Weezer

Tags: weezer, rivers, cuomo, green, alternative, cory, pacdude

Description:

open up a can of pork and beans and celebrate our favorite awkward heartfelt band Weezer! Add me or leave a comment if you use this theme!

Preview:

click on the image for a larger preview

Code:

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

<style>@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root {
	--yourBackground: url(https://media.giphy.com/media/l3977adOpN1GbQNUs/source.gif);
	--pageTexture: none;
	--nameSticker: url(https://media.giphy.com/media/QOvznzCmpyGqiDJlq7/source.gif);
	--blurbSticker: url(https://media.giphy.com/media/9VvioTJIBcRJ6EqC3E/source.gif);
	--commentsSticker: url(https://media.giphy.com/media/4TvE0o9f1WjpPFBuOj/source.gif);
	--interestSticker: url(https://media.giphy.com/media/1xOuKRcCFlvUGfQeth/source.gif);
	--urlInfoBox: url(https://media.giphy.com/media/l0Erw4To70oJkegDu/giphy.gif);
	--titleTexture: url(https://media.giphy.com/media/o2gnR7UzgX9AM3jHoV/giphy-downsized-large.gif);
	--linkTexture: url(https://media.giphy.com/media/Ab6TWc53LF16/giphy.gif);
	--profileInfo: url(https://media.giphy.com/media/2FazhgoHjmNfgG4Vi/giphy.gif);
}
.profile {
	font-family: 'Space Mono', monospace;
}
.profile .left h1 {
	font-family: 'Didact Gothic', sans-serif;
	line-height:1em;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
	font-family: 'Didact Gothic', sans-serif;
	line-height:1em;
}
body {
	background-image: var(--yourBackground);
	background-size: cover;
	background-position:center;
	background-attachment: fixed;
}
main {
	background-color: #F1B9E377;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	margin-top: 2rem;
	margin-bottom: 2rem;
}
body:before {
	display: block;
	position: fixed;
	pointer-events: none;
	content: " ";
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	right: 0;
	background-image: var(--pageTexture);
	background-size: cover;
	background-attachment: fixed;
	opacity: .35;
	z-index: 25;
}
.profile a {
	transition: all .1s!important;
}
.profile a:hover, .profile a:hover p {
	background: var(--linkTexture)!important;
	;
	color: #FFF!important;
	text-shadow: 1px 1px 0 #000!important;
	;
}
.profile .left h1 {
	text-transform: lowercase;
	font-size: 3rem;
	color: #FFF;
	text-shadow: 3px 3px 0 #67337C;
}
.profile .left h1:before {
	background-image: var(--nameSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(1.7) translateX(-1em);
	position: absolute;
	z-index: -1;
}
.profile .right .blurbs {
	position: relative;
}
.profile .right .blurbs:after {
	background-image: var(--blurbSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(2) translateY(-2rem);
	position: absolute;
	right: 0;
	z-index: -1;
}
.profile .left .table-section:nth-last-child(2):before {
	background-image: var(--interestSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(1.7) translateX(-3em) translateY(2.5em);
	position: absolute;
	z-index: -1;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
	border: 0!important;
	width: 100%;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading {
	background-image: var(--titleTexture)!important;
	background-size: cover;
	background-position: bottom;
	color: #FFF;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
	text-transform: lowercase;
	font-size: 1.6rem;
}
.profile .url-info {
	border: 0;
	color: #FFF;
	background: var(--urlInfoBox);
	background-position: center;
	text-align: center;
}
.details-table td:first-child {
	background: none;
	width: fit-content!important;
	color: #FFF;
	text-shadow: 0px 2px 0 #000;
}
.details-table td:last-child {
	background: none;
	max-height: 150px;
	overflow-y: scroll;
	float: right;
}
.details-table tr {
	border-bottom: 1px solid #000;
}
.profile .blurbs .section h4 {
	color: #A5CE18;
	font-size: 1.3rem;
}
.profile-info {
	background: var(--profileInfo);
	background-size: cover;
	background-position: center;
	box-shadow: -7px 8px 0 #0006;
	color: #FFF;
}
.profile-info h3 a {
	color: #FFF;
}
.comments-table, .details-table {
	border: 1px solid #0000;
	border-collapse: separate;
	border-spacing: 0 .5em;
}
.comments-table tr td:last-child {
	height: 250px;
	display: block;
	overflow-y: scroll;
}
.comments-table td, .music-table td {
	background: none;
	color: #000;
}
.comments-table tr {
	border-bottom: 1px solid #000;
}
.comments-table td:first-child, .music-table td:first-child {
	background: none;
	text-align: left;
}
.profile .comments-table:after {
	background-image: var(--commentsSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(4) translateX(-2.5rem) translateY(-1rem);
	position: absolute;
	right: 0;
	z-index: -1;
}
</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 34 comments ( View all | Add Comment )

j3t_st4rr	1750602505 using!! tysm Report Comment
piercethestar	1749838064 using! Report Comment
Axl🌹🌹	1749105195 usang! Report Comment
dasdei	1747823925 using! Report Comment
sh𖦹nagh𖤐⊹ ࣪	1747162128 using!! thank u corys garage!! Report Comment
sh𖦹nagh𖤐⊹ ࣪	1747162127 using!! thank u corys garage!! Report Comment
pixelradio	1746562394 using!!! Report Comment
SW4G FR3D	1743632899 USINGGGG!!!!!! Report Comment
Gr4y	1741034537 TOTALLY USING! THAT'S AWESOME?! Report Comment
katie (weezer's biggest fan)	1740524710 using.. also this is so swaggity!!! Report Comment
Thelastcore4009	1735505484 Using Report Comment
kieran! x3	1734537687 using Report Comment
Alex!	1731216521 Using Report Comment
Alex!	1731216521 Using Report Comment
a guy called kill	1730519938 using Report Comment
☆ bug / can	1730161983 using :3 Report Comment
leo	1727493274 not using but this is really cool Report Comment
Ken :3	1727133881 using this Report Comment