Widget
Glossary
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
(2 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
.glossary-item { | .glossary-item { | ||
flex: 0 0 30%; | flex: 0 0 30%; | ||
padding: 10px; | padding: 10px; | ||
padding-bottom: 40px; | |||
background-color: # | background-color: #F3F6F9; | ||
min-height: 200px; | |||
max-width: 30%; | max-width: 30%; | ||
position: relative; | |||
} | } | ||
Line 18: | 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 33: | Line 38: | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.glossary-item { | .glossary-item { | ||
flex: | flex: 0 0 100%; | ||
padding-bottom: 40px; | |||
max-width: 100%; | max-width: 100%; | ||
} | } |
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"