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 insomniac 🇧🇷 (experiencing the horrors) (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/imbored">created by insomniac</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 32 comments ( View all | Add Comment )

moondi	1743245476 using Report Comment
˚˖𓍢ִ໋ nicki ✧˚.⋆	1742547894 Using! Report Comment
Vincent	1742282168 using!! Report Comment
toritorinrin	1742128461 uusssing Report Comment
Miyae880	1740735591 Usando Report Comment
Miyae880	1740735591 Usando Report Comment
⌓⌓ 　 graves　,　dude 　｡	1739918818 ussing Report Comment
♱ Nana ! 丰	1739485169 Using :D Report Comment
yukihana ★	1738988410 using Report Comment
Dominique ! >_<	1738437789 Using!! Report Comment
DaphneW	1738350441 Using!! Report Comment
lon9r	1738002649 Using ! :') Report Comment
serenitea!	1737802522 using Report Comment
々 MΛƧƬΣЯƧΉIƬ (my day is ruined)	1737649461 Using Report Comment
trashy.sm0ke	1735924584 using tysmmm xx Report Comment
nynakkuma	1734131935 using !! thank u Report Comment
Lixxie	1733715268 Usingg Report Comment
⋆ ࣪ ִֶָ 🎸 BIVE 🍷 ׁ ۪	1733376840 hey um how do you make the back ground black Report Comment
𝗰𝗵𝗿𝗶𝘀★.ᐟ	1733284298 using!! Report Comment
݁˖꩜ Milo . ݁⊹	1732063137 using :P Report Comment