Difference between revisions of "MediaWiki:Common.css"

From Johnisdead Wiki
Jump to navigation Jump to search
(160 intermediate revisions by the same user not shown)
Line 1: Line 1:
.altTooltip {
+
.tempList th a {
position: relative;
+
color: gold;
display: inline-block;
 
color: green;
 
 
}
 
}
  
.altTooltip .tooltiptext {
+
.tempList th p {
border-radius: 5px;
 
background-color: #0d1c00;
 
border: 2px solid #1b3d00;
 
color: #fff;
 
box-shadow: 0px 0px 7px black;
 
visibility: hidden;
 
width: 300px;
 
color: #fff;
 
 
text-align: center;
 
text-align: center;
border-radius: 6px;
+
margin-top: 0px;
padding: 5px 0;
+
margin-bottom: 0px;
position: absolute;
 
z-index: 1;
 
bottom: 100%;
 
left: 50%;
 
margin-left: -150px;
 
margin-bottom: 0.6em;
 
 
}
 
}
  
.altTooltip:hover .tooltiptext {
+
.tempList th {
visibility: visible;
+
border-top-left-radius: 10px;
 +
border-top-right-radius: 10px;
 +
background-color: #1b3d00;
 
}
 
}
  
.WHsolved p {
+
.tempList td {
color: #AAA !important;
+
vertical-align: top;
font-family: "arial",sans-serif;
+
text-align: center;
font-size: 12px;
+
font-size: 20px;
 +
font-weight: bold;
 +
text-shadow: 0px 0px 15px gold;
 
}
 
}
  
.WHsolved {
+
.tempList td img {
background-color: #0c0c0c;
+
width: 100%;
padding: 0.8em;
+
height: auto;
border-radius: 10px;
 
box-shadow: 0px 0px 8px #828282;
 
color: #AAA !important;
 
font-family: "arial",sans-serif;
 
font-size: 12px;
 
 
}
 
}
  
.WHsolved b {
+
.tempList td img:hover {
color: white;
+
filter: brightness(150%);
 
}
 
}
  
.WHpost img {
+
.tempList td:nth-child(odd) {
max-width: 100% !important;
+
width: 13%;
height: auto;
+
border: 2px solid #1b3d00;
 +
border-bottom-left-radius: 10px;
 
}
 
}
  
.WHpost iframe {
+
.tempList td:nth-child(even) {
border: none !important;
+
border: 2px solid #1b3d00;
border-radius: 0px !important;
+
border-bottom-right-radius: 10px;
box-shadow: none !important;
 
 
}
 
}
  
.edited {
+
.tempList table {
border: 1px dotted #333;
+
width: 100%;
color: #AAAAAA;
+
}
font-size: 85%;
+
 
font-style: italic;
+
.tempList pre {
margin-top: 1em;
+
text-align: left;
padding: 5px 10px;
+
font-size: 8px;
 +
color: gray;
 +
text-shadow: none;
 +
border: none;
 +
border-radius: 5px;
 +
margin: 3px;
 +
background-color: transparent;
 +
}
 +
 
 +
.tradTable table {
 +
font-size: 100%;
 +
background-color: #1b3d00;
 +
padding: 2px;
 
border-radius: 10px;
 
border-radius: 10px;
 
}
 
}
  
.edited b {
+
.tradTable table pre {
color: #9A7DE3;
+
background-color: transparent;
 +
border: none;
 +
padding: 3px;
 +
}
 +
 
 +
.tradTable th pre {
 +
color: white;
 
}
 
}
  
