User:Thundercraft5/ModuleIDE.css/active.css

body { overflow: hidden !important; }

.main-container { position: relative; }

.wikiEditor-ui, .ui-resizable, .page__main, .page-is-edit { position: static !important; }

position: absolute; bottom: 0; right: 0; left: unset; width: 50%; height: 100% !important; z-index: 10; overflow: hidden; max-height: unset !important; top: 0; box-shadow: 0 0 8px black; border-top: none !important; transition: 0.6s transform ease; transform: translateX(100%); }
 * 1) mw-scribunto-console {

input#codeeditor-consoletoggle:checked + #mw-scribunto-console { transform: translateX(0%); }

.codeEditor-status { position: absolute; bottom: 0; left: 0; height: 3.5vh; transition: 0.3s transform ease; z-index: 10; box-shadow: 0 0px 3px black; flex-direction: row; overflow: hidden; display: flex; top: var(--codeEditor-height); }

.codeeditor-consoletoggle-label { width: 3vh; height: 3vh; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f0f0f'%3E%3Cpath d='M 8.90625 2 L 7.71875 3.59375 L 9.25 4.75 C 9.0839167 5.1277969 9 5.5491469 9 6 L 15 6 C 15 5.564911 14.936469 5.148849 14.78125 4.78125 L 16.34375 3.625 L 15.15625 2 L 13.375 3.34375 C 12.962316 3.1354159 12.508234 3 12 3 C 11.50753 3 11.059705 3.116189 10.65625 3.3125 L 8.90625 2 z M 8 7 C 7.4455939 7 6.9569277 7.6783929 6.59375 8.78125 L 4.15625 7.375 L 3.15625 9.09375 L 6.125 10.8125 C 6.0365185 11.488416 6 12.232851 6 13 L 3 13 L 3 15 L 6.125 15 C 6.2422017 15.797279 6.4390457 16.481344 6.6875 17.0625 L 4.09375 19.03125 L 5.3125 20.625 L 7.78125 18.75 C 8.6724703 19.679039 9.8221552 20.186034 11 20.59375 L 11 13 L 13 13 L 13 20.6875 C 14.44375 20.25 15.583374 19.776807 16.40625 18.90625 L 18.71875 20.65625 L 19.9375 19.09375 L 17.4375 17.15625 C 17.656442 16.552483 17.783977 15.84839 17.875 15 L 21 15 L 21 13 L 18 13 C 18 12.208956 17.937538 11.443166 17.84375 10.75 L 20.75 9.0625 L 19.75 7.3125 L 17.375 8.6875 C 17.014656 7.6428208 16.537602 7 16 7 L 8 7 z'/%3E%3C/svg%3E") center no-repeat; }

.codeEditor-status-worker { display: flex; align-items: self-end; }

.codeEditor-status-message { display: flex; align-items: center; }

.fandom-sticky-header, #WikiaBar, .editOptions, .codeeditor-fullscreen, .sticky-toc-wrapper { display: none !important; }

.scribunto-trace { list-style: none !important; margin: 0 !important; }

.scribunto-trace li { line-height: 140%; }

max-height: 77.8vh; height: -webkit-fill-available; flex-direction: column-reverse; overflow-y: auto; display: flex; align-items: flex-end; border: 1px solid #474747; border-bottom: none !important; position: relative; }
 * 1) mw-scribunto-output {

overflow: visible !important; }
 * 1) mw-scribunto-console {

height: 100vh; position: relative; max-height: 100vh; display: flex; padding-top: 5px; flex-direction: column; padding-bottom: 5px; overflow: auto; }
 * 1) mw-scribunto-console > fieldset {

ol.scribunto-trace { list-style: none !important; margin: 0 !important; }

.scribunto-trace li { line-height: 140%; }

max-height: 76.5vh; height: -webkit-fill-available; flex-direction: column-reverse; overflow-y: auto; display: flex; align-items: flex-end; border: 1px solid #474747; border-bottom: none !important; }
 * 1) mw-scribunto-output {

overflow: visible !important; }
 * 1) mw-scribunto-console {

height: 100vh; position: relative; max-height: 100vh; display: flex; padding-top: 5px; flex-direction: column; padding-bottom: 5px; overflow: auto; }
 * 1) mw-scribunto-console > fieldset {

ol.scribunto-trace { list-style: none !important; margin: 0 !important; }

.scribunto-trace li { line-height: 140%; }

.page-side-tools__wrapper { display: none !important; }

.mw-scribunto-consoletoggle { width: 4vh; height: 4vh; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f0f0f'%3E%3Cpath d='M 8.90625 2 L 7.71875 3.59375 L 9.25 4.75 C 9.0839167 5.1277969 9 5.5491469 9 6 L 15 6 C 15 5.564911 14.936469 5.148849 14.78125 4.78125 L 16.34375 3.625 L 15.15625 2 L 13.375 3.34375 C 12.962316 3.1354159 12.508234 3 12 3 C 11.50753 3 11.059705 3.116189 10.65625 3.3125 L 8.90625 2 z M 8 7 C 7.4455939 7 6.9569277 7.6783929 6.59375 8.78125 L 4.15625 7.375 L 3.15625 9.09375 L 6.125 10.8125 C 6.0365185 11.488416 6 12.232851 6 13 L 3 13 L 3 15 L 6.125 15 C 6.2422017 15.797279 6.4390457 16.481344 6.6875 17.0625 L 4.09375 19.03125 L 5.3125 20.625 L 7.78125 18.75 C 8.6724703 19.679039 9.8221552 20.186034 11 20.59375 L 11 13 L 13 13 L 13 20.6875 C 14.44375 20.25 15.583374 19.776807 16.40625 18.90625 L 18.71875 20.65625 L 19.9375 19.09375 L 17.4375 17.15625 C 17.656442 16.552483 17.783977 15.84839 17.875 15 L 21 15 L 21 13 L 18 13 C 18 12.208956 17.937538 11.443166 17.84375 10.75 L 20.75 9.0625 L 19.75 7.3125 L 17.375 8.6875 C 17.014656 7.6428208 16.537602 7 16 7 L 8 7 z'/%3E%3C/svg%3E") center no-repeat, grey; position: absolute; border-radius: 8px 0 0 8px; left: -4vh; z-index: 999999999999; }

bottom: 0; width: 100%; height: max-content; }
 * 1) mw-scribunto-output ~ div {


 * 1) mw-scribunto-output > *:not(.mw-scribunto-input) {}

