MediaWiki:Mobile.css

.page-Main_Page.is-authenticated .pre-content { display: none; }

body.page-Main_Page h1.firstHeading { display: none; }

.mp-portal-row { display: flex; flex-flow: row wrap; margin: 0; align-items: self-start; justify-content: space-around; text-align: center; font-weight: bold; max-width: 100%; }

.mp-portal-row div { flex: 0 1 auto; margin: 4px; }

.mp-portal-icon { max-width: 120px; }

.mp-portal-icon a img { width: 100%; min-width: 50px; max-width: 150px; height: auto; }

.mp p img { max-width: 100%; height: auto; }

.mp-menu-item { text-align: left; width: 195px; display: inline-block; margin: 15px 25px; vertical-align: top; }

.mp-menu-item-header { border-bottom: 1px solid #505050; font-size: 150%; font-variant: small-caps; color: black; padding-bottom: 5px; }

.mp-menu-item-body { column-count: 1; margin-top: 5px; }

.mp-menu-item-body>ul { margin-top: 0; }

.mp-news-container { width: 100%; max-height: 250px; overflow: hidden; text-overflow: ellipsis; content: ""; position: relative; }

.mp-news-container:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(transparent 200px, white); pointer-events: none; }

.mp-container-small, .mp-container-mid, .mp-container-large { width: 100%; }

@media (min-width: 1100px) { .mp-container-large { flex-basis: 66.667%; max-width: 66.667%; }	.mp-container-small { flex-basis: 33.333%; max-width: 33.333%; } }

.mp-new-content-row { display:flex; justify-content:center; flex-wrap: wrap; font-size:0.9em; }

/************/ /* Elements */ /************/

img { max-width: 100% !important; height: auto; }

/* Panel */

background-color: #fff !important; text-align: left !important; }
 * 1) bodyContent .panel {

.panel { border: 1px solid #5a5a5a; margin: 2px; }

.panel-heading { position: relative; text-align: center; font-weight: bold; color: #1f4c1f; margin: 5px; font-size: 1.5em; font-variant-caps: small-caps; }

.panel-body { position: relative; padding: 5px 15px; ; }

/* TermDescription */ .dt-term { display: inline-block; width: 120px; text-align: right; padding: 3px 8px 3px 0; margin: 0 -6px 0 0; border-right: 3px #528e52 solid; font-weight: bold; vertical-align: top; }

.dd-description { display: inline-block; width: 150px; text-align: left; padding: 3px 0 3px 6px; border-left: 1px #528e52 solid; vertical-align: top; }

/* Blockquote */

blockquote { font-size: 14pt; width: 60%; margin: auto; font-family: Catamaran; font-style: italic; color: #555555; padding: 1.2em 30px 1.2em 75px; border-left: 8px solid #336699; line-height: 1.3; position: relative; background: #EDEDED; }

blockquote::before { font-family: Arial; content: "\201C"; color: #336699; font-size: 4em; position: absolute; left: 10px; top: -10px; }

blockquote::after { content: ''; }

blockquote span { display: block; color: #333333; font-style: normal; font-weight: bold; margin-top: 1em; }

/* Image tile */

.image-tile { position: relative; height: 44px; width: 120px; margin: 5px; display: inline-block; overflow: hidden; }

.image-tile.selectable { opacity: 0.4; }

.image-tile.selectable:hover { opacity: 0.85; }

.image-tile-text { position: absolute; width: 100%; text-align: center; top: 46%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; color: #000; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }

/* mw ui button tweaks */

.mw-ui-button-group { display: inline-flex; }

.mw-ui-button-group>* { min-width: 38px; float: none; }

.mw-ui-button-group>*:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.mw-ui-button { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/***********/

/* Tooltip */

/***********/

.tooltip { position: relative; display: inline-block; border-bottom: 1px dashed black; line-height: 1.3; }

.tooltiptext { visibility: hidden; min-width: 250px; margin-left: -140px; padding: 12px 14px; text-align: center; position: absolute; left: 50%; bottom: calc(20px + 100%); z-index: 99999; background: #fff; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15); border: 1px solid #a2a9b1; border-radius: 2px; font-weight: normal; color: black; text-shadow: none; }

.tooltiptext:after, .tooltiptext:before { content: ''; position: absolute; left: 50%; border-style: solid; }

.tooltiptext:after { top: 100%; bottom: auto; width: 20px; height: 20px; background: #fff; margin-top: -10px; margin-left: -10px; box-shadow: 1px 1px 0px #a2a9b1; transform: rotate(45deg); border-width: 0; }

.tooltiptext:before { top: 100%; bottom: auto; border-width: 18px; margin-left: -18px; border-color: rgba(0, 0, 0, 0.15) transparent transparent transparent; pointer-events: none; }

.tooltip .tooltip .tooltiptext { bottom: auto; top: 195%; }

.tooltip .tooltip .tooltiptext:after { top: auto; bottom: 100%; border-width: 15px; margin-left: -15px; border-color: transparent transparent white transparent; width: 0; height: 0; box-shadow: none; background: none; transform: none; }

.tooltip .tooltip .tooltiptext:before { top: auto; bottom: 100%; border-width: 16px; margin-left: -16px; border-color: transparent transparent #888 transparent; }

.tooltiptext hr { margin: 10px 0 12px; position: relative; background: none; }

.tooltiptext hr:after { content: ''; display: block; width: 100%; height: 1px !important; position: absolute; left: -14px; background: #a2a9b1; padding: 0 14px; }

.tooltip:hover>.tooltiptext { visibility: visible; }

.tooltiptext { opacity: 0; transition: opacity 200ms ease, visibility 0s ease 200ms, transform 200ms ease; transform: translateY(8px); }

.tooltip .tooltip .tooltiptext { transform: translateY(-8px); }

.tooltip:hover>.tooltiptext { opacity: 1; transition-delay: 0s; transform: translateY(0); } img.scalable { max-width: 100%; height:auto; } .globalNotice .globalNoticeDismiss { display: none; }