.WHspoiler {
+
.tradTable td p {
background: url(http://johnisdead.withinhubris.com/images/9/93/WHbar.png) repeat-x top #000;
+
padding-right: 15px;
border: 1px solid #333;
+
padding-left: 5px;
color: #fff;
 
cursor: pointer;
 
font-weight: 700;
 
padding: 2px 4px;
 
margin: 9px auto 0px auto;
 
font-size: 12px !important;
 
 
}
 
}
  
.WHspoilertext {
+
.tradTable td {
border: 1px solid #333;
+
background-color: #0d1c00;
color: #AAA !important;
+
border-radius: 4px;
font-family: "arial", sans-serif !important;
 
font-size: 12px !important;
 
padding: 2px 4px;
 
 
}
 
}
  
.WHpost {
+
.tradTable td pre {
background-color:black;
+
color: white;
display: block;
+
border-radius: 5px;
float: left;
+
margin: 0px;
width: 90%;
 
margin-left: 5%;
 
margin-top: 2em;
 
margin-bottom: 2em;
 
border: 1px solid #333;
 
 
}
 
}
  
.WHleft {
+
.tradTable tr:nth-of-type(even) {
clear: both;
+
display: table-row;
float:left;
+
background-color:transparent;
padding: 5px 10px;
 
width: 15%;
 
min-width: 90px;
 
background-color: black;
 
 
}
 
}
  
.WHleft p {
 
color: #AAA !important;
 
font-family: "arial", sans-serif;
 
font-size: 10px !important;
 
}
 
  
.WHleft b {
+
 
color: #AAA !important;
+
 
font-family: "arial", sans-serif;
+
.prodtext {
font-size: 10px;
+
animation-duration: 2000ms;
 +
animation-name: producerAni;
 +
animation-iteration-count: infinite;
 +
animation-timing-function: ease-in-out;
 +
font-family: sans-serif;
 +
font-weight: bold;
 +
font-size: 18px;
 +
transform-style: preserve-3d;
 +
color:#a6a6ff;
 +
opacity: 80%;
 +
padding-left: 2em;
 
}
 
}
  
.WHleft img {
+
@keyframes producerAni {
width: 80px;
+
  0% {
height: 80px;
+
      filter: blur(0.4px); -webkit-filter: blur(0.7px);
margin-left:auto;
+
      transform: rotateX(20deg);
margin-right:auto;
+
      margin-left: 3px;
display:block;
+
  }
 +
  50% {
 +
      filter: blur(0.4px); -webkit-filter: blur(0.9px);
 +
      transform: rotateX(-20deg);
 +
      margin-left: 0px;
 +
  }
 +
  100% {
 +
      filter: blur(0.4px); -webkit-filter: blur(0.7px);
 +
      transform: rotateX(20deg);
 +
      margin-left: 3px;
 +
  }
 
}
 
}
  
.WHright {
+
.charWH {
float:left;
+
background-image: url(https://johnisdead.withinhubris.com/images/d/d1/Char_wh.png);  
padding: 5px 10px;
+
background-size: cover;
background-color: black;
 
width: 75%;
 
 
}
 
}
  
.WHright p {
+
.charLC {
color: #AAA !important;
+
background-image: url(https://johnisdead.withinhubris.com/images/5/59/Char_lc.png);  
font-family: "arial", sans-serif;
+
background-size: cover;
font-size: 12px;
 
 
}
 
}
  
.WHright a {
+
.charMC {
color: #9A7DE3 !important;
+
background-image: url(https://johnisdead.withinhubris.com/images/e/ed/Char_mc.png);
 +
background-size: cover;
 +
}
 +
 
 +
.charAO {
 +
background-image: url(https://johnisdead.withinhubris.com/images/9/9f/Char_ao.png);
 +
background-size: cover;
 
}
 
}
  
.WHright a:hover {
+
.charUN {
color: #CAEDAD !important;
+
background-image: url(https://johnisdead.withinhubris.com/images/e/e5/Char_un.png);  
text-decoration: none !important;
+
background-size: cover;
 
}
 
}
  
.WHheader {
+
.WHpost p {
font-size: 10px !important;
+
word-break: break-word;
margin-left: 10px !important;
 
 
}
 
}
  
.transcriptWH {
+
.WHpost b {
background-color: #000000;
+
color: #AAA;
background-image: url(http://johnisdead.withinhubris.com/images/2/26/Spacebg12.png);
 
border: 2px solid #1b3d00;
 
border-radius: 15px;
 
display: inline-block;
 
 
}
 
}
  
.transcriptTumblr {
+
.WHpost i {
background-color: #000000;
+
opacity: 1;
background-image: url(http://johnisdead.withinhubris.com/images/7/73/Tumblrbg.jpg);
 
background-repeat: no-repeat;
 
background-attachment: fixed;
 
background-position-x: 13em;
 
background-size: 200%;
 
border: 2px solid #1b3d00;
 
border-radius: 15px;
 
 
}
 
}
  
.transcriptTumblr a {
+
.rainbow_text {
color: gold;
+
    background: red;
 +
    background: -webkit-linear-gradient(left, orange , yellow, green, cyan, blue, violet);
 +
    background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
 +
    background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
 +
    background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet);
 +
    -webkit-background-clip: text;
 +
    -webkit-text-fill-color: transparent;
 
}
 
}
  
.transcriptTumblr .webArchive {
+
.mw-redirectedfrom {
background-color: rgba(0, 0, 0, 0);
+
display: none;
border: none;
 
border-radius: 15px;
 
font-size: 1.1em;
 
margin-left: 10px;
 
margin-top: 20px;
 
margin-right: 10px;
 
word-wrap: break-word;
 
padding-left: 1em;
 
padding-right: 1em;
 
padding-bottom: 1em;
 
padding-top: 0.2em;
 
 
}
 
}
  
.transcriptTumblr .webArchiveEntry {
+
.infobox ul.tabbernav li {
background-color: rgba(0, 0, 0, 0.7);
+
padding-top: 0.5em;
border:none;
 
box-shadow: 0px 0px 3px #999;
 
color:white;
 
 
}
 
}
  
ol.references { font-size: 90%; }
+
.infobox ul.tabbernav {
ol.references li:target { color: gold; text-shadow: 0 0 5px yellow; background-color: #202708; border-radius: 3px; }
+
padding-top: 0px;
sup.reference:target { color: gold; text-shadow: 0 0 5px yellow; background-color: #202708; border-radius: 3px; }
+
}
  
code {
+
.infobox-image .tabber .tabbertab {
color: green;
+
background-color: #1b3d00;
background-color: #030600;
 
border: none;
 
 
}
 
}
  
.indentedStyle {
+
.infobox-image ul.tabbernav li a:link {
color: green;
+
padding: 4px 0.9em 8px 0.4em;
font-style: italic;
+
font-size: 1.2em;
font-weight: bold;
+
}
font-size: 1.025em;
 
font-family: monospace;
 
padding: 1em;
 
padding-top: 0;
 
padding-bottom: 0;
 
margin-left: 1.3em;
 
}
 
  
.webArchiveEntry .indentedStyle {
+
.erikaquote {
border-left: 2px solid #1b3d00;
+
width: 80%;
 +
margin-left: 4em;
 +
margin-right: 4em;
 +
height: fit-content;
 +
display: inline-block;
 
}
 
}
  
.indentedStyle p {
+
.erikaquote img {
color: green !important;
+
padding: 0.2em;
font-style: italic;
+
float:left;
font-weight: bold;
+
max-width: 6em;
font-size: 1.025em;
+
z-index: 1;
font-family: monospace;
+
position: absolute;
 +
width: 91px !important;
 +
height: auto !important;
 
}
 
}
  
.fadeEffect {
+
.erikaquotename {
    animation-duration: 4500ms;
+
font-family: 'Fcursive';
    animation-name: fadeImage;
+
float:left;
    animation-iteration-count: infinite;
+
width: 100%;
 +
padding-left: 4.6em;
 +
font-size: 1.4em;
 +
color: gold;
 +
text-shadow: 0px 0px 2px gold;
 +
font-weight:bold;
 
}
 
}
  
@keyframes fadeImage{
+
.erikaquotename:hover {
  0% {
+
font-family: sans-serif;
      opacity: 0%;
+
float:left;  
  }
+
width: 100%;
  50% {
+
padding-left: 4.6em;
      opacity: 70%;
+
font-size: 1.4em;
  }
+
color: gold;
  100% {
+
text-shadow: 0px 0px 2px gold;
      opacity: 0%;
+
font-weight:bold;
  }
 
 
}
 
}
  
.vip10 i {
+
.erikaquotebox {
opacity: 0.5;
+
font-family: 'Fcursive';
font-weight: normal;
+
color: green !important;
 +
font-size: 1.2em;
 +
font-style: normal;
 +
width: 80%;
 +
float:left;
 +
padding-left: 5.5em;
 +
padding-right: 1.8em;
 +
padding: 0.5em 2em 0.5em 5.5em;
 
}
 
}
  
.vip10 {
+
.erikaquotebox:hover {
font-weight: bold;
+
font-family: sans-serif;
background-color: #004013;
+
color: green;
color: #00d940;
+
font-style: italic;
 +
border-radius: 15px;
 +
width: 80%;
 +
float:left;
 +
padding-left: 5.5em;
 +
padding-right: 1.8em;
 +
padding: 0.5em 2em 0.5em 5.5em;
 
}
 
}
  
ul.tabbernav {
 
border-bottom: none;
 
}
 
  
ul.tabbernav li a {
+
 
background-color: #081200;
+
 
border: 2px solid #1b3d00;
+
 
border-top-left-radius: 15px;
+
 
border-top-right-radius: 50px;
+
 
border-bottom-left-radius: 20px;
+
 
border-bottom-right-radius: 20px;
+
 
color: gold;
+
.tablenav .altTooltip a:hover {
 +
color:green;
 +
text-shadow: 0px 0px 5px green !important;
 
}
 
}
  
ul.tabbernav li a:hover {
+
.tablenav2 .altTooltip a {
background-color: #1b3d00;
+
color:green !important;
border: 2px solid #1b3d00;
 
border-top-left-radius: 15px;
 
border-top-right-radius: 50px;
 
border-bottom-left-radius: 20px;
 
border-bottom-right-radius: 20px;
 
color: yellow;
 
 
}
 
}
  
ul.tabbernav li.tabberactive a {
+
.tablenav2 .altTooltip a:hover {
background-color: black;
+
color:green;
border: 2px solid #1b3d00;
+
text-shadow: 0px 0px 5px green !important;
border-top-left-radius: 15px;
 
border-top-right-radius: 50px;
 
border-bottom-left-radius: 20px;
 
border-bottom-right-radius: 20px;
 
border-bottom: none;
 
 
}
 
}
  
ul.tabbernav li.tabberactive a:hover {
+
.altTooltip {
background-color: black;
+
position: relative;
border: 2px solid #1b3d00;
+
display: inline-block;
border-top-left-radius: 15px;
 
border-top-right-radius: 50px;
 
border-bottom-left-radius: 20px;
 
border-bottom-right-radius: 20px;
 
border-bottom: none;
 
color: gold;
 
 
}
 
}
  
ul.tabbernav li a:link {
+
.altTooltip .tooltiptext {
color:gold;
+
border-radius: 5px;
font-size: 1.3em;
+
background-color: #0d1c00;
text-shadow: 0 0 2px gold;
 
padding: 3px 2.3em;
 
padding-bottom: 10px;
 
}
 
 
 
.tabber .tabbertab {
 
background-color: black;
 
 
border: 2px solid #1b3d00;
 
border: 2px solid #1b3d00;
border-top-right-radius: 15px;
+
color: #fff;
border-bottom-left-radius: 15px;
+
box-shadow: 0px 0px 7px black;
border-bottom-right-radius: 15px;
+
visibility: hidden;
border-top-left-radius: 6px;
+
width: 180px;
padding-left: 1.5em;
+
color: #fff;
padding-right: 1.5em;
+
font-size: 85%;
 +
text-align: center;
 +
border-radius: 6px;
 +
padding: 5px 0;
 +
position: absolute;
 +
z-index: 1;
 +
bottom: 100%;
 +
left: 50%;
 +
margin-left: -90px;
 +
margin-bottom: 0.6em;
 
}
 
}
  
.webArchiveEntry .indented {
+
.altTooltip:hover .tooltiptext {
border-left: 2px solid #1b3d00;
+
visibility: visible;
 
}
 
}
  
.webArchiveEntry .fadediv {
+
.WHsolved p {
background: linear-gradient(to right,#007900,rgba(27,61,0,1),rgba(27,61,0,0),rgba(27,61,0,0),rgba(27,61,0,0));
+
color: #AAA !important;
height: 3px;
+
font-family: "arial",sans-serif;
margin: 0px;
+
font-size: 12px;
box-shadow: 0px 0px 3px #1b3d00;
 
 
}
 
}
  
.webArchiveEntry iframe {
+
.WHsolved {
max-width: 80%;
+
background-color: #0c0c0c;
margin-left: 0px;
+
padding: 0.8em;
margin-right: 0px;
+
border-radius: 10px;
 +
box-shadow: 0px 0px 8px #828282;
 +
color: #AAA !important;
 +
font-family: "arial",sans-serif;
 +
font-size: 12px;
 
}
 
}
  
.mw-destfile-warning {
+
.WHsolved b {
background-color: #060e00;
+
color: white;
border: 2px solid #0d1c00;
 
 
}
 
}
  
audio {
+
.WHpost img {
height: 35px;
+
max-width: 100% !important;
width: 300px;
 
}
 
 
 
.pageImg {
 
max-width: 300px;
 
 
height: auto;
 
height: auto;
box-shadow: 0px 0px 10px black;
 
 
 
}
 
}
  
li.gallerybox div.thumb {
+
.WHpost iframe {
background-color: #060e00;
+
border: none !important;
border: 2px solid #0d1c00;
+
border-radius: 0px !important;
border-radius: 10px;
+
box-shadow: none !important;
 
}
 
}
  
.cheatSheet {
+
.edited {
background-color: #060e00;
+
border: 1px dotted #333;
border: 2px solid #060e00;
+
color: #AAAAAA;
border-radius: 15px;
+
font-size: 85%;
font-size: 1.1em;
+
font-style: italic;
margin-left: 10px;
+
margin-top: 1em;
margin-top: 8px;
+
padding: 5px 10px;
margin-right: 10px;
+
border-radius: 10px;
margin-bottom: 20px;
 
word-wrap: break-word;
 
padding-left: 1em;
 
padding-right: 1em;
 
padding-bottom: 0px;
 
padding-top: 0px;
 
box-shadow: 0px 0px 10px #060e00;
 
 
}
 
}
  
.cheatSheet pre {
+
.edited b {
margin-bottom: 0.4em;
+
color: #9A7DE3;
margin-top: 0px;
 
border-radius: 10px;
 
border: 2px solid #1b3d00;
 
color: gray;
 
font-weight: bold;
 
font-size: 12px;
 
 
}
 
}
  
.webArchive b {
+
.WHspoiler {
color: gold;
+
background: url(https://johnisdead.withinhubris.com/images/9/93/WHbar.png) repeat-x top #000;
font-family:Arial;
+
border: 1px solid #333;
text-shadow: 0px 0px 5px darkgoldenrod;  
+
color: #fff;
font-size: 15px;
+
cursor: pointer;
opacity: 1;
+
font-weight: 700;
 +
padding: 2px 4px;
 +
margin: 9px auto 0px auto;
 +
font-size: 12px !important;
 
}
 
}
  
.webArchive {
+
.WHspoilertext {
background-color: #060e00;
+
border: 1px solid #333;
border: 2px solid #0d1c00;
+
color: #AAA !important;
border-radius: 15px;
+
font-family: "arial", sans-serif !important;
font-size: 1.1em;
+
font-size: 12px !important;
margin-left: 10px;
+
padding: 2px 4px;
margin-top: 20px;
 
margin-right: 10px;
 
word-wrap: break-word;
 
padding-left: 1em;
 
padding-right: 1em;
 
padding-bottom: 1em;
 
padding-top: 0.2em;
 
 
}
 
}
  
.webArchiveEntry b {
+
.WHpost {
color: gold;
+
background-color:black;
font-family:Arial;
+
display: block;
text-shadow: 0px 0px 5px darkgoldenrod;  
+
float: left;
font-size: 15px;  
+
width: 90%;
opacity: 1;
+
margin-left: 5%;
 +
margin-top: 2em;
 +
margin-bottom: 2em;
 +
border: 1px solid #333;
 
}
 
}
  
.webArchiveEntry {
+
.WHleft {
background-color: #0d1d00;
+
clear: both;
border: 2px solid #1b3d00;
+
float:left;
border-radius: 15px;
+
padding: 5px 10px;
margin-left: 10px;
+
width: 15%;
font-family: monospace;
+
min-width: 90px;
font-size: 1.1em;
+
background-color: black;
padding-left: 1em;
 
padding-right: 1em;
 
 
}
 
}
  
.webArchiveEntry .poem {
+
.WHleft p {
margin-top: 5px;
+
color: #AAA !important;
 +
font-family: "arial", sans-serif;
 +
font-size: 10px !important;
 
}
 
}
  
.webArchiveEntry .mainImg {
+
.WHleft b {
max-width: 80%;
+
color: #AAA !important;
box-shadow: 0px 0px 20px black;
+
font-family: "arial", sans-serif;
margin-left: auto;  
+
font-size: 10px;
margin-right: auto;
 
display: -webkit-box;  
 
margin-top: 15px; border-radius: 8px;
 
 
}
 
}
  
@import url('https://fonts.googleapis.com/css2?family=Cedarville+Cursive&display=swap');
+
.WHleft img {
 +
width: 80px;
 +
height: 80px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
display:block;
 +
}
  
.erika-text {
+
.WHright {
font-family: 'Cedarville Cursive', cursive;
+
float:left;
color: green;
+
padding: 5px 10px;
font-size: 1.2em;
+
background-color: black;
font-style: normal;
+
width: 75%;
 
}
 
}
  
.erika-text:hover {
+
.WHright p {
font-family: sans-serif;
+
color: #AAA !important;
color: green;
+
font-family: "arial", sans-serif;
font-style: italic;
+
font-size: 12px;
background-color: #050c00;
 
border-radius: 15px;
 
 
}
 
}
  
.charaBox {
+
.WHright a {
background-color: black;
+
color: #9A7DE3 !important;
width: 9em;
 
font-size: 1em;
 
float:left;
 
height: 7em;
 
box-shadow: 0 0 20px 25px #070e00 inset;
 
border-radius: 5px;
 
 
}
 
}
  
.charaBox a {
+
.WHright a:hover {
 +
color: #CAEDAD !important;
 +
text-decoration: none !important;
 +
}
  
 +
.WHheader {
 +
font-size: 10px !important;
 +
margin-left: 10px !important;
 
}
 
}
  
.charaBox p {
+
.transcriptWH {
padding-top: 0.55em;
+
background-color: #000000;
 +
background-image: url(https://johnisdead.withinhubris.com/images/2/26/Spacebg12.png);
 +
border: 2px solid #1b3d00;
 +
border-radius: 15px;
 +
display: inline-block;
 
}
 
}
  
.FAQ {
+
.transcriptTumblr {
background-color: #0d1c00;
+
background-color: #000000;
border-radius: 15px;
+
background-image: url(https://johnisdead.withinhubris.com/images/7/73/Tumblrbg.jpg);
padding: 1em;
+
background-repeat: no-repeat;
padding-top: 0.2em;
+
background-attachment: fixed;
padding-bottom: 0.4em;
+
background-position-x: 13em;
 +
background-size: 200%;
 
border: 2px solid #1b3d00;
 
border: 2px solid #1b3d00;
 +
border-radius: 15px;
 
}
 
}
  
.FAQ h3 {
+
.transcriptTumblr a {
padding-top: 0px;
+
color: gold;
padding-bottom: 0.3em;
 
 
}
 
}
  
.FAQanswer {
+
.transcriptTumblr .webArchive {
background-color: #081200;
+
background-color: rgba(0, 0, 0, 0);
 +
border: none;
 
border-radius: 15px;
 
border-radius: 15px;
padding: 0.2em 1em 0.2em 1em;
+
font-size: 1.1em;
 +
margin-left: 10px;
 +
margin-top: 20px;
 +
margin-right: 10px;
 +
word-wrap: break-word;
 +
padding-left: 1em;
 +
padding-right: 1em;
 +
padding-bottom: 1em;
 +
padding-top: 0.2em;
 
}
 
}
  
.FAQanswer p {
+
.transcriptTumblr .webArchiveEntry {
margin-bottom: 0.2em;
+
background-color: rgba(0, 0, 0, 0.7);
 +
border:none;
 +
box-shadow: 0px 0px 3px #999;
 +
color:white;
 
}
 
}
  
.noticetext {
+
ol.references { font-size: 90%; }
float:left;
+
ol.references li:target { color: gold; text-shadow: 0 0 5px yellow; background-color: #202708; border-radius: 3px; }
width: 65%;
+
sup.reference:target { color: gold; background-color: #202708; border-radius: 3px; }
 +
 
 +
ol.references:target a {
 +
color: #ffffcb;
 +
font-weight: bold;
 +
border-bottom: 1px dotted;
 
}
 
}
  
.videtails {
+
ol.references li:target a {
border-left: 3px solid #1b3d00;
+
color: #ffffcb;
border-radius: 10px;
+
font-weight: bold;
 +
border-bottom: 1px dotted;
 
}
 
}
  
.videtailsinfo {
+
code {
margin-left: 2em;
+
color: green;
font-style: italic;  
+
background-color: #030600;
 +
border: none;
 
}
 
}
  
.vidinfonav {
+
.indentedStyle {
background-color: #081200;
+
color: green;
border-radius: 15px;
+
font-style: italic;
overflow: auto;
+
font-weight: bold;
margin-top: 1em;
+
font-size: 1.025em;
padding: 0 0.7em 0 0.7em;
+
font-family: monospace;
 +
padding: 1em;
 +
padding-top: 0;
 +
padding-bottom: 0;
 +
margin-left: 1.3em;
 +
}
 +
 
 +
.webArchiveEntry .indentedStyle {
 +
border-left: 2px solid #1b3d00;
 
}
 
}
  
.prevvidtop p {
+
.indentedStyle p {
width: 45%;
+
color: green !important;
float: left;
+
font-style: italic;
text-align: center;
 
 
font-weight: bold;
 
font-weight: bold;
padding-top: 0.3em;
+
font-size: 1.025em;
margin-right: 1%;
+
font-family: monospace;
word-break: break-all;
 
word-break: break-word;
 
 
}
 
}
  
.nextvidtop p {
+
.fadeEffect {
width: 45%;
+
    animation-duration: 4500ms;
float: right;
+
    animation-name: fadeImage;
text-align: center;
+
    animation-iteration-count: infinite;
font-weight: bold;
 
padding-top: 0.3em;
 
margin-left: 1%;
 
word-break: break-all;
 
word-break: break-word;
 
 
}
 
}
  
.prevvid p {
+
@keyframes fadeImage{
width: 45%;
+
  0% {
float: left;
+
      opacity: 0%;
text-align: center;
+
  }
padding-top: 1em;
+
  50% {
word-break: break-all;
+
      opacity: 70%;
word-break: break-word;
+
  }
font-weight: bold;
+
  100% {
 +
      opacity: 0%;
 +
  }
 
}
 
}
  
.prevvid a:hover {
+
.vip10 i {
text-decoration: none;
+
opacity: 0.5;
text-shadow: 0px 0px 5px gold;
+
font-weight: normal;
color: yellow;
 
 
}
 
}
  
.prevvid a:visited {
+
.vip10 {
color: gold;
 
}
 
 
 
.nextvid p {
 
width: 45%;
 
float: right;
 
text-align: center;
 
padding-top: 1em;
 
word-break: break-all;
 
word-break: break-word;
 
 
font-weight: bold;
 
font-weight: bold;
 +
background-color: #004013;
 +
color: #00d940;
 
}
 
}
  
.nextvid a:hover {
+
ul.tabbernav {
text-decoration: none;
+
border-bottom: none;
text-shadow: 0px 0px 5px gold;
 
color: yellow;
 
 
}
 
}
  
.nextvid a:visited {
+
ul.tabbernav li a {
 +
background-color: #081200;
 +
border: 2px solid #1b3d00;
 +
border-top-left-radius: 15px;
 +
border-top-right-radius: 50px;
 +
border-bottom-left-radius: 20px;
 +
border-bottom-right-radius: 20px;
 
color: gold;
 
color: gold;
 
}
 
}
  
.solution {
+
ul.tabbernav li a:hover {
text-shadow: 0 0 5px white;
+
background-color: #1b3d00;
font-weight: bold;
 
}
 
 
 
.textexampletitle {
 
background-color: #081200;
 
 
border: 2px solid #1b3d00;
 
border: 2px solid #1b3d00;
 
border-top-left-radius: 15px;
 
border-top-left-radius: 15px;
border-top-right-radius: 15px;
+
border-top-right-radius: 50px;
margin-top: 1.2em;
+
border-bottom-left-radius: 20px;
margin-bottom: 0px;
+
border-bottom-right-radius: 20px;
font-family: monospace;
 
font-size: 1.1em;
 
 
color: yellow;
 
color: yellow;
font-weight: bold;
 
padding-top: 0.5em;
 
 
}
 
}
  
.textexamplebox {
+
ul.tabbernav li.tabberactive a {
 
background-color: black;
 
background-color: black;
 
border: 2px solid #1b3d00;
 
border: 2px solid #1b3d00;
border-top: 0;
+
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
+
border-top-right-radius: 50px;
border-bottom-left-radius: 15px;
+
border-bottom-left-radius: 20px;
font-family: monospace;
+
border-bottom-right-radius: 20px;
font-size: 1.1em;
+
border-bottom: none;
padding-bottom: 1em;
 
 
}
 
}
  
.tablenav a {
+
ul.tabbernav li.tabberactive a:hover {
 +
background-color: black;
 +
border: 2px solid #1b3d00;
 +
border-top-left-radius: 15px;
 +
border-top-right-radius: 50px;
 +
border-bottom-left-radius: 20px;
 +
border-bottom-right-radius: 20px;
 +
border-bottom: none;
 
color: gold;
 
color: gold;
 
}
 
}
  
.tablenav a:visited {
+
ul.tabbernav li a:link {
color: gold;
+
color:gold;
 +
font-size: 1.3em;
 +
text-shadow: 0 0 2px gold;
 +
padding: 3px 2.3em;
 +
padding-bottom: 10px;
 
}
 
}
  
.tablenav a:hover {
+
.tabber .tabbertab {
color: yellow;
+
background-color: black;
text-shadow: 0px 0px 5px gold;
+
border: 2px solid #1b3d00;
text-decoration: none;
+
border-top-right-radius: 15px;
font-weight:bold;
+
border-bottom-left-radius: 15px;
 +
border-bottom-right-radius: 15px;
 +
border-top-left-radius: 6px;
 +
padding-left: 1.5em;
 +
padding-right: 1.5em;
 
}
 
}
  
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
+
.webArchiveEntry .indented {
body.page-Join.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
+
border-left: 2px solid #1b3d00;
 +
}
  
.updatenew {
+
.webArchiveEntry .fadediv {
border: 1.5px solid #0d1c00;
+
background: linear-gradient(to right,#007900,rgba(27,61,0,1),rgba(27,61,0,0),rgba(27,61,0,0),rgba(27,61,0,0));
background-color: #0d1c00;
+
height: 3px;
border-radius: 10px;
+
margin: 0px;
padding: 0.7em;
+
box-shadow: 0px 0px 3px #1b3d00;
 
}
 
}
  
.updatenew h3 {
+
.webArchiveEntry iframe {
margin-top: 0;
+
max-width: 80%;
padding-top: 0;
+
margin-left: 0px;
 +
margin-right: 0px;
 
}
 
}
  
.updateold {
+
.mw-destfile-warning {
margin-top: 1em;
+
background-color: #060e00;
border: 1.5px solid #0d1c00;
+
border: 2px solid #0d1c00;
border-radius: 10px;
 
padding: 0.7em;
 
 
}
 
}
  
.updateold img {
+
audio {
margin: none;  
+
height: 35px;
border: none;
+
width: 300px;
display:inline;
 
 
}
 
}
  
.updatenew img {
+
.pageImg {
margin: none;  
+
max-width: 300px;
border: none;  
+
height: auto;
display:inline;
+
box-shadow: 0px 0px 10px black;
}
 
  
.updateold h3 {
 
margin-top: 0;
 
padding-top: 0;
 
 
}
 
}
  
.static {
+
li.gallerybox div.thumb {
background: white;
+
background-color: #060e00;
width: 20%;
+
border: 2px solid #0d1c00;
height: auto;
+
border-radius: 10px;
position:absolute;
 
 
}
 
}
  
.static:hover {
+
.cheatSheet {
opacity:0;
+
background-color: #060e00;
 +
border: 2px solid #060e00;
 +
border-radius: 15px;
 +
font-size: 1.1em;
 +
margin-left: 10px;
 +
margin-top: 8px;
 +
margin-right: 10px;
 +
margin-bottom: 20px;
 +
word-wrap: break-word;
 +
padding-left: 1em;
 +
padding-right: 1em;
 +
padding-bottom: 0px;
 +
padding-top: 0px;
 +
box-shadow: 0px 0px 10px #060e00;
 
}
 
}
  
.active {
+
.cheatSheet pre {
width: 20%;
+
margin-bottom: 0.4em;
height: auto;
+
margin-top: 0px;
 +
border-radius: 10px;
 +
border: 2px solid #1b3d00;
 +
color: gray;
 +
font-weight: bold;
 +
font-size: 12px;
 
}
 
}
  
.linkboxes1 {
+
.webArchive b {
width: 100%;
+
color: gold;
text-align: center;
+
font-family:Arial;
position:relative;
+
text-shadow: 0px 0px 5px darkgoldenrod;
 +
font-size: 15px;  
 +
opacity: 1;
 
}
 
}
  
.linkboxes1 img {
+
.webArchive {
width: 20%;
+
background-color: #060e00;
height: auto;
+
border: 2px solid #0d1c00;
margin: 0 1% 0 1%;
+
border-radius: 15px;
border-radius: 5%;
+
font-size: 1.1em;
max-height: 360px;
+
margin-left: 10px;
max-width: 280px;  
+
margin-top: 20px;
 +
margin-right: 10px;
 +
word-wrap: break-word;
 +
padding-left: 1em;
 +
padding-right: 1em;
 +
padding-bottom: 1em;
 +
padding-top: 0.2em;
 
}
 
}
  
.linkboxes2 {
+
.webArchiveEntry b {
width: 100%;
+
color: gold;
text-align: center;
+
font-family:Arial;
position:relative;
+
text-shadow: 0px 0px 5px darkgoldenrod;
 +
font-size: 15px;  
 +
opacity: 1;
 
}
 
}
  
.linkboxes2 img {
+
.webArchiveEntry {
width: 20%;
+
background-color: #0d1d00;
margin-top: 2em;
+
border: 2px solid #1b3d00;
height: auto;
+
border-radius: 15px;
margin: 0 1% 0 1%;
+
margin-left: 10px;
border-radius: 5%;
+
font-family: monospace;
max-height: 360px;
+
font-size: 1.1em;
max-width: 280px;  
+
padding-left: 1em;
 +
padding-right: 1em;
 
}
 
}
  
iframe {
+
.webArchiveEntry .poem {
border: 3px solid #1b3d00;
+
margin-top: 5px;
margin-left: auto;
 
margin-right: auto;
 
display: block;
 
border-radius: 10px;
 
box-shadow: 0 0 10px #1b3d00;
 
 
}
 
}
  
.storyquote {
+
.webArchiveEntry .mainImg {
width: 80%;
+
max-width: 80%;
margin-left: 4em;
+
box-shadow: 0px 0px 20px black;  
margin-right: 4em;
+
margin-left: auto;  
height: fit-content;
+
margin-right: auto;  
display: inline-block;
+
display: -webkit-box;  
 +
margin-top: 15px; border-radius: 8px;
 
}
 
}
  
.storyquote img {
+
@font-face {
background-color: #0d1c00;
+
    font-family: 'Fcursive';
border: 3px solid #1b3d00;
+
    src: url(https://johnisdead.withinhubris.com/resources/assets/Fcursive.ttf);
border-radius: 10px;
 
padding: 0.2em;
 
float:left;
 
max-width: 6em;
 
z-index: 1;
 
position: absolute;
 
box-shadow: 5px 10px 8px #000000;
 
 
}
 
}
  
.storyquotename {
+
.erika-text {
background-image: linear-gradient(7deg,#1b3d00,#000000,#000000,#000000);
+
font-family: 'Fcursive';
float:left;
+
color: green;
width: 100%;
+
font-size: 1.2em;
padding-left: 5.3em;
+
font-style: normal;
font-size: 1.4em;
 
color: gold;
 
text-shadow: 0px 0px 2px gold;
 
font-weight:bold;
 
 
}
 
}
  
.storyquotebox {
+
.erika-text:hover {
font-style:italic;
+
font-family: sans-serif;
font-size:1.2em;
+
color: green;
width: 80%;
+
font-style: italic;
background-color: #0d1c00;
+
background-color: #050c00;
border: 3px solid #1b3d00;
+
border-radius: 15px;
border-radius: 10px;
 
float:left;
 
padding-left: 5.5em;
 
padding-right: 1.8em;
 
padding: 0.5em 2em 0.5em 5.5em;
 
 
}
 
}
  
.articleimg {
+
.charaBox {
background-color: #0d1c00;
+
background-color: black;
border: 3px solid #1b3d00;
+
width: 9em;
max-width: 16em;
+
font-size: 1em;
padding: 0.7em 0.7em 0em 0.7em;
+
float:left;
text-align: center;
+
height: 7em;
border-radius: 10px;
+
box-shadow: 0 0 20px 25px #070e00 inset;
 +
border-radius: 5px;
 
}
 
}
  
.articleimg p {
+
.charaBox a {
margin-bottom: 0px;
+
 
padding: 0.2em;
 
background-color: #1b3d00;
 
border-top-right-radius: 5px;
 
border-top-left-radius: 5px;
 
padding-left: 0.6em;
 
padding-right: 0.6em;
 
text-align: left;
 
 
}
 
}
  
.articleimg img {
+
.charaBox p {
border-radius: 10px;
+
padding-top: 0.55em;
max-width: 15.5em;
 
border: 3px solid #1b3d00;
 
 
}
 
}
  
.mw-body-content p {
+
.FAQ {
margin-bottom: 1.1em;
+
background-color: #0d1c00;
text-align: justify;
+
border-radius: 15px;
 +
padding: 1em;
 +
padding-top: 0.2em;
 +
padding-bottom: 0.4em;
 +
border: 2px solid #1b3d00;
 
}
 
}
  
.vip9 i {
+
.FAQ h3 {
opacity: 0.5;
+
padding-top: 0px;
font-weight: normal;
+
padding-bottom: 0.3em;
 
}
 
}
  
.vip9 {
+
.FAQanswer {
font-weight: bold;
+
background-color: #081200;
background-color: #0a3831;
+
border-radius: 15px;
color: #ffffff;
+
padding: 0.2em 1em 0.2em 1em;
 
}
 
}
  
.vip8 i {
+
.FAQanswer p {
opacity: 0.5;
+
margin-bottom: 0.2em;
font-weight: normal;
 
 
}
 
}
  
.vip8 {
+
.noticetext {
font-weight: bold;
+
float:left;
background-color: #00064c;
+
width: 65%;
color: #d6d8ff;
 
 
}
 
}
  
.vip7 i {
+
.videtails {
opacity: 0.5;
+
border-left: 3px solid #1b3d00;
font-weight: normal;
+
border-radius: 10px;
 
}
 
}
  
.vip7 {
+
.videtailsinfo {
font-weight: bold;
+
margin-left: 2em;
background-color: #1f352c;
+
font-style: italic;  
color: #eacf9a;
 
 
}
 
}
  
.vip6 i {
+
.vidinfonav {
opacity: 0.5;
+
background-color: #081200;
font-weight: normal;
+
border-radius: 15px;
 +
overflow: auto;
 +
margin-top: 1em;
 +
padding: 0 0.7em 0 0.7em;
 
}
 
}
  
.vip6 {
+
.prevvidtop p {
 +
width: 45%;
 +
float: left;
 +
text-align: center;
 
font-weight: bold;
 
font-weight: bold;
background-color: #4c3200;
+
padding-top: 0.3em;  
color: #ffa700;
+
margin-right: 1%;
 +
word-break: break-all;
 +
word-break: break-word;
 
}
 
}
  
.gamejack {
+
.nextvidtop p {
margin-left: 3em;
+
width: 45%;
background: linear-gradient(to right, rgba(56,36,0,0), rgba(56,36,0,0.2), rgba(56,36,0,0.8), rgba(56,36,0,1));
+
float: right;
 +
text-align: center;
 +
font-weight: bold;
 +
padding-top: 0.3em;
 +
margin-left: 1%;
 +
word-break: break-all;
 +
word-break: break-word;
 
}
 
}
  
.ph p {
+
.prevvid p {
margin-top: 0;
+
width: 45%;
margin-bottom: 0;
+
float: left;
 +
text-align: center;
 +
padding-top: 1em;
 +
word-break: break-all;
 +
word-break: break-word;
 +
font-weight: bold;
 
}
 
}
  
.summary .ph ul {
+
.prevvid a:hover {
margin-top: 0;
+
text-decoration: none;
 +
text-shadow: 0px 0px 5px gold;
 +
color: yellow;
 
}
 
}
  
.summary .ph {
+
.prevvid a:visited {
margin-top: 0;
+
color: gold;
 
}
 
}
  
.ph {
+
.nextvid p {
border-radius: 5px;
+
width: 45%;
background: linear-gradient(to right, rgba(56,36,0,0), rgba(56,36,0,0.2), rgba(56,36,0,0.8), rgba(56,36,0,1));
+
float: right;
display:inline-block;
+
text-align: center;
min-width: 99%;
+
padding-top: 1em;
margin-top: 0.3em;
+
word-break: break-all;
 +
word-break: break-word;
 +
font-weight: bold;
 
}
 
}
  
.ph:hover {
+
.nextvid a:hover {
background-color: #382400;
+
text-decoration: none;
 +
text-shadow: 0px 0px 5px gold;
 +
color: yellow;
 
}
 
}
  
.mw-collapsible-content .ph {
+
.nextvid a:visited {
display:inline-block;
+
color: gold;
min-width: 99%;
 
margin-top: 0;
 
 
}
 
}
  
.mw-collapsible-content .ph:hover {
+
.solution {
background-color: #382400;
+
text-shadow: 0 0 5px white;
 +
font-weight: bold;
 
}
 
}
  
.vip5 i {
+
.textexampletitle {
opacity: 0.5;
+
background-color: #081200;
font-weight: normal;
+
border: 2px solid #1b3d00;
}
+
border-top-left-radius: 15px;
 
+
border-top-right-radius: 15px;
.vip5 {
+
margin-top: 1.2em;
 +
margin-bottom: 0px;
 +
font-family: monospace;
 +
font-size: 1.1em;
 +
color: yellow;
 
font-weight: bold;
 
font-weight: bold;
background-color: #3c002f;
+
padding-top: 0.5em;
color: #ff317d;
 
 
}
 
}
  
.vip4 i {
+
.textexamplebox {
opacity: 0.5;
+
background-color: black;
font-weight: normal;
+
border: 2px solid #1b3d00;
 +
border-top: 0;
 +
border-bottom-right-radius: 15px;
 +
border-bottom-left-radius: 15px;
 +
font-family: monospace;
 +
font-size: 1.1em;
 +
padding-bottom: 1em;
 +
}
 +
 
 +
.tablenav a {
 +
color: gold;
 
}
 
}
  
.vip4 {
+
.tablenav a:visited {
font-weight: bold;
+
color: gold;
background-color: #292929;
 
color: #a5a5a5;
 
 
}
 
}
  
i {
+
.tablenav a:hover {
opacity: 0.5;
+
color: yellow;
 +
text-shadow: 0px 0px 5px gold;
 +
text-decoration: underline;
 
}
 
}
  
.simple-tooltip-img {
+
.tablenav2 a {
border: none;
+
color: gold;
vertical-align: middle;
 
width: 1.3em;
 
 
}
 
}
  
.tooltipster-default {
+
.tablenav2 a:visited {
border-radius: 5px;
+
color: gold;
background: #081200;
 
border: 2px solid #1b3d00;
 
color: #fff;
 
box-shadow: 0px 0px 7px black;
 
 
}
 
}
  
.vip3 i {
+
.tablenav2 a:hover {
opacity: 0.5;
+
color: yellow;
font-weight: normal;
+
text-shadow: 0px 0px 5px gold;
 +
text-decoration: none;
 
}
 
}
  
.vip3 {
+
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
font-weight: bold;
+
body.page-Join.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
background-color: #450202;
+
 
color: red;
+
.updatenew {
 +
border: 1.5px solid #0d1c00;
 +
background-color: #0d1c00;
 +
border-radius: 10px;
 +
padding: 0.7em;
 
}
 
}
  
.vip2 i {
+
.updatenew h3 {
opacity: 0.5;
+
margin-top: 0;
font-weight: normal;
+
padding-top: 0;
 
}
 
}
  
.vip2 {
+
.updateold {
font-weight: bold;
+
margin-top: 1em;
background-color: #021b45;
+
border: 1.5px solid #0d1c00;
color: royalblue;
+
border-radius: 10px;
 +
padding: 0.7em;
 
}
 
}
  
.vip i {
+
.updateold img {
opacity: 0.5;
+
margin: none;  
font-weight: normal;
+
border: none;
 +
display:inline;
 
}
 
}
  
.vip {
+
.updatenew img {
font-weight: bold;
+
margin: none;  
background-color: #132b00;
+
border: none;  
color: gold;
+
display:inline;
 
}
 
}
  
.toctogglelabel {
+
.updateold h3 {
color:#337800;
+
margin-top: 0;
 +
padding-top: 0;
 
}
 
}
  
.tocnumber {
+
.static {
color:#337800;
+
background: black;
 +
width: 20%;
 +
height: auto;
 +
position:absolute;
 
}
 
}
  
.fauxheader {
+
.static:hover {
font-weight: bold;
+
opacity:0;
color: white;
 
font-size: 1.1em;
 
padding-top: 0.2em;
 
 
}
 
}
  
p.fauxheader {
+
.active {
margin: 0px;
+
width: 20%;
 +
height: auto;
 
}
 
}
  
.fadediv {
+
.linkboxes1 {
background: linear-gradient(to right, rgba(27,61,0,1), rgba(27,61,0,0), rgba(27,61,0,0), rgba(27,61,0,0));
+
width: 100%;
height: 2px;
+
text-align: center;
margin: 0px;
+
position:relative;
 
}
 
}
  
.fadediv2 {
+
.linkboxes1 img {
background: linear-gradient(to right, rgba(50,112,0,1), rgba(50,112,0,0), rgba(50,112,0,0), rgba(50,112,0,0));
+
width: 20%;
height: 2px;
+
height: auto;
margin: 0px;
+
margin: 0 1% 0 1%;
 +
border-radius: 5%;
 +
max-height: 360px;
 +
max-width: 280px;  
 
}
 
}
  
.fadediv3 {
+
.linkboxes2 {
background: linear-gradient(to right, rgba(27,61,0,0), rgba(27,61,0,1), rgba(27,61,0,1), rgba(27,61,0,0));
+
width: 100%;
height: 2px;
+
text-align: center;
margin: 0px;
+
position:relative;
 
}
 
}
  
.transcriptsum {
+
.linkboxes2 img {
background-color: #081200;
+
width: 20%;
border: 2px solid #1b3d00;
+
margin-top: 2em;
border-radius: 15px;
+
height: auto;
margin-top: 1.2em;
+
margin: 0 1% 0 1%;
font-family: monospace;
+
border-radius: 5%;
font-size: 1.1em;
+
max-height: 360px;
 +
max-width: 280px;  
 
}
 
}
  
.summary {
+
iframe {
margin-left: 4em;
+
border: 3px solid #1b3d00;
margin-right: 1em;
+
margin-left: auto;
padding: 0em 1em 0.5em 1em;
+
margin-right: auto;
border: 2px solid #1b3d00;
+
display: block;
border-top: none;
+
border-radius: 10px;
border-bottom-right-radius: 15px;
+
box-shadow: 0 0 10px #1b3d00;
border-bottom-left-radius: 15px;
 
word-wrap: break-word;
 
 
}
 
}
  
.toc, .mw-warning, .toccolours {
+
.storyquote {
background-color: black;
+
width: 80%;
border: 2px solid #1b3d00;
+
margin-left: 4em;
border-radius: 15px;
+
margin-right: 4em;
 +
height: fit-content;
 +
display: inline-block;
 
}
 
}
  
ul {
+
.storyquote img {
list-style-image: none;
+
background-color: #0d1c00;
 +
border: 3px solid #1b3d00;
 +
border-radius: 10px;
 +
padding: 0.2em;
 +
float:left;
 +
max-width: 6em;
 +
z-index: 1;
 +
position: absolute;
 +
box-shadow: 5px 10px 8px #000000;
 
}
 
}
  
.indented {
+
.storyquotename {
padding: 1em;
+
background-image: linear-gradient(7deg,#1b3d00,#000000,#000000,#000000);
padding-top: 0;
+
float:left;  
padding-bottom: 0;
+
width: 100%;
margin-left: 1.3em;
+
padding-left: 5.3em;
}
+
font-size: 1.4em;
 
 
b {
 
 
color: gold;
 
color: gold;
 +
text-shadow: 0px 0px 2px gold;
 +
font-weight:bold;
 
}
 
}
  
.supple {
+
.storyquotebox {
font-style: italic;
+
font-style:italic;
opacity: 0.5;
+
font-size:1.2em;
color: white;
+
width: 80%;
font-size: 0.8em;
+
background-color: #0d1c00;
 +
border: 3px solid #1b3d00;
 +
border-radius: 10px;
 +
float:left;
 +
padding-left: 5.5em;
 +
padding-right: 1.8em;
 +
padding: 0.5em 2em 0.5em 5.5em;
 
}
 
}
  
.canquote {
+
.articleimg {
font-style: italic;
+
background-color: #0d1c00;
font-weight: bold;
+
border: 3px solid #1b3d00;
color: green;
+
max-width: 16em;
font-size: 1.025em;
+
padding: 0.7em 0.7em 0em 0.7em;
font-family: monospace;
+
text-align: center;
 +
border-radius: 10px;
 +
margin-bottom: 5px !important;
 +
margin-top: 5px !important;
 
}
 
}
  
.mw-body h1 {
+
.articleimg p {
font-family: Arial;
+
margin-bottom: 0px;
 +
padding: 0.2em;
 +
background-color: #1b3d00;
 +
border-top-right-radius: 5px;
 +
border-top-left-radius: 5px;
 +
padding-left: 0.6em;
 +
padding-right: 0.6em;
 +
text-align: left;
 
}
 
}
  
.mw-body h2 {
+
.articleimg img {
font-family: Arial;
+
border-radius: 10px;
 +
max-width: 15.5em;
 +
border: 3px solid #1b3d00;
 
}
 
}
  
.mw-body h3 {
+
.mw-body-content p {
font-family: Arial;
+
margin-bottom: 1.1em;
color: white;
+
text-align: justify;
 
}
 
}
  
.mw-body h4 {
+
.vip9 i {
font-family: Arial;
+
opacity: 0.5;
color: white;
+
font-weight: normal;
 
}
 
}
  
.mw-collapsible-toggle {
+
.vip9 {
float:left;
+
font-weight: bold;
margin-left:0;
+
background-color: #0a3831;
margin-right:1em;
+
color: #ffffff;
background-color: #0d1c00;
 
border: 3px solid #1b3d00;
 
padding: 0.7em;
 
border-radius: 15px;
 
 
}
 
}
  
.transcript {
+
.vip8 i {
background-color: #081200;
+
opacity: 0.5;
border: 2px solid #1b3d00;
+
font-weight: normal;
border-radius: 15px;
 
margin-top: 1.2em;
 
margin-bottom: 1.2em;
 
font-family: monospace;
 
font-size: 1.1em;
 
 
}
 
}
  
.poem {
+
.vip8 {
margin-left: 10px;
+
font-weight: bold;
margin-top: 20px;
+
background-color: #00064c;
margin-right: 10px;
+
color: #d6d8ff;
word-wrap: break-word;
+
}
padding-bottom: 0.5em;
+
 
 +
.vip7 i {
 +
opacity: 0.5;
 +
font-weight: normal;
 
}
 
}
  
.poem p {
+
.vip7 {
margin-top: 0;
+
font-weight: bold;
margin-bottom: 0;
+
background-color: #1f352c;
 +
color: #eacf9a;
 
}
 
}
  
.mw-content-ltr .mw-collapsible:not(.mw-made-collapsible) th:before, .mw-content-rtl .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible) th:before, .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible):before, .mw-content-rtl .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible):before, .mw-content-ltr .mw-collapsible-toggle, .mw-content-rtl .mw-content-ltr .mw-collapsible-toggle {
+
.vip6 i {
float: none;
+
opacity: 0.5;
 +
font-weight: normal;
 
}
 
}
  
.mw-collapsible-text {
+
.vip6 {
color: gold;
 
 
font-weight: bold;
 
font-weight: bold;
 +
background-color: #4c3200;
 +
color: #ffa700;
 
}
 
}
  
.infobox {
+
.gamejack {
background-color: #0d1c00;
+
margin-left: 3em;
border: 3px solid #1b3d00;
+
background: linear-gradient(to right, rgba(56,36,0,0), rgba(56,36,0,0.2), rgba(56,36,0,0.8), rgba(56,36,0,1));
float: right;
 
margin: 0 0 1em 1em;
 
padding: 0.7em;
 
padding-top: 0px;
 
padding-bottom: 0px;
 
width: 33%;
 
max-width: 300px;
 
border-radius: 10px;
 
 
}
 
}
  
.infobox img {
+
.ph p {
max-width: 95%;
+
margin-top: 0;
height: auto;
+
margin-bottom: 0;
margin-left: auto;
 
margin-right: auto;
 
border: 2px solid #1b3d00;
 
border-top: 1px solid #1b3d00;
 
border-radius: 15px;
 
 
}
 
}
  
.infobox-title {
+
.summary .ph ul {
font-size: 1.5em;
+
margin-top: 0;
background-color: #1b3d00;
 
border-top: 1px solid #1b3d00;
 
border-bottom: 1px solid #1b3d00;
 
padding-left: 0.4em;
 
padding-right: 0.4em;
 
 
}
 
}
  
.infobox-title p {
+
.summary .ph {
margin: 0px;
+
margin-top: 0;
text-align: center;
 
background-color: #0d1c00;
 
border: 1px solid #1b3d00;
 
border-radius: 10px;
 
margin-bottom: 0px;
 
word-break: break-all;
 
word-break: break-word;
 
padding-left: 0.3em;
 
padding-right: 0.3em;
 
 
}
 
}
  
.infobox-image {
+
.ph {
text-align: center;
+
border-radius: 5px;
background-color: #1b3d00;
+
background: linear-gradient(to right, rgba(56,36,0,0), rgba(56,36,0,0.2), rgba(56,36,0,0.8), rgba(56,36,0,1));
border: 2px solid #1b3d00;
+
display:inline-block;
border-bottom-right-radius: 15px;
+
min-width: 99%;
border-bottom-left-radius: 15px;
+
margin-top: 0.3em;
 
}
 
}
  
.infobox-image p {
+
.ph:hover {
text-align: left;
+
background-color: #382400;
font-style: italic;
 
opacity: 0.5;
 
margin-left: 0.7em;
 
 
}
 
}
  
.infobox table {
+
.mw-collapsible-content .ph {
width: 100%;
+
display:inline-block;
background-color: #081200;
+
min-width: 99%;
border: 2px solid #081200;
+
margin-top: 0;
border-top-right-radius: 15px;
 
border-top-left-radius: 15px;
 
margin-top: 1em;
 
word-break: break-all;
 
word-break: break-word;
 
 
}
 
}
  
.infobox th {
+
.mw-collapsible-content .ph:hover {
vertical-align: top;
+
background-color: #382400;
width: 100px;
 
text-align: left;
 
 
}
 
}
  
.infobox td {
+
.vip5 i {
vertical-align: top;
+
opacity: 0.5;
 +
font-weight: normal;
 
}
 
}
  
.infobox tr {
+
.vip5 {
display: block;
+
font-weight: bold;
border-bottom: 2px solid #1b3d00;
+
background-color: #3c002f;
 +
color: #ff317d;
 +
}
 +
 
 +
.vip4 i {
 +
opacity: 0.5;
 +
font-weight: normal;
 
}
 
}
  
.infobox-title h2 {
+
.vip4 {
margin: 0px;
+
font-weight: bold;
padding: 0px;
+
background-color: #292929;
margin-top: 10px;
+
color: #a5a5a5;
font-size: 0.5em;
 
 
}
 
}
  
.nodivider tr {
+
i {
border-bottom: none;
+
opacity: 0.5;
 
}
 
}
  
#mw-panel {
+
.simple-tooltip-img {
background-color:black;
+
border: none;
border: 3px solid #112600;
+
vertical-align: middle;
padding-bottom: 20px;
+
width: 1.3em;
border-top-right-radius: 15px;
 
border-top-left-radius: 15px;
 
border-bottom-right-radius: 15px;
 
border-bottom-left-radius: 15px;
 
margin-top: 2.5em;
 
margin-left: 1em;
 
 
}
 
}
  
#mw-panel .portal h3 {
+
.tooltipster-default {
color:white;
+
border-radius: 5px;
 +
background: #081200;
 +
border: 2px solid #1b3d00;
 +
color: #fff;
 +
box-shadow: 0px 0px 7px black;
 
}
 
}
  
#mw-panel .portal .body li a {
+
.vip3 i {
color:#337800;
+
opacity: 0.5;
 +
font-weight: normal;
 
}
 
}
  
#mw-panel .portal .body li a:hover {
+
.vip3 {
color:gold;
+
font-weight: bold;
 +
background-color: #450202;
 +
color: red;
 
}
 
}
  
#mw-panel .portal .body li a:visited {
+
.vip2 i {
color:#285e00;
+
opacity: 0.5;
 +
font-weight: normal;
 
}
 
}
  
#mw-head {
+
.vip2 {
background-image: url(http://johnisdead.withinhubris.com/images/c/cc/Jidwikibg.png);
+
font-weight: bold;
 +
background-color: #021b45;
 +
color: royalblue;
 
}
 
}
  
body {
+
.vip i {
background-image: url(http://johnisdead.withinhubris.com/images/c/cc/Jidwikibg.png);
+
opacity: 0.5;
 +
font-weight: normal;
 
}
 
}
  
.mw-body, .parsoid-body {
+
.vip {
background-color: black;
+
font-weight: bold;
border: 3px solid #112600;
+
background-color: #132b00;
border-bottom-right-radius: 15px;
+
color: gold;
border-bottom-left-radius: 15px;
 
color: white;
 
margin-left: 12em;
 
margin-right: 1em;
 
 
}
 
}
  
.mw-body-content p {
+
.toctogglelabel {
color:white;
+
color:#337800;
 
}
 
}
  
.mw-body h1, .mw-body-content h1 {
+
.tocnumber {
color:white;
+
color:#337800;
 
}
 
}
  
.mw-body-content h2 {
+
.fauxheader {
color:white
+
font-weight: bold;
 +
color: white;
 +
font-size: 1.1em;
 +
padding-top: 0.2em;
 
}
 
}
  
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
+
p.fauxheader {
color:white;
+
margin: 0px;
 
}
 
}
  
.mw-parser-output a.external {
+
.fadediv {
color:#337800;
+
background: linear-gradient(to right, rgba(27,61,0,1), rgba(27,61,0,0), rgba(27,61,0,0), rgba(27,61,0,0));
 +
height: 2px;
 +
margin: 0px;
 
}
 
}
  
.mw-parser-output a.external:hover {
+
.fadediv2 {
color:gold;
+
background: linear-gradient(to right, rgba(50,112,0,1), rgba(50,112,0,0), rgba(50,112,0,0), rgba(50,112,0,0));
 +
height: 2px;
 +
margin: 0px;
 
}
 
}
  
.mw-parser-output a.external:visited {
+
.fadediv3 {
color:#285e00;
+
background: linear-gradient(to right, rgba(27,61,0,0), rgba(27,61,0,1), rgba(27,61,0,1), rgba(27,61,0,0));
 +
height: 2px;
 +
margin: 0px;
 
}
 
}
  
a {
+
.transcriptsum {
color:#337800;
+
background-color: #081200;
 +
border: 2px solid #1b3d00;
 +
border-radius: 15px;
 +
margin-top: 1.2em;
 +
font-family: monospace;
 +
font-size: 1.1em;
 
}
 
}
  
a.new {
+
.transcriptsum img {
color:#d33;
+
max-width: 100%;
 +
height: auto;
 
}
 
}
  
a:hover {
+
.summary {
color:gold;
+
margin-left: 4em;
 +
margin-right: 1em;
 +
padding: 0em 1em 0.5em 1em;
 +
border: 2px solid #1b3d00;
 +
border-top: none;
 +
border-bottom-right-radius: 15px;
 +
border-bottom-left-radius: 15px;
 +
word-wrap: break-word;
 
}
 
}
  
a:visited {
+
.toc, .mw-warning, .toccolours {
color:#285e00;
+
background-color: black;
 +
border: 2px solid #1b3d00;
 +
border-radius: 15px;
 
}
 
}
  
#left-navigation {
+
ul {
    float: left;
+
list-style-image: none;
    margin-left: 12em;
 
    margin-top: 2.5em;
 
    margin-bottom: -2.5em;
 
 
}
 
}
  
#right-navigation {
+
.indented {
  margin-right: 1em;
+
padding: 1em;
 +
padding-top: 0;
 +
padding-bottom: 0;
 +
margin-left: 1.3em;
 
}
 
}
  
.vectorTabs {
+
b {
background-color: #112600;
+
color: gold;
border-top-right-radius: 15px;
 
border-top-left-radius: 15px;
 
background-image: none;
 
 
}
 
}
  
.vectorTabs ul {
+
.supple {
background-image: none;
+
font-style: italic;
 +
opacity: 0.5;
 +
color: white;
 +
font-size: 0.8em;
 
}
 
}
  
.vectorTabs li {
+
.canquote {
background-image: none;
+
font-style: italic;
padding: 0px 5px 0px 5px;
+
font-weight: bold;
 +
color: green;
 +
font-size: 1.025em;
 +
font-family: monospace;
 
}
 
}
  
.vectorTabs li.selected {
+
.mw-body h1 {
background-image: none;
+
font-family: Arial;
 
}
 
}
  
.vectorTabs span {
+
.mw-body h2 {
background-image: none;
+
font-family: Arial;
 
}
 
}
  
.vectorTabs li.selected a, .vectorTabs li.selected a:visited {
+
.mw-body h3 {
 +
font-family: Arial;
 
color: white;
 
color: white;
font-weight: normal;
 
margin-top: 5px;
 
background-color: black;
 
border: 3px solid black;
 
border-bottom: none;
 
border-top-right-radius: 25px;
 
border-top-left-radius: 25px;
 
 
}
 
}
  
.vectorTabs li a, .vectorTabs li a:visited {
+
.mw-body h4 {
color: gold;
+
font-family: Arial;
font-weight: bold;
+
color: white;
 
}
 
}
  
.vectorTabs li a:hover, .vectorTabs li a:hover {
+
.mw-collapsible-toggle {
color: gold;
+
float:left;
text-shadow: 0px 0px 2px gold;
+
margin-left:0;
text-decoration: none;
+
margin-right:1em;
font-weight: bold;
+
background-color: #0d1c00;
 +
border: 3px solid #1b3d00;
 +
padding: 0.7em;
 +
border-radius: 15px;
 
}
 
}
  
.vectorMenu h3 span {
+
.transcript {
color:#337800;
+
background-color: #081200;
padding-top: 1.5em;
+
border: 2px solid #1b3d00;
}
+
border-radius: 15px;
 
+
margin-top: 1.2em;
.vectorMenu li a {
+
margin-bottom: 1.2em;
color:#337800;
+
font-family: monospace;
 +
font-size: 1.1em;
 
}
 
}
  
.vectorMenu .menu {
+
.poem {
background-color: black;
+
margin-left: 10px;
border: 2px solid #112600;
+
margin-top: 20px;
border-bottom-right-radius: 15px;
+
margin-right: 10px;
border-bottom-left-radius: 15px;
+
word-wrap: break-word;
 +
padding-bottom: 0.5em;
 
}
 
}
  
#editform, #toolbar, #wpTextbox1 {
+
.poem p {
background-color: #060d00;
+
margin-top: 0;
color:white;
+
margin-bottom: 0;
 
}
 
}
  
.editOptions {
+
.mw-content-ltr .mw-collapsible:not(.mw-made-collapsible) th:before, .mw-content-rtl .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible) th:before, .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible):before, .mw-content-rtl .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible):before, .mw-content-ltr .mw-collapsible-toggle, .mw-content-rtl .mw-content-ltr .mw-collapsible-toggle {
background-color: #0d1c00;
+
float: none;
color:white;
 
border: 1px solid #112600;
 
 
}
 
}
  
textarea {
+
.mw-collapsible-text {
border: 1px solid #112600;
+
color: gold;
 +
font-weight: bold;
 
}
 
}
  
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
+
.infobox {
background-color: black;
+
background-color: #0d1c00;
color: white;
+
border: 3px solid #1b3d00;
border: 1px solid #112600;
+
float: right;
 +
margin: 0 0 1em 1em;
 +
padding: 0.7em;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
width: 33%;
 +
max-width: 300px;
 +
border-radius: 10px;
 
}
 
}
  
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
+
.infobox img {
background-color: #1b3d00;
+
max-width: 95%;
color: gold;
+
height: auto;
border-color: #1b3d00;
+
margin-left: auto;
}
+
margin-right: auto;
 
+
border: 2px solid #1b3d00;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
+
border-top: 1px solid #1b3d00;
background-color: #337800;
+
border-radius: 15px;
color: gold;
 
border-color: #337800;
 
box-shadow: 0px 0px 4px gold;
 
 
}
 
}
  
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
+
.infobox-title {
 +
font-size: 1.5em;
 
background-color: #1b3d00;
 
background-color: #1b3d00;
color: #a55858;
+
border-top: 1px solid #1b3d00;
border-color: #1b3d00;
+
border-bottom: 1px solid #1b3d00;
 +
padding-left: 0.4em;
 +
padding-right: 0.4em;
 
}
 
}
  
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
+
.infobox-title p {
background-color: #337800;
+
margin: 0px;
color: gold;
+
text-align: center;
border-color: #337800;
+
background-color: #0d1c00;
box-shadow: 0px 0px 4px gold;
+
border: 1px solid #1b3d00;
}
+
border-radius: 10px;
 
+
margin-bottom: 0px;
pre, .mw-code {
+
word-break: break-all;
background-color: black;
+
word-break: break-word;
color: white;
+
padding-left: 0.3em;
 +
padding-right: 0.3em;
 
}
 
}
  
