Basic Grayscale

Tags: black, grayscale, layout, simple, cute

Description:

If you use this theme please comment below to let me know, please don't remove any of the credit info within the coding. If you use this coding please give me credit. You may use this as a base and change the colors as you wish or add a background.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Coffee Queen (https://layouts.spacehey.com/layout?id=27899) -->

<!-- (c) Layout created by Coffee Queen (http://layouts.spacehey.com/coffee_queen) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital@1&display=swap');

:root {
  --logo-blue: transparent;
  --darker-blue: transparent;
  --lighter-blue: transparent;
  --even-lighter-blue: transparent;
  --lightest-blue: transparent!important;
  --dark-orange: white!important;
  --light-orange: transparent;
  --even-lighter-orange: transparent;
  --green: transparent;
}

body{
background-color: #000000;
}

h1, h2, h3, h4 {font-family: 'PT Serif', serif;}

nav .top{
background-image: linear-gradient(to bottom right, #222222,#666666,#222222);
margin: 1em 0;
text-align: center;
border-radius: 25px;
}

nav .links{
background-image: linear-gradient(to bottom right, #222222,#666666,#222222);
border-radius: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

nav .links li::after{
display: none;
}

main{ 
background: #000000;
margin: 1em 0;
padding: .1em;
}

.profile h1{
color: #FFFFFF;
}

.online{
font-family: 'PT Serif', serif;
color: #FFFFFF;
text-shadow: 1px 1px 2px #AAAAAA;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile .profile-info{
text-shadow: 1px 1px 2px #AAAAAA;
color: #FFFFFF;
background-image: linear-gradient(to bottom right, #222222,#666666,#222222);
border-radius: 25px;
}

.profile .general-about{
color: #FFFFFF;
font-style: italic;
}

.profile .blog-preview,
.profile .mood{
color: #FFFFFF;
font-style: italic;
}

.profile .profile-pic img{
border-radius: 500px;
filter: grayscale(100%);
}

.profile .contact .heading,
.profile .table-section .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right, #222222,#666666,#222222);
border-radius: 25px;
text-align: center;
padding: .1em;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
font-style: italic;
color: #FFFFFF;
}

table.details-table td {
color: #FFFFFF !important;
font-style: italic !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right, #222222,#666666,#222222);
border-radius: 25px;
text-align: center;
padding: .1em;
}

.profile .blurbs,
.profile .friends{
font-style: italic;
color: #FFFFFF;
}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: #FFFFFF;
}

.profile .blurbs .section h4{
color: #FFFFFF;
padding: .1em;
}

.profile .comments-table{
font-style: italic;
color: #FFFFFF;
}

.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
font-style: italic;
color: #FFFFFF;
border: 0px solid white !important;
}

.comments-table img,
.person img{
border-radius: 500px;
filter: grayscale(100%);
}

footer{
background-image: linear-gradient(to bottom right, #222222,#666666,#222222);
border-radius: 25px;
font-style: italic;
color: #FFFFFF;
}

.count{
color: #FFFFFF;
}

a{
color: #AAAAAA;
text-shadow: 1px 1px 2px #FFFFFF;
}

a:visited {
color: #999999;
text-shadow: 1px 1px 2px #FFFFFF;
}

a:hover {
color: #555555;
}

a:active {
color: #A0A0A0;
text-shadow: 1px 1px 2px #FFFFFF;
}

nav .links a:hover{
text-decoration: underline;
color: #FFFFFF;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-7/cur610.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/12/17/oxygen-black-11.html" target="_blank" title="Oxygen Black"><img src="https://cur.cursors-4u.net/cursor.png" alt="Oxygen Black" style="position:absolute; top: 0px; right: 0px;"/></a>

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

lawyersccarecrowkid	1698117806 trying it outt Report Comment
P4thet1c.boy	1694561525 using :3 Report Comment
⊹˙⋆ Joa ⋆˙⊹	1692698747 going to try it Report Comment
sleepyable	1685477839 using Report Comment
Melody 💜	1681508841 using Report Comment
hallways	1680546100 using Report Comment
z8:.•♬	1680271291 love this Report Comment
𝓨𝓪𝔂𝓪	1680026567 Gonna try it :) Report Comment
ᯓ ᡣ𐭩𝒌𝒊𝒘𝒊	1679984014 Using! Report Comment
Axelotl	1679933335 Using ! Report Comment Awesome! Let me know if you have any issues with it. by Coffee Queen; 1679934296; Report