width: 100%; overflow: visible; }
 * 1) mw-scribunto-output > * {

border-left: 0; border-right: 0; }
 * 1) mw-scribunto-output > * {

/* Scroll Shadow */ box-shadow: 0 7px 9px -7px inset black; top: 44px; width: calc(100% - 48px); content: ""; z-index: 1; position: fixed; height: 15px; transition: 0.5s box-shadow ease; }
 * 1) mw-scribunto-output::before {

box-shadow: 0 -7px 9px -7px	inset black; width: calc(100% - 48px); content: ""; z-index: 1; position: fixed; height: 15px; transition: 0.5s box-shadow ease; }
 * 1) mw-scribunto-output::after {

box-shadow: none; }
 * 1) mw-scribunto-output.scroll-bottom::after, #mw-scribunto-output.scroll-top::before {

box-shadow: none; transition: none; }
 * 1) mw-scribunto-output:not(.scroll-visible)::after, #mw-scribunto-output:not(.scroll-visible)::before {

.ace_scrollbar::-webkit-scrollbar { width: 16px; height: 16px; } .ace_scrollbar::-webkit-scrollbar-track { box-shadow: inset 0 0 1px rgb(255 255 255 / 30%), 0 0 8px black inset; background: rgb(36 36 36); }

.ace_scrollbar::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgb(36 36 36); box-shadow: inset 0 0 1px rgb(255 255 255 / 50%); }