.frontbox {
+
.infobox-image {
text-align:center;
+
text-align: center;
float:left;
+
background-color: #1b3d00;
width: 68%;
+
border: 2px solid #1b3d00;
padding-right: 3%;
+
border-bottom-right-radius: 15px;
 +
border-bottom-left-radius: 15px;
 
}
 
}
  
.frontbox p {
+
.infobox-image p {
text-align:center;
+
text-align: left;
 +
font-style: italic;
 +
margin-left: 0.7em;
 
}
 
}
  
.frontbox h1 {
+
.infobox table {
text-decoration: none;
+
width: 100%;
margin-top: 0px;
+
background-color: #081200;
margin-bottom: 0px;
+
border: 2px solid #081200;
border: none;
+
border-top-right-radius: 15px;
font-size: 2.1em;
+
border-top-left-radius: 15px;
font-weight: bold;
+
margin-top: 1em;
 +
word-break: break-all;
 +
word-break: break-word;
 
}
 
}
  
.frontbox h2 {
+
.infobox th {
text-decoration: none;
+
vertical-align: top;
margin-top: 0px;
+
width: 100px;
margin-bottom: 0px;
+
text-align: left;
border: none;
 
font-size:1.7em;
 
 
}
 
}
  
.frontbox h3 {
+
.infobox td {
text-decoration: none;
+
vertical-align: top;
margin-top: 0px;
+
}
margin-bottom: 0px;
 
border: none;
 
}
 
  
.frontsidebox {
+
.infobox tr {
background-color: black;
+
display: block;
border: 3px solid #0d1c00;
+
border-bottom: 2px solid #1b3d00;
padding: 0.7em;
 
padding-top: 0px;
 
padding-bottom: 1em;
 
border-radius: 10px;
 
float: left;
 
width: 25%;
 
word-break: break-word;
 
 
}
 
}
  
