Layout Preview

PURPLEEE

Author: GORGELLA
Category: Aesthetic
Created: June 25, 2026
Downloads: 53
Log in to Apply

Live Preview

Comments (0)

No comments yet. Be the first!

Log in to leave a comment.

Layout CSS

<style>



 



 body {



    background-image: url("https://i.ibb.co/Zzp1g4H9/74cf0c8455c6e84dc08d637010f69521.jpg");



    background-position: center center;



    background-size: cover;



    background-attachment: fixed;



    font-family: 'Georgia', serif;



  }



 



.inner b {



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

}



 



  nav .top {



    background-color: #70248A;



  }



 



  nav .links {



    background-color: #CB7FF5;



    text-align: center;



    border-radius: 4px 4px 0 0;



    background-position: center;



    background-repeat: no-repeat;



  }



 



  button {



color: #FFFFFF;



    background-color: black;



  }



 



  .count {



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



  }



 



  a {



    color: #CB7FF5; (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:#FFFFFF;  (TEXT COLOR FOR: TOP BAR HOME, BROWSE, SEARCH, MESSAGES, BLOG, ETC)



  }



 



  footer {



    background-color: #641B8C;



  }



 



  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: #A828ED;



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



  }



 



  .edit-info {



    background-color: purple;



    border: 1px;



  }



 



  .blog-entry .title {



    background-color: #873EAB;



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



    padding: 5px;



  }



 



p.links a:first-child 



.icon{



  content:url(https://i.ibb.co/TDj816M4/f620b58c8718a8be4b1817a4699adada.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/JR0wztrv/cc6288021bc8b621a4c0bc9686feb555.jpg);



  width: 25px;



  height: auto;



visabily: ;



}



 



  .blog-entry .content {



    background-color: #B25DDE; (HOT PINK)



    padding: 10px;



  }



 



  main {



    background-color: #873EAB; (LIGHT GREEN)



  }



 



  main .left {



    background-image: url("https://i.ibb.co/fYjJQbG2/Capture-d-cran-2026-05-30-090733.png"); (LIGHT BLUE)

    background-size: cover;
  
    





  }



 



  main .right {



    padding: 1px;



    background-color: #873EAB; (LIGHT PINK)



  }



</style>