/* Code adapted from Yair Rand's NavPopupsRestyled.js
 * https://en.wikipedia.org/wiki/User:Yair_rand/NavPopupsRestyled.js
 */

.mwe-popups {
	position: absolute;
	z-index: 5;
	background: #fff;
	border: 1px solid #bbb;
	padding: 0;
	display: none;
	font-size: 0.8em;
	line-height: 1.5em;
	cursor: pointer;
	min-width: 300px;

	> a {
		display: block;
		margin-top: -9px;
		padding-top: 9px;
		color: #000;

		&:hover {
			text-decoration: none;
		}

		> div {
			padding: 1.28em;
			padding-bottom: 0;

			+ div {
				padding: 0.8em;
				margin: 0.8em;
			}
		}

		> img.mwe-popups-is-tall{
			float: right;
			height: 250px;
			padding-left: 1.28em;
		}

		> img.mwe-popups-is-not-tall{
			width: 300px;
			float: initial;
		}

		> div.mwe-popups-timestamp-older, div.mwe-popups-timestamp-recent{
			font-size: 0.85em;
		}

		> div.mwe-popups-timestamp-older{
			color: #bbb;
		}

		> div.mwe-popups-timestamp-recent{
			color: #00af89;
		}
	}

	&.mwe-popups-is-tall{
		width: 450px;
	}

	&.mwe-popups-is-not-tall{
		width: 300px;
	}
}