.frontsideboxtitle {
+
.infobox-title h2 {
text-align: center;
+
margin: 0px;
font-size: 1.5em;
+
padding: 0px;
background-color: #0d1c00;
+
margin-top: 10px;
border-top: 1px solid #0d1c00;
+
font-size: 0.5em;
border-bottom: 1px solid #0d1c00;
 
padding-left: 0.4em;
 
padding-right: 0.4em;
 
 
}
 
}
  
.frontsideboxtitle h2 {
+
.nodivider tr {
font-size:1.1em;
+
border-bottom: none;
padding: 0.2em 0 0.2em 0;
 
margin: 0px;
 
text-align: center;
 
background-color: black;
 
border: 1px solid #0d1c00;
 
border-radius: 10px;
 
margin-bottom: 0px;
 
font-weight: bold;
 
animation-duration: 4500ms;
 
animation-name: glow;
 
animation-iteration-count: infinite;
 
 
}
 
}
  
.frontsideboximage {
+
#mw-panel {
text-align: center;
+
background-color:black;
background-color: #0d1c00;
+
border: 3px solid #112600;
border: 2px solid #0d1c00;
+
padding-bottom: 20px;
 +
border-top-right-radius: 15px;
 +
border-top-left-radius: 15px;
 
border-bottom-right-radius: 15px;
 
border-bottom-right-radius: 15px;
 
border-bottom-left-radius: 15px;
 
border-bottom-left-radius: 15px;
margin-bottom: 1em;
+
margin-top: 2.5em;
 +
margin-left: 1em;
 
}
 
}
  
