User:KokoroSenshi/common.css

.hide-trainee {display:none !important; } /* .show-trainee {display:table-row; } */

/* Unrestrict max-width and resizability of textareas on Special:Expandtemplates */ body.mw-special-ExpandTemplates div.oo-ui-textInputWidget { max-width:95%; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { resize: auto; }

/* Override the background positioning to make the left side of the tabs gradient bordering visible; orig was both: right bottom Also need display none for emptyPortlet so it doesn't show if no tab, e.g. special page next to search bar @media screen { div.vectorTabs { background-position: bottom left; }

div.vectorTabs ul { background-position: right bottom; }   div.emptyPortlet { display: none; } }

/*  Make images not clear below infoboxes and the like. However, though it removes a lot of empty space to the left of these images and make images not be pushed down from the section to which they relate, on some pages the text may be cramped with both an infobox and image taking the right half of the line/paragraph/screen. Note: However, for images that would partway overlap an infobox, gets positioned oddly to the left of the infobox (still, not so bad), but then for two images arranged one on tp of the other, it now changes to       side by side Note: Great Fairy with TOC hidden is prime example for this and related Also Chain Chomp as well Note: Putting Template:Clear may make sure images don't shift next to the wrong set of text (since, if I still remember right, the infobox pushes        it downward), it causes huge gaps (again, see Great Fairy with TOC         hidden) Element specific: * tleft, tright refer to images with border? * div.floatleft, div.floatright refer to those with no border? * table. ... refers to tables I suppose? * Adding h4 in there should fix the issue of the Fat Fairy heading not aligned fully to the left (due to the image BOTH(?) above and below          (See: User:KokoroSenshi/Sandbox/Great Fairy (Image Spacing Testing) oldid=465438)

/* Prevents images clearing (aka from having an invisible horizontal wall extending) div.tleft, div.floatleft,  table.floatleft, div.tright, div.floatright, table.floatright { clear: none; }

/* Supposed to clear the div just inside a div with class noClearInner? https://css-tricks.com/child-and-sibling-selectors/ */ div.noClearInner > div { clear: none; }

/* Fix these headings being indented due to images */ h4 { clear: left; }

/* Note to self: TOC was hidden when logged in due to a preference option (which I somehow missed every prior time I had checked...) Will be removed if update MW version: https://www.mediawiki.org/wiki/Manual:FAQ#How_can_I_hide_the_table_of_contents.3F Also, a cookie is used to retain show/hide status of contents

/* Style the gamepedia bar notification icons for when unread alerts/notifications */ background: inherit; }	background: red; }
 * 1) pt-notifications-alert > a.mw-echo-notifications-badge-all-read,
 * 2) pt-notifications-notice > a.mw-echo-notifications-badge-all-read {
 * 1) pt-notifications-alert > a,
 * 2) pt-notifications-notice > a {

/* Autocomplete/Dropdown list */ /* https://github.com/yuku-t/textcomplete/blob/1bf0ce8cf72652563aa20fe6801505a694c3c488/src/doc/main.css */ .dropdown-menu { background-color: white; border: 1px solid #ddd; list-style: none; margin: 0; padding: 0; }

.dropdown-menu li { border-top: 1px solid #ddd; padding: 2px 5px; margin: 0; }

.dropdown-menu li:first-child { border-top: none; }

.dropdown-menu li:hover, .dropdown-menu .active { background-color: rgb(110, 183, 219); }

.dropdown-menu a { height: 18px; text-decoration: none; color: #555; }

.dropdown-menu a:hover { cursor: pointer; }

.dropdown-menu img { vertical-align: text-top; height: 18px; }