Simple Gothic Layout

<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% ;
  }  


2 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

Lord Byron Silverhand

Lord Byron Silverhand's profile picture

Could I see a preview before I deploy it? I adore my theme and layout as it is now XD


Report Comment