DMC Lady

Layout CSS

<style>

 body {
  background-image: url("https://wallpapercave.com/wp/wp9192705.jpg");

 main {
     
    padding: 6px 0px;
    font-size: 80%;
    colour: white;
    background-size: cover;
    box-shadow: 0px 0px 6px #634a7d;

}


</style>

<style>
.blog-entry{
color: white;
}
a{
  color: white;
}
a:hover{
  color: var(--hover);
  text-decoration: underline;
}
nav{
  color: white;
  border: var(--borders);
}
nav .top{
  background: black;
  color: white;
}

/* this is the line that appears between links in the header and footer.
you can add an emoji or symbol instead of the default line it has */

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
  content: " | ";
  color: white;
}
nav .links{
    text-align: center;
}
nav .links a{
  color: var(--links);
  text-shadow:none;
}

nav .links a:hover{
  color: var(--hover);
}

/* this is where you edit your blog entry */

.blog-entry .comments .heading{
  border-top: 2px solid; 
color: white;
/* this is the line that appears under the kudos */
}

.blog-entry .title{
  padding:0px;
  background-color: var(--lightest-blue);
  opacity: 0.5;
  color: white;!important;
  border: var(--borders);
  font-family: var(--font-family);

}

.blog-entry .content{
  padding: 0px;
  background-color: var(--blue);
  border: var(--borders);
color: white;
}

/* this is the logo color.
you can change it at https://codepen.io/sosuke/pen/Pjoqqp */

nav img.logo{
    filter: brightness(0) saturate(100%) invert(19%) sepia(57%) saturate(4801%) hue-rotate(352deg) brightness(76%) contrast(84%)!important;
}

/* the search wrapper and button */

.search-wrapper input[type=text] {
    background-color: transparent !important;
    border: 1px solid darkred!important;
    border-radius: 3px;
    color: white !important;
}

button{
    border: 0px solid var(--links) !important;
    background-color: transparent !important;
    color: var(--links) !important;
}

.count{
  color: var(--links);
}

main{
  background: transparent;
  color: white;
}

footer{
  color: var(--text);
  background: var(--gray);
  border: var(--borders);
}

/* side bar with your profile image */

.edit-info{
  background: var(--blue);
  border: var(--borders);
color: white;
}
/* red divider */
.edit-info:after{
    background-image: url('https://www.clipartmax.com/png/full/294-2943352_separator-1511402728-red-separator-png.png');
    height:30px;
    display: block;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 20px;
}
.edit-info img:not(.icon){
    background-image: url('https://i.ibb.co/xhm7bY7/Red-Static.gif');
    background-size: 50%;
    padding:8px;
}

/* comments table */

/* this is the border around the replies */
.comment-replies{
    border:1px solid darkred;
    border-radius: 3px;
} 
/* line in between comment replies*/
.comment-reply:not(:first-child){
    border-top: 4px double darkred;
}
.comments-table{
    border:none;
    border-spacing: 0px 10px;
}
.comments-table td{
    background-color: black!important;
color: white;
}
.comments-table td:first-child img:not(.icon){
    background-image: url('https://i.ibb.co/xhm7bY7/Red-Static.gif');
    background-size: 60%;
    padding:5px;
    border-radius: 3px;

}
.comments-table button{
    border:none;
    background-color: transparent;
    color: crimson;
    font-family: 'Quintessential', cursive;
    font-size: 13px!important;
    font-weight: 1;
    letter-spacing: 1px;
    text-shadow: 0px 0px 4px red;
}

</style>