Layout Preview

purple

Author: pixiecorpse
Category: purple
Created: June 15, 2026
Downloads: 40
cute layout for my blogs
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-color: #080808;
    background: url(https://i.pinimg.com/736x/55/fe/a6/55fea6dad4dae3fc32a02db1d6f38ab0.jpg);
    

 main {
      #fceef4d4;
     #ff6868d4;
    padding: 6px 0px;
    font-size: 80%;
    color: grey;
    background-size: cover;
    border: solid 2px #3a244f;
    box-shadow: 0px 0px 6px #634a7d;
}


 

.inner b { 

  color: #4b0c69

}

 

  nav .top {

    background-color: black;background-image: url("https://i.pinimg.com/webp85/736x/71/2d/e9/712de9c4c6ff87eaf7ccd91a63d768f2.webp");

  }

 

  nav .links {

    background-color: black;

    text-align: right;

    border-radius: 4px 4px 0 0;

    background-position: center;

    background-repeat: no-repeat;

  }

 

  button {

    color: #4b0c69;

    background-color: black;

  }

 

  .count {

    color:#4b0c69 ;

  }

 

  a {

    color: #4b0c69;

  }

 

  nav .links a {

    color:#73368f;

  }

 

  footer {

    background-color: black;

  }

 

  footer p {

    color: #73368f;

  }

 

  footer .links {

    color:#73368f;

  }

 

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

    background: black;

    color:#73368f;

  }

 

  .edit-info {

    background-color: black;

    border: 1px;

  }

 

  .blog-entry .title {

    background-color: black;

    color: #73368f;

    padding: 5px;

  }

 

p.links a:first-child .icon{

  content: url("https://64.media.tumblr.com/6c2d4155aa17ba747170082c0b467b8b/9c38103123341dda-df/s100x200/736046caee6287c56908055fd59bcd60bfab8085.gifv");

  width: 25px;

  height: auto;

}

 

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

  content: url("https://64.media.tumblr.com/06c476b18758aa0328111a48c728c993/9c38103123341dda-fc/s100x200/86e347011b553f5108f2972c62a1719098ea2d85.gifv");

  width: 25px;

  height: auto;

}

 

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

  content: url("https://64.media.tumblr.com/dd8b786ffd62dde9519592cd245fbab3/9c38103123341dda-c2/s100x200/32b1b2fb156b664e746a89fad9d455f8b7233a41.gifv");

  width: 25px;

  height: auto;

}

 

  .blog-entry .content {

    background-color: black;

    padding: 10px;

  }

 

  main {

    background-color: black;

  }

 

  main .left {

    background-color: black;

    color: #73368f;

  }

 

  main .right {

    padding: 1px;

    background-color: black;

  }

 

HTML,BODY{cursor: url("https://64.media.tumblr.com/eff192b4ac4b8ca801bd9a6610c14e17/7dbe929d2d0ae2ad-8a/s75x75_c1/8f8b0aefcc926d3ada9a1105f8d51dabd2d6f776.gifv"), url("https://64.media.tumblr.com/eff192b4ac4b8ca801bd9a6610c14e17/7dbe929d2d0ae2ad-8a/s75x75_c1/8f8b0aefcc926d3ada9a1105f8d51dabd2d6f776.gifv"), auto;}

 

.logout-btn,

.blog-entry .kudos-btn{

  background: none !important;

  border: none;

  padding: 0 !important;

  cursor: pointer;

  user-select: text;

  text-decoration: none;

  color: #73368f;

  color: var(--#c579e8);

}

 

</style>