basic black and white layout!!!

Tags: black, white, black and white, minimalism, minimalistic, simple

Description:

title. I ig this is a bit of a blank template lol feel free to modify this as much as you want!! the credits are a bit of an opitional thing and it's just so people checking your profile can know where it came from so you don't need to keep it at all times
i literally had to sacrifice one of my layouts to post this. fix your goddamn site and bring layouts back!!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by boêmio (hater #1 do minimalismo) (https://layouts.spacehey.com/layout?id=104042) -->

<style>
img {
filter: sepia(0%) hue-rotate(0deg) saturate(0);
</style>

<style>
.blog-preview p:before { 
    content: " \2605 "; 
    margin: 5px; 
}
</style>

<style>
a:hover, nav .links a:hover, nav .top a:hover, footer a:hover, button:hover, .friends a p:hover{
  font-style: italic;
  text-transform: uppercase;
}
</style>

<style>
        .general-about .profile-pic .pfp-fallback {
            border: 2px solid #000000;
            box-shadow: 0px 0px 0px 4px #000000, 0px 0px 0px 6px #000000;
            font-weight: 400;
            font-family: 'pixelmplus10', sans-serif;
            image-rendering: optimizeQuality;
            color: #000000;
            background-color:#000000;
            text-align: center;
            display: block;
            justify-content: center;
            margin-left: 6px;
</style>

<style>
@import url('https://fonts.cdnfonts.com/css/microsoft-sans-serif');
body 
{
    font-family: 'Microsoft Sans Serif', sans-serif;     
    -webkit-font-smoothing: none !important;                               
}
</style>


<style>
.blurbs .inner {
  text-align: center !important;
}
</style>

<style>
    .container{
        width: 1500px;
    }
</style>

<style>
    .profile{direction: rtl;}
.blog-preview{direction: ltr; text-align: center;}
    .blurbs{direction: ltr;}
    .friends{direction: ltr;}
    .general-info{direction: ltr;}
.profile .left h1{direction: ltr;}
    .details-table{direction: ltr;}
    .profile .table-section .heading{direction: ltr;}
    .details p{direction: ltr;}
	.mood{direction: ltr; text-align: right;}
.contact .heading {display: none !important;}
.url-info{direction: ltr; text-align: right;}
</style>

<style>

</style>

<style>
*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background: #FFF;}
	
	*::-webkit-scrollbar-thumb {
		background-color: #FFF;
		border-radius: 1px;
		border: 1px solid #000;

</style>

<style>

* {cursor: url(https://cur.cursors-4u.net/smilies/smi-3/smi269.ani), url(https://cur.cursors-4u.net/smilies/smi-3/smi269.gif), auto !important;}


body {
	background-color: #ffffff;
	background-repeat: repeat;
	background-attachment: fixed;
	}

.top {
	border-width: 1px;
	border-color: #ffffff;
	border-style: solid;
	background-color: #000000!important;
	}

.blurbs .heading {
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #ffffff!important;
	color: #000!important;
	}

.links {
	border-width: 1px;
	border-color: #fff;
	border-style: solid;
	background-color: #000!important;
	text-shadow  : #000!important;
	}

.friends .heading {
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #ffffff!important;
	color: #000!important;
	}

.contact .heading {
	border-width: 1px;
	border-color: #fff;
	border-style: solid;
	background-color: #000!important;
	}

.table-section .heading {
	border-width: 1px;
	border-color: #fff;
	border-style: solid;
	background-color: #000!important;
	}

table.details-table {
	border-width: 1px;
	border-color: #000;
	border-style: solid;
	background-color: #fff!important;
	}

.profile .blurbs .section h4 {
	color: #000!important;
	}

.blog-preview h4 a {
	color: #000!important;
	}

.blog-preview a {
	color: #000!important;
	}

.more {
	color: #000!important;
	}

.friends b {
	color: #000!important;
	}

.links a {
	color: #fff!important;
	}

.contact a {
	color: #000!important;
	}

.mood a {
	color: #000!important;
	}

.table-section td {
	color: #000!important;
	}

.profile .friends p {
	color: #000!important;
	}

time.ago {
	color: #000!important;
	}

a {
	color: #000!important;
	}

main {
	border: 1px solid #000;!important
	}

nav .top a {
	color: #fff!important;
	}

.profile .contact {
	color: #000!important;
	border-color: #000;
	}

.profile .url-info {
	color: #000!important;
	border-color: #fff;
	}

table.details-table {
	color: #000!important;
	border-color: #000;!important
	background-color: #fff;!important
	}


:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #000;
    --darker-blue: #000;
    --lighter-blue: #fff;
    --even-lighter-blue: #fff;
    --lightest-blue: #fff;
    --red: #fff;
    --dark-orange: #000;
    --light-orange: #fff;
    --even-lighter-orange: #fff;
    --strange-yellow: #000000;
    --green: #fff;
    --light-green: #fff;
    --medium-green: #fff;
    --dark-green: #000;
    accent-color: #000;
    accent-color: var(--logo-blue);
}

   table.comments-table{display: block;height: 400px!important;overflow-y: scroll; border: 1px solid #000;}

.contact img.icon { 
 display: none; 
}

.contact{background-color:  !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{ 
 /* add to friends */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://gifcity.carrd.co/assets/images/gallery97/a58d6d18.gif?v=8892912c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{ 
 /* add to favorites */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://gifcity.carrd.co/assets/images/gallery11/036392b0.gif?v=8892912c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{ 
 /* send message */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://gifcity.carrd.co/assets/images/gallery95/9e75373c.png?v=8892912c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
 /* forward to friend */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px;  
 background-image: url('https://gifcity.carrd.co/assets/images/gallery11/1ad1ffa9.gif?v=8892912c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
    /* instant message */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://gifcity.carrd.co/assets/images/gallery11/699c7a70.gif?v=8892912c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* block user */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://gifcity.carrd.co/assets/images/gallery12/bedd2bde.gif?v=8892912c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* add to group */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://gifcity.carrd.co/assets/images/gallery90/44728c91.gif?v=8892912c'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report user */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://gifcity.carrd.co/assets/images/gallery156/82ce87ba.gif?v=8892912c'); 
 background-size: 100% 100%;
} 

.general-about{
  position: relative;
  margin-top: 10px;
}.online{
content: url(https://gifcity.carrd.co/assets/images/gallery85/ea14646b.gif?v=26dffab5);}

.profile-info{display: none !important;}

</style>


<div style="float:  ; max-height: 300px; position: fixed; left: 1px; top: 0px; z-index: 400; background:rgba(0, 0, 0, 0.4);">
<a href="https://spacehey.com/a_a">created by boemio</a></div>

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 51 comments ( View all | Add Comment )

⸝⸝ maria // dawnic ◞	1766759373 Using Report Comment
salma b. ricci	1766102834 using Report Comment
mateo	1764201993 using Report Comment
LifeloverJúnior 🇧🇷	1763679754 using! Report Comment
Charlotte	1763385467 using Report Comment
luuvie	1763291993 usingg Report Comment
🪽	1762465595 Using:) Report Comment
Elliot	1762040882 using !! ^^ Report Comment
Mbz	1761801101 using Report Comment
axel	1761568445 using Report Comment
ras	1761374778 using Report Comment
bri	1760071117 Using Report Comment
bunny hop	1759361802 using Report Comment
stain	1758660909 using!! Report Comment
Viktor Bullfinch	1758544798 Using Report Comment
roxy , ou harley	1756682214 using ;;^^ Report Comment
Valentine ★	1754602365 using, thx! Report Comment
[ ♯ 𝔸𝕞𝕪 ʚɞ 🍮🎹⋆.˚]	1752888718 using! Report Comment
ꪀeo 🌿	1748587133 usando Report Comment
solvane	1746611626 Using. Report Comment