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: 48%;
     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 {
 
.glossary-title {
     font-weight: bold;
     font-weight: bold;
   }
   }
  .glossary-content {
 
.glossary-content {
     margin-top: 10px;
     margin-top: 10px;
    flex-grow: 1;
   }
   }
  .read-more {
 
.read-more {
     display: block;
     display: block;
     margin-top: 10px;
     margin-top: 10px;
Line 21: Line 29:
     color: #000;
     color: #000;
   }
   }
   /* Style to handle the spacing when clicked on navigation */
 
  :target {
@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 6 days ago on 05/03/2024. What links here