Layout Preview

CYAN BLUE THEME

Author: GORGELLA
Category: blue
Created: June 25, 2026
Downloads: 75
Log in to Apply

Live Preview

Comments (0)

No comments yet. Be the first!

Log in to leave a comment.

Layout CSS

<img style="display: block;-webkit-user-select: none;margin: auto;background-color: hsl(0, 0%, 90%);transition: background-color 300ms;" src="https://external-media.spacehey.net/media/sQ_2GJdPygS489GRzm4lg4b3p0mVhbT0N6VezXBe_xOA=/https://i.pinimg.com/736x/16/7b/0b/167b0bcf333d5284861017fa9cae751a.jpg"><img src="https://external-media.spacehey.net/media/sOd51Xvw16DHdfKfOXzpFCGyZJ3_vsR0MK_KXgG__C-E=/https://i.pinimg.com/originals/43/33/74/433374e44caadef1c3678bbb14c3b254.gif" alt=""><p></p><style>



body {



    background-image: url("https://i.ibb.co/Z6XqRw9N/226ce922291218b81b8c1f1e92a0952e.jpg");



    background-position: center center;



    background-size: repeat;



    background-attachment: fixed;



    font-family: 'Georgia', serif;



  }



 



.inner b {



  color: #000000; (TEXT COLOR FOR: DISPLAYING OF COMMENTS/COMMENTS TIME OF POSTING)

}



 



  nav .top {



    background-color: #53b0b5;



  }



 



  nav .links {



    background-color: #44c2b7;



    text-align: center;



    border-radius: 4px 4px 0 0;



    background-position: center;



    background-repeat: no-repeat;



  }



 



  button {



color: #44bbc2;



    background-color: black;



  }



 



  .count {



    color: #000000 ;  (TEXT COLOR FOR: THE NUMBERS IN BETWEEN DISPLAYING OF COMMENTS)



  }



 



  a {



    color: #4fe0d4; (TEXT COLOR FOR: SPACEHEY RULES/ABOUT, NEWS, RULES, ETC AT THE BOTTOM/ YOUR NAME, VIEW PROFILE, VIEW BLOG, REPORT, CATAGORY YOU PICKED/ VIEW ALL, ADD COMMENT/ EDIT, DELETE, PIN TO BLOG)



  }



 



  nav .links a {



    color:#000000;  (TEXT COLOR FOR: TOP BAR HOME, BROWSE, SEARCH, MESSAGES, BLOG, ETC)



  }



 



  footer {



    background-color: #53b0b5;



  }



 



  footer p {



    color: #ffffff  (TEXT COLR FOR: BROUGH TO YOU BY/ DISCLAIMER AT THE BOTTOM)



  }



 



  footer .links {



    color: #000000;  (I'm sorry I don't know what this one is for)



  }







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



    background: #43ccd1;



    color:#000000;   (TEXT COLOR FOR: COMMENTS)



  }



 



  .edit-info {



    background-color: #44c2b7;



    border: 1px;



  }



 



  .blog-entry .title {



    background-color: #315557;



    color: #34b4eb;  (TEXT COLOR FOR: BLOG ENTRY TITLE)



    padding: 5px;



  }



 



p.links a:first-child 



.icon{



  content:url(https://i.ibb.co/JFsTcz8Q/59bc98d24658eb3b71912a0607945532.jpg);



  width: 25px;



  height: auto;



visabiliy: ;



}



 



p.links a:nth-child(2) .icon {



  content: url(https://i.ibb.co/21wbb7yv/pfp.jpg);



  width: 25px;



  height: auto;



visabiliy: ;



}



 



p.links a:last-child .icon, table.comments-table td .icon {



  content: url(https://i.ibb.co/qVkV1nG/2ec28574d2b1a6f243e2cb68cc1599e5.jpg);



  width: 25px;



  height: auto;



visabily: ;



}



 



  .blog-entry .content {



    background-color: #315557; (HOT PINK)



    padding: 10px;



  }



 



  main {



    background-color: #315557; (LIGHT GREEN)



  }



 



  main .left {



    background-image: url(https://i.ibb.co/HL71Wy7M/2408e88d0f8de2dc6336d5d0d4953452.jpg); (LIGHT BLUE)



    color: #00ff15;



  }



 



  main .right {



    padding: 1px;



    background-color: #315557; (LIGHT PINK)



  }




</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/ENTER SONG HERE//?&amp;;amp;;autoplay=1&amp;;loop=1&amp;;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>