Bluey

Tags: bluey, blue

Description:

This is a bluey layout for all the bluey fans out there [including me lol] Use credit and comment if ur gonna use it

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Handjet:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');

p{
  font-family: 'Didact Gothic', sans-serif;
  font-size: 90%;
  color: #419;
}

main{
   background-color:#404066;
}

h1,h2,h3,h4,h5{
  font-family: 'Handjet', cursive; font-size: 15px;
  font-size: 70%;  
  color: #edcc6f;
}
    .top{
    font-family: 'Handjet', cursive; font-size: 15px;
    background-color: #2b2c41 !important;}
    
  body {
   background-image: url(https://cdn11.bigcommerce.com/s-rv5ea8/images/stencil/original/products/21020/48711/78285A620715__32489.1676402384.jpg);

}
    .top input{
    background-color: #88cafc !important;
    }

    button{
    font-family: 'Handjet', cursive;
    background-color: #9696a2 !important;
    }

    main .right,
    main .left{
        background-color: #1a1b1f;
}

/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   font-size: 150%;
   color: #a5a8b3;
}

.blog-preview h4{
    height: 20px !important;
    background-color: black;
    font-size: 100%;
    color: #a5a8b3;
}

.blog-preview h4 a{
    height: 20px !important;
    font-size: 60%;
    color: #a5a8b3;
}

.blurbs .heading{
font-size: 150%;
}

.friends .heading{
font-size: 150%;
}

.mood p{
font-family: 'Handjet', cursive; 
font-size: 120%;
}

.mood a{
font-family: 'Didact Gothic', sans-serif; 
font-size: 80%;
}

.mood a:hover{
font-family: 'Didact Gothic', sans-serif; 
font-size: 80%;
}

table.comments-table{
display: block;
height: 200px!important;
overflow-y: scroll;}



footer {
    background-color: #1a1b1f;
    font-size: 80%;
    color: #a5a8b3;
}

table.comments-table{
    color: #7595ff;    
}

.count {
    color: #666ba9;
}
    a{ 
     font-size: 100%;
     font-family: 'Didact Gothic', sans-serif;
     color: #a5a8b3 !important;
    }

    a:hover{
    font-size: 100%;
    font-family: 'Didact Gothic', sans-serif;
    color: #666ba9 !important;
        
    }
    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #a5a8b3 !important;

    }
    .top a:hover{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #666ba9 !important;

    }
    .top a:visited{

    color: COLOR !important;

    }
    .links a{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #a5a8b3 !important;

    }
    .links a:hover{
    font-family: 'Didact Gothic', sans-serif;
    color: #666ba9 !important;

    }
    .links a:visited{

    color: COLOR !important;

   }
    .friends-grid p{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #a5a8b3 !important;
        
    }
    .comments-table p{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #a5a8b3;
    
    }
    footer .links a{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #a5a8b3 !important;

   }
    footer .links a:hover{
    font-size: 90%;
    color: #666ba9 !important;

   }
    footer .links a:visited{

    color: COLOR !important;

   }

:root {
    --logo-blue: #a5a8b3;
    --darker-blue: #a5a8b3;
    --lighter-blue: black;
    --even-lighter-blue: transparent;
    --lightest-blue: transparent;
    --dark-orange: #1a1b1f;
    --light-orange: ;
    --even-lighter-orange: transparent;
    --green: ;
}

/*SpaceHey Logo (Background Color/Background Image)*/
    .logo {content:url("https://iili.io/HtKruob.png");}

/* contact icons */
.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: "✠︎"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "✠︎"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "✠︎"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "✠︎"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "✠︎"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "✠︎"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "✠︎"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "✠︎"
}   


</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 )

Layout published by Axelotl​

Bluey

Description:

Code:

Comments

Layout published by Axelotl