faye valentine

Tags: faye valentine, cowboy bebop, anime, simple, compact, suni

Description:

faye valentine

super simple + compact but i love how it turned out!

dedicated to one of my favorite shows of all time and the cartoon woman who awakened my bisexuality.

live preview here.

music not in the code, just wanted to add a little bit of ~spice~ to my previews.

this layout will hide your

url
friends
comments (including add/view comments text)
links
profile info (the area at the top where it says "___ is your friend")

these can be reversed, pls message me if there's anything you want visible!
i'm still learning (clearly) and i'll try my best to help y'all out.

includes cursor and online now icon.

layout not optimal for mobile.

♥ if you like it/use it, please leave a comment and add me if you'd like!♥

Preview:

click on the image for a larger preview

Code:

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

<style>

    :root {
        --logo-blue: transparent!important;
        --darker-blue: #ffffff;
        --lighter-blue: #ffcdd2;
        --even-lighter-blue: transparent!important;
        --lightest-blue: !important;
        --dark-orange: white!important;
        --light-orange: #dfd1f4;
        --even-lighter-orange: #FFFFFF;
        --green: #000000;
        
    }
  
    
    nav img.logo{
        filter: brightness(0) saturate(100%);}
        
     nav .links {
        background: transparent!important;
        font-size: 11px;

    }
    
    .profile a{
        color: white!important;
    }
    
    .profile a:visited{
        color: white!important;
    }
    
     nav .links a{color: black!important;}
     
     nav .links a:visited{ 
         color: black!important;}
     

    .section {color: white!important;}
        p {color: white!important;}
        
    .blurbs{
        margin-top: 0px!important;
        text-align: center;
    }
    .blurbs h4{
        text-align: center;
        text-transform: uppercase;
        font-style: italic;
        font-size: 15px;
        font-weight: 1;
    }
    
    .search-wrapper input[type=text] {
        font-family: times;
        background-color: white!important;
        border: 1px solid!important;
        border-radius: 0px !important;
        font-size: 9px;
        
    }
    
    button{
        border-radius: 0px !important;
        border: 1px solid!important;
        text-transform: lowercase;
        font-family: times;
        font-size: 9px!important;
        background-color: black!important;
        width:;
        color: white!important}
       
    
    body {
        background: white;
        background-image: url("https://64.media.tumblr.com/1862ad939edf54cbf676311705d85e02/tumblr_ngra1kYUmF1qa0br9o1_500.png"), url("https://i.ibb.co/pnCR5sS/fayeflip.png"), url("");
        background-size: 270px;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: right bottom, left bottom;
        text-transform: lowercase;
        font-family: times;
        font-size:13px!important;
        
    }

.blog-preview {
        margin-top: -80px;
        text-align: center;
        color: white!important;
        text-transform: uppercase;
        font-style: italic;
       
    }
    
    .blog-preview p {
        text-transform: lowercase;
        font-size: .6rem;
        margin-top: -10px;
    }
    .blog-preview p {
        text-align: center;
        background-color:;
        padding: 0px 1px;
        border-radius: 10px;
        margin-top: -0px;
        color: white!important;
    }
    
 
    
        
    }
    .blog-preview p a{
        color: white!important;
    }
    .blog-preview p a:hover
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    
 
    nav {
        margin-bottom: 0px;
        border-radius: 50px 50px 0 0;
        color: black!important;
        text-align: center;
        overflow: hidden;
        border: 0px;
        border-color: black!important;
        border-bottom: none!important;
    }
   
    
    .contact {
        font-size: 11px;
        font-family: times;
        border: dotted 0px!important;
        background-image: url("")!important;
        background: ;
        border-top: 0px;
        
    }
    
    .contact a:visited{
        color: white!important;
        
    }
    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
        /* add to friends */
        content: url("")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
        /* add to favorites */
        content: url("")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        /* send Message */
        content: url("")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
        /* forward to friend */
        content: url("")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        /* instant message */
        content: url("")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        /* block user */
        content: url("")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
        /* add to group */
        content: url("")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        /* report user */
        content: url("")
    }

    .profile-info{
        display: none!important;
    }    
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;
    
    }

