Malevolent podcast layout.

Tags: podcast
Description:

a layout for those that like the podcast Malevolent. includes - custom cursor - custom contact icons - custom blinkie / link to my profile
Preview:

click on the image for a larger preview
Code:

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

<style>
.logo {
  
  content:url("https://cdn.discordapp.com/attachments/964031903931973662/1149795702751383582/Untitled309_20230908125720.png")
}


@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');



body{
background-image: url('https://64.media.tumblr.com/6aa0bf8efa79985cb65165fa93ea716d/7862896a7ac122fe-bc/s640x960/a47ad386ff30bf285e405421c2973f7e0e5c017b.pnj');
background-position:undefined;
background-attachment: fixed;
background-size: contain;
background-color: #000000;
border: 4px outset #e6d200;
}

main{
background-image: url('https://64.media.tumblr.com/70fc936438979110597625d1163b3a87/40e1d6de4fb11455-ff/s640x960/aa2c332db330f1f9a1eb459c4a39f85bef874e8f.pnj');
background-position:undefined;
background-attachment: fixed;
background-size: contain;
border: 4px outset #e6d200;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-image: url('https://i.pinimg.com/474x/2d/a9/35/2da9353d34f4ba8929e7861c5cc36a17.jpg');
background-position:undefined;
background-attachment: fixed;
background-size: contain;
background-color: #000000;
border: 4px Outset #e6d200!important;
}

}

span[itemprop='name'] {
color: #e6c700;
font-size: 16pt;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-family: 'Brush Script MT', cursive;
}

h4 {
color:  #ffd700;
font-family: 'Trebuchet MS', sans-serif;
border: 4px outset #e6d200;
}

.section h4, .details-table td:first-child {
color:  #ffd700!important;
 font-family: 'Trebuchet MS', sans-serif;
border: 4px outset #e6d200;
}

a, .count {
color:  #ffd700;
font-family: 'Trebuchet MS', sans-serif;
}

a:hover {
color:  #ffd700;
font-family: 'Trebuchet MS', sans-serif;
border: 2px outset #e6d200;
}
body,main {
color: #ffd700;
font-family: 'Trebuchet MS', sans-serif;
border: 4px outset #e6d200;
}

.details-table td, .details-table td:first-child{
background: none!important;
border: 4px outset #e6d200;
}
.heading{
background: none!important;
border: 2px outset #e6d200;
}
.comments-table td{
background: none!important;
border: 4px outset #e6d200;
}
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/25/1a/fe/251afe9d94adeb8d4e3d0011006e3fa9.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 4s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
 html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.pinimg.com/originals/25/1a/fe/251afe9d94adeb8d4e3d0011006e3fa9.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain 
  70% { transform:translate(0%, 15%) }

.contact {
        font-size: 14px;
        font-family: times;
border: 4px outset #e6d200;
background-image: url("https://i.pinimg.com/474x/2d/a9/35/2da9353d34f4ba8929e7861c5cc36a17.jpg")!important;  
border: 4px outset #e6d200;      
    }
    .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://mikejima.crd.co/assets/images/shadow/1ddd0af7.png?v=16e7e82c")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://mikejima.crd.co/assets/images/shadow/86ec6027.gif?v=16e7e82c")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://mikejima.crd.co/assets/images/shadow/8eccd64d.gif?v=16e7e82c")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://mikejima.crd.co/assets/images/shadow/adce8307.png?v=16e7e82c")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://mikejima.crd.co/assets/images/shadow/47c07c1c.gif?v=16e7e82c")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://mikejima.crd.co/assets/images/shadow/1a7df4f2.gif?v=16e7e82c")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://mikejima.crd.co/assets/images/shadow/b41709b1.gif?v=16e7e82c")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/4d411ea363c264b1b168487e2fb95d7f/tumblr_inline_p93rwqQP971rhwzwl_75sq.gifv")
    } 
.online {
        content: url("https://mikejima.crd.co/assets/images/shadow/7c1e1043.gif?v=16e7e82c");}

* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol40.cur), auto !important;}

/* customizable snowflake styling */
 	.snowflake {
 	color: #fff;
 	font-size: 1em;
 	font-family: Arial, sans-serif;
 	text-shadow: 0 0 1px #000;
 	}
 	 
 	</style>
<!-- (c) Layout created by fluorescent lights (https://layouts.spacehey.com/layout?id=29048) -->
<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://i.pinimg.com/474x/09/5f/5c/095f5cb14a212c8f9406658b356af3db.jpg'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>



<p><a href="https://spacehey.com/nailbatz/"><img src="https://64.media.tumblr.com/52060dc5f677c6624145ad404430709c/7607a8310d2a3315-1c/s250x400/527e663740ce26a6f6fb6c7fbcbee858183b321a.gifv"/></a></p>


<iframe width="0" height="0" src="https://www.youtube.com/embed/vSS7_DkeZ78?si=W9AAK8yt1fErRNDq//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
<p><img src="https://mikejima.crd.co/assets/images/gallery02/e2a8e611.gif?v=16e7e82c"/></p>
<center>
<p>Now Playing:</p>
<p>Harlan Guthrie - faroes song</p>
<p>0:35 ━❍──────── -2:00</p>
<p>↻     ⊲  Ⅱ  ⊳     ↺</p>
<p>VOLUME: ▁▂▃▄▅▆▇ 100%</p>
<p><img src="https://i.pinimg.com/564x/a6/0f/6f/a60f6ff95f6ba6d8d08656eac420d4a3.jpg" width="20" height="20/"/></p>
<p>Basic information</p>
<p><img src="https://i.pinimg.com/564x/a6/0f/6f/a60f6ff95f6ba6d8d08656eac420d4a3.jpg" width="20" height="20/"/></p>
<p>about yourself</p>
<p><img src="https://i.pinimg.com/564x/a6/0f/6f/a60f6ff95f6ba6d8d08656eac420d4a3.jpg" width="20" height="20/"/></p>
<p>goes here!</p>
</center>
<p><img src="https://mikejima.crd.co/assets/images/gallery02/e2a8e611.gif?v=16e7e82c"/></p>
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 1 of 1 comments ( View all | Add Comment )
SunSpot
1726113469
Using!
Report Comment