.ace_scrollbar::-webkit-scrollbar-corner { background-color: #242424; }

.ace_scroller { margin-right: -1px; }

z-index: 400; }
 * 1) mw-scribunto-console {

.ve-fd-header { position: absolute !important; left: 0; height: 7vh; display: flex; width: 100%; top: 0; align-items: flex-start; padding: 0 10px !important; background: #1c1c1c; margin: 0 !important; font-family: Arial, Sans-serif; box-shadow: 0 0 5px 1px black; z-index: 100; } .ve-fd-header__title > a { text-transform: initial !important; font-size: inherit !important; }

.ve-fd-header__title::before { content: "Editing: "; margin-right: 10px; line-height: 28px; }

.page__main, .page { position: static !important; }

/* Edit Buttons */ .editOptions { position: absolute; width: 100%; height: 7vh; z-index: 300; top: 0; right: 0; width: fit-content; margin-right: 1.5vw; display: flex !important; flex-direction: row-reverse; padding: 0 !important; align-items: center; }

[for="wpSummary"] { display: none !important; }

.editButtons > span > input { padding: 0px 15px !important; }

width: calc(100% - 3px) !important; margin-top: 5px; }
 * 1) wpDiff {

.editButtons > span {margin: 0 !important;}

.editCheckboxes { display: flex; align-items: center; height: 100%; font-size: 16px !important; margin-right: 10px; margin-left: 5px; }

.editButtons { }

.editCheckboxes > div, .editButtons { display: flex; flex-direction: column; }

.editCheckboxes .oo-ui-fieldLayout-body { line-height: 14px; font-size: 14px; display: flex !important; width: fit-content !important; margin: 2px; }

.editCheckboxes > div > div * { cursor: pointer; }

.editCheckboxes .oo-ui-fieldLayout-field { height: min-content !important; display: inline-flex !important; width: fit-content !important; }

.editCheckboxes input { margin: 0 !important; }

.editCheckboxes label { display: inline-block !important; line-height: 13px !important; }

display: flex; align-items: flex-start; margin: 0 !important; font-size: inherit; font-size: 16px !important; }
 * 1) mw-editpage-minoredit, #mw-editpage-watch {

margin: 2px !important; width: -webkit-fill-available !important; display: inline-flex !important; }
 * 1) mw-editpage-watch > div,
 * 2) mw-editpage-minoredit > div {

padding: 0 !important; }
 * 1) mw-editpage-watch > div > span,
 * 2) mw-editpage-minoredit > div > span {

padding-left: 6px !important; }
 * 1) mw-editpage-watch > div > span > label,
 * 2) mw-editpage-minoredit > div > span > label {

/* Summary Widget */ margin: 0 !important; }
 * 1) wpSummaryWidget {

display: flex; margin-top: 18px !important; }
 * 1) wpSummaryLabel {

display: none !important; }
 * 1) wpSummaryLabel > div > span {

border-radius: 4px; border: 1px solid #535353; padding: 6px; background: #2f2f2f; box-shadow: 0 0 3.5px inset black; height: 28px; transition: 0.3s border ease, 0.3s box-shadow ease;
 * 1) wpSummaryWidget > input {

font-style: italic; font-weight: 100; font-family: Arial !important; font-size: 12px; letter-spacing: 0.5px }

