Widget
Glossary
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
Line 1: | Line 1: | ||
<style> | <style> | ||
.glossary-item { | .glossary-item { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
width: | width: 100%; | ||
max-width: 600px; | |||
border: 1px solid #000; | border: 1px solid #000; | ||
padding: 20px; | padding: 20px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
margin-right: auto; | |||
margin-left: auto; | |||
display: flex; | |||
flex-direction: column; | |||
} | } | ||
.glossary-title { | |||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.glossary-content { | |||
margin-top: 10px; | margin-top: 10px; | ||
flex-grow: 1; | |||
} | } | ||
.read-more { | |||
display: block; | display: block; | ||
margin-top: 10px; | margin-top: 10px; | ||
Line 21: | Line 29: | ||
color: #000; | color: #000; | ||
} | } | ||
@media (min-width: 768px) { | |||
.glossary-item { | |||
width: 48%; | |||
} | |||
} | |||
:target { | |||
padding-top: 50px; | padding-top: 50px; | ||
margin-top: -50px; | margin-top: -50px; |
Revision as of 08:27, 25 April 2024
<style>
.glossary-item { box-sizing: border-box; width: 100%; max-width: 600px; border: 1px solid #000; padding: 20px; margin-bottom: 20px; margin-right: auto; margin-left: auto; display: flex; flex-direction: column; }
.glossary-title {
font-weight: bold; }
.glossary-content {
margin-top: 10px; flex-grow: 1; }
.read-more {
display: block; margin-top: 10px; text-align: right; text-decoration: none; color: #000; }
@media (min-width: 768px) {
.glossary-item { width: 48%; } }
- target {
padding-top: 50px; margin-top: -50px; display: block; }
</style>
<a href="" class="read-more">Read more ></a>
This page was edited more than 8 months ago on 05/16/2024. What links here