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

Valentine ★	1754602365 using, thx! Report Comment
[ ♯ 𝔸𝕞𝕪 ʚɞ 🍮🎹⋆.˚]	1752888718 using! Report Comment
n e o	1748587133 usando Report Comment
solvane	1746611626 Using. Report Comment
moondi	1743245476 using Report Comment
Vincent	1742282168 using!! Report Comment
toritorinrin	1742128461 uusssing Report Comment
Miyae880	1740735591 Usando Report Comment
Miyae880	1740735591 Usando Report Comment
ִ ᡕᠵ᠊ᡃ࡚ࠢ࠘ ⸝່ࠡࠣ᠊߯᠆ࠣ࠘ᡁࠣ࠘᠊᠊° calvin	1739918818 ussing Report Comment
♱ 𝒩𝖺𝗇𝖺 ! ㋖	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
trashy.sm0ke	1735924584 using tysmmm xx Report Comment
Nyna !!	1734131935 using !! thank u Report Comment
Lixxie	1733715268 Usingg Report Comment