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

𝓝𝓪𝓷𝓪 🪽.𖥔 ݁	1776345258 USINGG Report Comment
3lin4..marla	1775657330 Usingggg Report Comment
♡	1774910288 Using!!! Report Comment
necro.boo	1771477100 usin :3 Report Comment
ʚ ᰔngel ɞ	1769818649 usingg !! Report 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
𝒟𝒾𝒶𝓃 (This Bird Has Flown)	1762465595 Using:) Report Comment
gabo !!	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	1758544798 Using Report Comment