@keyframes glow {
+
#mw-panel .portal h3 {
  0% {
+
color:white;
      text-shadow: 0px 0px 2px white;
 
      color: #6eff81;
 
  }
 
  50% {
 
      text-shadow: 0px 0px 6px white;
 
      color: #ffffff;
 
  }
 
  100% {
 
      text-shadow: 0px 0px 2px white;
 
      color: #6eff81;
 
  }
 
 
}
 
}
  
.frontsidebox2 {
+
#mw-panel .portal .body li a {
background-color: black;
+
color:#337800;
border: 3px solid #0d1c00;
 
padding: 0.7em;
 
padding-top: 0px;
 
padding-bottom: 1em;
 
border-radius: 10px;
 
float: left;
 
width: 25%;
 
margin-top: 2em;
 
 
}
 
}
  
.frontsidebox2 img {
+
#mw-panel .portal .body li a:hover {
display: block;
+
color:gold;
max-width: 95%;
+
}
height: auto;
+
 
margin-left: auto;
+
#mw-panel .portal .body li a:visited {
margin-right: auto;
+
color:#285e00;
margin-bottom: 1em;
+
}
 +
 
 +
#mw-head {
 +
background-color: black;
 +
background-image: url(https://johnisdead.withinhubris.com/images/c/cc/Jidwikibg.png);
 +
}
 +
 
 +
#mw-head-base {
 +
background-color: transparent;
 +
}
 +
 
 +
body {
 +
background-color: black;
 +
background-image: url(https://johnisdead.withinhubris.com/images/c/cc/Jidwikibg.png);
 +
}
 +
 
 +
.mw-body, .parsoid-body {
 +
background-color: black;
 +
border: 3px solid #112600;
 +
border-bottom-right-radius: 15px;
 +
border-bottom-left-radius: 15px;
 +
color: white;
 +
margin-left: 12em;
 +
margin-right: 1em;
 +
}
 +
 
 +
.mw-body-content p {
 +
color:white;
 +
}
 +
 
 +
.mw-body h1, .mw-body-content h1 {
 +
color:white;
 +
}
 +
 
 +
.mw-body-content h2 {
 +
color:white
 +
}
 +
 
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 +
color:white;
 +
}
 +
 
 +
.mw-parser-output a.external {
 +
color:#337800;
 +
}
 +
 
 +
.mw-parser-output a.external:hover {
 +
color:gold;
 +
}
 +
 
 +
.mw-parser-output a.external:visited {
 +
color:#285e00;
 +
}
 +
 
 +
a {
 +
color:#45a200;
 +
}
 +
 
 +
a.new {
 +
color:#d33;
 +
}
 +
 
 +
a:hover {
 +
color:yellow !important;
 +
text-shadow: 0px 0px 2px gold;
 +
}
 +
 
 +
a:visited {
 +
color:#45a200;
 +
}
 +
 
 +
#left-navigation {
 +
    float: left;
 +
    margin-left: 12em;
 +
    margin-top: 2.5em;
 +
    margin-bottom: -2.5em;
 +
}
 +
 
 +
#right-navigation {
 +
  margin-right: 1em;
 +
}
 +
 
 +
.vectorTabs {
 +
background-color: #112600;
 +
border-top-right-radius: 15px;
 +
border-top-left-radius: 15px;
 +
background-image: none;
 +
}
 +
 
 +
.vectorTabs ul {
 +
background-image: none;
 +
}
 +
 
 +
.vectorTabs li {
 +
background-image: none;
 +
padding: 0px 5px 0px 5px;
 +
}
 +
 
 +
.vectorTabs li.selected {
 +
background-image: none;
 +
}
 +
 
 +
.vectorTabs span {
 +
background-image: none;
 +
}
 +
 
 +
.vectorTabs li.selected a, .vectorTabs li.selected a:visited {
 +
color: white;
 +
font-weight: normal;
 +
margin-top: 5px;
 +
background-color: black;
 +
border: 3px solid black;
 +
border-bottom: none;
 +
border-top-right-radius: 25px;
 +
border-top-left-radius: 25px;
 +
}
 +
 
 +
.vectorTabs li a, .vectorTabs li a:visited {
 +
color: gold;
 +
font-weight: bold;
 +
}
 +
 
 +
.vectorTabs li a:hover, .vectorTabs li a:hover {
 +
color: gold;
 +
text-shadow: 0px 0px 2px gold;
 +
text-decoration: none;
 +
font-weight: bold;
 +
}
 +
 
 +
.vectorMenu h3 span {
 +
color:#337800;
 +
padding-top: 1.5em;
 +
}
 +
 
 +
.vectorMenu li a {
 +
color:#337800;
 +
}
 +
 
 +
.vectorMenu .menu {
 +
background-color: black;
 +
border: 2px solid #112600;
 +
border-bottom-right-radius: 15px;
 +
border-bottom-left-radius: 15px;
 +
}
 +
 
 +
#editform, #toolbar, #wpTextbox1 {
 +
background-color: #060d00;
 +
color:white;
 +
}
 +
 
 +
.editOptions {
 +
background-color: #0d1c00;
 +
color:white;
 +
border: 1px solid #112600;
 +
}
 +
 
 +
textarea {
 +
border: 1px solid #112600;
 +
}
 +
 
 +
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
 +
background-color: black;
 +
color: white;
 +
border: 1px solid #112600;
 +
}
 +
 
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 +
background-color: #1b3d00;
 +
color: gold;
 +
border-color: #1b3d00;
 +
}
 +
 
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
 +
background-color: #337800;
 +
color: gold;
 +
border-color: #337800;
 +
box-shadow: 0px 0px 4px gold;
 +
}
 +
 
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
 +
background-color: #1b3d00;
 +
color: gold;
 +
border-color: #1b3d00;
 +
}
 +
 
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 +
background-color: #337800;
 +
color: gold;
 +
border-color: #337800;
 +
box-shadow: 0px 0px 4px gold;
 +
}
 +
 
 +
pre, .mw-code {
 +
background-color: black;
 +
color: white;
 +
}
 +
 
 +
.frontbox {
 +
text-align:center;
 +
float:left;
 +
width: 68%;
 +
padding-right: 3%;
 +
}
 +
 
 +
.frontbox p {
 +
text-align:center;
 +
}
 +
 
 +
.frontbox h1 {
 +
text-decoration: none;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
border: none;
 +
font-size: 2.1em;
 +
font-weight: bold;
 +
}
 +
 
 +
.frontbox h2 {
 +
text-decoration: none;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
border: none;
 +
font-size:1.7em;
 +
}
 +
 
 +
.frontbox h3 {
 +
text-decoration: none;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
border: none;
 +
}
 +
 
 +
.frontsidebox {
 +
background-color: black;
 +
border: 3px solid #0d1c00;
 +
padding: 0.7em;
 +
padding-top: 0px;
 +
padding-bottom: 1em;
 +
border-radius: 10px;
 +
float: left;
 +
width: 25%;
 +
word-break: break-word;
 +
}
 +
 
 +
.frontsideboxtitle {
 +
text-align: center;
 +
font-size: 1.5em;
 +
background-color: #0d1c00;
 +
border-top: 1px solid #0d1c00;
 +
border-bottom: 1px solid #0d1c00;
 +
padding-left: 0.4em;
 +
padding-right: 0.4em;
 +
}
 +
 
 +
.frontsideboxtitle h2 {
 +
font-size:1.1em;
 +
padding: 0.2em 0 0.2em 0;
 +
margin: 0px;
 +
text-align: center;
 +
background-color: black;
 +
border: 1px solid #0d1c00;
 +
border-radius: 10px;
 +
margin-bottom: 0px;
 +
font-weight: bold;
 +
animation-duration: 4500ms;
 +
animation-name: glow;
 +
animation-iteration-count: infinite;
 +
}
 +
 
 +
.frontsideboximage {
 +
text-align: center;
 +
background-color: #0d1c00;
 +
border: 2px solid #0d1c00;
 +
border-bottom-right-radius: 15px;
 +
border-bottom-left-radius: 15px;
 +
margin-bottom: 1em;
 +
}
 +
 
 +
@keyframes glow {
 +
  0% {
 +
      text-shadow: 0px 0px 2px white;
 +
      color: #6eff81;
 +
  }
 +
  50% {
 +
      text-shadow: 0px 0px 6px white;
 +
      color: #ffffff;
 +
  }
 +
  100% {
 +
      text-shadow: 0px 0px 2px white;
 +
      color: #6eff81;
 +
  }
 +
}
 +
 
 +
.frontsidebox2 {
 +
background-color: black;
 +
border: 3px solid #0d1c00;
 +
padding: 0.7em;
 +
padding-top: 0px;
 +
padding-bottom: 1em;
 +
border-radius: 10px;
 +
float: left;
 +
width: 25%;
 +
margin-top: 2em;
 +
}
 +
 
 +
.frontsidebox2 img {
 +
display: block;
 +
max-width: 95%;
 +
height: auto;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-bottom: 1em;
 
border-radius: 15px;
 
border-radius: 15px;
 
}
 
}
  
.frontsidebox2 img:hover {
+
.frontsidebox2 img:hover {
box-shadow: 0px 0px 10px gold;
+
box-shadow: 0px 0px 10px gold;
}
+
}
.tablenotes {
+
.tablenotes {
background-color: #081200;
+
background-color: #081200;
border: 2px solid #1b3d00;
+
border: 2px solid #1b3d00;
padding: 1.25em;
+
padding: 1.25em;
padding-top: 0;
+
padding-top: 0;
padding-bottom: 0;
+
padding-bottom: 0;
border-radius: 15px;
+
border-radius: 15px;
 +
}
 +
 
 +
.tablenotes h3 {
 +
font-size: 1.1em;
 +
}
 +
 
 +
.tablenotes p {
 +
margin-top: 0px;
 +
}
 +
 
 +
.tablenav .playersub a {
 +
color:green;
 +
}
 +
 
 +
.tablenav .playersub a:hover {
 +
color:green;
 +
text-shadow: 0px 0px 5px green;
 +
}
 +
 
 +
.tablenav2 .playersub a {
 +
color:green;
 +
}
 +
 
 +
.tablenav2 .playersub a:hover {
 +
color:green;
 +
text-shadow: 0px 0px 5px green;
 +
}
 +
 
 +
.gallerytext p {
 +
text-align: left;
 +
}
 +
 
 +
#mw-page-base {
 +
background-color: black;
 +
background-image: none;
 +
}
 +
 
 +
#simpleSearch {
 +
background-image: none;
 +
background-color: #0d1c00;
 +
border: 1px solid #1b3d00;
 +
color: #45a200;
 +
}
 +
 
 +
#simpleSearch input {
 +
background-color: #0d1c00;
 +
color: #45a200;
 +
}
 +
 
 +
.suggestions-special .special-label {
 +
color: #45a200;
 +
}
 +
 
 +
.suggestions-special .special-query {
 +
color:gold;
 +
}
 +
 
 +
.suggestions-result {
 +
color: gold;
 +
}
 +
 
 +
.suggestions-results {
 +
background-color: #0d1c00;
 +
border: 1px solid #1b3d00;
 +
color: #45a200;
 +
}
 +
 
 +
.suggestions-special {
 +
background-color: #0d1c00;
 +
border: 1px solid #1b3d00;
 +
}
 +
 
 +
.suggestions a {
 +
color: gold;
 +
}
 +
 
 +
.mw-search-profile-tabs {
 +
background-color: #000000;
 +
margin-top: 1em;
 +
border: 2px solid #112600;
 +
border-radius: 10px;
 +
}
 +
 
 +
.search-types .current a {
 +
color: white;
 +
}
 +
 
 +
.oo-ui-menuSelectWidget {
 +
background-color: #0d1c00;
 +
border: 1px solid #1b3d00;
 +
color: #45a200;
 +
}
 +
 
 +
.mw-rcfilters-ui-overlay .oo-ui-menuSelectWidget {
 +
background-color: black;
 +
}
 +
 
 +
.oo-ui-widget a {
 +
color: gold;
 +
}
 +
 
 +
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
 +
color: gold;
 +
background-color: #1b3d00;
 +
}
 +
 
 +
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
 +
background-color: #0d1c00;
 +
}
 +
 
 +
#mw-searchoptions {
 +
