MediaWiki:Common.css

/*========================================================* * Content design for the wiki. * *========================================================*/

/* MAIN PAGE DESIGN CSS */ body.page-Main_Page #t-cite, body.page-Main_Page #footer-info-lastmod, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page h1.firstHeading { display: none !important; }

/*========================================================* * Hoverexpand will expand to fit the content vertically * * when hovered-over. Best used within tables or other   * * divs. (source: Bulbapedia)                            * *========================================================*/

/* creates a div class that can be used to add mouse-over functionality. */ .hoverexpand { height: 18px; padding: 2px; overflow: hidden; _overflow: visible; }
 * overflow: visible;

.hoverexpand:hover { height: 100% !important; overflow: visible; }

/*========================================================* * cutting down on the usage of Template:Roundy with     * * div and table classes for use in larger pages. * * divs. (source: Bulbapedia)                            * *========================================================*/

.roundy { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

.roundytl { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; }

.roundytr { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; }

.roundybl { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundybr { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-left-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px; }

.roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-top-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-bottom-right-radius: 10px; -o-border-top-right-radius: 10px; }

/*========================================================* * Gallery (normal + thumb.)							 * *========================================================*/ /* Galleries */ .gallery.mw-gallery-traditional { text-align: center; } .gallery.mw-gallery-traditional .thumb { height: 150px; }

/* Thumbnails */ .thumbinner { min-width: 120px; text-align: center; }

/* Rounded images */ .roundyimage { border-radius: 5px; }

/* Gallery thumbnails */ .mw-body .gallerybox .thumb { border-radius: 10px; border: 1px solid #e8f2f8; } li.gallerybox div.thumb { background-color: #e8f2f8; display: table; } li.gallerybox div.thumb img { border-radius: 5px; } .mw-body li.gallerybox div.thumb { background: #e8f2f8; border: none; box-shadow: none; padding-top: 1px; }

/*========================================================* * Box													 * *========================================================*/ .box { table-layout: fixed; border-radius: var(--template-outer-radius, 15px); border-spacing: 2px; margin-bottom: 10px; width: 100%; padding: 5px; float:none; background-color: hsl(var(--template-color, 0 0%) var(--lightness-primary, 70%)); }

/* Infoboxes */ .infobox { table-layout: fixed; border-radius: var(--template-outer-radius, 15px); color: #000; border-spacing: 2px; margin-left: 10px; margin-bottom: 10px; width: 320px; padding: 5px; float:right; background-color: #e8f2f8; }

/* Make infoboxes take up 100% width at small resolutions */ @media (max-width: 600px) { .infobox { width: 100%; } }

/* Set infoboxes to fixed width at larger resolutions */ @media (min-width: 601px) { .infobox { width: 320px; } }