Report Blog Entry
the code i use personally
disclaimer: you will have to change the code here to match with your profile layout.
<!-- (c) base layout created by p0libius (https://layouts.spacehey.com/layout?id=1430) -->
<style>
<!-- pfp animation -->
@keyframes bounce{
0%,100% {
transform: translateY(0);
}10%,30%,50%,70% {
transform: translateY(-8px);
}20%,40%,60% {
transform: translateY(8px);
}80% {
transform: translateY(6.4px);
}90% {
transform: translateY(-6.4px);
}
}
<!-- general look -->
body {
font-family: Courier New, monospace;
background-color: black;
}
<!-- img filter -->
img {
filter: sepia(100%) hue-rotate(45deg) saturate(4);
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
<!-- spacehey logo -->
.logo {
filter: sepia(100%) hue-rotate(45deg) saturate(10);
}
<!-- clickable buttons -->
#q, button {
color: #00ff00;
background-color: black;
border: 1px solid #00ff00;
font-family: inherit;
}
p, i, b, .count {
color: #00ff00 !important;
}
.profile .friends .person p, .logout-btn {
color: #00ff00 !important;
text-decoration: underline !important;
}
<!-- menu buttons -->
a {
color: #FF0000 !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
nav, nav .links a {
color: #00ff00;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px dotted #00ff00;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid #00ff00;
}
<!-- body boarders -->
main {
background: black;
color: #00ff00;
border-left: 2px dotted #00ff00;
border-right: 2px dotted #00ff00;
}
.heading, .url-info {
color: #00ff00 !important;
background: none;
background-color: black !important;
border: 2px solid #00ff00 !important;
}
.inner {
color: #00ff00 !important;
border: 2px dotted #00ff00;
border-top: none;
}
.edit-info {
background: black;
border: 1px solid #00ff00;
width: 100%;
padding: 5px;
overflow-wrap: break-word;
word-break: break-word;
}
.profile-info {
border: 2px solid #00ff00;
}
.profile-info .inner {
border: none;
}
<!-- pfp animation -->
.pfp-fallback {
animation-name: bounce;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
#comments {
border-bottom: 2px dotted #00ff00;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid #00ff00;
border-collapse: collapse;
}
td {
color: #00ff00 !important;
background: none;
background-color: black !important;
}
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 2em;
}
footer {
background: black;
border: 2px solid #00ff00;
}
footer p {
color #00ff00 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid #00ff00;
margin: 2px;
}
nav .info {
background: none;
}
<!-- kudos color -->
.kudos-btn {
color: #FF0000 !important;
}
/* Start https://http://www.rw-designer.com */ * {
cursor: url(http://www.rw-designer.com/cursor-view/179471.png),
auto !important;
} /* End https://http://www.rw-designer.com*/
</style>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
Toro
sorry if i am asking a dumb question (╥﹏╥) am i able to copy + paste this as-is, or would I need to replace things like the colors, font, etc with my own layout's info? Also, would i incorporate this into my current layout code, or add it after my current code as something separate?
hi! you would have to change the font, colour, etc, codes for this to work with your current layout,,, blog posts can use their own custom html so u dont have to paste anything to your current page layout, hope that clears it up!
by pluto (c" ತ,_ತ); ; Report