femtanyl v2

Tags: femtanyl, dark, black, sidebar, simple, layout

Description:

live laugh femtanyl

feel free to add or comment if using

if you want some femtanyl music to mix it in, use this

Preview:

click on the image for a larger preview

Code:

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

<style>
/*THE ACTUAL LAYOUT.*/
.logo{
    content: url(https://file.garden/ZVQxK-cnq0N9l7O9/femlytbb/spacehey_lego_femtanyl.png);
}
body{
    background-color:#000;
}
main{
    background-color:#111;
}
a{
    color:white;
}
a:link{
    color:#d4d4d4;
}
a:hover{
    color:red;
}
.profile .blurbs .section h4 {
    color:#d4d4d4;
}
/*TEXT*/
/*THE ACTUAL LAYOUT.*/

nav .top{
    background:transparent;
}
nav .links{
    background-color: #282828;
    border-radius: 25px 25px 0 0px;
}
nav .links a{
    text-shadow: 0 0 7px #111;
}

nav .links a:hover{
    color:red;
    text-shadow: 0 0 7px #560000;
}


nav .links * {
    padding:2px;
    margin:auto;
}
nav .links li::after {
    content: "" !important;
}

/*FLIP CODE*/
.profile{
    direction: rtl;
} 
.blurbs{
    direction: ltr;
} 
.blog-preview{
    direction: ltr; 
} 
.friends{
    direction: ltr; 
}
.general-info{
    direction: ltr; 
} 
.contact{
    direction: ltr; 
}
.url-info{
    direction: ltr; 
}
.details-table{
    direction: ltr; 
}
.profile .table-section .heading{
    direction: ltr; 
}
.details p{
    direction: ltr; 
}
.mood{ 
    direction: ltr;
}
h1,h2,h3,h4,h5,h6{
    direction: ltr; 
}
/*FLIP CODE*/

/*ROUND HEADINGS*/
.profile-info{
    border-radius: 25px 25px 25px 25px !important;
    border: 2px solid white;
}

/*TABLES*/
.profile .friends .person p {
    color: white;
}

.profile .contact .heading, .profile .table-section .heading {
    border-radius: 25px 25px 0px 0px !important;
    background-color: #282828;
}
.profile .table-section{
    border-radius: 25px 25px 25px 0px !important;
    border-color: #282828;
}
.profile .contact{
    border-radius: 25px 25px 25px 25px !important;
    border-color: #282828;
}
table.comments-table{
    display: block;
    height: 300px !important;
    overflow-y: auto;
    border-radius: 25px 25px 25px 25px !important;
    border-width: 2px;
    width:100%
}
/*TABLE*/

/*ROUND HEADINGS*/

/*PROFILE*/
.profile{
    border-radius: 0px 25px 25px 25px !important;
    background-color:#111;
    color:#fff;
}
.profile .blurbs .heading, .profile .friends .heading {
    background:transparent;
    color: white;
}
/*PROFILE*/

.comments-table td, .comments-table td:first-child{
    background:transparent;
    border: 0px solid transparent;
}
comments-table td{
    width:100%;
}
.details-table td, .details-table td:first-child, .details-table td:first-child a:link, .details-table td a:link {
    background:transparent;
    color:white;
}


/*MISC. FEEL FREE TO REMOVE ANYTHING HERE*/
/*PFP SHAPE*/
.general-about img {
    -webkit-mask-image: url(https://file.garden/ZVQxK-cnq0N9l7O9/femlytbb/femt);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}
/*PFP SHAPE*/
/*HIDDEN*/
.profile .url-info {
    display:none !important;
}
footer, footer *{
    display:none !important;
    background-color:transparent;
}
/*HIDDEN*/
/*MISC. FEEL FREE TO REMOVE ANYTHING HERE*/

/*PC LAYOUT*/
@media(min-width:810px) {
    /*SIZE*/
    .container{
	width:70%;
}
    main {
		float: right;
		width: calc(100% - 190px);
		position: relative;
		z-index: 10;
		background:transparent;
      	top:-446px;
      border-radius: 25px 0 25px 25px;
	} /*VERY MUCH RATHER NOT MESSING WITH THIS UNLESS YOU KNOW WHAT YOU'RE DOING.*/
    /*SIZE*/
    
    /*NAV BAR*/
    nav .links {
  background-color: #282828;
  display: flex;
  flex-direction: column;
  right:-11px;
  margin: 40px 0;
  position: relative;
  border-radius: 25px 0 0 25px;
  width: 180px;
  height:400px;
}
    nav .links * {
        padding:5px;
      	margin:auto;
  }
    nav .links li::after {
		content: "" !important;
	}
    nav form {
		margin-top: 20px !important;
	}
    nav form * {
		width: 140px;
        height:23px
	} 
    nav .left {
		display: flex !important;
		transform: translateX(15px);
		transform: translateY(15px);
	}
}
/*PC LAYOUT*/
</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 20 of 43 comments ( View all | Add Comment )

rerudi	1732019263 using!!! Report Comment
★Frnkestein★	1731120523 Using! Report Comment
EnderTheAlienClown	1727233674 Using! Report Comment
Ake_za	1726978306 using ^^ Report Comment
test	1726696683 this is so clear thank u so much <3333 Report Comment
NOEL. . .	1723429012 USING!! THANK YOU :D Report Comment
finn!!	1716868583 using !! Report Comment
Toska　౨ৎ	1716710917 using Report Comment
el6xx	1713999792 using Report Comment
nyx ↻	1713412997 Using! Report Comment
naturegoth	1712457516 using Report Comment
⋆ sai ⋆	1710118127 using but will b veri edited Report Comment
Tamberlo	1709614757 useing Report Comment
♡꒷Strwb3ry!˚ɞ	1709489353 Using but i heavily modified it (if thats okay w u (◞‸◟ㆀ)) Report Comment im completely fine with modified versions of my work! i dont need credit or anything :) by hex; 1709493491; Report
♡꒷Strwb3ry!˚ɞ	1709489353 Using but i heavily modified it (if thats okay w u (◞‸◟ㆀ)) Report Comment
zr0es	1708714617 using // changed logo nd pfp Report Comment i think they really fit together with the style!! and i love that bgm, aswell! by hex; 1708743851; Report
eros	1708640663 using :3 Report Comment
Jay Bergé	1707670413 Uzanta Report Comment
funda 🌸	1707368296 I want to use the spacehey logo for now, but i might change my entire layout for this one at some point! :D Report Comment