Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
| (488 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | . | + | .tempList th a { |
| − | color: | + | 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: | + | 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: | + | width: 100%; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .tempList pre { |
| − | text- | + | text-align: left; |
| − | text-shadow: | + | font-size: 8px; |
| − | color: | + | color: gray; |
| + | text-shadow: none; | ||
| + | border: none; | ||
| + | border-radius: 5px; | ||
| + | margin: 3px; | ||
| + | background-color: transparent; | ||
} | } | ||
| − | . | + | .tradTable table { |
| − | color: | + | font-size: 100%; |
| + | background-color: #1b3d00; | ||
| + | padding: 2px; | ||
| + | border-radius: 10px; | ||
} | } | ||
| − | . | + | .tradTable table pre { |
| − | + | background-color: transparent; | |
| − | + | border: none; | |
| − | + | padding: 3px; | |
| − | padding | ||
| − | |||
| − | |||
} | } | ||
| − | . | + | .tradTable th pre { |
| − | + | color: white; | |
| − | |||
| − | color: | ||
} | } | ||
| − | . | + | .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; | |
| − | border | + | margin: 0px; |
| − | |||
| − | |||
| − | margin | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .tradTable tr:nth-of-type(even) { |
| − | + | display: table-row; | |
| − | + | background-color:transparent; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | |
| − | color: | + | |
| + | |||
| + | .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- | + | 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; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | ||
| − | width: 80%; | ||
| − | margin-left: 4em; | ||
| − | margin-right: 4em; | ||
| − | height: fit-content; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
| − | . | + | .erikaquote img { |
| − | |||
| − | |||
| − | |||
padding: 0.2em; | padding: 0.2em; | ||
float:left; | float:left; | ||
| Line 233: | Line 213: | ||
z-index: 1; | z-index: 1; | ||
position: absolute; | position: absolute; | ||
| − | + | width: 91px !important; | |
| + | height: auto !important; | ||
} | } | ||
| − | . | + | .erikaquotename { |
| − | + | font-family: 'Fcursive'; | |
float:left; | float:left; | ||
width: 100%; | width: 100%; | ||
| − | padding-left: | + | padding-left: 4.6em; |
font-size: 1.4em; | font-size: 1.4em; | ||
color: gold; | color: gold; | ||
| Line 247: | Line 228: | ||
} | } | ||
| − | . | + | .erikaquotename:hover { |
| − | font- | + | font-family: sans-serif; |
| − | font-size:1. | + | 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; | float:left; | ||
padding-left: 5.5em; | padding-left: 5.5em; | ||
| Line 260: | Line 251: | ||
} | } | ||
| − | . | + | .erikaquotebox:hover { |
| − | + | font-family: sans-serif; | |
| − | border: | + | color: green; |
| − | + | font-style: italic; | |
| − | padding: | + | border-radius: 15px; |
| − | + | width: 80%; | |
| − | + | float:left; | |
| + | padding-left: 5.5em; | ||
| + | padding-right: 1.8em; | ||
| + | padding: 0.5em 2em 0.5em 5.5em; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | text- | + | .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- | + | text-shadow: 0px 0px 5px green !important; |
} | } | ||
| − | . | + | .altTooltip { |
| − | + | position: relative; | |
| − | + | display: inline-block; | |
} | } | ||
| − | . | + | .altTooltip .tooltiptext { |
| − | + | border-radius: 5px; | |
| − | background-color: # | + | background-color: #0d1c00; |
| − | color: # | + | 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; | |
| − | font- | + | 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; | |
| − | + | } | |
| − | color: | ||
| − | } | ||
| − | . | + | .WHpost img { |
| − | + | max-width: 100% !important; | |
| − | + | height: auto; | |
} | } | ||
| − | . | + | .WHpost iframe { |
| − | + | border: none !important; | |
| − | + | border-radius: 0px !important; | |
| − | + | box-shadow: none !important; | |
} | } | ||
| − | . | + | .edited { |
| − | margin- | + | 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 { |
| − | margin- | + | 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-top: | + | margin-left: 5%; |
| + | margin-top: 2em; | ||
| + | margin-bottom: 2em; | ||
| + | border: 1px solid #333; | ||
} | } | ||
| − | . | + | .WHleft { |
| − | background-color: | + | 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; | |
| − | background-color: | + | padding: 5px 10px; |
| − | + | background-color: black; | |
| + | width: 75%; | ||
} | } | ||
| − | . | + | .WHright p { |
| − | + | color: #AAA !important; | |
| − | font- | + | font-family: "arial", sans-serif; |
| + | font-size: 12px; | ||
} | } | ||
| − | . | + | .WHright a { |
| − | + | color: #9A7DE3 !important; | |
| − | |||
| − | color: # | ||
} | } | ||
| − | + | .WHright a:hover { | |
| − | + | color: #CAEDAD !important; | |
| + | text-decoration: none !important; | ||
} | } | ||
| − | . | + | .WHheader { |
| − | + | font-size: 10px !important; | |
| − | + | margin-left: 10px !important; | |
| − | |||
} | } | ||
| − | . | + | .transcriptWH { |
| − | + | background-color: #000000; | |
| − | background: | + | background-image: url(https://johnisdead.withinhubris.com/images/2/26/Spacebg12.png); |
border: 2px solid #1b3d00; | 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; | |
| − | |||
| − | color: | ||
} | } | ||
| − | . | + | .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; | |
| − | color: | + | 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; | font-weight: bold; | ||
| − | + | border-bottom: 1px dotted; | |
| − | |||
} | } | ||
| − | . | + | ol.references li:target a { |
| − | color:# | + | color: #ffffcb; |
| + | font-weight: bold; | ||
| + | border-bottom: 1px dotted; | ||
} | } | ||
| − | + | code { | |
| − | color:# | + | color: green; |
| + | background-color: #030600; | ||
| + | border: none; | ||
} | } | ||
| − | . | + | .indentedStyle { |
| + | color: green; | ||
| + | font-style: italic; | ||
font-weight: bold; | font-weight: bold; | ||
| − | + | font-size: 1.025em; | |
| − | font- | + | font-family: monospace; |
| − | padding-top: 0. | + | 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; | |
| − | |||
| − | |||
| − | font- | ||
| − | |||
} | } | ||
| − | . | + | .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: 2px solid #1b3d00; | ||
| − | border-top: | + | border-top-left-radius: 15px; |
| − | border- | + | border-top-right-radius: 50px; |
| − | border-bottom-left-radius: | + | border-bottom-left-radius: 20px; |
| − | + | border-bottom-right-radius: 20px; | |
| + | color: gold; | ||
} | } | ||
| − | . | + | ul.tabbernav li a:hover { |
| − | background-color: | + | background-color: #1b3d00; |
border: 2px solid #1b3d00; | border: 2px solid #1b3d00; | ||
| − | border-radius: 15px; | + | border-top-left-radius: 15px; |
| + | border-top-right-radius: 50px; | ||
| + | border-bottom-left-radius: 20px; | ||
| + | border-bottom-right-radius: 20px; | ||
| + | color: yellow; | ||
} | } | ||
| − | ul { | + | 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; | + | 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- | + | .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: # | + | background-color: #060e00; |
| − | border: 2px solid # | + | border: 2px solid #0d1c00; |
| + | border-radius: 10px; | ||
| + | } | ||
| + | |||
| + | .cheatSheet { | ||
| + | background-color: #060e00; | ||
| + | border: 2px solid #060e00; | ||
border-radius: 15px; | border-radius: 15px; | ||
| − | |||
| − | |||
| − | |||
font-size: 1.1em; | font-size: 1.1em; | ||
| − | |||
| − | |||
| − | |||
margin-left: 10px; | margin-left: 10px; | ||
| − | margin-top: | + | margin-top: 8px; |
margin-right: 10px; | margin-right: 10px; | ||
| + | margin-bottom: 20px; | ||
word-wrap: break-word; | word-wrap: break-word; | ||
| − | padding-bottom: | + | padding-left: 1em; |
| + | padding-right: 1em; | ||
| + | padding-bottom: 0px; | ||
| + | padding-top: 0px; | ||
| + | box-shadow: 0px 0px 10px #060e00; | ||
} | } | ||
| − | . | + | .cheatSheet pre { |
| − | margin- | + | margin-bottom: 0.4em; |
| − | margin- | + | margin-top: 0px; |
| + | border-radius: 10px; | ||
| + | border: 2px solid #1b3d00; | ||
| + | color: gray; | ||
| + | font-weight: bold; | ||
| + | font-size: 12px; | ||
} | } | ||
| − | . | + | .webArchive b { |
| − | |||
| − | |||
| − | |||
| − | |||
color: gold; | color: gold; | ||
| − | font- | + | font-family:Arial; |
| + | text-shadow: 0px 0px 5px darkgoldenrod; | ||
| + | font-size: 15px; | ||
| + | opacity: 1; | ||
} | } | ||
| − | . | + | .webArchive { |
| − | background-color: # | + | background-color: #060e00; |
| − | border: | + | border: 2px solid #0d1c00; |
| − | + | border-radius: 15px; | |
| − | + | font-size: 1.1em; | |
| − | padding: | + | margin-left: 10px; |
| − | padding-top: | + | 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: 2px solid #1b3d00; | ||
| − | |||
border-radius: 15px; | 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- | + | margin-top: 15px; border-radius: 8px; |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | @font-face { | |
| − | + | font-family: 'Fcursive'; | |
| − | + | src: url(https://johnisdead.withinhubris.com/resources/assets/Fcursive.ttf); | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .erika-text { |
| − | 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; | font-style: italic; | ||
| − | + | background-color: #050c00; | |
| − | + | border-radius: 15px; | |
} | } | ||
| − | . | + | .charaBox { |
| − | + | background-color: black; | |
| − | background-color: | + | 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-bottom: 2px solid #1b3d00; | + | 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%; | |
| − | |||
| − | |||
} | } | ||
| − | .nodivider tr { | + | .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; | ||
| + | font-family: monospace; | ||
| + | font-size: 13px; | ||
| + | } | ||
| + | |||
| + | .updatenew h3 { | ||
| + | margin-top: 0; | ||
| + | padding-top: 0; | ||
| + | } | ||
| + | |||
| + | .updateold { | ||
| + | margin-top: 1em; | ||
| + | border: 1.5px solid #0d1c00; | ||
| + | border-radius: 10px; | ||
| + | padding: 0.7em; | ||
| + | font-family: monospace; | ||
| + | font-size: 13px; | ||
| + | } | ||
| + | |||
| + | .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; | ||
| + | } | ||
| + | |||
| + | .pov2 .fadediv { | ||
| + | background: linear-gradient(to left, rgba(27,61,0,1), rgba(27,61,0,0)); | ||
| + | height: 2px; | ||
| + | margin: 0px; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | |||
| + | .pov1 .fadediv { | ||
| + | background: linear-gradient(to right, rgba(27,61,0,1), rgba(27,61,0,0)); | ||
| + | height: 2px; | ||
| + | margin: 0px; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | |||
| + | .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; | border-bottom: none; | ||
} | } | ||
| − | #mw-panel { | + | #mw-panel { |
| − | background-color:black; | + | background-color:black; |
| − | border: 3px solid #112600; | + | border: 3px solid #112600; |
| − | padding-bottom: 20px; | + | padding-bottom: 20px; |
| − | border-bottom-right-radius: 15px; | + | border-top-right-radius: 15px; |
| − | border-bottom-left-radius: 15px; | + | border-top-left-radius: 15px; |
| − | } | + | border-bottom-right-radius: 15px; |
| − | + | border-bottom-left-radius: 15px; | |
| − | #mw-panel .portal h3 { | + | margin-top: 2.5em; |
| − | color:white; | + | 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: white; | ||
| + | opacity: 0.6; | ||
| + | font-family: Arial; | ||
| + | font-weight: normal; | ||
| + | font-size: 15px; | ||
| + | } | ||
| + | |||
| + | .RanQuote p { | ||
| + | text-align: center; | ||
| + | margin-left: 20px; | ||
| + | margin-right: 20px; | ||
| + | font-size: 13px; | ||
| + | } | ||
| + | |||
| + | .RanQuote img { | ||
| + | width: 100%; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | margin-bottom: 0px; | ||
| + | margin-top: 30px; | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | .RanQuote i { | ||
| + | opacity: 80%; | ||
| + | } | ||
| + | |||
| + | .thisday { | ||
| + | font-family: monospace; | ||
| + | font-size: 13px; | ||
| + | } | ||
| + | |||
| + | .thisday b { | ||
| + | font-family: Arial; | ||
| + | font-size: 1.2em; | ||
| + | } | ||
| + | |||
| + | .thisday li b { | ||
| + | font-family: Arial; | ||
| + | font-size: 14.5px; | ||
| + | } | ||
| + | |||
| + | .thisday img:hover { | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | |||
| + | .RanQuote img:hover { | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | |||
| + | .ranName { | ||
| + | opacity: 0.75; | ||
| + | font-weight: bold; | ||
| + | font-style: italic; | ||
| + | } | ||
| + | |||
| + | .storybox { | ||
| + | background-color: #0d1c00; | ||
| + | border: 3px solid #1b3d00; | ||
| + | border-radius: 20px; | ||
| + | float: left; | ||
| + | margin-bottom: 40px; | ||
| + | box-shadow: 0 0 10px black; | ||
| + | } | ||
| + | |||
| + | .storytitle { | ||
| + | margin-left: 20px; | ||
| + | width: fit-content; | ||
| + | float: left; | ||
| + | height: 167.91px; | ||
| + | } | ||
| + | |||
| + | .storytitle h3 { | ||
| + | padding: 5px 30px; | ||
| + | background-color: #1b3d00; | ||
| + | border-top-left-radius: 10px; | ||
| + | border-top-right-radius: 10px; | ||
| + | float: left; | ||
| + | box-shadow: 4px -3px 10px 2px black; | ||
| + | } | ||
| + | |||
| + | |||
| + | .altTooltip2 { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | font-style: italic; | ||
| + | text-decoration: underline dotted; | ||
| + | text-decoration-color: white; | ||
| + | } | ||
| + | |||
| + | .altTooltip2 .tooltiptext2 { | ||
| + | border-radius: 5px; | ||
| + | background-color: #0d1c00; | ||
| + | border: 2px solid #1b3d00; | ||
| + | color: #fff; | ||
| + | box-shadow: 0px 0px 7px black; | ||
| + | visibility: hidden; | ||
| + | width: 25em; | ||
| + | color: #fff; | ||
| + | font-size: 85%; | ||
| + | text-align: center; | ||
| + | border-radius: 6px; | ||
| + | padding: 10px; | ||
| + | position: absolute; | ||
| + | z-index: 1; | ||
| + | bottom: 100%; | ||
| + | left: 50%; | ||
| + | margin-left: -160px; | ||
| + | margin-bottom: 0.6em; | ||
| + | font-style: italic; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .altTooltip2:hover .tooltiptext2 { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | |||
| + | .tooltiptext2 img { | ||
| + | width: auto; | ||
| + | max-width: 80%; | ||
| + | margin: 20px auto 20px auto; | ||
| + | box-shadow: 0 0 15px black; | ||
| + | max-height: 200px; | ||
| + | } | ||
| + | |||
| + | .storybox p { | ||
| + | margin: 15px; | ||
| + | } | ||
| + | |||
| + | .storyimg { | ||
| + | background-color: #1b3d00; | ||
| + | width: 250px; | ||
| + | padding-bottom: 10px; | ||
| + | border-radius: 20px; | ||
| + | float: right; | ||
| + | margin: 20px 20px 5px 20px; | ||
| + | box-shadow: 0 0 25px black; | ||
| + | } | ||
| + | |||
| + | .storyimg img { | ||
| + | width: 96%; | ||
| + | margin: 5px auto 0px auto; | ||
| + | padding-top: 0px; | ||
| + | display: block; | ||
| + | border-radius: 20px; | ||
| + | } | ||
| + | |||
| + | .storyimg p { | ||
| + | margin: 10px 20px 0px 20px; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | .storytitle p { | ||
| + | margin: 0px; | ||
| + | z-index: -1; | ||
| + | position: relative; | ||
| + | margin-bottom: -42px; | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | |||
| + | .summaryholder { | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | width: 85%; | ||
| + | } | ||
| + | |||
| + | .quotefull { | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | .quotefullimg { | ||
| + | position: absolute; | ||
| + | } | ||
| + | |||
| + | .quotetextholder { | ||
| + | margin-left: 115px; | ||
| + | } | ||
| + | |||
| + | .quotefullimg img { | ||
| + | width: 100px; | ||
| + | border: 3px solid green; | ||
| + | border-radius: 15px; | ||
| + | } | ||
| + | |||
| + | .quotename p { | ||
| + | font-size: 20px; | ||
| + | margin-bottom: 0px; | ||
| + | color: gold; | ||
| + | font-weight: bold; | ||
| + | text-shadow: 0 0 5px green; | ||
| + | } | ||
| + | |||
| + | .quote p { | ||
| + | font-size: 15px; | ||
| + | font-style: italic; | ||
| + | font-family: serif; | ||
| + | color: #9f9f00; | ||
| + | } | ||
| + | |||
| + | .quoteblock{ | ||
| + | width: 95%; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | |||
| + | .summaryholder ul.gallery.mw-gallery-traditional { | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .storydate { | ||
| + | color: #468a46; | ||
| + | font-family: math; | ||
| + | } | ||
| + | |||
| + | .summaryholder .canquote { | ||
| + | font-family: serif; | ||
| + | font-weight: normal; | ||
| + | color: #9f9f00; | ||
| + | } | ||
| + | |||
| + | .viddetails { | ||
| + | float: right; | ||
| + | width: 35%; | ||
| + | background-color: #081200; | ||
| + | border: 2px solid #1b3d00; | ||
| + | border-radius: 15px; | ||
| + | height: 315px; | ||
| + | } | ||
| + | |||
| + | .summaryholder iframe { | ||
| + | float: left; | ||
| + | margin-bottom: 30px; | ||
| + | margin-right: 20px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | .vidtranscript { | ||
| + | clear: both; | ||
| + | } | ||
| + | |||
| + | .videoblock { | ||
| + | width: 90%; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | |||
| + | .vidddescheader { | ||
| + | padding: 6px; | ||
| + | margin-top: 0px !important; | ||
| + | font-size: 16px; | ||
| + | font-weight: bold; | ||
| + | background-color: #1b3d00; | ||
| + | border-top-left-radius: 10px; | ||
| + | border-top-right-radius: 10px; | ||
| + | text-align: center !important; | ||
| + | color: gold !important; | ||
| + | margin-bottom: 0px !important; | ||
| + | } | ||
| + | |||
| + | .vidddesccont { | ||
| + | margin: 10px !important; | ||
| + | padding-right: 10px; | ||
| + | height: 132px; | ||
| + | overflow-y: scroll; | ||
| + | font-style: italic; | ||
| + | font-size: 12px; | ||
| + | color: #9f9f00 !important; | ||
| + | } | ||
| + | |||
| + | .viddtagsheader { | ||
| + | padding: 6px; | ||
| + | margin-top: 0px !important; | ||
| + | font-size: 16px; | ||
| + | font-weight: bold; | ||
| + | background-color: #1b3d00; | ||
| + | text-align: center !important; | ||
| + | color: gold !important; | ||
| + | } | ||
| + | |||
| + | .viddtagscont { | ||
| + | margin: 10px !important; | ||
| + | padding-right: 10px; | ||
| + | height: 47.2px; | ||
| + | overflow-y: scroll; | ||
| + | font-style: italic; | ||
| + | font-size: 12px; | ||
| + | color: #9f9f00 !important; | ||
| + | } | ||
| + | |||
| + | .summaryholder ::-webkit-scrollbar { | ||
| + | width: 10px; | ||
| + | } | ||
| + | |||
| + | .summaryholder ::-webkit-scrollbar-track { | ||
| + | background: black; | ||
| + | border-radius: 30px; | ||
| + | } | ||
| + | |||
| + | .summaryholder ::-webkit-scrollbar-thumb { | ||
| + | background: #1b3d00; | ||
| + | border-radius: 30px; | ||
| + | } | ||
| + | |||
| + | .summaryholder ::-webkit-scrollbar-thumb:hover { | ||
| + | background: gold; | ||
| + | border-radius: 30px; | ||
| + | } | ||
| + | |||
| + | .storyconvo { | ||
| + | margin-top: 50px; | ||
| + | width: 80%; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | |||
| + | .pov1 { | ||
| + | float: left; | ||
| + | clear: both; | ||
| + | margin-top: 30px; | ||
| + | } | ||
| + | |||
| + | .pov1a { | ||
| + | float: left; | ||
| + | clear: both; | ||
| + | } | ||
| + | |||
| + | .pov1 img { | ||
| + | float: left; | ||
| + | position: absolute; | ||
| + | z-index: 10; | ||
| + | left: 15%; | ||
| + | } | ||
| + | |||
| + | .storyconvo img { | ||
| + | width: 60px; | ||
| + | height: 60px; | ||
| + | border: 3px solid #1b3d00; | ||
| + | border-radius: 15px; | ||
| + | } | ||
| + | |||
| + | .pov1 p { | ||
| + | margin-left: 25px; | ||
| + | margin-top: 15px; | ||
| + | padding: 5px 10px 5px 40px; | ||
| + | background-color: #081200; | ||
| + | border: 2px solid #1b3d00; | ||
| + | border-top-right-radius: 15px; | ||
| + | border-bottom-right-radius: 15px; | ||
| + | border-bottom-left-radius: 15px; | ||
| + | margin-right: 120px; | ||
| + | color: #29ca5b !important; | ||
| + | clear: both; | ||
| + | } | ||
| + | |||
| + | .pov1a p { | ||
| + | margin-left: 25px; | ||
| + | margin-top: 0px; | ||
| + | padding: 5px 10px 5px 10px; | ||
| + | background-color: #081200; | ||
| + | border: 2px solid #1b3d00; | ||
| + | border-top-right-radius: 15px; | ||
| + | border-bottom-right-radius: 15px; | ||
| + | border-bottom-left-radius: 15px; | ||
| + | margin-right: 120px; | ||
| + | color: #29ca5b !important; | ||
| + | } | ||
| + | |||
| + | .pov2 { | ||
| + | float: right; | ||
| + | clear: both; | ||
| + | margin-top: 30px; | ||
| + | } | ||
| + | |||
| + | .pov2a { | ||
| + | float: right; | ||
| + | clear: both; | ||
| + | } | ||
| + | |||
| + | .pov2 img { | ||
| + | float: right; | ||
| + | position: absolute; | ||
| + | z-index: 10; | ||
| + | right: 15%; | ||
| + | } | ||
| + | |||
| + | .pov2 p { | ||
| + | margin-right: 25px; | ||
| + | margin-top: 15px; | ||
| + | padding: 5px 40px 5px 10px; | ||
| + | background-color: #081200; | ||
| + | border: 2px solid #1b3d00; | ||
| + | border-top-left-radius: 15px; | ||
| + | border-bottom-left-radius: 15px; | ||
| + | border-bottom-right-radius: 15px; | ||
| + | margin-left: 120px; | ||
| + | clear: both; | ||
| + | } | ||
| + | |||
| + | .pov2a p { | ||
| + | margin-right: 25px; | ||
| + | margin-top: 0px; | ||
| + | padding: 5px 10px 5px 10px; | ||
| + | background-color: #081200; | ||
| + | border: 2px solid #1b3d00; | ||
| + | border-top-left-radius: 15px; | ||
| + | border-bottom-left-radius: 15px; | ||
| + | border-bottom-right-radius: 15px; | ||
| + | margin-left: 120px; | ||
| + | } | ||
| + | |||
| + | .storyconvo p { | ||
| + | font-family: monospace; | ||
| + | font-size: 16px; | ||
| + | color: gold; | ||
| + | } | ||
| + | |||
| + | .storyscript { | ||
| + | width: 80%; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | background-color: #0d1c00; | ||
| + | border: 3px solid #1b3d00; | ||
| + | border-radius: 15px; | ||
| + | margin-bottom: 30px; | ||
| + | margin-top: 30px; | ||
| + | } | ||
| + | |||
| + | .storyscript .poem { | ||
| + | margin-top: 5px; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | |||
| + | .storyscript p { | ||
| + | color: #c3e100; | ||
| + | font-family: monospace; | ||
| + | } | ||
| + | |||
| + | .summaryholder .vidtranscript { | ||
| + | margin-bottom: 40px; | ||
| + | } | ||
| + | |||
| + | .summaryholder .transcript { | ||
| + | margin-top: 40px; | ||
| + | margin-bottom: 40px; | ||
| + | } | ||
| + | |||
| + | .storyscriptyshdt { | ||
| + | width: 80%; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | background-color: #000000; | ||
| + | border: 1px solid #7d746d; | ||
| + | margin-bottom: 30px; | ||
| + | margin-top: 30px; | ||
| + | } | ||
| + | |||
| + | .storyscriptyshdt .poem { | ||
| + | margin: 12px; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | |||
| + | .storyscriptyshdt p { | ||
| + | color: #7d746d; | ||
| + | font-family: arial; | ||
| + | } | ||
| + | |||
| + | .storyscriptyshdt b { | ||
| + | color: #7d746d; | ||
| + | } | ||
| + | |||
| + | .storyscriptyshdt hr { | ||
| + | margin-top: 20px; | ||
| + | background-color: #7d746d; | ||
| + | } | ||
| + | |||
| + | .nextfull img { | ||
| + | width: 40%; | ||
| + | height: auto; | ||
| + | display: block; | ||
| + | border-radius: 25px; | ||
| + | box-shadow: 0 0 20px #205797; | ||
| + | } | ||
| + | |||
| + | .nextfull img:hover { | ||
| + | box-shadow: 0 0 35px #205797; | ||
} | } | ||
| − | + | .storysofar h2 { | |
| − | color:# | + | background-color: #112600; |
| + | margin-left: 25px; | ||
| + | padding: 10px; | ||
| + | width: fit-content; | ||
| + | border-top-left-radius: 15px; | ||
| + | border-top-right-radius: 15px; | ||
| + | border: none; | ||
| + | font-style: italic; | ||
| + | color: green; | ||
| + | font-weight: bold; | ||
| + | margin-bottom: 0px; | ||
} | } | ||
| − | + | .storysofar .poem { | |
| − | color: | + | background-color: #091202; |
| + | border: 3px solid #112600; | ||
| + | margin-top: 0px; | ||
| + | padding: 15px; | ||
| + | border-radius: 15px; | ||
} | } | ||
| − | + | .summaryholder .supple { | |
| − | + | margin-left: 4em; | |
| − | + | border-bottom: 2px dotted #1b3d00; | |
| − | + | opacity: 0.8; | |
| − | + | width: fit-content; | |
| − | + | margin-bottom: 20px; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .storyscriptwh { |
| − | + | font-size: 13px; | |
| + | border: 3px solid #556270; | ||
| + | border-radius: 15px; | ||
| + | background-image: url(https://johnisdead.withinhubris.com/images/8/8e/Wikibgwh.png); | ||
| + | background-attachment: fixed; | ||
} | } | ||
| − | . | + | .storyscriptwh .poem { |
| − | color: | + | margin: 20px 50px; |
| + | border: 3px solid #556270; | ||
| + | padding: 10px; | ||
| + | background-color: black; | ||
| + | box-shadow: 10px 10px 10px black; | ||
} | } | ||
| − | . | + | .storyscriptwh img { |
| − | + | float: left; | |
| + | display: block; | ||
| + | margin-right: 10px; | ||
| + | margin-bottom: 5px; | ||
} | } | ||
| − | . | + | .storyscriptwh i { |
| − | + | opacity: 100%; | |
} | } | ||
| − | . | + | .storyscriptwh h3 { |
| − | + | margin: 30px 0px 0px 0px; | |
| + | background-color: black; | ||
| + | width: fit-content; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | padding: 10px; | ||
| + | font-style: italic; | ||
| + | font-weight: bold; | ||
| + | font-size: 15px; | ||
| + | border-radius: 15px; | ||
| + | box-shadow: 10px 10px 10px black; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | . | + | .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { |
| − | + | opacity: 100; | |
} | } | ||
| − | + | .oo-ui-icon-previous, .mw-ui-icon-previous:before { | |
| − | + | background-image: url(https://johnisdead.withinhubris.com/images/b/b2/Arrow_left.png); | |
| + | width: 30px; | ||
| + | height: 30px; | ||
} | } | ||
| − | + | .oo-ui-icon-next, .mw-ui-icon-next:before { | |
| − | + | background-image: url(https://johnisdead.withinhubris.com/images/4/4a/Arrow_right.png); | |
| + | width: 30px; | ||
| + | height: 30px; | ||
} | } | ||
| − | + | .oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery:before { | |
| − | + | background-image: url(https://johnisdead.withinhubris.com/images/b/b8/Pictooo.png); | |
| + | width: 30px; | ||
| + | height: 30px; | ||
} | } | ||
| − | + | ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons { | |
| − | + | opacity: 100; | |
| + | padding: 1.3em 0 0 0; | ||
| + | height: 50px; | ||
} | } | ||
| − | . | + | span.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-buttonWidget { |
| − | + | height: 30px; | |
| − | + | width: 30px; | |
| − | |||
| − | |||
} | } | ||
| − | . | + | .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { |
| − | + | left: 0; | |
} | } | ||
| − | . | + | .mw-gallery-slideshow li.gallerybox.slideshow-current { |
| − | background- | + | background: #142b00; |
| − | + | border-radius: 20px; | |
| + | box-shadow: 0 0 20px #3b8100; | ||
| + | margin: 0 10px 0 10px; | ||
} | } | ||
| − | . | + | .mw-gallery-slideshow li.gallerybox { |
| − | background- | + | vertical-align: top; |
| + | display: -moz-inline-box; | ||
| + | display: inline-block; | ||
| + | background-color: #0d1c00; | ||
| + | border-radius: 20px; | ||
| + | margin: 0 10px 0 10px; | ||
} | } | ||
| − | . | + | .mw-gallery-slideshow .gallerytext p { |
| − | + | margin: 10px 10px 10px 10px; | |
} | } | ||
| − | . | + | .mw-gallery-slideshow-caption p { |
| − | + | text-align: center; | |
| − | + | font-family: serif; | |
| − | + | font-size: 16px; | |
| − | + | font-style: italic; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | ul.gallery.mw-gallery-slideshow { |
| − | + | display: block; | |
| − | + | margin: 0px; | |
} | } | ||
| − | . | + | .storyWHholder { |
| − | + | background-image: url(https://johnisdead.withinhubris.com/images/2/26/Spacebg12.png); | |
| − | + | background-attachment: fixed; | |
| − | + | padding: 30px; | |
| − | + | border-radius: 20px; | |
| + | border: 2px solid #121c2a; | ||
| + | box-shadow: 0 0 25px #171735; | ||
| + | margin: 40px 0 40px 0; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | + | .storycenter audio { |
| − | + | margin-left: auto; | |
| + | margin-right: auto; | ||
| + | display: block; | ||
} | } | ||
| − | . | + | .videoblock img { |
| − | + | float: left; | |
| − | border: | + | margin-bottom: 30px; |
| − | border | + | margin-right: 20px; |
| − | + | width: 100%; | |
| + | border: 3px solid #1b3d00; | ||
| + | display: block; | ||
| + | border-radius: 10px; | ||
| + | box-shadow: 0 0 10px #1b3d00; | ||
| + | height: 315px; | ||
} | } | ||
| − | + | .urls { | |
| − | + | font-style: italic; | |
| − | + | color: #6c8c53; | |
| + | font-family: monospace; | ||
} | } | ||
| − | . | + | .urls b { |
| − | + | font-size: 14px; | |
| − | + | margin-left: 2px; | |
| − | + | color: #00c400; | |
| + | font-family: arial; | ||
| + | font-weight: normal; | ||
} | } | ||
| − | + | .summaryholder .gallery img { | |
| − | + | max-height: 400px; | |
} | } | ||
| − | . | + | .storyscriptblog { |
| − | background- | + | width: 90%; |
| − | + | margin-left: auto; | |
| − | + | margin-right: auto; | |
| + | background-color: white; | ||
| + | color: black; | ||
| + | margin-bottom: 30px; | ||
| + | margin-top: 30px; | ||
| + | background-image: url(https://johnisdead.withinhubris.com/images/1/1a/Pinkbg.jpg); | ||
| + | padding-top: 10px; | ||
| + | padding-bottom: 10px; | ||
| + | background-attachment: fixed; | ||
| + | background-size: 100%; | ||
| + | border-radius: 20px; | ||
| + | box-shadow: 0 0 20px #444454; | ||
} | } | ||
| − | . | + | .storyscriptblog p { |
| − | + | color: black; | |
| − | + | line-height: 1.4; | |
| − | + | font-size: 15px; | |
} | } | ||
| − | . | + | .storyscriptblog .poem { |
| − | background-color: | + | font-size: 12px; |
| − | + | background-color: white; | |
| − | + | margin: 20px 80px; | |
| − | box-shadow: | + | padding: 20px; |
| + | box-shadow: 0 0 15px black; | ||
} | } | ||
| − | . | + | .storyscriptblog b { |
| − | + | color: rgba(51, 51, 51, 1); | |
| − | + | font-size:20px; | |
| − | + | font-family:serif; | |
} | } | ||
| − | . | + | .pov2 .talker { |
| − | + | float: right; | |
| − | + | height: 15px; | |
| − | |||
| − | |||
} | } | ||
| − | + | .pov1 .talker { | |
| − | + | float: left; | |
| − | + | height: 15px; | |
} | } | ||
| − | . | + | .pov1 b { |
| − | + | border-image: linear-gradient(to top right, rgba(27, 61, 0, 1), rgba(27, 61, 0, 0), rgba(27, 61, 0, 0)) 1; | |
| − | + | border-radius: 5px; | |
| − | + | border-width: 3px; | |
| − | padding- | + | border-style: solid; |
| + | border-right: none; | ||
| + | border-top: none; | ||
| + | position: relative; | ||
| + | z-index: 10; | ||
| + | left: -10px; | ||
| + | top: -29px; | ||
| + | padding-left: 5px; | ||
| + | padding-bottom: 2px; | ||
} | } | ||
| − | . | + | .pov2 b { |
| − | + | border-image: linear-gradient(to top left, rgba(27, 61, 0, 1), rgba(27, 61, 0, 0), rgba(27, 61, 0, 0)) 1; | |
| + | border-radius: 5px; | ||
| + | border-width: 3px; | ||
| + | border-style: solid; | ||
| + | border-left: none; | ||
| + | border-top: none; | ||
| + | position: relative; | ||
| + | z-index: 10; | ||
| + | right: -10px; | ||
| + | top: -29px; | ||
| + | padding-right: 5px; | ||
| + | padding-bottom: 2px; | ||
} | } | ||
| − | . | + | .storynav { |
| − | + | width: 100%; | |
| − | + | height: 100px; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .storynav1 { |
| − | + | float: left; | |
| − | + | width: 20%; | |
| − | |||
| − | |||
} | } | ||
| − | . | + | .storynav1 img { |
| − | + | border-radius: 20px; | |
| − | + | box-shadow: 0 0 10px #3e3e7f; | |
| − | + | width: 100%; | |
| − | + | height: auto; | |
| + | opacity: 0.5; | ||
} | } | ||
| − | . | + | .storynav1 img:hover { |
| − | + | box-shadow: 0 0 20px #3e3e7f; | |
| − | + | opacity: 1; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .storynav2 { |
| − | + | float: right; | |
| − | + | width: 20%; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .storynav2 img { |
| − | + | border-radius: 20px; | |
| − | + | box-shadow: 0 0 10px #3e3e7f; | |
| − | + | width: 100%; | |
| − | + | height: auto; | |
| − | + | opacity: 0.5; | |
| − | |||
| − | |||
} | } | ||
| − | . | + | .storynav3 { |
| − | + | width: 50%; | |
| − | + | float: left; | |
| − | margin | + | margin-left: 5%; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .storynav3 img { |
| − | + | float: right; | |
| − | + | width: 100%; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .storynav2 img:hover { | |
| − | + | box-shadow: 0 0 20px #3e3e7f; | |
| − | + | opacity: 1; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .storynav p { |
| − | + | text-align: center; | |
| − | + | margin-bottom: 5px; | |
| − | + | font-size: 16px; | |
| − | + | color: #afafff; | |
| − | + | font-weight: bold; | |
| − | + | margin-top: -15px; | |
| − | |||
| − | |||
| − | margin-top: | ||
} | } | ||
| − | . | + | .storyscriptblog2 { |
| − | + | width: 90%; | |
| − | + | margin-left: auto; | |
| − | + | margin-right: auto; | |
| − | margin- | + | background-color: white; |
| − | margin- | + | color: black; |
| − | + | margin-bottom: 30px; | |
| − | border-radius: | + | margin-top: 30px; |
| + | background-image: url(https://johnisdead.withinhubris.com/images/8/87/Themist.jpg); | ||
| + | padding-top: 10px; | ||
| + | padding-bottom: 10px; | ||
| + | background-attachment: fixed; | ||
| + | background-position-x: center; | ||
| + | background-size: 80% 100%; | ||
| + | border-radius: 20px; | ||
| + | box-shadow: 0 0 20px #444454; | ||
} | } | ||
| − | . | + | .storyscriptblog2 p { |
| − | + | color: black; | |
| − | + | line-height: 1.4; | |
| − | + | font-size: 15px; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .storyscriptblog2 .poem { |
| − | font-size: | + | font-size: 12px; |
| + | background-color: white; | ||
| + | margin: 20px 80px; | ||
| + | padding: 20px; | ||
| + | box-shadow: 0 0 15px black; | ||
} | } | ||
| − | . | + | .storyscriptblog2 b { |
| − | + | color: rgba(51, 51, 51, 1); | |
| + | font-size:20px; | ||
| + | font-family:serif; | ||
} | } | ||
Latest revision as of 11:13, 31 October 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;
font-family: monospace;
font-size: 13px;
}
.updatenew h3 {
margin-top: 0;
padding-top: 0;
}
.updateold {
margin-top: 1em;
border: 1.5px solid #0d1c00;
border-radius: 10px;
padding: 0.7em;
font-family: monospace;
font-size: 13px;
}
.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;
}
.pov2 .fadediv {
background: linear-gradient(to left, rgba(27,61,0,1), rgba(27,61,0,0));
height: 2px;
margin: 0px;
margin-bottom: 5px;
}
.pov1 .fadediv {
background: linear-gradient(to right, rgba(27,61,0,1), rgba(27,61,0,0));
height: 2px;
margin: 0px;
margin-bottom: 5px;
}
.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: white;
opacity: 0.6;
font-family: Arial;
font-weight: normal;
font-size: 15px;
}
.RanQuote p {
text-align: center;
margin-left: 20px;
margin-right: 20px;
font-size: 13px;
}
.RanQuote img {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 30px;
display: block;
}
.RanQuote i {
opacity: 80%;
}
.thisday {
font-family: monospace;
font-size: 13px;
}
.thisday b {
font-family: Arial;
font-size: 1.2em;
}
.thisday li b {
font-family: Arial;
font-size: 14.5px;
}
.thisday img:hover {
box-shadow: none;
}
.RanQuote img:hover {
box-shadow: none;
}
.ranName {
opacity: 0.75;
font-weight: bold;
font-style: italic;
}
.storybox {
background-color: #0d1c00;
border: 3px solid #1b3d00;
border-radius: 20px;
float: left;
margin-bottom: 40px;
box-shadow: 0 0 10px black;
}
.storytitle {
margin-left: 20px;
width: fit-content;
float: left;
height: 167.91px;
}
.storytitle h3 {
padding: 5px 30px;
background-color: #1b3d00;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
float: left;
box-shadow: 4px -3px 10px 2px black;
}
.altTooltip2 {
position: relative;
display: inline-block;
font-style: italic;
text-decoration: underline dotted;
text-decoration-color: white;
}
.altTooltip2 .tooltiptext2 {
border-radius: 5px;
background-color: #0d1c00;
border: 2px solid #1b3d00;
color: #fff;
box-shadow: 0px 0px 7px black;
visibility: hidden;
width: 25em;
color: #fff;
font-size: 85%;
text-align: center;
border-radius: 6px;
padding: 10px;
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -160px;
margin-bottom: 0.6em;
font-style: italic;
text-decoration: none;
}
.altTooltip2:hover .tooltiptext2 {
visibility: visible;
}
.tooltiptext2 img {
width: auto;
max-width: 80%;
margin: 20px auto 20px auto;
box-shadow: 0 0 15px black;
max-height: 200px;
}
.storybox p {
margin: 15px;
}
.storyimg {
background-color: #1b3d00;
width: 250px;
padding-bottom: 10px;
border-radius: 20px;
float: right;
margin: 20px 20px 5px 20px;
box-shadow: 0 0 25px black;
}
.storyimg img {
width: 96%;
margin: 5px auto 0px auto;
padding-top: 0px;
display: block;
border-radius: 20px;
}
.storyimg p {
margin: 10px 20px 0px 20px;
text-align: left;
}
.storytitle p {
margin: 0px;
z-index: -1;
position: relative;
margin-bottom: -42px;
opacity: 0.8;
}
.summaryholder {
margin-left: auto;
margin-right: auto;
width: 85%;
}
.quotefull {
width: 100%;
}
.quotefullimg {
position: absolute;
}
.quotetextholder {
margin-left: 115px;
}
.quotefullimg img {
width: 100px;
border: 3px solid green;
border-radius: 15px;
}
.quotename p {
font-size: 20px;
margin-bottom: 0px;
color: gold;
font-weight: bold;
text-shadow: 0 0 5px green;
}
.quote p {
font-size: 15px;
font-style: italic;
font-family: serif;
color: #9f9f00;
}
.quoteblock{
width: 95%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.summaryholder ul.gallery.mw-gallery-traditional {
text-align: center;
}
.storydate {
color: #468a46;
font-family: math;
}
.summaryholder .canquote {
font-family: serif;
font-weight: normal;
color: #9f9f00;
}
.viddetails {
float: right;
width: 35%;
background-color: #081200;
border: 2px solid #1b3d00;
border-radius: 15px;
height: 315px;
}
.summaryholder iframe {
float: left;
margin-bottom: 30px;
margin-right: 20px;
width: 100%;
}
.vidtranscript {
clear: both;
}
.videoblock {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.vidddescheader {
padding: 6px;
margin-top: 0px !important;
font-size: 16px;
font-weight: bold;
background-color: #1b3d00;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: center !important;
color: gold !important;
margin-bottom: 0px !important;
}
.vidddesccont {
margin: 10px !important;
padding-right: 10px;
height: 132px;
overflow-y: scroll;
font-style: italic;
font-size: 12px;
color: #9f9f00 !important;
}
.viddtagsheader {
padding: 6px;
margin-top: 0px !important;
font-size: 16px;
font-weight: bold;
background-color: #1b3d00;
text-align: center !important;
color: gold !important;
}
.viddtagscont {
margin: 10px !important;
padding-right: 10px;
height: 47.2px;
overflow-y: scroll;
font-style: italic;
font-size: 12px;
color: #9f9f00 !important;
}
.summaryholder ::-webkit-scrollbar {
width: 10px;
}
.summaryholder ::-webkit-scrollbar-track {
background: black;
border-radius: 30px;
}
.summaryholder ::-webkit-scrollbar-thumb {
background: #1b3d00;
border-radius: 30px;
}
.summaryholder ::-webkit-scrollbar-thumb:hover {
background: gold;
border-radius: 30px;
}
.storyconvo {
margin-top: 50px;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.pov1 {
float: left;
clear: both;
margin-top: 30px;
}
.pov1a {
float: left;
clear: both;
}
.pov1 img {
float: left;
position: absolute;
z-index: 10;
left: 15%;
}
.storyconvo img {
width: 60px;
height: 60px;
border: 3px solid #1b3d00;
border-radius: 15px;
}
.pov1 p {
margin-left: 25px;
margin-top: 15px;
padding: 5px 10px 5px 40px;
background-color: #081200;
border: 2px solid #1b3d00;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
margin-right: 120px;
color: #29ca5b !important;
clear: both;
}
.pov1a p {
margin-left: 25px;
margin-top: 0px;
padding: 5px 10px 5px 10px;
background-color: #081200;
border: 2px solid #1b3d00;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
margin-right: 120px;
color: #29ca5b !important;
}
.pov2 {
float: right;
clear: both;
margin-top: 30px;
}
.pov2a {
float: right;
clear: both;
}
.pov2 img {
float: right;
position: absolute;
z-index: 10;
right: 15%;
}
.pov2 p {
margin-right: 25px;
margin-top: 15px;
padding: 5px 40px 5px 10px;
background-color: #081200;
border: 2px solid #1b3d00;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
margin-left: 120px;
clear: both;
}
.pov2a p {
margin-right: 25px;
margin-top: 0px;
padding: 5px 10px 5px 10px;
background-color: #081200;
border: 2px solid #1b3d00;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
margin-left: 120px;
}
.storyconvo p {
font-family: monospace;
font-size: 16px;
color: gold;
}
.storyscript {
width: 80%;
margin-left: auto;
margin-right: auto;
background-color: #0d1c00;
border: 3px solid #1b3d00;
border-radius: 15px;
margin-bottom: 30px;
margin-top: 30px;
}
.storyscript .poem {
margin-top: 5px;
font-size: 12px;
}
.storyscript p {
color: #c3e100;
font-family: monospace;
}
.summaryholder .vidtranscript {
margin-bottom: 40px;
}
.summaryholder .transcript {
margin-top: 40px;
margin-bottom: 40px;
}
.storyscriptyshdt {
width: 80%;
margin-left: auto;
margin-right: auto;
background-color: #000000;
border: 1px solid #7d746d;
margin-bottom: 30px;
margin-top: 30px;
}
.storyscriptyshdt .poem {
margin: 12px;
font-size: 12px;
}
.storyscriptyshdt p {
color: #7d746d;
font-family: arial;
}
.storyscriptyshdt b {
color: #7d746d;
}
.storyscriptyshdt hr {
margin-top: 20px;
background-color: #7d746d;
}
.nextfull img {
width: 40%;
height: auto;
display: block;
border-radius: 25px;
box-shadow: 0 0 20px #205797;
}
.nextfull img:hover {
box-shadow: 0 0 35px #205797;
}
.storysofar h2 {
background-color: #112600;
margin-left: 25px;
padding: 10px;
width: fit-content;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border: none;
font-style: italic;
color: green;
font-weight: bold;
margin-bottom: 0px;
}
.storysofar .poem {
background-color: #091202;
border: 3px solid #112600;
margin-top: 0px;
padding: 15px;
border-radius: 15px;
}
.summaryholder .supple {
margin-left: 4em;
border-bottom: 2px dotted #1b3d00;
opacity: 0.8;
width: fit-content;
margin-bottom: 20px;
}
.storyscriptwh {
font-size: 13px;
border: 3px solid #556270;
border-radius: 15px;
background-image: url(https://johnisdead.withinhubris.com/images/8/8e/Wikibgwh.png);
background-attachment: fixed;
}
.storyscriptwh .poem {
margin: 20px 50px;
border: 3px solid #556270;
padding: 10px;
background-color: black;
box-shadow: 10px 10px 10px black;
}
.storyscriptwh img {
float: left;
display: block;
margin-right: 10px;
margin-bottom: 5px;
}
.storyscriptwh i {
opacity: 100%;
}
.storyscriptwh h3 {
margin: 30px 0px 0px 0px;
background-color: black;
width: fit-content;
margin-left: auto;
margin-right: auto;
padding: 10px;
font-style: italic;
font-weight: bold;
font-size: 15px;
border-radius: 15px;
box-shadow: 10px 10px 10px black;
}
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
opacity: 100;
}
.oo-ui-icon-previous, .mw-ui-icon-previous:before {
background-image: url(https://johnisdead.withinhubris.com/images/b/b2/Arrow_left.png);
width: 30px;
height: 30px;
}
.oo-ui-icon-next, .mw-ui-icon-next:before {
background-image: url(https://johnisdead.withinhubris.com/images/4/4a/Arrow_right.png);
width: 30px;
height: 30px;
}
.oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery:before {
background-image: url(https://johnisdead.withinhubris.com/images/b/b8/Pictooo.png);
width: 30px;
height: 30px;
}
ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons {
opacity: 100;
padding: 1.3em 0 0 0;
height: 50px;
}
span.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-buttonWidget {
height: 30px;
width: 30px;
}
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
left: 0;
}
.mw-gallery-slideshow li.gallerybox.slideshow-current {
background: #142b00;
border-radius: 20px;
box-shadow: 0 0 20px #3b8100;
margin: 0 10px 0 10px;
}
.mw-gallery-slideshow li.gallerybox {
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
background-color: #0d1c00;
border-radius: 20px;
margin: 0 10px 0 10px;
}
.mw-gallery-slideshow .gallerytext p {
margin: 10px 10px 10px 10px;
}
.mw-gallery-slideshow-caption p {
text-align: center;
font-family: serif;
font-size: 16px;
font-style: italic;
}
ul.gallery.mw-gallery-slideshow {
display: block;
margin: 0px;
}
.storyWHholder {
background-image: url(https://johnisdead.withinhubris.com/images/2/26/Spacebg12.png);
background-attachment: fixed;
padding: 30px;
border-radius: 20px;
border: 2px solid #121c2a;
box-shadow: 0 0 25px #171735;
margin: 40px 0 40px 0;
}
.storycenter audio {
margin-left: auto;
margin-right: auto;
display: block;
}
.videoblock img {
float: left;
margin-bottom: 30px;
margin-right: 20px;
width: 100%;
border: 3px solid #1b3d00;
display: block;
border-radius: 10px;
box-shadow: 0 0 10px #1b3d00;
height: 315px;
}
.urls {
font-style: italic;
color: #6c8c53;
font-family: monospace;
}
.urls b {
font-size: 14px;
margin-left: 2px;
color: #00c400;
font-family: arial;
font-weight: normal;
}
.summaryholder .gallery img {
max-height: 400px;
}
.storyscriptblog {
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: white;
color: black;
margin-bottom: 30px;
margin-top: 30px;
background-image: url(https://johnisdead.withinhubris.com/images/1/1a/Pinkbg.jpg);
padding-top: 10px;
padding-bottom: 10px;
background-attachment: fixed;
background-size: 100%;
border-radius: 20px;
box-shadow: 0 0 20px #444454;
}
.storyscriptblog p {
color: black;
line-height: 1.4;
font-size: 15px;
}
.storyscriptblog .poem {
font-size: 12px;
background-color: white;
margin: 20px 80px;
padding: 20px;
box-shadow: 0 0 15px black;
}
.storyscriptblog b {
color: rgba(51, 51, 51, 1);
font-size:20px;
font-family:serif;
}
.pov2 .talker {
float: right;
height: 15px;
}
.pov1 .talker {
float: left;
height: 15px;
}
.pov1 b {
border-image: linear-gradient(to top right, rgba(27, 61, 0, 1), rgba(27, 61, 0, 0), rgba(27, 61, 0, 0)) 1;
border-radius: 5px;
border-width: 3px;
border-style: solid;
border-right: none;
border-top: none;
position: relative;
z-index: 10;
left: -10px;
top: -29px;
padding-left: 5px;
padding-bottom: 2px;
}
.pov2 b {
border-image: linear-gradient(to top left, rgba(27, 61, 0, 1), rgba(27, 61, 0, 0), rgba(27, 61, 0, 0)) 1;
border-radius: 5px;
border-width: 3px;
border-style: solid;
border-left: none;
border-top: none;
position: relative;
z-index: 10;
right: -10px;
top: -29px;
padding-right: 5px;
padding-bottom: 2px;
}
.storynav {
width: 100%;
height: 100px;
}
.storynav1 {
float: left;
width: 20%;
}
.storynav1 img {
border-radius: 20px;
box-shadow: 0 0 10px #3e3e7f;
width: 100%;
height: auto;
opacity: 0.5;
}
.storynav1 img:hover {
box-shadow: 0 0 20px #3e3e7f;
opacity: 1;
}
.storynav2 {
float: right;
width: 20%;
}
.storynav2 img {
border-radius: 20px;
box-shadow: 0 0 10px #3e3e7f;
width: 100%;
height: auto;
opacity: 0.5;
}
.storynav3 {
width: 50%;
float: left;
margin-left: 5%;
}
.storynav3 img {
float: right;
width: 100%;
}
.storynav2 img:hover {
box-shadow: 0 0 20px #3e3e7f;
opacity: 1;
}
.storynav p {
text-align: center;
margin-bottom: 5px;
font-size: 16px;
color: #afafff;
font-weight: bold;
margin-top: -15px;
}
.storyscriptblog2 {
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: white;
color: black;
margin-bottom: 30px;
margin-top: 30px;
background-image: url(https://johnisdead.withinhubris.com/images/8/87/Themist.jpg);
padding-top: 10px;
padding-bottom: 10px;
background-attachment: fixed;
background-position-x: center;
background-size: 80% 100%;
border-radius: 20px;
box-shadow: 0 0 20px #444454;
}
.storyscriptblog2 p {
color: black;
line-height: 1.4;
font-size: 15px;
}
.storyscriptblog2 .poem {
font-size: 12px;
background-color: white;
margin: 20px 80px;
padding: 20px;
box-shadow: 0 0 15px black;
}
.storyscriptblog2 b {
color: rgba(51, 51, 51, 1);
font-size:20px;
font-family:serif;
}
