Placebo

Tags: placebo, alt, music, brian molko, red, cory, pacdude

Description:

Just nineteen, a sucker's dream
I guess I thought you had the flavour
Just nineteen, a dream obscene
With six months off for bad behaviour

brian molko's so beautiful, it's not fair. leave a comment or friend me if you use this profile!

Preview:

click on the image for a larger preview

Code:

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

Nulla mattis pellentesque nunc, id vehicula metus viverra eget. Nulla facilisi. Donec pharetra accumsan neque sit amet ornare. Integer ultrices neque dui, in pharetra risus interdum at. Nam luctus non elit eu aliquet. Donec eleifend odio magna, vitae ultricies nisl tempor ac. Fusce eget molestie enim. Pellentesque eu suscipit lacus.
<style>@import url('https://fonts.googleapis.com/css2?family=News+Cycle:wght@700&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/ZLMoUjMaL9V4Y/source.gif);
	--pageTexture: url(https://media.giphy.com/media/n3xSURtNE62t2/source.gif);
	--nameSticker: url(https://media.giphy.com/media/l0MYrbhh3WXayonfy/source.gif);
	--blurbSticker: url(https://media.giphy.com/media/3o7TKpzJn3j7fc61t6/source.gif);
	--commentsSticker: url(https://media.giphy.com/media/3o7TKVXtgMXCq1JcTm/source.gif);
	--interestSticker: url(https://media.giphy.com/media/3o7TKufKHlrEIEWEb6/giphy.gif);
	--urlInfoBox: url(https://media.giphy.com/media/l0MYsGS5uKIPTSvle/source.gif);
	--titleTexture: url(https://media.giphy.com/media/3ohs868HWFN6Mvz5JK/giphy-downsized.gif);
	--linkTexture: url(https://media.giphy.com/media/Ab6TWc53LF16/giphy.gif);
	--profileInfo: url(https://media.giphy.com/media/l0MYuMEW9tl8gpqeY/source.gif);
}
.profile {
	font-family: 'Space Mono', monospace;
}
.profile .left h1 {
font-family: 'News Cycle', sans-serif;
}
.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: 'News Cycle', sans-serif;
}
body {
	background-image: var(--yourBackground);
	background-size: cover;
	background-attachment: fixed;
}
main {
	background-color: #FFFFFFCC;
	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: .15;
	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: uppercase;
	font-size: 3rem;
	color: #FFF;
	text-shadow: 3px 3px 0 #67337C;
	line-height:1em;
	transform:translateX(3em);
}
.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(-1.5em);
	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(-5em) translateY(-2em);
	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: center;
	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: uppercase;
	font-size: 1.8rem;
}
.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: #4D1469;
	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(2) translateY(-3.5rem);
	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 21 comments ( View all | Add Comment )

baconnn	1747367810 using Report Comment
Rawschach	1747335396 Thx using this 100% Report Comment
Kæ	1744857737 Usando;---; Report Comment
Kæ	1744857729 Usando;---; Report Comment
momo	1739892354 This is sooo cool (using :)))) Report Comment
jpg.$wagg	1738954331 Using Report Comment
aniqa	1738414931 usingg Report Comment
D34TH1STH3W4Y	1735394927 Using x Report Comment
LynneX3	1731721312 Usinggg! XP Report Comment
Sum1	1731468449 using! Report Comment
Moisescatdude	1730605865 Using Report Comment
Alma	1723660331 Using! Report Comment
SLC PUNK!	1708870358 Using!!!! Report Comment
coolmonkey43	1708784234 using !! love it Report Comment
brakdrak24	1706337031 love !! Report Comment
tara	1692151443 using <3 Report Comment
AZTRO ✰✰	1679365090 W layout Report Comment
Reverend Snuffy	1673196168 LOVE THIS! Report Comment
jesse :3	1669343394 this is so cute !!! Report Comment
byakurenswifeforever95	1657627367 ahbebhewbewbhj this is so awesome HOW DO YOY DO THESE THINGS WHDJHDW Report Comment