Basic red and grey layout

Tags: red, grey, layout, gray

Description:

exactly what the title says

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by hntr :P (https://layouts.spacehey.com/layout?id=28244) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Foundation&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Akshar:wght@700&display=swap');
p{
font-family: 'Edu NSW ACT Foundation', cursive;
font-size: 200%
color: grey;
}

  
h1,h2,h3,h4,h5{
font-family: 'Akshar', sans-serif;
font-size: 200%
color: grey;
</style>


<style>
/* background of the page (i.e. left and right of your profile) */
body {
  background: url(https://i.imgur.com/KbekDAk.jpg);
}

/* your profile itself. main does not encompass the header/footer, which I prefer to leave alone */
main {
  background-color: #610701;
  color: #ccc;
}

/* links within main. --green is a variable from spacehey's own CSS */
main a {
  color: var(--black);
}

/* color/style of borders around tables on the left */
.profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid #111;
}

/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #444;
  color: #bbb;
}

/* colors for table cell background (by default spacehey has a separate color for :first-child) */
.profile .table-section .details-table td {
  background-color: #333;
  color: #ccc;
}

/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #B80000;
  color: #FFFFFF;
}
</style>

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.