Widget
Glossary
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<style> | <style> | ||
.glossary-item { | .glossary-item { | ||
flex: | flex: 0 0 30%; | ||
padding: 10px; | padding: 10px; | ||
padding-bottom: 40px; | |||
background-color: # | background-color: #F3F6F9; | ||
min-height: 200px; | |||
max-width: 30%; | |||
position: relative; | |||
} | } | ||
| Line 17: | Line 19: | ||
font-size: 14px; | font-size: 14px; | ||
color: #666; | color: #666; | ||
margin-bottom: | margin-bottom: 30px; | ||
overflow: hidden; | |||
} | } | ||
.read-more { | .read-more { | ||
position: absolute; | |||
bottom: 10px; | |||
right: 10px; | |||
font-size: 14px; | font-size: 14px; | ||
color: #0066cc; | color: #0066cc; | ||
| Line 28: | Line 34: | ||
.read-more:hover { | .read-more:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
@media (max-width: 768px) { | |||
.glossary-item { | |||
flex: 0 0 100%; | |||
padding-bottom: 40px; | |||
max-width: 100%; | |||
} | |||
} | } | ||
</style> | </style> | ||
Revision as of 12:26, 3 May 2024
<style>
.glossary-item {
flex: 0 0 30%;
padding: 10px;
padding-bottom: 40px;
background-color: #F3F6F9;
min-height: 200px;
max-width: 30%;
position: relative;
}
.glossary-title {
font-size: 18px; color: #333; margin-bottom: 5px;
}
.glossary-content {
font-size: 14px; color: #666; margin-bottom: 30px; overflow: hidden;
}
.read-more {
position: absolute; bottom: 10px; right: 10px; font-size: 14px; color: #0066cc; text-decoration: none;
}
.read-more:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.glossary-item {
flex: 0 0 100%;
padding-bottom: 40px;
max-width: 100%;
}
} </style>
<a href="" class="read-more">Read more ></a>
This page was edited 4 days ago on 05/16/2024. What links here
Retrieved from "https://wiki.mdriven.net/index.php?title=Widget:Glossary&oldid=18302"