KLAWZZ's profile picture

Published by

published
updated

Category: SpaceHey

GREY AND BLUE BLACK AND WHITE LAYOUT WITH SILVER GLITTER

This is my layout from my "Monster monday 3" Blog post! feel free to use with or without credit!


<style>


 


 body {


    background-image: url("https://i.etsystatic.com/27808294/r/il/8a35ba/3699483144/il_fullxfull.3699483144_4jxy.jpg");


    background-position: center center;


    background-repeat: no-repeat;


    background-size: cover;


    background-attachment: fixed;


    font-family: 


  }


 


.inner b {


  color: #000000


}


 


  nav .top {


   background-image: url("https://i.pinimg.com/originals/b4/af/49/b4af49c87579396dedcc167429577451.gif");


  }


 nav .links {


    background-color: blue;


    text-align: right;


    border-radius: 4px 4px 0 0;


    background-position: center;


    background-repeat: no-repeat;


  }


 button {


    color: #000000;


    background-color: white;


  }


.count {


    color:#000000 ;


  }



a {


    color: #000000;


  }


 nav .links a {


    color:#000000;


  }


 


  footer {


    background-color: #dbccd6;


  }


footer p {


    color: #000000;


  }


 


  footer .links {


    color:#000000;


  }


 .comments-table td:first-child, .comments-table td, .comment-replies, .details-table td:first-child, .details-table td {


     background: black;


    color:#000000;


  }


.edit-info {


     background-image: url("https://i.pinimg.com/originals/b4/af/49/b4af49c87579396dedcc167429577451.gif");


    border: 1px;


  }


.blog-entry .title {


    background-color: white;


    color: #000000;


    padding: 5px;


  }


.blog-entry .content {


    background-color: black;


    padding: 10px;


  }


 main {


    background-color: #5edaff;


  }


 main .left {


    background-color: #e5e5f1;


    color: #000000;


  }


main .right {


    padding: 1px;


    background-color: #ccccd6;


  }


.logout-btn,


.blog-entry .kudos-btn{


  background: none !important;


  border: none;


  padding: 0 !important;


  cursor: pointer;


  user-select: text;


  text-decoration: none;


  color: #000000;


  color: var(--#000000);


}


</style>


<div style="float:  ; max-height: 600px; position: fixed; right: 1px; bottom: 9px; z-index: 400;"><span style="font-size: 12.8px;"> </span><img src="https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExYmM2a3pkcWYzMGtmYnRjcGQ3cXRoOWQ1ZjhuMW16ZDFkdWg2bTU4MiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/mCIvrUUBxEtSB2BzKW/giphy.webp" width="

200" height="200" style="font-size: 12.8px;"></div>

 


2 Kudos

Comments

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

KLAWZZ

KLAWZZ's profile picture

psst btw i decided to keep the little monster energy. image in the corner bcs i feel like this layout is sucky and a little barebones, but if u want to take that image away, just delete the div style thing at the very end of this post! or dont copy it into ur clipbord at all xd


Report Comment