1,466 bytes added ,  13:26, 8 December 2020
no edit summary
Line 492: Line 492:  
   padding: 8px 16px;
 
   padding: 8px 16px;
 
   font-size: 16px;
 
   font-size: 16px;
 +
}
 +
 +
.frontpage-tpl{
 +
    margin: 0 auto;
 +
    background: #fcfcfc;
 +
    border: #50A6C2 1px solid;
 +
    max-width: 800px;
 +
}
 +
.frontpage-tpl .tpl-title{
 +
    background: #E0EEEE;
 +
    padding: 4px;
 +
    text-align: center;
 +
    font-weight: bold;
 +
}
 +
.frontpage-tpl .tpl-body{
 +
    padding: 0 30px 30px;
 +
}
 +
.frontpage-tpl .tpl-content{
 +
    display: flex;
 +
    align-items: stretch;
 +
    justify-content: space-between;
 +
    margin-top:30px;
 +
}
 +
.frontpage-tpl .tpl-content-additional{
 +
    margin-top: 1px;
 +
}
 +
.frontpage-tpl .tpl-content .tpl-col, .frontpage-tpl .tpl-content-additional .tpl-col{
 +
    width: 46.9%;
 +
    border: 1px solid #cef2e0;
 +
    background: #f5faff;
 +
    color: #000;
 +
    padding: 10px;
 +
}
 +
.frontpage-tpl .tpl-content-additional .tpl-col{
 +
    width: 100%;
 +
}
 +
.frontpage-tpl .tpl-content .tpl-col-logo{
 +
    display: flex;
 +
    flex-direction: column;
 +
    justify-content: center;
 +
    text-align:center;
 +
}
 +
.frontpage-tpl .tpl-content .tpl-col-logo img{
 +
    max-width: 100%;
 +
    height: auto;
 +
}
 +
.frontpage-tpl .tpl-content h2, .frontpage-tpl .tpl-content-additional h2{
 +
    margin: 0;
 +
    background: #cedff2;
 +
    font-size: 120%;
 +
    font-weight: bold;
 +
    border: 1px solid #a3bfb1;
 +
    text-align: left;
 +
    color: #000;
 +
    padding: 0.2em 0.4em;
 +
}
 +
 +
@media(max-width:900px) {
 +
  .frontpage-tpl .tpl-content{
 +
      flex-wrap: wrap;
 +
  }
 +
  .frontpage-tpl .tpl-content .tpl-col{
 +
      width:100%;
 +
  }
 +
  .frontpage-tpl .tpl-content .tpl-col-logo{
 +
      display:none;
 +
  }
 
}
 
}
1,157

edits