MediaWiki:Gadget-ImmersiveEditing.css
From Tardis Wiki, the free Doctor Who reference
Clear your cache often around here
After changes are made to this site's CSS or Javascript, you have to bypass your browser's cache to see the changes. You can always do this by going to your browser's preferences panel. But many browsers also offer keyboard shortcuts to save you that trouble. The following shortcuts work in the versions of the browsers that Tardis currently supports. They may not work in earlier versions.
- Firefox: hold down Shift while performing a page reload.
- Opera offers no default keyboard shortcut, but you can create a custom keyboard shortcut with the value Clear disk cache
- Safari users should simultaneously hold down ⌘ + Option + E. You may need to enable the Develop menu first
- Chrome: press Ctrl + F5 or Shift + F5 while performing a page reload.
/* THIS IS CURRENTLY IN ROUGH BETA,
AS IT DOESN'T REALLY SUPPORT LIGHT MODE YET.
REALLY ONLY SOTO, ITS AUTHOR, WILL HAVE THIS
HIDDEN GADGET ENABLED. IT WILL BE DEFAULT BUT WITH THE OPTION TO DISABLE. */
.action-edit #menus-cover {
/* background-position-y: 90.2%; */
background-position: revert;
}
@media screen and (min-width: 1340px) {
.action-edit #mw-site-navigation {
width: 14.161em;
padding-left: 0.044em;
margin-left: -0.62em;
}
.action-edit #mw-related-navigation {
position: fixed;
right: 0;
top: -2em;
margin-right: 0.0688em;
}
/*:root.theme-dark .action-edit #mw-content {
margin-right: 13.9em;
margin-right: 14.302em;
}*/
:root.theme-dark .action-edit #mw-content-wrapper {
/* margin-right: 14.212128em; */
margin-right: 14.102128em;
z-index: 1!important;
}
:root.theme-dark .action-edit #mw-content {
/* margin-right: 0.08888em; */
margin-right: 0.19888em;
}
.mw-editform {
position: relative;
left: 0.57162em;
}
}
@media screen and (min-width: 1542px) {
.action-edit #mw-site-navigation {
width: 14.061em;
margin-left: 0;
}
.action-edit #mw-related-navigation {
margin-right: 0.0488em;
}
.mw-editform {
left: 0.54162em;
}
}
.action-edit #mw-site-navigation .sidebar-chunk {
border-right-color: #1b2f52;
}
.action-edit:not(.ns-8) #mw-site-navigation .sidebar-chunk {
border-right-color: #616f8b;
}
.action-edit:not(.ns-8) #mw-site-navigation .sidebar-chunk:nth-child(2) {
border-right-color: #172c52;
}
.action-edit #mw-related-navigation .sidebar-chunk:not(#page-tools) {
box-shadow: 6px 0 0 10px #16274e;
background: #13274a;
top: 0.124em;
}
.action-edit #mw-wrapper:has(.mw-message-box-warning) #mw-related-navigation .sidebar-chunk:not(#page-tools) {
box-shadow: 4px 0 0 10px #192d50, 14px 0 0 15px #203356, 14px 0 0 18px #0d1f43, 14px 7px 0 18px #2d4061, 11px 13px 0 18px #172c52;
top: 1.004em;
}
.action-edit #mw-related-navigation .sidebar-chunk#page-tools {
box-shadow: 10px 0 0 10px #334369, 9px -20em 0 7px #192d50;
z-index: 400;
}
.action-edit #mw-wrapper:has(.mw-message-box-warning) #mw-related-navigation .sidebar-chunk#page-tools {
box-shadow: 10px 0 0 10px #334369, 9px -20em 0 7px #192d50, 5.2px 3.28px 0 10px #0f2042;
}
.action-edit #mw-related-navigation:has(.sidebar-chunk + .sidebar-chunk) .sidebar-chunk#page-tools .mw-inputbox-centered {
display: none;
}
@media screen and (min-width: 1860px) {
.action-edit #mw-site-navigation .sidebar-chunk#site-navigation,
.action-submit #mw-site-navigation .sidebar-chunk#site-navigation {
left: 1.332em!important;
}
}
.action-edit .sidebar-chunk#page-tools .mw-inputbox-centered .mw-ui-button {
background: #2d3e68;
}
:root.theme-dark .action-edit #mw-content {
box-shadow: 0 348.708em 0 0 #2e416836, -18vw 108.708em 0 0 #172c52e0, 24vw 108.708em 0 0 #172c52, 24vw 0 0 0 #091b3fe3, -32vw 35em 110em 0 #091831e3, -24vw 4011em 0 0 #122e63e3;
border-top-left-radius: 12px;
}
:root.theme-dark .action-submit #mw-content {
box-shadow: 0 348.708em 0 0 #2e416836, -18vw 328.708em 0 0 #172c5299, 24vw 344.708em 0 0 #18294b, 24vw 0 0 0 #152649e3, -24vw 18.2em 0 0 #0f2147c7, -24vw -20em 0 20em #0919363d;
border-top-left-radius: 12px;
}
:root.theme-dark .action-edit:not(.ns-8) #mw-content {
padding-bottom: 2.8px;
margin-bottom: -3.4px;
box-shadow: 0 348.708em 0 0 #2e416836, -18vw 124.235em 0 0 #172c52e0, 24vw 110.928em 0 0 #172c52, 24vw 108.906em 140px 0 #1b3056, -1.04vw 94.815em 0 0 #213458, 24vw 0 0 0 #091b3fe3, -24vw 35em 110em 0 #091831e3;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 38px;
/
color: #334667;
}
:root.theme-dark .action-edit:not(.ns-8) #mw-content:not(:has(.mw-message-box-warning)):not(:has(.article-type)):not(:has(.mw-editTools + div + div div)) {
box-shadow: 0 348.708em 0 0 #2e416836, -18vw 118.235em 0 0 #172c52e0, 24vw 110.928em 0 0 #172c52, 24vw 108.906em 140px 0 #1b3056, -1.04vw 94.815em 0 0 #213458, -32vw 35em 110em 0 #091831e3, -24vw 4011em 0 0 #122e63e3;
}
:root.theme-dark .action-edit:not(.ns-8) #mw-content:not(:has(.mw-message-box-warning)):not(:has(.article-type)):has(.mw-editTools ~ div .mw-icon-arrow-expanded) {
background: #192b4c;
box-shadow: 0 105em 0 0 var(--primary-1) inset, 0 348.708em 0 0 #2e416847, 24vw 110.928em 0 0 #1f3254, 24vw 108.906em 140px 0 #1b3056, -1.04vw 94.815em 0 0 #213458, -18vw 111.235em 11em 0 #172c52bd, -32vw 35em 110em 0 #091831e3, -24vw 4011em 0 0 #122e63e3;
margin-bottom: -60.8px;
}
:root.theme-dark .action-edit:not(.ns-8) #mw-content:has(.mw-message-box-warning) {
box-shadow: 0 348.708em 0 0 #2e416836, -18vw 84.808em 20.7em 0 #172c52e0, 24vw 130.928em 0 0 #172c52, 24vw 108.906em 140px 0 #1b3056, -1.04vw 94.608em 0 0 #213458, 24vw 0 0 0 #091b3fe3, -24vw 35em 110em 0 #091831e3;
}
.action-edit .mw-footer {
padding-left: 10em;
top: -2px;
margin-bottom: -1.72px;
}
.action-edit #mw-wrapper:not(:has(.mw-message-box-warning)):not(:has(.article-type)):not(:has(.mw-editTools + div + div div)) .mw-footer {
top: -15px;
padding-left: 10.4em;
}
.action-edit #mw-wrapper:not(:has(.mw-message-box-warning)):not(:has(.article-type)):has(.mw-editTools ~ div .mw-icon-arrow-expanded) .mw-footer {
top: 3px;
}
@media screen and (min-width: 1100px) and (max-width: 1339px) {
.action-edit #mw-site-navigation {
z-index: 5;
left: -0.235em!important;
}
.action-edit #mw-related-navigation {
z-index: 4;
margin-top: -4.287em;
}
.action-edit #mw-site-navigation .sidebar-chunk#site-navigation {
box-shadow: -2px 0 0 var(--contrast-color-7) inset, 0.518em 0 0 0 #0d1f43;
border-top-right-radius: 0;
}
.action-edit #mw-site-navigation .sidebar-chunk#site-tools {
margin-top: 15.9px;
margin-left: 8px;
}
.action-edit #mw-related-navigation .sidebar-chunk#page-tools {
box-shadow: 1.122px 0 0 7.8px #16274e, -9px -20em 0 7px #192d50, -5px -20em 0 7px #192d50;
}
.action-edit #mw-related-navigation .sidebar-chunk:not(#page-tools) {
box-shadow: -0.262px 0 0 10.8px #263a5e;
background: #182d53;
}
.action-edit #mw-content {
margin-left: 13.84em;
}
.action-edit .mw-footer-container {
z-index: 3;
margin-top: -0.8em;
background: #1c3259;
box-shadow: 0 -7em #16274e, 0 -1em #263a5e, 0 -1em #182c50 inset;
}
:root.theme-dark .action-edit #editpage-specialchars {
left: 25.2px;
box-shadow: 0px 0px 29px 0px #1c2943, -12px 4.06px 0 38px #172c52, -15px -14.06px 0 40px #0e2348, -101px 4.48px 0 43px #1a2e53!important;
}
}
:root.theme-dark .action-edit.long-page #mw-site-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after {
top: 187.8px;
filter: brightness(1.8) hue-rotate(16deg);
}
:root.theme-dark .action-edit:not(.ns-8) #mw-site-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after {
top: 182.82px;
left: 2.84px;
}
:root.theme-dark .action-edit:not(.ns-8) #mw-wrapper:not(:has(.mw-message-box-warning)):not(:has(.article-type)) #mw-site-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after {
top: 185.82px;
left: -4.88px;
}
:root.theme-dark .action-edit:not(.ns-8) #mw-wrapper:not(:has(.mw-message-box-warning)):not(:has(.article-type)):has(.mw-editTools + div + div div) #mw-site-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after {
top: 207.82px;
left: 10.75px;
}
:root.theme-dark .action-edit:not(.ns-8) #mw-content-container:has(.mw-message-box-warning) #mw-site-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after {
/
position: fixed;
/
top: auto;
/* left: 16.4px!important; */
bottom: 134.32px;
top: 220px;
left: 14.4px;
}
:root.theme-dark .action-submit.long-page #mw-site-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after {
position: fixed;
left: auto;
right: 10px;
top: auto;
bottom: 13px;
}
:root.theme-dark .wikiEditor-ui-toolbar {
background-color: #adbde3;
}
:root.theme-dark div.editOptions {
position: relative;
z-index: 9999;
}
:root.theme-dark #editpage-specialchars {
background: #162448!important;
background: #626f8f!important;
background: #6275a4!important;
background: #34436b!important;
background: #2b3a64!important;
background: #263a5e!important;
border-color: #1a315c!important;
box-shadow: 0px 0px 29px 0px #1c2943, 10px -4.06px 0 40px #172c52, 10px -11.06px 0 45px #0e2348, 10px 4.48px 0 49px #1a2e53!important;
background: #1a2e53;
position: relative;
top: 12px;
z-index: 1;
}
:root.theme-dark .action-submit #editpage-specialchars {
top: 1.8px;
}
.mw-editTools ~ div:has(div) {
position: relative;
z-index: 400;
left: -0.02px;
background: #192c50;
background: #11264a;
border-radius: 20px;
padding: 8.4px;
}
.mw-editform > .mw-editTools + div:has(.mw-icon-arrow-expanded) {
background: #132548!important;
box-shadow: 0 0 0 10.8px #182b4e, 0 0 0 17.8px #263a5e!important;
margin-bottom: 3px;
}
.mw-editform:not(:has(.mw-editTools + div + div div)) > .mw-editTools ~ div:has(.mw-icon-arrow-expanded) {
margin-bottom: 21px;
}
.mw-editform:has(.mw-editTools + div + div div) > .mw-editTools + div:has(div) {
background: #112346;
box-shadow: 0.202em 0 0 #182e53;
border-bottom-right-radius: 0;
margin-top: 2.58em;
margin-top: 2.58em;
box-shadow: 0.06em -0.88em 0 0.68em #263a5e, 0.7em -0.88em 0 0.68em #263a5e;
position: relative;
z-index: 300;
}
.mw-editTools + div:has(div) + div:has(div) {
border-top-left-radius: 26px;
border-top-right-radius: 0;
box-shadow: 0.42em 0.2em 0 1em #263a5e, 0.4em -4.2em 0 1em #263a5e, -0.58em 1.22em 0 #263a5e, -0.58em -1.58em 0 #263a5e, -0.58em -6.24em 0 #263a5e;
position: relative;
z-index: 200;
}
.mw-editTools + div:has(.mw-icon-arrow-expanded) + div:has(div) {
margin-right: 2px;
margin-bottom: -20px;
box-shadow: 0.42em 0.2em 0 1em #263a5e, 0.4em -4.2em 0 1em #263a5e, -0.58em 1.22em 0 #263a5e, -0.58em -1.58em 0 #263a5e, -0.58em -6.24em 0 #263a5e, calc(1.42em + 3px) -0.2em 0 0 #0e2348;
}
.action-edit:not(.ns-8) .hiddencats:has(.mw-collapsed) {
min-height: 69.36px;
}
.action-edit:not(.ns-8) #mw-wrapper:has(.mw-message-box-warning) .hiddencats:has(.mw-collapsed) {
min-height: 49.42px;
}
.wikiEditor-ui .CodeMirror {
/* max-height: 494.309px!important; */
/* max-height: 564.689px!important; */
}
.action-edit:not(.ns-8) .hiddencats .mw-collapsed {
/display: block!important;
}
:root.theme-dark .action-edit:not(.ns-8) #mw-wrapper:has(.mw-message-box-warning) .mw-footer {
margin-bottom: -24.2px;
top: -14.02px;
}
:root.theme-dark .editOptions input {
background: #a9b0bd;
}
:root.theme-dark .mw-editform:has(.mw-editTools + div div) .mw-editTools {
margin-top: -9.2px;
}
:root.theme-dark .mw-editform .mw-editTools {
margin-top: -1.82px;
}
