Cobra Starship Layout!

Tags: cobra starship, neon, scene, gif, music, layout, 2000s

Description:

Inspired by cobrastarship.com :) Sorry for how messy the code is I don't know what I'm doing lol

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ✭ Fren-z ✭ (https://layouts.spacehey.com/layout?id=25482) -->

<div class="cobra"></div>
<div class="cobra2"></div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&family=Bungee&display=swap');
p{
  font-family: 'Baloo Bhaijaan 2', cursive;
  font-size: 120%;
}
h1{
  font-family: 'Bungee', cursive;
  font-size: 100%;  
}
h2,h3,h5{
  font-family: 'Baloo Bhaijaan 2', cursive;
  font-size: 100%;  
}
h4{
font-size:110%;
}
p, nav label{
  font-size: 120%;  
}
h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}

.online{
  color: white!important;  
}

body{background:url("https://www.cobrastarship.com/sites/g/files/g2000012956/files/2021-10/BG_Desktop.gif") no-repeat fixed; background-size:cover;
}
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: turquoise; 
	//text-shadow: 1px 1px #F122FC;
	
};
	text-shadow: 2px 2px 3px #F122FC, 0 0 25px #FF4473, 0 0 5px black;
}

.cobra {
background: url(https://img1.picmix.com/output/stamp/normal/7/5/1/6/2116157_ee96f.gif) no-repeat;
background-size: 100%!important;
position: fixed;
right: 0px;
bottom: 0px;
height: 200px;
width: 300px;
z-index: 1000;
}

.profile .friends .person p {
    color: #ffffff;
}

.cobra2 {
background: url(https://i.ibb.co/M7MjYG2/Cobra-Starship-on-Soft-Sound-Press.png) no-repeat;
background-size: 100%!important;
position: fixed;
left: 0px;
bottom: 0px;
height: 200px;
width: 300px;
z-index: 1000;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #f09;
    color: white;
    padding: 2px 7px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 3px solid #00deff;
    margin: 10px 0;
}
    
    .details-table td:first-child {
    background: #00fe1e;
    color: #D81DC4;
    font-weight: bold;
    width: 33%;
}
    
    .details-table td {
    background: #FF0fb1;
    vertical-align: top;
}
nav .top {
    padding: 20px 15px 24px 15px;
    display: flex;
    height: 100px;
    background-color: #ff0099;
}

main {
  background-color: #2e2170de;
  color: white;
}

.count {
  color: #ab21e6
}
.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue: #2e2170de;
  --darker-blue: #bd00ffde;
  --lighter-blue: #bd00ffde;
  --even-lighter-blue: #bd00ff;
  --lightest-blue: transparent;
  --dark-orange: #fff;
  --light-orange: #bd00ff;
  --even-lighter-orange: #fff;
  --green: #fff;
  --table-header:white;
  --table-color: white;
  --link-text: white;
  --main-text: white;
}
    a:hover{
        color: #fff !important;
}

</style>

<style>
.profile-info {
border: 2px solid #5421b1;
}
.profile-info .inner {
border: none;</style>


<style>
.details:after {
content: "test";
}
</style>

<style>
footer{background:none !important; line-height:0px !important;}
footer ul li a {color: #000000 !important;}
}
</style>

<style>
.comments-table{display:none !important;}
}
</style>

<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "🐍"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "🚀"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🐍"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "🚀"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "🐍"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "🚀"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "🐍"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🚀"
   }
</style>

<style>
table{background:none !important; line-height:15px !important;}
table ul li a {color: #000000 !important;}
}
</style>

<style>
    .profile-pic img{
        
border: 3px solid lime !important;   
        
    }
</style>

<style>* {cursor: url(https://ani.cursors-4u.net/cursors/cur-13/cur1151.ani), url(https://ani.cursors-4u.net/cursors/cur-13/cur1151.png), auto !important;}</style>

<style>
             ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(225, 0, 194);
    }

    ::-webkit-scrollbar-track {
    background: rgba(14, 225, 0, 1);
    }
</style>

<style>

.online{content:url("http://img2.coolspacetricks.com/images/myspaceicons/033.gif
");}

</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 8 of 8 comments ( View all | Add Comment )

ACE>.<	1705280911 using! Report Comment
mikey	1700807188 using!! Report Comment
ZombieeeRaverrrxX	1700507137 using! >_< Report Comment
MY NIPPLES EXPLORE THE CAVE	1694576610 usingggg!!! Report Comment
MIKEY!!	1685227406 Looks so cool!! XP Report Comment
Frans	1683830607 this is so cool !!!!!! Report Comment
m0n1c4	1676637864 luv this layout!! ill credit u on my profile <33 Report Comment
cardiacXsilence	1674784924 actually the coolest omg Report Comment