Glossary
No edit summary
Tag: 2017 source edit
No edit summary
Tag: 2017 source edit
 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
<style>
  .glossary-item {
box-sizing: border-box;
flex: 1;
max-width: calc(50% - 20px);
border: 1px solid #000;
padding: 20px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
  }


.glossary-title {
<div class="glossary-item" onclick="window.location.href='<!--{$link|default:'#'}-->';">
    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>
<div class="glossary-item">
   <div class="glossary-title"><!--{$heading|default:'Default Heading'}--></div>
   <div class="glossary-title"><!--{$heading|default:'Default Heading'}--></div>
  <div style="border-bottom: 1px solid black; margin: 0 -15px;"></div>
   <div class="glossary-content"> <!--{$description|default:'Default Description'}--></div>
   <div class="glossary-content"> <!--{$description|default:'Default Description'}--></div>
  <div style="border-bottom: 1px solid black; margin: 0 -15px;"></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 09:58, 16 May 2024

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