Template:MP box: Difference between revisions
(Created page with "<div class="fp-box" {{#if:{{{id|}}}|id="{{{id}}}"}}> {{#if:{{{heading|test}}}|<div class="fp-heading"><h2>{{{heading|test}}}</h2></div>}} <div class="fp-content"><span>{{{cont...") |
No edit summary |
||
| Line 6: | Line 6: | ||
<!-- |
<!-- |
||
.fp-box { |
.fp-box { |
||
--fp-border: var(--tertiary-lightish); |
|||
display: flex; |
display: flex; |
||
flex-flow: row wrap; |
flex-flow: row wrap; |
||
border: 1px solid |
border: 1px solid var(--fp-border); |
||
background: |
background: var(--secondary-lighter); |
||
box-shadow: 0 0.25rem 0.35rem -0.25rem |
box-shadow: 0 0.25rem 0.35rem -0.25rem var(--fp-border); |
||
max-width: 60%; |
|||
} |
} |
||
| Line 30: | Line 32: | ||
font-weight: bold; |
font-weight: bold; |
||
border: none; |
border: none; |
||
margin: 0 0 |
margin: 0 0 0em; |
||
} |
} |
||
.fp-footer.fp-footer { |
.fp-footer.fp-footer { |
||
background: |
background: var(--secondary-desaturatedish); |
||
transition: 0.3s ease-out; |
transition: 0.3s ease-out; |
||
align-self: flex-end; |
align-self: flex-end; |
||
padding: 0; |
padding: 0; |
||
border-top: 1px solid var(--fp-border); |
|||
width: 100%; |
|||
} |
} |
||
.fp-footer:hover { |
.fp-footer:hover { |
||
background: |
background: rgba(0, 0, 0, 0.1); |
||
} |
|||
.fp-footer > * { |
|||
color: var(--gray-darker); |
|||
font-weight: bold; |
|||
text-align: right; |
|||
display: block; |
|||
padding: 0.75em 1.5em 0.8em; |
|||
text-decoration: none; |
|||
transition: 0.3s ease-out; |
|||
} |
|||
#mw-site-navigation .sidebar-inner h3, |
|||
#mw-related-navigation .sidebar-inner h3, |
|||
#mw-site-navigation .dropdown h3, |
|||
#mw-related-navigation .dropdown h3 { |
|||
border-color: var(--gray-lightish); |
|||
}--> |
}--> |
||
Revision as of 13:04, 1 January 2020
test
Duis magna tellus, posuere sed erat non, condimentum luctus lorem. Morbi quis lacus pulvinar, commodo orci congue, malesuada neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent consectetur elit vel libero sollicitudin sodales. Quisque vehicula justo nec ipsum maximus posuere vel ut nulla. Maecenas pretium, velit at interdum cursus, tortor risus porttitor ipsum, id maximus nibh odio et purus. Ut imperdiet metus ut sem suscipit cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam imperdiet ante et justo porttitor commodo. Proin vel nulla imperdiet, mattis lacus fringilla, vulputate risus. Curabitur at magna nec enim semper lobortis. Pellentesque efficitur purus sit amet rhoncus elementum. Vivamus dapibus, nunc sit amet rhoncus gravida, sem leo porttitor erat, vitae porttitor felis quam sit amet metus. Duis non felis ut odio aliquam laoreet vitae vitae dolor. Integer velit tortor, volutpat vel felis sed, fermentum blandit magna. Aenean nec arcu aliquam, laoreet neque et, dignissim nulla.
Nam euismod et ex nec imperdiet. Curabitur nisl tellus, tempus sed turpis vitae, imperdiet dignissim metus. Nulla eu metus sit amet massa ultricies rhoncus. Donec rhoncus id diam in bibendum. In in purus quam. Praesent neque quam, vehicula ac nibh eu, consectetur venenatis lorem. Nulla ac ultrices ligula. Sed vitae felis ipsum. Suspendisse potenti. Nunc luctus rutrum lacinia. Nullam laoreet, sem euismod gravida vestibulum, tortor eros elementum risus, non congue quam ligula vitae tortor. Aenean at mi rhoncus, pharetra urna sit amet, tempus velit.
