<style>
main:before {
width: 100%;
height: 400px;
display: block;
content: "";
background-image: url('https://thumbs.gfycat.com/BlackandwhiteEnchantingJoey-small.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
<style>
#comments > div.inner > table > tbody > tr > td > p.report > a { visibility: hidden; }
#comments > div.inner > table > tbody > tr > td > p.report > a { content: url("https://fictionphile.com/wp-content/uploads/2020/01/gothic-literature-mansion.jpg"); visibility: visible; height: 30px; width: 32px; float: right; } </style>
<style>
table, th, td {
 border: 4px solid black;
}
h1, h2, h3, h4,h5,a, p, nav label, .section {color: red;}
h1 {
 color: red;
 text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}
:root {
    --logo-blue: ;
    --darker-blue: ;
    --lighter-blue: Black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: ;
    --light-orange: ;
    --even-lighter-orange: ;
    --green: black;
  }
main {
 /* changes made to stuff outside of columns */
  background: #56505155;
  padding: 0;
  font-size: 50%;
  color: var(--light-orange);
 }
.online{
 color: black!important; Â
}
body {
 /* sets background */
  background-image: url(https://owlconnected.com/wp-content/uploads/2020/05/800px-HR_6819-e1589314274457.jpg);
  background-repeat: repeat;
  background-size: 50% ;
 } Â
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
Lordking Byron
Could I see a preview before I deploy it? I adore my theme and layout as it is now XD