background-color: black;
 +
border: 1px solid #112600;
 +
}
 +
 
 +
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
 +
background-color: black;
 +
}
 +
 
 +
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
 +
border: 3px solid #112600;
 +
}
 +
 
 +
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 +
color: gold;
 +
}
 +
 
 +
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
 +
background-color: #1b3d00;
 +
}
 +
 
 +
.oo-ui-tagItemWidget.oo-ui-widget-enabled {
 +
color: gold;
 +
}
 +
 
 +
.oo-ui-tagItemWidget {
 +
border: 1px solid #1b3d00;
 +
}
 +
 
 +
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
 +
border-bottom: 1px solid #1b3d00;
 +
background-color: #0d1c00;
 +
}
 +
 
 +
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
 +
background-color: #000000;
 +
}
 +
 
 +
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
 +
border: none;
 +
}
 +
 
 +
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
 +
background-color: #0d1c00;
 +
}
 +
 
 +
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
 +
background-color: black;
 +
}
 +
 
 +
oo-ui-widget oo-ui-widget-enabled oo-ui-labelElement oo-ui-optionWidget oo-ui-decoratedOptionWidget oo-ui-menuOptionWidget mw-rcfilters-ui-itemMenuOptionWidget mw-rcfilters-ui-itemMenuOptionWidget-view-default mw-rcfilters-ui-filterMenuOptionWidget oo-ui-flaggedElement-muted oo-ui-optionWidget-highlighted {
 +
background-color: #1b3d00;
 +
}
 +
 
 +
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
 +
color: gold;
 +
}
 +
 
 +
.mw-rcfilters-ui-menuSelectWidget-footer {
 +
background-color: black;
 +
border: none;
 +
padding: 0;
 +
height: 0em;
 +
}
 +
 
 +
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
 +
background-color: black;
 +
position: relative;
 +
z-index: 1;
 +
border: 2px solid #112600;
 +
border-radius: 10px;
 +
}
 +
 
 +
.mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
 +
background-position: center;
 +
}
 +
 
 +
.mw-icon-arrow-expanded, .mw-collapsible-arrow.mw-collapsible-toggle-expanded {
 +
background-position: center;
 +
}
 +
 
 +
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
 +
border: 3px solid #112600;
 +
}
 +
 
 +
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
 +
color: #45a200;
 +
}
 +
 
 +
.oo-ui-popupWidget-popup {
 +
background-color: black;
 +
color: white;
 +
}
 +
 
 +
#pagehistory li.selected {
 +
background-color: #0d1c00;
 +
color: yellow;
 +
border: 1px dashed #419500;
 +
}
 +
 
 +
#pagehistory li {
 +
border: 1px solid #1d4200;
 +
padding: 1px 10px 1px 10px;
 +
}
 +
 
 +
.sitedir-ltr textarea, .sitedir-ltr input {
 +
direction: ltr;
 +
background-color: #0d1c00;
 +
color: gray;
 +
border: 1px solid #1b3d00;
 +
}
 +
 
 +
button.historysubmit.mw-history-revisiondelete-button {
 +
background-color: #0d1c00;
 +
color: gray;
 +
border: 1px solid #1b3d00;
 +
}
 +
 
 +
select#month {
 +
background-color: #0d1c00;
 +
color: gray;
 +
}
 +
 
 +
.diff-context {
 +
    background: #0d1c00;
 +
    border-color: #112600;
 +
    color: gold;
 +
}
 +
 
 +
.diff-addedline .diffchange {
 +
    background: #0d1c00;
 +
    color: gold;
 +
}
 +
 
 +
.mw-changeslist .mw-collapsible-toggle {
 +
float: right;
 +
padding: 0px;
 +
border: none;
 +
margin-left: 10px;
 +
background-color: black;
 +
}
 +
 
 +
.mw-datatable th {
 +
background-color: #0d1c00;
 +
}
 +
 
 +
.mw-datatable td, .mw-datatable th {
 +
border: 1px solid #112600;
 +
padding: 0.2em 0.4em;
 +
}
 +
 
 +
.mw-datatable td {
 +
background-color: black;
 +
}
 +
 
 +
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
 +
color: gold;
 +
}
 +
 
 +
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
 +
background-color: #224900;
 +
}
 +
 
 +
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
 +
background-color: #0d1c00;
 +
color: gold;
 +
}
 +
 
 +
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
 +
background-color: #0d1c00;
 +
color: gold;
 +
}
 +
 
 +
.wikitable {
 +
background-color: #000000;
 +
color: #fff;
 +
margin: 1em 0;
 +
border: 1px solid #a2a9b1;
 +
border-collapse: collapse;
 +
}
 +
 
 +
.wikitable > tr > th, .wikitable > * > tr > th {
 +
background-color: #112600;
 +
text-align: center;
 +
}
 +
 
 +
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
 +
border: 2px solid #112600;
 +
padding: 0.2em 0.4em;
 +
}
 +
 
 +
.catlinks {
 +
border: 3px solid #0d1c00;
 +
border-radius: 10px;
 +
background-color: #070e00;
 +
padding: 5px;
 +
margin-top: 1em;
 +
clear: both;
 +
}
 +
 
 +
.list-table table {
 +
border-spacing: 10px;
 +
width: 100%;
 +
max-width: 90%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 
 +
.list-table td {
 +
border: 2px solid #1b3d00;
 +
margin: 0px;
 +
padding: 5px;
 +
background-color: #081200;
 +
border-radius: 8px;
 +
}
 +
 
 +
.list-table img {
 +
max-width: 150px;
 +
max-height: 150px;
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 
 +
.list-table p {
 +
margin-bottom: 0px;
 +
margin-top: 0px;
 +
text-align: left;
 +
}
 +
 
 +
.list-table b {
 +
}
 +
 
 +
.list-table ul {
 +
opacity: 50%;
 +
font-size: 12px;
 +
}
 +
 
 +
.tablenav table {
 +
border-spacing: 10px;
 +
}
 +
 
 +
.tablenav td {
 +
border: 2px solid #1b3d00;
 +
border-radius: 10px;
 +
background-color: #070e00;
 +
padding: 10px;
 +
}
 +
 
 +
.tablenav td p {
 +
margin-top: 0px;
 +
}
 +
 
 +
.tablenav td a {
 +
margin: 0px 2px 0px 2px;
 +
}
 +
 
 +
td .tooltiptext img {
 +
width: 90%;
 +
margin: 3px;
 +
}
 +
 
 +
.diff-deletedline .diffchange {
 +
background: #740000;
 +
color: #ffb328;
 +
}
 +
 
 +
.vidnum1 {
 +
font-size: 45px;
 +
font-weight: bold;
 +
margin: 0px 20px 0px 10px;
 +
font-family: serif;
 +
color: gold;
 +
text-shadow: 0 0 5px gold;
 +
opacity: 80%;
 +
}
 +
 
 +
.vidnum2 {
 +
font-size: 45px;
 +
font-weight: bold;
 +
margin: 0px 20px 0px 10px;
 +
font-family: serif;
 +
color: green;
 +
text-shadow: 0 0 5px green;
 +
opacity: 80%;
 +
}
 +
 
 +
.vidnum3 {
 +
font-size: 45px;
 +
font-weight: bold;
 +
margin: 0px 20px 0px 10px;
 +
font-family: serif;
 +
color: red;
 +
text-shadow: 0 0 5px red;
 +
opacity: 80%;
 +
}
 +
 
 +
.vidnum img {
 +
height: 23px;
 +
margin-bottom: 14px;
 +
}
 +
 
 +
.vidnum {
 +
margin-top: -78px !important;
 +
text-align: right !important;
 +
margin-right: -20px !important;
 +
}
 +
 
 +
.vidnumtext {
 +
font-family: monospace;
 +
font-weight: bold;
 +
opacity: 0.5;
 +
}
 +
 
 +
#mw-head .vectorMenu h3 {
 +
background-image: none;
 +
}
 +
 
 +
.RanQuote .canquote {
 +
color: #8f8f8f;
 +
font-family: Arial;
 +
font-weight: normal;
 +
font-size: 15px;
 +
}
 +
 
 +
.RanQuote p {
 +
text-align: center;
 +
margin-left: 20px;
 +
margin-right: 20px;
 +
}
 +
 
 +
.RanQuote img {
 +
width: 100%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-bottom: 0px;
 +
margin-top: 30px;
 +
display: block;
 +
}
 +
 
 +
.thisday img:hover {
 +
box-shadow: none;
 
}
 
}
  
.tablenotes h3 {
+
.RanQuote img:hover {
font-size: 1.1em;
+
box-shadow: none;
}
 
 
 
.tablenotes p {
 
margin-top: 0px;
 
}
 
 
 
.tablenav .playersub a {
 
color:green;
 
}
 
 
 
.tablenav .playersub a:hover {
 
color:green;
 
text-shadow: 0px 0px 5px green;
 
}
 
 
 
.gallerytext p {
 
text-align: left;
 
 
}
 
}

Revision as of 15:27, 20 September 2024

.tempList th a {
color: gold;
}

.tempList th p {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
}

.tempList th {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #1b3d00;
}

.tempList td {
vertical-align: top;
text-align: center;
font-size: 20px;
font-weight: bold;
text-shadow: 0px 0px 15px gold;
}

.tempList td img {
width: 100%;
height: auto;
}

.tempList td img:hover {
filter: brightness(150%);
}

.tempList td:nth-child(odd) {
width: 13%;
border: 2px solid #1b3d00;
border-bottom-left-radius: 10px;
}

.tempList td:nth-child(even) {
border: 2px solid #1b3d00;
border-bottom-right-radius: 10px;
}

.tempList table {
width: 100%;
}

.tempList pre {
text-align: left;
font-size: 8px;
color: gray;
text-shadow: none;
border: none;
border-radius: 5px;
margin: 3px;
background-color: transparent;
}

.tradTable table {
font-size: 100%;
background-color: #1b3d00;
padding: 2px;
border-radius: 10px;
}

.tradTable table pre {
background-color: transparent;
border: none;
padding: 3px;
}

.tradTable th pre {
color: white;
}

.tradTable td p {
padding-right: 15px;
padding-left: 5px;
}

.tradTable td {
background-color: #0d1c00;
border-radius: 4px;
}

.tradTable td pre {
color: white;
border-radius: 5px;
margin: 0px;
}

.tradTable tr:nth-of-type(even) {
display: table-row;
background-color:transparent;
}




.prodtext {
animation-duration: 2000ms;
animation-name: producerAni;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
font-family: sans-serif;
font-weight: bold;
font-size: 18px;
transform-style: preserve-3d;
color:#a6a6ff;
opacity: 80%;
padding-left: 2em;
}

@keyframes producerAni {
   0% {
      filter: blur(0.4px); -webkit-filter: blur(0.7px);
      transform: rotateX(20deg);
      margin-left: 3px;
   }
   50% {
      filter: blur(0.4px); -webkit-filter: blur(0.9px);
      transform: rotateX(-20deg);
      margin-left: 0px;
   }
   100% {
      filter: blur(0.4px); -webkit-filter: blur(0.7px);
      transform: rotateX(20deg);
      margin-left: 3px;
   }
}

