Galaxy Far Away

Tags: star wars, galaxy, fun, pacdude, cory, one column

Description:

It looks like Star Wars. Have fun.

Preview:

click on the image for a larger preview

Code:

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

@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin&amp;display=swap');
body {
	background: url('https://media.giphy.com/media/3ov9k1173PdfJWRsoE/source.gif');
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}
.container {
	perspective: 193px;
	perspective-origin: 50% 50%;
}
nav .top, nav .links, footer {
	background: none;
}
footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFF;
}
main {
	transform: rotateX(7deg);
	height: 70vh;
	margin: auto auto;
	overflow-y: scroll;
	background: none;
	margin-top: -5vh;
	color: #FECD3E;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 75%, transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 75%, transparent 100%);
	padding-bottom: 5vh;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 18px;
}
main a {
	color: #41CCEA;
	text-decoration: none;
	transition: all .3s;
}
.profile .blurbs .section h4 {
	color: #41CCEA;
}
main a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.profile {
	padding-top: 3em;
	display: flex;
	flex-direction: column;
}
.profile .left, .profile .right {
	width: 100%;
	text-align: center;
}
main .left h1 {
	font-size: 4em;
	line-height: .9em;
}
.profile .contact, .profile .url-info, .profile .table-section {
	border: none;
}
.profile .contact .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {
	background: #FECD3E;
	color: #000000;
}
.details-table tr {
	display: flex;
}
.left .table-section:nth-last-child(2) .details-table tr td {
	background: none;
}
.left .table-section:nth-last-child(2) .details-table tr td:first-child {
	display: none;
}
.profile .left .table-section:last-child .details-table tbody {
	display: flex;
}
.profile .left .table-section:last-child .details-table tbody tr {
	display: flex;
	flex-direction: column;
	flex: 1;
	line-height: 0;
}
.profile .left .table-section:last-child .details-table tbody tr td {
	width: 100%!important;
	text-align: center;
	background: none;
}
.profile .left .table-section:last-child .details-table tbody tr td p a {
	font-size: 0;
	transition: all .3s
}
.profile .left .table-section:last-child .details-table tbody tr td p img {
	font-size: 64px;
	opacity: 1;
	transition: all .3s;
	height: auto;
	margin: 0;
}
.comments-table {
	border: 0;
}
.comments-table td {
	border: 0;
	background: none!important;
	text-align: left;
}

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

oumeiga3	1725234968 guys, it works u just have to put when it starts and when it ends Report Comment
Darth vader	1677753249 It's not working on my phone Report Comment I think this theme is broken, does not work even on pc, but this is legendary cory here, he made the awesome themes here and most of peoples themes were based on cory's, hope he fixes it soon! by Jrocky Camelot; 1686917457; Report 👍 by Darth vader; 1689247425; Report
poe<3	1676489257 LOVE THIS<3 using! Report Comment
Xx_dani_angel_xX	1646429802 this is soooo nice Report Comment
ash lynx	1613568619 amazing layout!!!! Report Comment
Wen Berlin	1613518629 that's rad! I wish I was more skilled at all this. Report Comment