User:Jgottula/common.css
Jump to navigation
Jump to search
In other languages: Español • Polski • Русский • Українська
CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* NOTE: MediaWiki concatenates [user common.css + user hydradark.css]
* and then puts a <link> element in <head> in the initial HTML document
* (so any modifications made here should be instantaneous, unlike user JS)
*/
/* TODO: 2021 Oct 09: go thru the element inspector and stylesheets and see how much of this shit broke...
* (also take a look at HydraRevived enabled vs not-enabled too) */
/* why did I go and pre-define all this shit? fuck if I know */
.width-50pct { width: 50% !important; height: auto !important; }
.width-55pct { width: 55% !important; height: auto !important; }
.width-60pct { width: 60% !important; height: auto !important; }
.width-65pct { width: 65% !important; height: auto !important; }
.width-70pct { width: 70% !important; height: auto !important; }
.width-75pct { width: 75% !important; height: auto !important; }
.width-80pct { width: 80% !important; height: auto !important; }
.width-85pct { width: 85% !important; height: auto !important; }
.width-90pct { width: 90% !important; height: auto !important; }
.width-95pct { width: 95% !important; height: auto !important; }
.width-100pct { width: 100% !important; height: auto !important; }
/* why did I go and pre-define all this shit? fuck if I know */
.zoom-50pct { zoom: 50% !important; }
.zoom-55pct { zoom: 55% !important; }
.zoom-60pct { zoom: 60% !important; }
.zoom-65pct { zoom: 65% !important; }
.zoom-70pct { zoom: 70% !important; }
.zoom-75pct { zoom: 75% !important; }
.zoom-80pct { zoom: 80% !important; }
.zoom-85pct { zoom: 85% !important; }
.zoom-90pct { zoom: 90% !important; }
.zoom-95pct { zoom: 95% !important; }
.zoom-100pct { zoom: 100% !important; }
/* this stuff is for User:Jgottula/Biomes_Map... I think... */
table.no-td-pad > * > tr > td { padding: 0 !important; }
img.rescale-nicely { image-rendering: auto !important; } /* 'high-quality' */
/* =============================================================================================== */
@media not all { /* TODO: disabled for now; assess probable brokenness with new Fandom theme */
/* hide stupid vertical-space-wasting site notice regarding mobile version shit */
/* TODO: assess whether broken */
div#siteNotice { display: none !important; }
/* hide dumb social media junk in the sidebar */
/* TODO: assess whether broken */
div#mw-panel div.portal#p-socialProfiles { display: none !important; }
/* hide the dumb "share" tab menu at the top of the page */
div#mw-head div#p-sharing { display: none !important; }
} /* @media not all | TODO: disabled for now; assess probable brokenness with new Fandom theme */
/* =============================================================================================== */
/* TODO: assess whether any of the .tight stuff below is broke-ified compared to before */
/* make my user page less vertically spacious */
div.curseprofile-userprefersprofile { display: none !important; }
.tight { line-height: 1.2 !important; }
.tight ul
{
margin-top: 0.1em !important;
margin-bottom: 0.1em !important;
}
.tight h1, .tight h2, .tight h3, .tight h4, .tight h5 .tight h6
{
line-height: 1.3em !important;
margin-top: 0.2em !important;
margin-bottom: 0.1em !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* =============================================================================================== */
@media not all { /* TODO: disabled for now; assess probable brokenness with new Fandom theme */
/* reduce the vertical navbar-to-content gap from 5em down to 3em */
div#mw-page-base /* invisible spacer */
{
height: 3em !important; /* was: 5em */
}
div#mw-head-base /* invisible spacer */
{
height: 3em !important; /* was: 5em */
margin-top: -3em !important; /* was: -5em */
}
div#mw-head /* container for header stuff: tabs, search, etc */
{
height: 3em !important; /* was: 5em */
}
div#left-navigation, div#right-navigation /* containers for LHS and RHS tabs etc */
{
margin-top: calc(1.3em - 1px) !important; /* was: calc(3.3em - 1px) */
margin-bottom: 0 !important;
}
div#p-search
{
display: flex !important; /* was: block */
height: 1.7em !important;
margin-top: 1px !important; /* was: 7px */
}
#p-search form, div#simpleSearch
{
margin-top: auto !important; /* was: 0.4em, 0.65em */
}
#simpleSearch #searchButton
{
top: 50% !important; /* was: 0 */
transform: translateY(-50%) !important;
}
/* slightly reduce the padding in the body content area */
div#content { padding: 1em !important; }
/* tighten up the vertical spacing of the LHS panels, especially near the logo */
div#mw-panel /* container for the entire LHS area */
{
top: 0 !important; /* was: 160px */
padding-top: 0 !important; /* was: 1em */
}
div#p-logo /* wiki logo container */
{
position: relative !important; /* was: absolute */
top: unset !important; /* was: 140px !important */
left: unset !important; /* was: 4px !important */
height: fit-content !important; /* was: 160px */
margin: 10px 0 10px 0 !important; /* was: 0 */
}
#p-logo a /* wiki logo image and link area */
{
padding: 0 !important; /* was: 6px */
margin: auto !important; /* was: 0 */
}
} /* @media not all | TODO: disabled for now; assess probable brokenness with new Fandom theme */
/* =============================================================================================== */