Report Blog Entry
View profile theme here: https://spacehey.com/noname
<style>
/* start profile image overlay */
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('https://64.media.tumblr.com/fae679b2a8accbd4f673224bdd379047/tumblr_p0cg49tkJz1whahvko1_500.gif');
background-size: cover;
background-repeat: no-repeat;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
/* end profile image overlay */
/* start change page font - import google font ( you can import as many fonts as you want, just put the 'font-family' in the appropriate section of your code) */
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
/* add - font-family: 'VT323', monospace; - to main {} section below if you want it on your entire profile, otherwise put it in the individual section */
/* end change page font - import google font */
/* start change outer background image */
body{
font-family: 'VT323', monospace!important;
background-image: url('https://66.media.tumblr.com/97c5a11815cd4ec4d576810f7b7945c0/tumblr_p4afyxDgk01v8ay69o1_500.gif');
background-position: center top;
background-repeat: repeat-y;
background-size: 100%;
background-attachment: fixed;
}
/* end change outer background image */
/* start change inner background image */
main {
font-family: 'VT323', monospace!important;
background: rgba(0,0,0,0.6);
color: white;
}
main a{
color: #FBCCED;
}
a:hover {
color: white;
}
/* end change inner background image */
/* start change header color - spacehey logo section */
nav .top {
background: rgb(251,204,237,0.5);
border-top: 25px;
}
.logout-btn, .logout-form {
color: black;
}
label {
color: white;
}
/* end change header color */
/* start change top navigation (menu section) background and link colors */
nav .links {
background-color: rgb(0,0,0,0.4);
}
nav .links a{
color: #ffe5f7;
}
nav .links a:hover{
color: white;
}
/* end change navigation (menu section) background and link colors */
/* start change your name color */
.profile h1{
color: #FBCCED;
font-weight: bold;
text-shadow: 0 0 2px #FFF;
}
/* end change your name color */
/* start change contact section colors and layout */
.profile .contact .heading {
background-color: rgb(0,0,0,0.2);
text-shadow: 0 0 3px #FBCCED;
}
.profile .contact {
border-color: #FBCCED;
}
.contact {
background-color: rgb(0,0,0,0.3);
}
.f-col a {
color: #FBCCED;
}
.f-col a:hover {
color: white;
}
/* end change contact section colors and layout */
/* start change blog section color */
.blog-preview{
background-color: rgb(0,0,0,0.2);
border: 2px solid #FBCCED;
padding: 2px 7px;
}
.blog-preview h4{
text-shadow: 0 0 3px #FBCCED;
}
.blog-preview p{
color: #FBCCED;
}
/* end change blog section color */
/* start change interests section colors */
.profile .table-section .heading {
background-color: rgb(0,0,0,0.2);
text-shadow: 0 0 3px #FBCCED;
}
.profile .table-section {
border-color: #FBCCED;
}
.table-section {
background-color: rgb(0,0,0,0.3);
}
.details-table td:first-child {
background-color: var(--box_color_and_seethru) !important;
color: #FBCCED;
}
.details-table td {
background-color: var(--box_color_and_seethru) !important;
color: white;
}
/* end change interests section colors */
/* start change blurb section colors */
.profile .blurbs {
border: 2px solid #FBCCED;
padding: 2px 7px;
}
.profile .blurbs .heading {
background-color: rgb(0,0,0,0.4);
text-shadow: 0 0 3px #FBCCED;
color: white;
}
.profile .blurbs .section h4 {
color: #FBCCED;
}
.profile .blurbs .inner{
background-color: rgb(0,0,0,0.3);
}
/* end change interests section colors */
/* start change friend space section colors */
.friends {
border: 2px solid #FBCCED;
padding: 2px 7px;
}
.profile .friends .heading{
background-color: rgb(0,0,0,0.4);
text-shadow: 0 0 3px #FBCCED;
color: white;
}
.profile .friends .inner{
background-color: rgb(0,0,0,0.3);
}
.profile .friends p{
color: #FBCCED;
}
.count{ /* number of friends */
color: #ffe5f7;
}
/* start change friend image shape and friend name color */
.profile .friends .person img:not(.icon){
border-radius: 50%;
}
.profile .friends .person p{
color: #FBCCED;
}
/* end change friend image shape */
/* start hide spacehey url section */
.profile .url-info {
visibility: hidden;
display: none;
}
/* end hide spacehey url section */
/* start change footer background and link colors */
footer {
background-color: rgb(0,0,0,0.3);
color: white;
}
footer a{
color: #ffe5f7;
}
footer a:hover{
color: white;
}
/* end change footer background and link colors */
/* Start change your cursor icon - find more @ https://www.cursors-4u.com (copy the CSS code given) */ *
{cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur267.cur), auto !important;}
/* End change your cursor icon */
</style>
Add below code to 'Who I'd like to meet':
<style>
/* start change your online icon */
.online{content:url("https://ct.pimp-my-profile.com/online/26.gif");}
/* end change your online icon */
</style>
Comments
Comments disabled.