Module:Portal/styles.css: Difference between revisions
Jump to navigation
Jump to search
add some ws |
imported>Hike395 set min height of row to avoid bunching |
||
(3 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* {{pp-template}} */ | /* {{pp-template}} */ | ||
. | .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 { | ||
border: solid #aaa 1px; | |||
padding: 0.1em; | |||
background: #f9f9f9; | |||
} | } | ||
. | .portalbox-entry { | ||
display: table-row; | |||
display: table | |||
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; | ||
} | } | ||
. | .portalbox-image { | ||
display: table-cell; | display: table-cell; | ||
padding: 0.2em; | padding: 0.2em; | ||
Line 35: | Line 31: | ||
} | } | ||
. | .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 12:46, 11 January 2023
/* {{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
}
}