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; |
| + | } |
| } | | } |