As Long As I'm With You

Tags: compact, base, gif, tragiictayy

Description:

My personal favorite.

Profile is flipped.

This layout hides status and profile info, url, interests, blog posts, friends and comments.

Screenshot taken on mobile, in landscape mode.

If you use this, please comment 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=2433) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@400;700&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;
}

.nav{background-color:var(--box_color_and_seethru); !important;}
nav ul{background:transparent!important; font-size: 8px; text-align: center;}
nav ul a img, .mood a img{display:none !important;}
.top{background:
transparent!important;background-color:rgba(0, 0, 0, 0.0); !important;}

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

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

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

.general-about .profile-pic {
    height: 100%;
    width: 100%;
    background-color: white;
    border-radius: 0px;
    padding-top: 0%;
  }

.general-about .profile-pic img {
    max-width: 100%;
    max-height: 100%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 0px;
    display: block;
  }

.details {
    display: none!important;
    font-size: 11px;
    border-top-left-radius: 0px;
    width: 100%;
    border-top-right-radius: 0px;
    background-color: white;
    color: black;
    margin-bottom: -16px;
  }

.mood {
    font-size: 11px;
    text-align: center;
    direction: ltr;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 100%;
    background-color: white;
    color: black;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0%;
  }

a:link {
        color: black!important;
        font-family: Cormorant Unicase;
        text-transform: uppercase;
        background:none;
}

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

a:visited {
        color: black! important;
}

.w-40 h1{
    display: none;
}


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

.main {
        border-radius: 0 0 0px 0px;
        border: none;
        background: url("")!important;
        background-color: black!important;
}

.profile {
   background-color: white;
   font-family: Cormorant Unicase!important;
   font-size: 11px;
   direction: rtl;
   border: none;
   border-color: ;
   padding-top: 0px;
   padding-bottom: 0px;
}

body {
background-image: url("https://media2.giphy.com/media/YOq9KhX8saHTRU4HWo/giphy.gif?cid=82a1493b05877xvgrtlacrqg1z671w23848c5036s75vzuxg&rid=giphy.gif")!important; background-attachment: fixed; background-size: cover;
}

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

.online { visibility: hidden; }

.url-info {display: none;}

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

.profile .contact .f-row {
    margin: 0;
}

.main {
        border-radius: 0 0 0px 0px;
        background: rgba(000, 000, 000, 0.0) !important;
}

.contact {
        display: block;
        font-size: 9px;
        font-family: arial;
        text-align: center;
        direction: ltr;
        border: none 0px!important;
        background-image: url("")!important;
        background: ;
}

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

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

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

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
display: none;
border:0px;
}

.table.details-table {
border-collapse: collapse;
}

table.details-table td {
background-color: !important;
visibility:hidden; display:none
}

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

.blurbs .heading {
        display: none;
}

.right .section h4{display:none !important;}

.blurbs {
    text-align: left;
    direction: ltr;
    background:#fffff;
    border-radius: 0px;
}

.profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
display: none;
background: rgba(156,56,206,1);
border-radius: 10px;
box-shadow: 2px 2px 7px #000;
color: #fff;
font-family: 'Brush Script MT', cursive;
font-size:35px;
text-transform; uppercase!important;
padding: 2px 7px;
}

.table-section:nth-last-child(2) .details-table {display:none;}

.blog-preview {
  display: none;
  grid-area: blog-preview;
}

.friends
{display:none;
}

.table.comments-table td {
        display: none;
        background-color: white!important;
        border:none;
        width: 10px!important;
        font-size: 11px;
}

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



.main {
        border-radius: 0 0 0px 0px;
        border: none;
        background: url("")!important;
        background-color: black!important;
}


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

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

S.Lynn	1639700779 Report Comment
Katie	1616699927 lovely, thank you. Report Comment You're welcome! :) by TRaGiiCTaYY; 1616701239; Report
Jenna	1616115095 i think i'm gonna use this and tweak some things, thanks so much! Report Comment Of course, :) by TRaGiiCTaYY; 1616116064; Report
james	1615530063 This is an aweosome layout, good job! Report Comment Thank you! by TRaGiiCTaYY; 1615556406; Report