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

/* Change the color of the codeEditor toolbar so the icons can be identified clearly */
#wikiEditor-ui-toolbar {
	background: #d8d8d8;
}