Portal/styles.css

From The Global Wiki
Revision as of 11:46, 11 January 2023 by en>Hike395 (set min height of row to avoid bunching)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
/* {{pp-template}} */
.portalbox {
	padding: 0; /* Timeless adds padding */
	margin: 0.5em 0;
	display: table;
	box-sizing: border-box;
	max-width: 175px;
	list-style: none;
}

.portalborder {
	border: solid #aaa 1px;
	padding: 0.1em;
	background: #f9f9f9;
}

.portalbox-entry {
	display: table-row;
	font-size: 85%;
	line-height: 110%;
	height: 1.9em; /* sets min height */
	font-style: italic;
	font-weight: bold;
}

.portalbox-image {
	display: table-cell;
	padding: 0.2em;
	vertical-align: middle;
	text-align: center;
}

.portalbox-link {
	display: table-cell;
	padding: 0.2em 0.2em 0.2em 0.3em;
	vertical-align: middle;
}

@media (min-width: 720px) {
	.portalleft {
		clear: left;
		float: left;
		margin: 0.5em 1em 0.5em 0
	}
	
	.portalright {
		clear: right;
		float: right;
		margin: 0.5em 0 0.5em 1em
	}
}