Module:Portal/styles.css: Difference between revisions

From The Goon Show Depository
m (1 revision imported)
m (1 revision imported)
 
(9 intermediate revisions by 4 users not shown)
Line 2: Line 2:
.portalbox {
.portalbox {
padding: 0; /* Timeless adds padding */
padding: 0; /* Timeless adds padding */
margin: 0.5em 0;
display: table;
box-sizing: border-box;
max-width: 175px;
list-style: none;
}
}


.portalborder {
.portalborder {
border: solid #aaa 1px;
border: 1px solid var(--border-color-base, #a2a9b1);
padding: 0.1em;
background: var(--background-color-neutral-subtle, #f8f9fa);
}
}


.portalbox.tleft {
.portalbox-entry {
margin: 0.5em 1em 0.5em 0
display: table-row;
}
 
.portalbox.tright {
margin: 0.5em 0 0.5em 1em
}
 
.portalbox > ul {
display: table;
box-sizing: border-box;
max-width: 175px;
font-size: 85%;
font-size: 85%;
line-height: 110%;
line-height: 110%;
height: 1.9em; /* sets min height */
font-style: italic;
font-style: italic;
font-weight: bold;
font-weight: bold;
}
}


.portalborder > ul {
.portalbox-image {
padding: 0.1em;
background: #f9f9f9;
}
 
.portalbox > ul > li {
display: table-row;
}
.portalbox > ul > li > span:first-child {
display: table-cell;
display: table-cell;
padding: 0.2em;
padding: 0.2em;
Line 41: Line 31:
}
}


.portalbox > ul > li > span:last-child {
.portalbox-link {
display: table-cell;
display: table-cell;
padding: 0.2em 0.2em 0.2em 0.3em;
padding: 0.2em 0.2em 0.2em 0.3em;
vertical-align: middle;
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
}
}
}

Latest revision as of 10:07, 24 August 2024

/* {{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: 1px solid var(--border-color-base, #a2a9b1);
	padding: 0.1em;
	background: var(--background-color-neutral-subtle, #f8f9fa);
}

.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
	}
}