.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"likes"; font-size:11px; color: white; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"listens"; font-size:11px; color: white; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"films"; font-size:11px; color: white; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p:before { content:"shows"; font-size:11px; color: white; font-weight: 1;}
   .table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p:before { content:"books"; font-size:11px; color: white; font-weight: 1;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}

    }
    .home-actions {
        border: none;
    }

    
    table.details-table {
         border-radius: ;
        border: dotted px;
        border-collapse: collapse;
        border-top: 0px;
        background: trasnparent!important;
        opacity: ;
        
        
        
    }
    table.details-table td {
        order-radius
        background: url("");
        color: black!important;
        border-bottom: dotted px;
        border-right: dotted px
    }
    .profile-pic {
        border-radius: 50px;
        border: solid white 1px;
        overflow: hidden;
        margin-top: 0px!important;
        height: 100px!important;
        width: 100px;
    
        
    }
    .profile-pic img{
        max-height: 100%!important;
        max-width: 100%!important;
    }
    

    .profile-pic img{
        filter: contrast(1.1)!important;
        -webkit-filter: contrast(100%);
        -webkit-transition: all 1s ease;
    }

    .profile-pic img:hover{
        filter: grayscale(100%);
        filter: gray;
        -webkit-filter: grayscale(100%);
        filter: none;
        transition: 1s ease;
    }

    .heading {
        display: none;
    
    }
    h1 {
        background: url("");
        font-size:65px!important;
        font-family: times;
        font-weight:;
        text-transform:uppercase;
        font-style: italic;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
        font-style: ;
        text-shadow: ;
        text-align: left;
        line-height: 55px!important;
        display: block;
        color: white;
        padding: 0px;
        margin-top: -260px!important;
        margin-bottom: px!important;
        
    }
    
    


    
    main:before {
        background-image: url('https://64.media.tumblr.com/199a78db1b72f2947445a257895d15a3/tumblr_n1ldt5vDxL1tu8a0wo1_500.png');
        margin-left: 300px;
        background-size: contain;
        background-repeat: no-repeat;
        color: transparent!important;
        display: block;
        content: "";
        width:;
        height: 300px;
        margin-bottom: -30px;
    
}
    
    main {
        border: black solid 1px;
        background: url("https://i.ibb.co/2SSj6bS/output-onlinepngtools-2.png"), url("https://64.media.tumblr.com/4f3cbb1b66a76a19a9794a162373abc5/tumblr_inline_n258pbAEBc1qhwjx8.png");
        background-repeat: no-repeat, repeat;
        background-position: right bottom!important;
        background-size: 400px!important;
        background-color: black!important;
    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 100px;
        margin-top: -60px;
    }

    .blurbs .heading {
        display: none;
        
    }
    footer {
        border-radius: 0px 0px 50px 50px;
        border: 0px;
        border-top: 0px;
        background: transparent!important;
        display: block !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!important;
        
        
    }
    footer a:link{
        color:black!important;
    }
    footer p{
        color: black!important;
    }
    
    
    table.comments-table td {
        display: none;
        background-color: white!important;
        border: dotted 1px;
        width: 10px!important;
        font-size: 11px;
        
        
    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
        
    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;
        
        
    }
    .profile .right
    }
    
    .blog-preview {
        margin-top: 10px;
        text-align: center;
        color: white;
        border-top: solid 1px;
        border-bottom: solid 1px;
    }
    
    .blog-preview p {
        font-size: .6rem;
        margin-top: -10px;
    }
    
   

    a.addme {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
 

    a:link {
        color: white;
        text-transform: uppercase;
        font-style: italic;
    }
    
    a:hover {
        text-transform: uppercase;
        text-decoration-style: none!important;
        color: none;
        background: none;
        border: none;
    }
    
    a:visited {
        color: black;
    
    }

.friends
{display:none;
    }



    .table-section:last-child {
         display: none !important;}
 

  .online {
        content: url("https://i.ibb.co/rZctnwP/onlinebw.gif");}

    

*
 {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !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 5 of 5 comments ( View all | Add Comment )

NOODLE !! — 🎸	1699495156 most likely about to use, I love this !! :D Report Comment
フィン	1696022847 Using Report Comment
bow	1682454855 obsessed!! :) thank you for making this! Report Comment
Shalie Slaughter	1614933142 DUDE THIS MADE MY WHOLE LIFE! THANK YOU!! Report Comment