Oxidized Paper - Site News

Use the following:

[[include theme:oxidized-paper]]

The Bulletin Box Div:

This is a test div.

Source Code

/*
    Oxidized Paper
    [2022 Wikidot Theme]
    Created by Rylance for The Arstotzkan Universe
*/
 
@import url('https://fonts.googleapis.com/css?family=Trirong');
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600&display=swap');
@import url(https://db.onlinewebfonts.com/c/f3258385782c4c96aa24fe8b5d5f9782?family=Old+English+Text+MT);
 
div#container-wrap {
  background-image: url("http://arstotzkanuniverse.wikidot.com/local--files/theme:oxidized-paper/header-1-bg.png");
  background-color: rgb(240, 230, 200);
}
 
#content-wrap {
  background-image: url("http://arstotzkanuniverse.wikidot.com/local--files/theme:oxidized-paper/Background-image.jpg");
  max-height: none;
  max-width: 70%;
  padding: 30px;
  box-shadow: 1px 1px 5px;
  border-radius: 15px;
}
 
#page-title {
  font-family: "Times New Roman", Times, serif;
}
 
#page-content {
  font-family: "Trebuchet MS", sans-serif;
}
 
h1 {
  font-family: "Trirong", serif;
}
 
h2, h3, h4, h5, h6, {
  font-family: "Bitter", serif;
}
 
/* Hide the existing text */
#header h1 span, #header h2 span { font-size: 0; display: none; }
/* Style the new text */
#header h1 a::before, #header h2::before {
  color: var(--headerColor);
  font-family: var(--header-font);
  text-shadow: none;
}
#header h2::before { color: var(--textColor); }
/* Set the new text's content from variable */
#header h1 a::before {
  content: var(--header-title, "The Truth of Arstotzka");
  font-family: "Old English Text MT";
  color: black;
}
#header h2::before {
  content: var(--header-subtitle, "Official Bulletin");
  margin: 5px;
}
 
div.bulletin-box {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 25px;
  margin: auto;
  box-shadow: 1px 1px 5px;
  margin: 10px;
}
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
    #side-bar:focus-within:not(:target) {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 19.75em;
        opacity: 0;
        z-index: -1;
        visibility: visible;
    }
    #side-bar:not(:target) .close-menu { display: none; }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
    @supports (-moz-appearance:none) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
    }