All I See Is Red VERSION 2

Tags: tragiictayy, compact, layout, cute, red, black
Description:

If you this, please comment below, or add me on here. Thank you! :)
Preview:

click on the image for a larger preview
Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Teko&family=Zilla+Slab+Highlight&display=swap');
</style>


<style>


:root {--logo-blue: #00000;
--darker-blue: #fff;
--lighter-blue: #00000;
--even-lighter-blue: #00000;
--lightest-blue: #fff;
--dark-orange: #fff;
--light-orange: #00000;
--even-lighter-orange: #00000;
}



b {
  color: #e36a4e; 
  text-transform: lowercase;
  letter-spacing: -1px;
  text-shadow: 2px 2px 8px white;
}

i {
  color: #e36a4e;
  text-transform: lowercase;
  letter-spacing: 4px;
  text-shadow: 2px 2px 8px white;
}

.logo {
       background-color: transparent;
}

nav{background-color: transparent!important;border-radius: 0px 0px var(--curve) var(--curve); !important;}
nav ul{background: black!important;
border: solid 1px; border-color: #e6c1ae; border-top: transparent; font-size: 8px; text-align: center; padding: 10px!important;}
nav img{filter: opacity(100%) !important;}
nav ul a img, .mood a img{display:none !important;}
.top{background:black!important;background-color:rgba(0, 0, 0, 0.8); !important; border-color: #e6c1ae!important; border: solid 1px; border-bottom: transparent;}

nav img.logo{filter: invert(49%) sepia(69%) saturate(486%) hue-rotate(324deg) brightness(91%) contrast(96%)!important;}

.table {direction:rtl;}
.table table table {direction:ltr;}


.col.w-40 {
  width: 20%;
}

.profile-info {display:none !important;}

.profile {

background:black;
color: #c6cccc;
border: solid 1px;
border-color: #e6c1ae;
background-image: url();
background-size: 350px;
background-repeat: repeat! important;
background-attachment: fixed;
font-family: 'Anton', sans-serif;
font-size: 10px;
text-transform: lowercase;
letter-spacing: 1px;
direction: rtl;
padding: 0px;
box-shadow: 5px 10px #030305;
}

.main{background-color:rgba(0, 0, 0, 0.0); !important;}


.details {
    display: none!important;
}

.mood {
    display: none!important;
    visibility: hidden;
    font-size: small;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    background-color: var(--lighter-blue);
    color: var(--light-orange);
    padding-bottom: 2px;
    margin-bottom: 10px;
    padding-top: 6%
}


a:link {
        color: #e6c1ae!important;
        font-family: 'Teko', sans-serif;
        text-transform: uppercase;
        background:none;
}

a:hover { 
        text-transform: uppercase;
        text-decoration-style: none!important;
        color: #c6cccc!important;
        border: none;
        filter: opacity(100%);
}

a:visited {
        color: #e6c1ae! important;
}

h1 {
   font-family: 'Zilla Slab Highlight', cursive;
   text-transform: lowercase;
   letter-spacing: 0px;
   text-align: left;
   font-size: 20px;
}

.hr{  border: 1px solid var(--names) !important;filter: brightness(55%) !important;}

.profile-info {
    display: none;
}

.profile-pic
     { 
      border: solid 1px;
      border-color: #e6c1ae!important;
      overflow: hidden;
      height: 100%!important;
      width: 100%!important;
      filter: grayscale(100%);
     }

body {
        background-image: url("https://i.pinimg.com/originals/78/19/10/7819104ba38e851d3bc3f70ce84386e9.jpg")!important;
        background-color: #e36a4e;
        background-size: 350px;
        background-repeat: repeat!important;
        background-attachment: fixed;
}

.w-40 h1{
    display: none;
}

.w-40 >  p {
    display: none;
}

.details-table td:first-child{display:none! important;}

.contact {
        display: block;
        font-weight: bold! important;
        text-transform: uppercase;
        padding: 5px;
        border: solid 1px!important;
        border-color: #e6c1ae!important;
        background-image: url("")!important;
        background-color: #e36a4e;
        direction: ltr;
}

.contact .inner a img {
        font-size: 0;
}

.contact .inner a img:before {
        font-size: 1em;
        display: block;
}


.f-col {
    vertical-align: top;
    text-align: center! important;
    margin-bottom: 5px;
    display: block;
}


td {
    display: block;
    background-color: #e36a4e!important;
    border: solid 1px;
    border-color: #e6c1ae;
    text-align: center! important;
    font-weight: bold!important;
    padding: 5px;
    direction: ltr;
}


.table-section:nth-last-child(2) .details-table tr:nth-child(3){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(4){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none! important;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none! important;}


.online {
        display: none;
}


.blurbs .heading{display:none !important;}

.blurbs .inner .section h4{
  display: none;
}

.blurbs {
  padding: 10px;
  text-align: center;
  font-size: 12px;
  color: #c6cccc;
  border: solid 0px;
  border-color:;
  grid-area: blurbs;
  filter:;
  background-color:;
  direction: ltr;
}

.profile .contact, .profile .url-info, .home-actions {
display: none;
}

.profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
display: none;
}

.blog-preview {
  display: none;
}

.friends
{display:none;
}

.table.comments-table td {
        display: none;
}

.comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
}


main {
        background: url("")!important;
        background-color:;
}


.container {
        border-radius: 0px 0px 0 0;
        border: none;
        overflow: hidden;
        padding: 80px;
        margin-top: -50px;
        
}

footer {
        border-radius: 0px;
        border: none;
        background: url("")!important;
        background-color: black;
        display: none !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!important;
}


</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.
Comments

Displaying 0 of 0 comments ( View all | Add Comment )