Module:Portal/styles.css: Difference between revisions
Jump to navigation
Jump to search
Richardpruen (talk | contribs) m (1 revision imported) |
(rename class to portalbox so that it will work on mobile) |
||
Line 1: | Line 1: | ||
/* {{pp-template}} */ | /* {{pp-template}} */ | ||
. | .portalbox { | ||
float: right; | |||
border: solid #aaa 1px; | border: solid #aaa 1px; | ||
padding: 0; /* Timeless adds padding */ | padding: 0; /* Timeless adds padding */ | ||
} | } | ||
. | .portalbox.tleft { | ||
margin: 0.5em 1em 0.5em 0 | margin: 0.5em 1em 0.5em 0 | ||
} | } | ||
. | .portalbox.tright { | ||
margin: 0.5em 0 0.5em 1em | margin: 0.5em 0 0.5em 1em | ||
} | } | ||
. | .portalbox > ul { | ||
display: table; | display: table; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
Line 25: | Line 26: | ||
} | } | ||
. | .portalbox > ul > li { | ||
display: table-row; | display: table-row; | ||
} | } | ||
. | .portalbox > ul > li > span:first-child { | ||
display: table-cell; | display: table-cell; | ||
padding: 0.2em; | padding: 0.2em; | ||
Line 35: | Line 36: | ||
} | } | ||
. | .portalbox > ul > li > span:last-child { | ||
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; | ||
} | } |
Revision as of 13:54, 15 December 2021
/* {{pp-template}} */
.portalbox {
float: right;
border: solid #aaa 1px;
padding: 0; /* Timeless adds padding */
}
.portalbox.tleft {
margin: 0.5em 1em 0.5em 0
}
.portalbox.tright {
margin: 0.5em 0 0.5em 1em
}
.portalbox > ul {
display: table;
box-sizing: border-box;
padding: 0.1em;
max-width: 175px;
background: #f9f9f9;
font-size: 85%;
line-height: 110%;
font-style: italic;
font-weight: bold;
}
.portalbox > ul > li {
display: table-row;
}
.portalbox > ul > li > span:first-child {
display: table-cell;
padding: 0.2em;
vertical-align: middle;
text-align: center;
}
.portalbox > ul > li > span:last-child {
display: table-cell;
padding: 0.2em 0.2em 0.2em 0.3em;
vertical-align: middle;
}