.charWH {
background-image: url(https://johnisdead.withinhubris.com/images/d/d1/Char_wh.png); 
background-size: cover;
}

.charLC {
background-image: url(https://johnisdead.withinhubris.com/images/5/59/Char_lc.png); 
background-size: cover;
}

.charMC {
background-image: url(https://johnisdead.withinhubris.com/images/e/ed/Char_mc.png); 
background-size: cover;
}

.charAO {
background-image: url(https://johnisdead.withinhubris.com/images/9/9f/Char_ao.png); 
background-size: cover;
}

.charUN {
background-image: url(https://johnisdead.withinhubris.com/images/e/e5/Char_un.png); 
background-size: cover;
}

.WHpost p {
word-break: break-word;
}

.WHpost b {
color: #AAA;
}

.WHpost i {
opacity: 1;
}

.rainbow_text {
    background: red;
    background: -webkit-linear-gradient(left, orange , yellow, green, cyan, blue, violet);
    background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
    background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
    background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mw-redirectedfrom {
display: none;
}

.infobox ul.tabbernav li {
padding-top: 0.5em;
}

.infobox ul.tabbernav {
padding-top: 0px;
}

.infobox-image .tabber .tabbertab {
background-color: #1b3d00;
}

.infobox-image ul.tabbernav li a:link {
padding: 4px 0.9em 8px 0.4em;
font-size: 1.2em;
}

.erikaquote {
width: 80%;
margin-left: 4em;
margin-right: 4em;
height: fit-content;
display: inline-block;
}

.erikaquote img {
padding: 0.2em;
float:left;
max-width: 6em;
z-index: 1;
position: absolute;
width: 91px !important;
height: auto !important;
}

.erikaquotename {
font-family: 'Fcursive';
float:left; 
width: 100%;
padding-left: 4.6em;
font-size: 1.4em;
color: gold;
text-shadow: 0px 0px 2px gold;
font-weight:bold;
}

.erikaquotename:hover {
font-family: sans-serif;
float:left; 
width: 100%;
padding-left: 4.6em;
font-size: 1.4em;
color: gold;
text-shadow: 0px 0px 2px gold;
font-weight:bold;
}

.erikaquotebox {
font-family: 'Fcursive';
color: green !important;
font-size: 1.2em;
font-style: normal;
width: 80%;
float:left;
padding-left: 5.5em;
padding-right: 1.8em;
padding: 0.5em 2em 0.5em 5.5em;
}

.erikaquotebox:hover {
font-family: sans-serif;
color: green;
font-style: italic;
border-radius: 15px;
width: 80%;
float:left;
padding-left: 5.5em;
padding-right: 1.8em;
padding: 0.5em 2em 0.5em 5.5em;
}









.tablenav .altTooltip a:hover {
color:green;
text-shadow: 0px 0px 5px green !important;
}

.tablenav2 .altTooltip a {
color:green !important;
}

.tablenav2 .altTooltip a:hover {
color:green;
text-shadow: 0px 0px 5px green !important;
}

.altTooltip {
position: relative;
display: inline-block;
}

.altTooltip .tooltiptext {
border-radius: 5px;
background-color: #0d1c00;
border: 2px solid #1b3d00;
color: #fff;
box-shadow: 0px 0px 7px black;
visibility: hidden;
width: 180px;
color: #fff;
font-size: 85%;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -90px;
margin-bottom: 0.6em;
}

.altTooltip:hover .tooltiptext {
visibility: visible;
}

.WHsolved p {
color: #AAA !important;
font-family: "arial",sans-serif;
font-size: 12px;
}

.WHsolved {
background-color: #0c0c0c;
padding: 0.8em;
border-radius: 10px;
box-shadow: 0px 0px 8px #828282;
color: #AAA !important;
font-family: "arial",sans-serif;
font-size: 12px;
}

.WHsolved b {
color: white;
}

.WHpost img {
max-width: 100% !important;
height: auto;
}

.WHpost iframe {
border: none !important;
border-radius: 0px !important;
box-shadow: none !important;
}

.edited {
border: 1px dotted #333;
color: #AAAAAA;
font-size: 85%;
font-style: italic;
margin-top: 1em;
padding: 5px 10px;
border-radius: 10px;
}

.edited b {
color: #9A7DE3;
}

.WHspoiler {
background: url(https://johnisdead.withinhubris.com/images/9/93/WHbar.png) repeat-x top #000;
border: 1px solid #333;
color: #fff;
cursor: pointer;
font-weight: 700;
padding: 2px 4px;
margin: 9px auto 0px auto;
font-size: 12px !important;
}

.WHspoilertext {
border: 1px solid #333;
color: #AAA !important;
font-family: "arial", sans-serif !important;
font-size: 12px !important;
padding: 2px 4px;
}

.WHpost {
background-color:black;
display: block;
float: left;
width: 90%;
margin-left: 5%;
margin-top: 2em;
margin-bottom: 2em;
border: 1px solid #333;
}

.WHleft {
clear: both;
float:left;
padding: 5px 10px;
width: 15%;
min-width: 90px;
background-color: black;
}

.WHleft p {
color: #AAA !important;
font-family: "arial", sans-serif;
font-size: 10px !important;
}

.WHleft b {
color: #AAA !important;
font-family: "arial", sans-serif;
font-size: 10px;
}

.WHleft img {
width: 80px;
height: 80px;
margin-left:auto;
margin-right:auto;
display:block;
}

.WHright {
float:left;
padding: 5px 10px;
background-color: black;
width: 75%;
}

.WHright p {
color: #AAA !important;
font-family: "arial", sans-serif;
font-size: 12px;
}

.WHright a {
color: #9A7DE3 !important;
}

.WHright a:hover {
color: #CAEDAD !important;
text-decoration: none !important;
}

.WHheader {
font-size: 10px !important;
margin-left: 10px !important;
}

.transcriptWH {
background-color: #000000;
background-image: url(https://johnisdead.withinhubris.com/images/2/26/Spacebg12.png);
border: 2px solid #1b3d00;
border-radius: 15px;
display: inline-block;
}

.transcriptTumblr {
background-color: #000000;
background-image: url(https://johnisdead.withinhubris.com/images/7/73/Tumblrbg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position-x: 13em;
background-size: 200%;
border: 2px solid #1b3d00;
border-radius: 15px;
}

.transcriptTumblr a {
color: gold;
}

.transcriptTumblr .webArchive {
background-color: rgba(0, 0, 0, 0);
border: none;
border-radius: 15px;
font-size: 1.1em;
margin-left: 10px;
margin-top: 20px;
margin-right: 10px;
word-wrap: break-word;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-top: 0.2em;
}

.transcriptTumblr .webArchiveEntry {
background-color: rgba(0, 0, 0, 0.7);
border:none;
box-shadow: 0px 0px 3px #999;
color:white;
}

ol.references { font-size: 90%; }
ol.references li:target { color: gold; text-shadow: 0 0 5px yellow; background-color: #202708; border-radius: 3px; }
sup.reference:target { color: gold; background-color: #202708; border-radius: 3px; }

ol.references:target a {
color: #ffffcb;
font-weight: bold;
border-bottom: 1px dotted;
}

ol.references li:target a {
color: #ffffcb;
font-weight: bold;
border-bottom: 1px dotted;
}

code {
color: green;
background-color: #030600;
border: none;
}

.indentedStyle {
color: green;
font-style: italic;
font-weight: bold;
font-size: 1.025em;
font-family: monospace;
padding: 1em;
padding-top: 0;
padding-bottom: 0;
margin-left: 1.3em;
}

.webArchiveEntry .indentedStyle {
border-left: 2px solid #1b3d00;
}

.indentedStyle p {
color: green !important;
font-style: italic;
font-weight: bold;
font-size: 1.025em;
font-family: monospace;
}

.fadeEffect {
    animation-duration: 4500ms;
    animation-name: fadeImage;
    animation-iteration-count: infinite;
}

@keyframes fadeImage{
   0% {
      opacity: 0%;
   }
   50% {
      opacity: 70%;
   }
   100% {
      opacity: 0%;
   }
}

.vip10 i {
opacity: 0.5;
font-weight: normal;
}

.vip10 {
font-weight: bold;
background-color: #004013;
color: #00d940;
}

ul.tabbernav {
border-bottom: none;
}

ul.tabbernav li a {
background-color: #081200;
border: 2px solid #1b3d00;
border-top-left-radius: 15px;
border-top-right-radius: 50px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
color: gold;
}

ul.tabbernav li a:hover {
background-color: #1b3d00;
border: 2px solid #1b3d00;
border-top-left-radius: 15px;
border-top-right-radius: 50px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
color: yellow;
}

ul.tabbernav li.tabberactive a {
background-color: black;
border: 2px solid #1b3d00;
border-top-left-radius: 15px;
border-top-right-radius: 50px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom: none;
}

ul.tabbernav li.tabberactive a:hover {
background-color: black;
border: 2px solid #1b3d00;
border-top-left-radius: 15px;
border-top-right-radius: 50px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom: none;
color: gold;
}

ul.tabbernav li a:link {
color:gold;
font-size: 1.3em;
text-shadow: 0 0 2px gold;
padding: 3px 2.3em;
padding-bottom: 10px;
}

.tabber .tabbertab {
background-color: black;
border: 2px solid #1b3d00;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 6px;
padding-left: 1.5em;
padding-right: 1.5em;
}

.webArchiveEntry .indented {
border-left: 2px solid #1b3d00;
}

.webArchiveEntry .fadediv {
background: linear-gradient(to right,#007900,rgba(27,61,0,1),rgba(27,61,0,0),rgba(27,61,0,0),rgba(27,61,0,0));
height: 3px;
margin: 0px;
box-shadow: 0px 0px 3px #1b3d00;
}

.webArchiveEntry iframe {
max-width: 80%;
margin-left: 0px;
margin-right: 0px;
}

.mw-destfile-warning {
background-color: #060e00;
border: 2px solid #0d1c00;
}

audio {
height: 35px;
width: 300px;
}

.pageImg {
max-width: 300px;
height: auto;
box-shadow: 0px 0px 10px black;

}

li.gallerybox div.thumb {
background-color: #060e00;
border: 2px solid #0d1c00;
border-radius: 10px;
}

.cheatSheet {
background-color: #060e00;
border: 2px solid #060e00;
border-radius: 15px;
font-size: 1.1em;
margin-left: 10px;
margin-top: 8px;
margin-right: 10px;
margin-bottom: 20px;
word-wrap: break-word;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 0px;
padding-top: 0px;
box-shadow: 0px 0px 10px #060e00;
}

.cheatSheet pre {
margin-bottom: 0.4em;
margin-top: 0px;
border-radius: 10px;
border: 2px solid #1b3d00;
color: gray; 
font-weight: bold; 
font-size: 12px;
}

.webArchive b {
color: gold;
font-family:Arial;
text-shadow: 0px 0px 5px darkgoldenrod; 
font-size: 15px; 
opacity: 1;
}

.webArchive {
background-color: #060e00;
border: 2px solid #0d1c00;
border-radius: 15px;
font-size: 1.1em;
margin-left: 10px;
margin-top: 20px;
margin-right: 10px;
word-wrap: break-word;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-top: 0.2em;
}

.webArchiveEntry b {
color: gold;
font-family:Arial;
text-shadow: 0px 0px 5px darkgoldenrod; 
font-size: 15px; 
opacity: 1;
}

.webArchiveEntry {
background-color: #0d1d00;
border: 2px solid #1b3d00;
border-radius: 15px;
margin-left: 10px;
font-family: monospace;
font-size: 1.1em;
padding-left: 1em;
padding-right: 1em;
}

.webArchiveEntry .poem {
margin-top: 5px;
}

.webArchiveEntry .mainImg {
max-width: 80%; 
box-shadow: 0px 0px 20px black; 
margin-left: auto; 
margin-right: auto; 
display: -webkit-box; 
margin-top: 15px; border-radius: 8px;
}

@font-face {
    font-family: 'Fcursive';
    src: url(https://johnisdead.withinhubris.com/resources/assets/Fcursive.ttf);
}

.erika-text {
font-family: 'Fcursive';
color: green;
font-size: 1.2em;
font-style: normal;
}

.erika-text:hover {
font-family: sans-serif;
color: green;
font-style: italic;
background-color: #050c00;
border-radius: 15px;
}

.charaBox {
background-color: black;
width: 9em;
font-size: 1em;
float:left;
height: 7em;
box-shadow: 0 0 20px 25px #070e00 inset;
border-radius: 5px;
}

.charaBox a {

}

.charaBox p {
padding-top: 0.55em;
}

.FAQ {
background-color: #0d1c00;
border-radius: 15px;
padding: 1em;
padding-top: 0.2em;
padding-bottom: 0.4em;
border: 2px solid #1b3d00;
}

.FAQ h3 {
padding-top: 0px;
padding-bottom: 0.3em;
}

.FAQanswer {
background-color: #081200;
border-radius: 15px;
padding: 0.2em 1em 0.2em 1em;
}

.FAQanswer p {
margin-bottom: 0.2em;
}

.noticetext {
float:left;
width: 65%;
}

.videtails {
border-left: 3px solid #1b3d00;
border-radius: 10px;
}

.videtailsinfo {
margin-left: 2em;
font-style: italic; 
}

.vidinfonav {
background-color: #081200;
border-radius: 15px;
overflow: auto;
margin-top: 1em;
padding: 0 0.7em 0 0.7em;
}

.prevvidtop p {
width: 45%;
float: left;
text-align: center;
font-weight: bold;
padding-top: 0.3em; 
margin-right: 1%;
word-break: break-all;
word-break: break-word;
}

.nextvidtop p {
width: 45%;
float: right;
text-align: center;
font-weight: bold;
padding-top: 0.3em; 
margin-left: 1%;
word-break: break-all;
word-break: break-word;
}

.prevvid p {
width: 45%;
float: left;
text-align: center;
padding-top: 1em;
word-break: break-all;
word-break: break-word;
font-weight: bold;
}

.prevvid a:hover {
text-decoration: none;
text-shadow: 0px 0px 5px gold;
color: yellow;
}

.prevvid a:visited {
color: gold;
}

.nextvid p {
width: 45%;
float: right;
text-align: center;
padding-top: 1em;
word-break: break-all;
word-break: break-word;
font-weight: bold;
}

.nextvid a:hover {
text-decoration: none;
text-shadow: 0px 0px 5px gold;
color: yellow;
}

.nextvid a:visited {
color: gold;
}

.solution {
text-shadow: 0 0 5px white;
font-weight: bold;
}

.textexampletitle {
background-color: #081200;
border: 2px solid #1b3d00;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-top: 1.2em;
margin-bottom: 0px;
font-family: monospace;
font-size: 1.1em;
color: yellow;
font-weight: bold;
padding-top: 0.5em;
}

.textexamplebox {
background-color: black;
border: 2px solid #1b3d00;
border-top: 0;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
font-family: monospace;
font-size: 1.1em;
padding-bottom: 1em;
}

.tablenav a {
color: gold;
}

.tablenav a:visited {
color: gold;
}

.tablenav a:hover {
color: yellow;
text-shadow: 0px 0px 5px gold;
text-decoration: underline;
}

.tablenav2 a {
color: gold;
}

.tablenav2 a:visited {
color: gold;
}

.tablenav2 a:hover {
color: yellow;
text-shadow: 0px 0px 5px gold;
text-decoration: none;
}

body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
body.page-Join.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

.updatenew {
border: 1.5px solid #0d1c00;
background-color: #0d1c00;
border-radius: 10px;
padding: 0.7em;
}

.updatenew h3 {
margin-top: 0;
padding-top: 0;
}

.updateold {
margin-top: 1em;
border: 1.5px solid #0d1c00;
border-radius: 10px;
padding: 0.7em;
}

.updateold img {
margin: none; 
border: none; 
display:inline;
}

.updatenew img {
margin: none; 
border: none; 
display:inline;
}

.updateold h3 {
margin-top: 0;
padding-top: 0;
}

.static {
background: black;
width: 20%;
height: auto;
position:absolute;
}

.static:hover {
opacity:0;
}

.active {
width: 20%;
height: auto;
}

.linkboxes1 {
width: 100%;
text-align: center;
position:relative;
}

.linkboxes1 img {
width: 20%;
height: auto;
margin: 0 1% 0 1%;
border-radius: 5%;
max-height: 360px;
max-width: 280px; 
}

.linkboxes2 {
width: 100%;
text-align: center;
position:relative;
}

.linkboxes2 img {
width: 20%;
margin-top: 2em;
height: auto;
margin: 0 1% 0 1%;
border-radius: 5%;
max-height: 360px;
max-width: 280px; 
}

iframe {
border: 3px solid #1b3d00;
margin-left: auto;
margin-right: auto;
display: block;
border-radius: 10px;
box-shadow: 0 0 10px #1b3d00;
}

.storyquote {
width: 80%;
margin-left: 4em;
margin-right: 4em;
height: fit-content;
display: inline-block;
}

.storyquote img {
background-color: #0d1c00;
border: 3px solid #1b3d00;
border-radius: 10px;
padding: 0.2em;
float:left;
max-width: 6em;
z-index: 1;
position: absolute;
box-shadow: 5px 10px 8px #000000;
}

.storyquotename {
background-image: linear-gradient(7deg,#1b3d00,#000000,#000000,#000000);
float:left; 
width: 100%;
padding-left: 5.3em;
font-size: 1.4em;
color: gold;
text-shadow: 0px 0px 2px gold;
font-weight:bold;
}

.storyquotebox {
font-style:italic;
font-size:1.2em;
width: 80%;
background-color: #0d1c00;
border: 3px solid #1b3d00;
border-radius: 10px;
float:left;
padding-left: 5.5em;
padding-right: 1.8em;
padding: 0.5em 2em 0.5em 5.5em;
}

.articleimg {
background-color: #0d1c00;
border: 3px solid #1b3d00;
max-width: 16em;
padding: 0.7em 0.7em 0em 0.7em;
text-align: center;
border-radius: 10px;
margin-bottom: 5px !important;
margin-top: 5px !important;
}

.articleimg p {
margin-bottom: 0px;
padding: 0.2em;
background-color: #1b3d00;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
padding-left: 0.6em;
padding-right: 0.6em;
text-align: left;
}

.articleimg img {
border-radius: 10px;
max-width: 15.5em;
border: 3px solid #1b3d00;
}

.mw-body-content p {
margin-bottom: 1.1em;
text-align: justify;
}

.vip9 i {
opacity: 0.5;
font-weight: normal;
}

.vip9 {
font-weight: bold;
background-color: #0a3831;
color: #ffffff;
}

.vip8 i {
opacity: 0.5;
font-weight: normal;
}

.vip8 {
font-weight: bold;
background-color: #00064c;
color: #d6d8ff;
}

.vip7 i {
opacity: 0.5;
font-weight: normal;
}

.vip7 {
font-weight: bold;
background-color: #1f352c;
color: #eacf9a;
}

.vip6 i {
opacity: 0.5;
font-weight: normal;
}

.vip6 {
font-weight: bold;
background-color: #4c3200;
color: #ffa700;
}

.gamejack {
margin-left: 3em;
background: linear-gradient(to right, rgba(56,36,0,0), rgba(56,36,0,0.2), rgba(56,36,0,0.8), rgba(56,36,0,1));
}

.ph p {
margin-top: 0;
margin-bottom: 0;
}

.summary .ph ul {
margin-top: 0;
}

.summary .ph {
margin-top: 0;
}

.ph {
border-radius: 5px;
background: linear-gradient(to right, rgba(56,36,0,0), rgba(56,36,0,0.2), rgba(56,36,0,0.8), rgba(56,36,0,1));
display:inline-block;
min-width: 99%;
margin-top: 0.3em;
}

.ph:hover {
background-color: #382400;
}

.mw-collapsible-content .ph {
display:inline-block;
min-width: 99%;
margin-top: 0;
}

.mw-collapsible-content .ph:hover {
background-color: #382400;
}

.vip5 i {
opacity: 0.5;
font-weight: normal;
}

.vip5 {
font-weight: bold;
background-color: #3c002f;
color: #ff317d;
}

.vip4 i {
opacity: 0.5;
font-weight: normal;
}

.vip4 {
font-weight: bold;
background-color: #292929;
color: #a5a5a5;
}

i {
opacity: 0.5;
}

.simple-tooltip-img {
border: none;
vertical-align: middle;
width: 1.3em;
}

.tooltipster-default {
border-radius: 5px;
background: #081200;
border: 2px solid #1b3d00;
color: #fff;
box-shadow: 0px 0px 7px black;
}

.vip3 i {
opacity: 0.5;
font-weight: normal;
}

.vip3 {
font-weight: bold;
background-color: #450202;
color: red;
}

.vip2 i {
opacity: 0.5;
font-weight: normal;
}

.vip2 {
font-weight: bold;
background-color: #021b45;
color: royalblue;
}

.vip i {
opacity: 0.5;
font-weight: normal;
}

.vip {
font-weight: bold;
background-color: #132b00;
color: gold;
}

.toctogglelabel {
color:#337800;
}

.tocnumber {
color:#337800;
}

.fauxheader {
font-weight: bold;
color: white;
font-size: 1.1em;
padding-top: 0.2em;
}

p.fauxheader {
margin: 0px;
}

.fadediv {
background: linear-gradient(to right, rgba(27,61,0,1), rgba(27,61,0,0), rgba(27,61,0,0), rgba(27,61,0,0));
height: 2px;
margin: 0px;
}

.fadediv2 {
background: linear-gradient(to right, rgba(50,112,0,1), rgba(50,112,0,0), rgba(50,112,0,0), rgba(50,112,0,0));
height: 2px;
margin: 0px;
}

.fadediv3 {
background: linear-gradient(to right, rgba(27,61,0,0), rgba(27,61,0,1), rgba(27,61,0,1), rgba(27,61,0,0));
height: 2px;
margin: 0px;
}

.transcriptsum {
background-color: #081200;
border: 2px solid #1b3d00;
border-radius: 15px;
margin-top: 1.2em;
font-family: monospace;
font-size: 1.1em;
}

.transcriptsum img {
max-width: 100%;
height: auto;
}

.summary {
margin-left: 4em;
margin-right: 1em;
padding: 0em 1em 0.5em 1em;
border: 2px solid #1b3d00;
border-top: none;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
word-wrap: break-word;
}

.toc, .mw-warning, .toccolours {
background-color: black;
border: 2px solid #1b3d00;
border-radius: 15px;
}

ul {
list-style-image: none;
}

.indented {
padding: 1em;
padding-top: 0;
padding-bottom: 0;
margin-left: 1.3em;
}

b {
color: gold;
}

.supple {
font-style: italic;
opacity: 0.5;
color: white;
font-size: 0.8em;
}

.canquote {
font-style: italic;
font-weight: bold;
color: green;
font-size: 1.025em;
font-family: monospace;
}

.mw-body h1 {
font-family: Arial;
}

.mw-body h2 {
font-family: Arial;
}

.mw-body h3 {
font-family: Arial;
color: white;
}

.mw-body h4 {
font-family: Arial;
color: white;
}

.mw-collapsible-toggle {
float:left;
margin-left:0;
margin-right:1em;
background-color: #0d1c00;
border: 3px solid #1b3d00;
padding: 0.7em;
border-radius: 15px;
}

.transcript {
background-color: #081200;
border: 2px solid #1b3d00;
border-radius: 15px;
margin-top: 1.2em;
margin-bottom: 1.2em;
font-family: monospace;
font-size: 1.1em;
}

.poem {
margin-left: 10px;
margin-top: 20px;
margin-right: 10px;
word-wrap: break-word;
padding-bottom: 0.5em;
}

.poem p {
margin-top: 0;
margin-bottom: 0;
}

.mw-content-ltr .mw-collapsible:not(.mw-made-collapsible) th:before, .mw-content-rtl .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible) th:before, .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible):before, .mw-content-rtl .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible):before, .mw-content-ltr .mw-collapsible-toggle, .mw-content-rtl .mw-content-ltr .mw-collapsible-toggle {
float: none;
}

.mw-collapsible-text {
color: gold;
font-weight: bold;
}

.infobox {
background-color: #0d1c00;
border: 3px solid #1b3d00;
float: right;
margin: 0 0 1em 1em;
padding: 0.7em;
padding-top: 0px;
padding-bottom: 0px;
width: 33%;
max-width: 300px;
border-radius: 10px;
}

.infobox img {
max-width: 95%;
height: auto;
margin-left: auto;
margin-right: auto;
border: 2px solid #1b3d00;
border-top: 1px solid #1b3d00;
border-radius: 15px;
}

.infobox-title {
font-size: 1.5em;
background-color: #1b3d00;
border-top: 1px solid #1b3d00;
border-bottom: 1px solid #1b3d00;
padding-left: 0.4em;
padding-right: 0.4em;
}

.infobox-title p {
margin: 0px;
text-align: center;
background-color: #0d1c00;
border: 1px solid #1b3d00;
border-radius: 10px;
margin-bottom: 0px;
word-break: break-all;
word-break: break-word;
padding-left: 0.3em;
padding-right: 0.3em;
}

.infobox-image {
text-align: center;
background-color: #1b3d00;
border: 2px solid #1b3d00;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

.infobox-image p {
text-align: left;
font-style: italic;
margin-left: 0.7em;
}

.infobox table {
width: 100%;
background-color: #081200;
border: 2px solid #081200;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
margin-top: 1em;
word-break: break-all;
word-break: break-word;
}

.infobox th {
vertical-align: top;
width: 100px;
text-align: left;
}

.infobox td {
vertical-align: top;
}

.infobox tr {
display: block;
border-bottom: 2px solid #1b3d00;
}

.infobox-title h2 {
margin: 0px;
padding: 0px;
margin-top: 10px;
font-size: 0.5em;
}

.nodivider tr {
border-bottom: none;
}

#mw-panel {
background-color:black;
border: 3px solid #112600;
padding-bottom: 20px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
margin-top: 2.5em;
margin-left: 1em;
}

#mw-panel .portal h3 {
color:white;
}

#mw-panel .portal .body li a {
color:#337800;
}

#mw-panel .portal .body li a:hover {
color:gold;
}

#mw-panel .portal .body li a:visited {
color:#285e00;
}

#mw-head {
background-color: black;
background-image: url(https://johnisdead.withinhubris.com/images/c/cc/Jidwikibg.png);
}

#mw-head-base {
background-color: transparent;
}

body {
background-color: black;
background-image: url(https://johnisdead.withinhubris.com/images/c/cc/Jidwikibg.png);
}

.mw-body, .parsoid-body {
background-color: black;
border: 3px solid #112600;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
color: white;
margin-left: 12em;
margin-right: 1em;
}

.mw-body-content p {
color:white;
}

.mw-body h1, .mw-body-content h1 {
color:white;
}

.mw-body-content h2 {
color:white
}

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
color:white;
}

.mw-parser-output a.external {
color:#337800;
}

.mw-parser-output a.external:hover {
color:gold;
}

.mw-parser-output a.external:visited {
color:#285e00;
}

a {
color:#45a200;
}

a.new {
color:#d33;
}

a:hover {
color:yellow !important;
text-shadow: 0px 0px 2px gold;
}

a:visited {
color:#45a200;
}

#left-navigation {
    float: left;
    margin-left: 12em;
    margin-top: 2.5em;
    margin-bottom: -2.5em;
}

#right-navigation {
   margin-right: 1em;
}

.vectorTabs {
background-color: #112600;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
background-image: none;
}

.vectorTabs ul {
background-image: none;
}

.vectorTabs li {
background-image: none;
padding: 0px 5px 0px 5px;
}

.vectorTabs li.selected {
background-image: none;
}

.vectorTabs span {
background-image: none;
}

.vectorTabs li.selected a, .vectorTabs li.selected a:visited {
color: white;
font-weight: normal;
margin-top: 5px;
background-color: black;
border: 3px solid black;
border-bottom: none;
border-top-right-radius: 25px;
border-top-left-radius: 25px;
}

.vectorTabs li a, .vectorTabs li a:visited {
color: gold;
font-weight: bold;
}

.vectorTabs li a:hover, .vectorTabs li a:hover {
color: gold;
text-shadow: 0px 0px 2px gold;
text-decoration: none;
font-weight: bold;
}

.vectorMenu h3 span {
color:#337800;
padding-top: 1.5em;
}

.vectorMenu li a {
color:#337800;
}

.vectorMenu .menu {
background-color: black;
border: 2px solid #112600;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

#editform, #toolbar, #wpTextbox1 {
background-color: #060d00;
color:white;
}

.editOptions {
background-color: #0d1c00;
color:white;
border: 1px solid #112600;
}

textarea {
border: 1px solid #112600;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: black;
color: white;
border: 1px solid #112600;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: #1b3d00;
color: gold;
border-color: #1b3d00;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: #337800;
color: gold;
border-color: #337800;
box-shadow: 0px 0px 4px gold;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #1b3d00;
color: gold;
border-color: #1b3d00;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: #337800;
color: gold;
border-color: #337800;
box-shadow: 0px 0px 4px gold;
}

pre, .mw-code {
background-color: black;
color: white;
}

.frontbox {
text-align:center;
float:left;
width: 68%;
padding-right: 3%;
}

.frontbox p {
text-align:center;
}

.frontbox h1 {
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
border: none;
font-size: 2.1em;
font-weight: bold;
}

.frontbox h2 {
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
border: none;
font-size:1.7em;
}

.frontbox h3 {
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
border: none;
}

.frontsidebox {
background-color: black;
border: 3px solid #0d1c00;
padding: 0.7em;
padding-top: 0px;
padding-bottom: 1em;
border-radius: 10px;
float: left;
width: 25%;
word-break: break-word;
}

.frontsideboxtitle {
text-align: center;
font-size: 1.5em;
background-color: #0d1c00;
border-top: 1px solid #0d1c00;
border-bottom: 1px solid #0d1c00;
padding-left: 0.4em;
padding-right: 0.4em;
}

.frontsideboxtitle h2 {
font-size:1.1em;
padding: 0.2em 0 0.2em 0;
margin: 0px;
text-align: center;
background-color: black;
border: 1px solid #0d1c00;
border-radius: 10px;
margin-bottom: 0px;
font-weight: bold;
animation-duration: 4500ms;
animation-name: glow;
animation-iteration-count: infinite;
}

.frontsideboximage {
text-align: center;
background-color: #0d1c00;
border: 2px solid #0d1c00;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
margin-bottom: 1em;
}

@keyframes glow {
   0% {
      text-shadow: 0px 0px 2px white;
      color: #6eff81;
   }
   50% {
      text-shadow: 0px 0px 6px white;
      color: #ffffff;
   }
   100% {
      text-shadow: 0px 0px 2px white;
      color: #6eff81;
   }
}

.frontsidebox2 {
background-color: black;
border: 3px solid #0d1c00;
padding: 0.7em;
padding-top: 0px;
padding-bottom: 1em;
border-radius: 10px;
float: left;
width: 25%;
margin-top: 2em;
}

.frontsidebox2 img {
display: block;
max-width: 95%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
border-radius: 15px;
}

.frontsidebox2 img:hover {
box-shadow: 0px 0px 10px gold;
}
.tablenotes {
background-color: #081200;
border: 2px solid #1b3d00;
padding: 1.25em;
padding-top: 0;
padding-bottom: 0;
border-radius: 15px;
}

.tablenotes h3 {
font-size: 1.1em;
}

.tablenotes p {
margin-top: 0px;
}

.tablenav .playersub a {
color:green;
}

.tablenav .playersub a:hover {
color:green;
text-shadow: 0px 0px 5px green;
}

.tablenav2 .playersub a {
color:green;
}

.tablenav2 .playersub a:hover {
color:green;
text-shadow: 0px 0px 5px green;
}

.gallerytext p {
text-align: left;
}

#mw-page-base {
background-color: black;
background-image: none;
}

#simpleSearch {
background-image: none;
background-color: #0d1c00;
border: 1px solid #1b3d00;
color: #45a200;
}

#simpleSearch input {
background-color: #0d1c00;
color: #45a200;
}

.suggestions-special .special-label {
color: #45a200;
}

.suggestions-special .special-query {
color:gold;
}

.suggestions-result {
color: gold;
}

.suggestions-results {
background-color: #0d1c00;
border: 1px solid #1b3d00;
color: #45a200;
}

.suggestions-special {
background-color: #0d1c00;
border: 1px solid #1b3d00;
}

.suggestions a {
color: gold;
}

.mw-search-profile-tabs {
background-color: #000000;
margin-top: 1em;
border: 2px solid #112600;
border-radius: 10px;
}

.search-types .current a {
color: white;
}

.oo-ui-menuSelectWidget {
background-color: #0d1c00;
border: 1px solid #1b3d00;
color: #45a200;
}

.mw-rcfilters-ui-overlay .oo-ui-menuSelectWidget {
background-color: black;
}

.oo-ui-widget a {
color: gold;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
color: gold;
background-color: #1b3d00;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: #0d1c00;
}

#mw-searchoptions {
background-color: black;
border: 1px solid #112600;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
background-color: black;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
border: 3px solid #112600;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: gold;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: #1b3d00;
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled {
color: gold;
}

.oo-ui-tagItemWidget {
border: 1px solid #1b3d00;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
border-bottom: 1px solid #1b3d00;
background-color: #0d1c00;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: #000000;
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border: none;
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
background-color: #0d1c00;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: black;
}

oo-ui-widget oo-ui-widget-enabled oo-ui-labelElement oo-ui-optionWidget oo-ui-decoratedOptionWidget oo-ui-menuOptionWidget mw-rcfilters-ui-itemMenuOptionWidget mw-rcfilters-ui-itemMenuOptionWidget-view-default mw-rcfilters-ui-filterMenuOptionWidget oo-ui-flaggedElement-muted oo-ui-optionWidget-highlighted {
background-color: #1b3d00;
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: gold;
}

.mw-rcfilters-ui-menuSelectWidget-footer {
background-color: black;
border: none;
padding: 0;
height: 0em;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: black;
position: relative;
z-index: 1;
border: 2px solid #112600;
border-radius: 10px;
}

.mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
background-position: center;
}