border: 1px solid #4a89f5; box-shadow: 0px 0px 3px #3067c6, 0 0 3.5px inset black; }
 * 1) wpSummaryWidget > input:focus {

.editCheckboxes .oo-ui-fieldLayout-header { display: flex !important; align-items: center !important; }

/* Edit Buttons */ .editButtons > span > input { transition: 0.2s filter ease, 0.2s box-shadow ease !important; text-transform: capitalize !important; font-family: Arial !important; font-size: 12px !important; z-index: 500; }

.editButtons > span:nth-of-type(1) > input { background: #346b34 !important; border: #346b34 1px solid !important; padding: 0px 15.5px !important; }

.editButtons > span > input:hover { filter: brightness(120%) !important; }

.editButtons > span > input:active { filter: brightness(80%) !important; }

.editButtons > span:nth-of-type(2) > input { background: rgb(49 49 49) !important; border: 1px solid rgb(72 72 72) !important; }

.editButtons > span > input:focus { box-shadow: 0px 0px 2px 1.5px #3067c6; }

/* Checkboxes */ .editCheckboxes input[type="checkbox"] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; background-color: rgb(41 41 41); border: 1.75px solid rgb(125 125 125); border-radius: 3px; height: 15px; width: 15px; transition: 0.2s box-shadow ease; margin: 0 !important; }

.editCheckboxes input[type="checkbox"]:checked { border: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='checkmark' viewBox='0 0 40 40' style='stroke-width: 6;stroke: rgb(41 41 41);background: %23c88b25;'%3E%3Cpath class='checkmark__check' fill='none' d='M14.1 27.2l7.1 7.2 16.7-16.8' style='transform: scale(1.1) translate(-8px, -8px);'/%3E%3C/svg%3E"); }

.editCheckboxes input[type="checkbox"]:hover { filter: brightness(120%); }

.editCheckboxes input[type="checkbox"]:active { filter: brightness(80%); }

.editCheckboxes input[type="checkbox"]:disabled { background: #e6e6e6; opacity: 0.6; pointer-events: none; }

.editCheckboxes input[type="checkbox"]:after { content: ''; position: relative; left: 37.5%; top: 20%; width: 25%; height: 45%; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(1.4); display: none; }

.editCheckboxes input[type="checkbox"]:focus { box-shadow: 0px 0px 1px 1.5px #3067c6; }

.editCheckboxes input[type="checkbox"]:checked:after { display: block !important; }

.editCheckboxes input[type="checkbox"]:disabled:after { border-color: #7b7b7b; }

/* Title Buttons */ .ve-fd-header .action-button { height: 2.5vh; width: 2.5vh; cursor: pointer; display: flex; bottom: 0; transition: 0.1s filter ease; background-repeat: no-repeat; background-position: center; }

.ve-fd-header .ModuleIDE-openrefviewer { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='fill: %23888'%3E%3Cg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath id='page-list-a' d='M3 21h5v-5H3v5zm6-7H2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1zm6-11h7a1 1 0 1 0 0-2h-7a1 1 0 1 0 0 2m7 11h-7a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2m0-6h-7a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2m0 13h-7a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2M3 8h5V3H3v5zm6-7H2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }

.ve-fd-header .ModuleIDE-format { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 64 64' version='1.1' xml:space='preserve' style='fill:%23888;fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath id='codeblock' d='M38.147,56.256c3.68,-0.818 6.451,-2.165 8.312,-4.039c1.861,-1.874 2.791,-4.35 2.791,-7.428l0,-4.886c0,-3.978 2.204,-5.967 6.612,-5.967l0,-3.56c-4.408,0 -6.612,-1.981 -6.612,-5.942l0,-5.108c-0.041,-2.995 -0.972,-5.414 -2.791,-7.256c-1.82,-1.841 -4.59,-3.179 -8.312,-4.014l-1.186,2.824c4.346,1.096 6.519,3.953 6.519,8.569l0,4.96c0,3.716 1.736,6.302 5.209,7.759c-3.473,1.474 -5.209,4.084 -5.209,7.833l0,5.058c-0.062,4.502 -2.235,7.293 -6.519,8.373l1.186,2.824Zm-12.44,-0.025c-3.679,-0.818 -6.448,-2.164 -8.308,-4.037c-1.86,-1.873 -2.79,-4.348 -2.79,-7.424l0,-4.884c0,-3.975 -2.203,-5.963 -6.609,-5.963l0,-3.559c4.406,0 6.609,-1.979 6.609,-5.939l0,-5.105c0.041,-2.994 0.971,-5.411 2.79,-7.252c1.818,-1.84 4.587,-3.178 8.308,-4.012l1.184,2.822c-4.343,1.096 -6.515,3.951 -6.515,8.565l0,4.958c0,3.714 -1.735,6.299 -5.206,7.755c3.471,1.472 5.206,4.082 5.206,7.829l0,5.055c0.062,4.5 2.234,7.289 6.515,8.369l-1.184,2.822Z' style='fill-rule:nonzero;transform: scale(1.2) translate(-10%25, -10%25);margin: 118px;'/%3E%3C/svg%3E"); }

.ve-fd-header .action-button:hover { filter: brightness(150%); }

.ve-fd-header .action-button:active { filter: brightness(80%); }

.ModuleIDE-action-buttons { display: flex; flex-direction: row; }

.ve-fd-header .action-button:not(:last-of-type) { margin-right: 9px; }

/* Lua reference manual viewer */ background: var(--theme-page-background-color); }
 * 1) ModuleIDE-referenceviewer > section {

border-radius: 2px; padding: 1px; background: rgba(0, 0, 0, 0.3) }
 * 1) ModuleIDE-referenceviewer > section code {

border: 1px solid var(--theme-border-color); border-radius: 3px; border-style: solid; border-width: 1px; clear: right; float: right; margin: 18px 0px 18px 18px !important; width: 270px; }
 * 1) ModuleIDE-referenceviewer #toc {

border-bottom: 1px solid var(--theme-border-color); }
 * 1) ModuleIDE-referenceviewer > section h3 {

font-family: Arial !important; font-weight: bold !important; }
 * 1) ModuleIDE-referenceviewer > section h4 > span {

margin-top: 0 !important; }
 * 1) ModuleIDE-referenceviewer > header > h3 {

background: var(--qdmodal-background-color); }
 * 1) ModuleIDE-referenceviewer > :is(header, footer) {

width: 100%; height: 100%; }
 * 1) ModuleIDE-referenceviewer {

margin: auto; position: relative; top: 50%; }
 * 1) ModuleIDE-referenceviewer > section > div.mw-ajax-loader {