User:KokoroSenshi/common.css

/** * For testing MediaWiki:Gadget-TextComplete.js */ @import url("https://zelda.gamepedia.com/MediaWiki:Gadget-WikitextAutocompleter.css?action=raw&ctype=text/css");

/** * 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; }