Glossary
No edit summary
Tag: 2017 source edit
(Undo revision 22319 by Edgar (talk))
Tag: Undo
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
<style>
  .glossary-item {
    flex: 0 0 30%;
    border: 1px solid #ccc;
    padding: 10px;
    padding-bottom: 40px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    min-height: 200px;
    max-width: 30%;
    position: relative;
}


.glossary-title {
<div class="glossary-item" onclick="window.location.href='<!--{$link|default:'#'}-->';">
    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>
<div class="glossary-item">
   <div class="glossary-title"><!--{$heading|default:'Default Heading'}--></div>
   <div class="glossary-title"><!--{$heading|default:'Default Heading'}--></div>
   <div class="glossary-content"> <!--{$description|default:'Default Description'}--></div>
   <div class="glossary-content"> <!--{$description|default:'Default Description'}--></div>
   <a href="<!--{$link|default:'https://wiki.mdriven.net'}-->" class="read-more">Read more ></a>
   <a href="<!--{$link|default:'https://wiki.mdriven.net'}-->" class="read-more">Read more ></a>
  </div>
  </div>

Latest revision as of 19:04, 3 September 2024

 <a href="" class="read-more">Read more ></a>
This page was edited 16 days ago on 09/03/2024. What links here