Gavis Bettel Layout

Tags: holostars, pink, black, purple, blue, gavis bettel
Description:

By yours trully. Includes: Phantom Cursor (made by me) Bettel's twitter space BGM Loading screen. Please don't claim as yours, and comment if you use it.
PREVIEWS
Preview:

click on the image for a larger preview
Code:

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

<style>
  @import url('https://fonts.googleapis.com/css2?family=Bokor&family=Great+Vibes&display=swap');
  font-family: 'Bokor', cursive;
font-family: 'Great Vibes', cursive;
</style>
<style>
:root{--neon-text-color:#FF69B4;--neon-border-color:#FF69B4;
    --pdg_blurbSticker: url(https://i.imgur.com/9aDLMOw.gif);
	--pdg_commentsSticker: url(https://i.imgur.com/EQktzlX.gif);
	--pdg_interestSticker: url(https://i.imgur.com/YvG0QBn.gif);
	--pdg_urlInfoBox: url(https://i.imgur.com/3qAkXIV.gif);
	--pdg_titleTexture: url(https://i.imgur.com/zhj45Xp.gif);
	--pdg_linkTexture: url(https://i.imgur.com/zhj45Xp.gif);
	--pdg_profileInfo: URL(https://i.imgur.com/SbIBHcQ.gif);
    --pdg_yourBackground: url(https://i.imgur.com/BeUTcEv.gif);
}
.profile .left h1:first-child{color:#fff;font-size:3rem;padding:1rem 1rem 1rem;animation:pdg_flicker 1.5s infinite alternate;text-align:center;line-height:1.3em;}
@keyframes pdg_flicker{0%,19%,21%,23%,25%,54%,56%,100%{text-shadow:-0.2rem -0.2rem 1rem #FF69B4,
0.2rem 0.2rem 1rem #FF69B4,
0 0 2rem var(--neon-text-color),
0 0 4rem var(--neon-text-color),
0 0 6rem var(--neon-text-color),
0 0 8rem var(--neon-text-color),
0 0 10rem var(--neon-text-color);}
20%,24%,55%{text-shadow:none;box-shadow:none;}
}
:root{ --neon-text-color: #FF69B4; }
.profile .left h1{  font-family: 'Great Vibes', cursive; transform: rotate(-4deg); }

.profile .contact .profile .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
    font-family: 'Great Vibes', cursive;
	line-height:1em;
	text-shadow: 0 0 7px violet;
	
}
body{
    background: url(https://i.imgur.com/8CEPeUn.png);
    font-family: Times New Roman;
    font-size: 19px;
}
    /* resting (normal cursor) */
* {
cursor: url(https://i.imgur.com/5GaWFIO.png), auto;
}
/* i-beam/caret/the little line that shows up when you highlight text */
input {
cursor: url(https://i.imgur.com/DeyYmPP.png), auto;
}
/* the rest of these are for the pointer (what shows up when you hover over a link) */
a {
cursor: url(https://i.imgur.com/hn8BToe.png), auto;
}
button {
cursor: url(https://i.imgur.com/hn8BToe.png), auto;
}
.logout-btn {
cursor: url(https://i.imgur.com/hn8BToe.png), auto;
}
nav .top{
    background-color: black;
}

nav .links{
    background-color:black;
}
nav .links li{
    text-orientation: center;
    
}
main{
    background-color: black;
    margin-top: 20px;
    outline: 4px solid orchid}
}
DIV.blog-preview{
    background: rgba(0, 0, 0, 1.0);
    box-shadow: 6px 6px lightpink;
    outline: 2px solid lightpink;
}
.profile .blurbs .inner{
    background: rgba(0, 0, 0, 1.0);
    box-shadow: 6px 6px lightpink;
    outline: 2px solid lightpink;
}

DIV.friends-grid{
    background: rgba(0, 0, 0, 1.0);
    box-shadow: 6px 6px lightpink;
    outline: 2px solid lightpink;
}
p{
    color:white;
}
div.friends:nth-of-type(3) > div.inner:nth-child(2) > p:first-child > b:first-child{
    color: white;
}
.profile .friends .person p{
    color:orchid;
}
DIV.blog-preview > H4{
    margin-left:5px;
    color:white;
}
DIV.blog-preview > P > I{
    color:white;
    margin-left:5px;
}
.profile .blurbs .section h4{
    color: deeppink;
}
.comments-table td{
    background-color: black!important;
    color:white;
    margin-left:5px;
}
.profile .contact{
    background-image:url(https://i.imgur.com/WxpBibi.jpg);
    background-size: 100%;
    box-shadow: 6px 6px lightskyblue;
    border: 0px;
    outline: 2px solid lightskyblue;
    margin-bottom:20px!important;
    margin-top: 20px;
}

.profile .contact .heading{
    background-color: transparent;
}
DIV.contact > DIV.inner{
    background:rgba(0,0,0,0.7);
}
a{
    color: orchid;
}
button {
    border-radius: 30px !important;
    border: 1px double lightskyblue!important;
    font-family: var(--font-family) !important;
    font-size: 13px;
    background-color: black!important;
    color: lightskyblue!important;
}
.online{
    content:url(https://64.media.tumblr.com/2399bdd5706e6de25a89817c6f7d7339/tumblr_prnv10F2AD1rs99ju_75sq.gif);
}
footer{
    background-color: black!important;
    border:4px solid orchid;
}
.profile .table-section{
    background-image:url(https://i.imgur.com/WxpBibi.jpg);
    background-size: 110%;
    border:2px solid lightskyblue;
    box-shadow: 6px 6px lightskyblue;
    margin-bottom: 15px;
}
.profile .table-section .heading{
    background: rgba(0,0,0,0.6);
}
.details-table td{
    background: rgba(0,0,0,0.6)!important;
}
</style>

<style>
.blurbs .heading{display: none !important;}
</style>

<style>
.profile .friends .heading{display: none !important;}
</style>

<style>

.comments-table td{border: 1px dotted lightpink!important;
    box-shadow: 6px 6px lightpink;
    color:white!important;
}

.comments-table td{
    color:white!important;
}

</style>
<style>
  .comments-table td *{
    color
}
.general-about .profile-pic img{
    background: rgba(0, 0, 0, 1.0);
    box-shadow: 6px 6px lightskyblue;
    outline: 2px solid lightskyblue;
}
.profile .mood{
    background: rgba(0, 0, 0, 1.0);
    box-shadow: 6px 6px lightskyblue;
    outline: 2px solid lightskyblue;
    margin-bottom:15px;
    margin-top: 15px;
}
.profile .url-info{
    background: rgba(0, 0, 0, 1.0);
    box-shadow: 6px 6px lightskyblue;
    outline: 2px solid lightskyblue;
    margin-top: 15px;
    margin-bottom: 15px;
}
DIV.mood > P:nth-child(1) > B{
    margin-left: 5px;}
P:nth-child(2) > B{
    margin-left: 5px;
}
</style>
<style>

.comment-replies{border: 0px solid white !important;}

</style>
<style>
nav{ 
font-size: 13px !important;
text-transform:none;
padding-left:3px;
text-align: center!important;
background-color: black!important;
outline: 4px solid orchid}
}
</style>
<style>

.profile .url-info{border: 0px solid white !important;}

</style>
<style>
/* contact icons */
.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://64.media.tumblr.com/361a9a5bdc36a55575cac130f8c5554a/a1ed2e853392b821-ad/s75x75_c1/4158d441167488d06e64f0a9a26cf1f42bab24c7.gif); 
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url(https://64.media.tumblr.com/361a9a5bdc36a55575cac130f8c5554a/a1ed2e853392b821-ad/s75x75_c1/4158d441167488d06e64f0a9a26cf1f42bab24c7.gif); 
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url(https://64.media.tumblr.com/361a9a5bdc36a55575cac130f8c5554a/a1ed2e853392b821-ad/s75x75_c1/4158d441167488d06e64f0a9a26cf1f42bab24c7.gif); 
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url(https://64.media.tumblr.com/361a9a5bdc36a55575cac130f8c5554a/a1ed2e853392b821-ad/s75x75_c1/4158d441167488d06e64f0a9a26cf1f42bab24c7.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://64.media.tumblr.com/361a9a5bdc36a55575cac130f8c5554a/a1ed2e853392b821-ad/s75x75_c1/4158d441167488d06e64f0a9a26cf1f42bab24c7.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://64.media.tumblr.com/361a9a5bdc36a55575cac130f8c5554a/a1ed2e853392b821-ad/s75x75_c1/4158d441167488d06e64f0a9a26cf1f42bab24c7.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url(https://64.media.tumblr.com/361a9a5bdc36a55575cac130f8c5554a/a1ed2e853392b821-ad/s75x75_c1/4158d441167488d06e64f0a9a26cf1f42bab24c7.gif);  
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://64.media.tumblr.com/361a9a5bdc36a55575cac130f8c5554a/a1ed2e853392b821-ad/s75x75_c1/4158d441167488d06e64f0a9a26cf1f42bab24c7.gif);
}   
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/WUDSGJP8t8U//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; loop; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.imgur.com/SmTcTQe.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>
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 2 of 2 comments ( View all | Add Comment )
Ozzie
1711294787
Using! Also another holostars fan in spacehey? SO REAL !!!
Report Comment
Dani
1678161639
Useing!!
Report Comment