.mw-icon-arrow-expanded, .mw-collapsible-arrow.mw-collapsible-toggle-expanded {
background-position: center;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border: 3px solid #112600;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #45a200;
}

.oo-ui-popupWidget-popup {
background-color: black;
color: white;
}

#pagehistory li.selected {
background-color: #0d1c00;
color: yellow;
border: 1px dashed #419500;
}

#pagehistory li {
border: 1px solid #1d4200;
padding: 1px 10px 1px 10px;
}

.sitedir-ltr textarea, .sitedir-ltr input {
direction: ltr;
background-color: #0d1c00;
color: gray;
border: 1px solid #1b3d00;
}

button.historysubmit.mw-history-revisiondelete-button {
background-color: #0d1c00;
color: gray;
border: 1px solid #1b3d00;
}

select#month {
background-color: #0d1c00;
color: gray;
}

.diff-context {
    background: #0d1c00;
    border-color: #112600;
    color: gold;
}

.diff-addedline .diffchange {
    background: #0d1c00;
    color: gold;
}

.mw-changeslist .mw-collapsible-toggle {
float: right;
padding: 0px;
border: none;
margin-left: 10px;
background-color: black;
}

.mw-datatable th {
background-color: #0d1c00;
}

.mw-datatable td, .mw-datatable th {
border: 1px solid #112600;
padding: 0.2em 0.4em;
}

.mw-datatable td {
background-color: black;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: gold;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: #224900;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: #0d1c00;
color: gold;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: #0d1c00;
color: gold;
}

.wikitable {
background-color: #000000;
color: #fff;
margin: 1em 0;
border: 1px solid #a2a9b1;
border-collapse: collapse;
}

.wikitable > tr > th, .wikitable > * > tr > th {
background-color: #112600;
text-align: center;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 2px solid #112600;
padding: 0.2em 0.4em;
}

.catlinks {
border: 3px solid #0d1c00;
border-radius: 10px;
background-color: #070e00;
padding: 5px;
margin-top: 1em;
clear: both;
}

.list-table table {
border-spacing: 10px;
width: 100%;
max-width: 90%;
margin-left: auto;
margin-right: auto;
}

.list-table td {
border: 2px solid #1b3d00;
margin: 0px;
padding: 5px;
background-color: #081200;
border-radius: 8px;
}

.list-table img {
max-width: 150px;
max-height: 150px;
display: block;
margin-left: auto;
margin-right: auto;
}

.list-table p {
margin-bottom: 0px;
margin-top: 0px;
text-align: left;
}

.list-table b {
}

.list-table ul {
opacity: 50%;
font-size: 12px;
}

.tablenav table {
border-spacing: 10px;
}

.tablenav td {
border: 2px solid #1b3d00;
border-radius: 10px;
background-color: #070e00;
padding: 10px;
}

.tablenav td p {
margin-top: 0px;
}

.tablenav td a {
margin: 0px 2px 0px 2px;
}

td .tooltiptext img {
width: 90%;
margin: 3px;
}

.diff-deletedline .diffchange {
background: #740000;
color: #ffb328;
}

.vidnum1 {
font-size: 45px;
font-weight: bold;
margin: 0px 20px 0px 10px;
font-family: serif;
color: gold;
text-shadow: 0 0 5px gold;
opacity: 80%;
}

.vidnum2 {
font-size: 45px;
font-weight: bold;
margin: 0px 20px 0px 10px;
font-family: serif;
color: green;
text-shadow: 0 0 5px green;
opacity: 80%;
}

.vidnum3 {
font-size: 45px;
font-weight: bold;
margin: 0px 20px 0px 10px;
font-family: serif;
color: red;
text-shadow: 0 0 5px red;
opacity: 80%;
}

.vidnum img {
height: 23px;
margin-bottom: 14px;
}

.vidnum {
margin-top: -78px !important;
text-align: right !important;
margin-right: -20px !important;
}

.vidnumtext {
font-family: monospace;
font-weight: bold;
opacity: 0.5;
}

#mw-head .vectorMenu h3 {
background-image: none;
}

.RanQuote .canquote {
color: #8f8f8f;
font-family: Arial;
font-weight: normal;
font-size: 15px;
}

.RanQuote p {
text-align: center;
margin-left: 20px;
margin-right: 20px;
}

.RanQuote img {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 30px;
display: block;
}

.thisday img:hover {
box-shadow: none;
}

.RanQuote img:hover {
box-shadow: none;
}