Forum:
I’m finding a layout that fits my aesthetic but there are so many. I want a blue layout that has a dark feel to it and doesnt feel too cluttered like other layouts. I want it to be like cyber/space themed. Any good layouts?
« SpaceHey Forum
I need to find a good layout for my profile.
Report Topic
1 Reply
Reply by Macintosh
posted
the best I found was this: <!-- (c) Layout created by layla ☆ (https://layouts.spacehey.com/layout?id=26906) -->
<!-- (c) Layout created by layla ☆⌒(>﹏<) ⁺ . ⋆ (https://layouts.spacehey.com/layout?id=26519) -->
<style>
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
font-family: Diediedie !important;
font-size: 10px !important;
color: #000000!important;
text-shadow: none !important;
letter-spacing: 1px;
}
body {
background-image: url(https://i.pinimg.com/originals/38/3e/0e/383e0edf60a2ae892a686b18acdcb148.gif);
}
.top, .links, .heading, footer, button {
background-color: #475fbf!important;
}
h1 {
font-family: courier !important;
font-size: 18px !important;
}
h4 {
color: #000000!important;
}
.contact, .url-info, .table-section, .profile-info {
border-color: #000000!important;
}
td {
background-color: white !important;
}
input, button:not(.logout-btn) {
border: 1px groove #fac7ff !important;
}
.pfp-fallback, .row.profile {
border: 1px dotted #923ab6 !important;
}
.logo-fallback {
height: 38px !important;
}
</style>
<style>
@keyframes spin{
from{ transform:rotate(0deg); }
to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
border-radius: 50%;
animation: spin 7s infinite linear;
}
</style>
<style>
.online {
content: url("https://watermelon.crd.co/assets/images/gallery02/45ba9731.gif?v=90e42ef7");}
</style>
<style>
table.comments-table{
display: block;
height: 250px!important;
overflow-y: scroll;
}
}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-7/oth665.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/24/tiny-finger-point.html" target="_blank" title="Tiny Finger Point"><img src="https://cur.cursors-4u.net/cursor.png" alt="Tiny Finger Point" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
}
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
}
</style>
<style>
.profile .friends .person img:not(.icon) {
filter: grayscale(100%);
</style>
<style>
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(0 0 255 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
</style>
<style>
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send Message */
content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7")
}
</style>
Permalink