basic black and white layout!!!

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

Description:

title. feel free to modify this as much as you want
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 (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 artistic hyperbole</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 47 comments ( View all | Add Comment )

Charlotte	1763385467 using Report Comment
luuvie	1763291993 usingg Report Comment
Loser	1762465595 Using:) Report Comment
sebas !!	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
moondi	1743245476 using Report Comment
➶	1742282168 using!! Report Comment
toritorinrin	1742128461 uusssing Report Comment
Miyae880	1740735591 Usando Report Comment