Waves

Tags: tragiictayy, compact, simple, gif

Description:

My first layout using base codes.

Screenshot on mobile browser.

Fonts and font colors are completely customizable.

Hides url, interests, view blog posts, headers, friends and comments.

If used, please comment and 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=2390) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Caveat&family=Indie+Flower&family=Lato&family=Oswald&family=Raleway&family=Roboto&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: #00000;
  font-family: caveat; 
  font-size: 10px; 
  text-transform: uppercase;
  letter-spacing: 1px;
}

.i {
  font-family: caveat;
  color: #00000;
  letter-spacing: 1px;
}

.logo {
       background-color: transparent;
}

nav{background-color:var(--box_color_and_seethru); !important;border-radius: 0px 0px var(--curve) var(--curve); !important;}
nav ul{background:transparent !important;filter:opacity(80%);
border: solid 0px;}
nav img{filter: opacity(80%) !important;}
nav ul a img, .mood a img{display:none !important;}
.top{background:
transparent!important;background-color:rgba(0, 0, 0, 0.8); !important;}


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


.profile {

background:white;
color: black;
border: solid 1px;
border-color: white;
background-image: url();
background-size: cover;
filter: opacity(80%);
font-family: architects daughter;
font-size: 10px;
text-transform: lowercase;
padding: 0px;
}

.mood {
    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: #008B8B!important;
        font-family: architects daughter;
        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: #008B8B! important;
}



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

.profile-info {
    display: none;
}

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

body {
        background-image: url("https://media4.giphy.com/media/zyn9wh94Uwb4s/giphy.gif?cid=ecf05e47pbqnzv4e6uqn3ulyh6h9qbu8d0gaso5x3rbdz8gy&rid=giphy.gif")!important;
        background-color: #FFFAFA;
        background-size: cover;
        background-attachment: fixed;
}

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

.w-40 h1{
    display: none;
}

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

.contact {
        display: block;
        padding: 0px;
        font-size: 10px;
        font-family: caveat;
        text-transform: uppercase;
        border: none 0px!important;
        background-image: url("")!important;
        background-color: white;
}

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

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

.online {
        display: none;
}


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

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

.blurbs {
  text-align: center;
  font-size: 12px;
  color: gray;
  border: solid 0px;
  border-color: white;
  grid-area: blurbs;
  background-color: white;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
display: none;
border: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: 50px;
        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 2 of 2 comments ( View all | Add Comment )

Tree~ST4R

1731252959

LOVE THIS~ USED.

Report Comment

ʇɐɯ

1627665231

dopeeeeee

Report Comment