|
|
| Line 1: |
Line 1: |
| {{#css:
| |
| .tile-halves {
| |
| display: flex;
| |
| flex-flow: row wrap;
| |
| border: 1px solid #000000;
| |
| box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
| |
| }
| |
|
| |
| .tile-row {
| |
| display: flex;
| |
| flex-flow: row wrap;
| |
| margin-bottom: 1em;
| |
| }
| |
|
| |
| .tile-top {
| |
| width: 100%;
| |
| padding: 1.3rem 1.5rem 0.6rem;
| |
| }
| |
|
| |
| .tile-top.tile-image {
| |
| display: flex;
| |
| align-items: center;
| |
|
| |
| overflow: hidden;
| |
| padding: 0;
| |
| height: 13vw;
| |
| max-height: 12em;
| |
| transition: 0.4s ease-out;
| |
| }
| |
|
| |
| .tile-bottom {
| |
| background: #FAFAFA;
| |
| border-top: 1px solid #000000;
| |
| width: 100%;
| |
| padding: 1rem 1.5rem 0.6rem;
| |
| }
| |
|
| |
| .tile-bottom.link-button {
| |
| align-self: flex-end;
| |
| padding: 0;
| |
| }
| |
|
| |
| .mainpage-contents .tile-halves {
| |
| flex: 1;
| |
| }
| |
| }}
| |
| <noinclude>{{/doc}}</noinclude>__NOTOC__ | | <noinclude>{{/doc}}</noinclude>__NOTOC__ |
| <div class="mainpage-contents tile-row"> | | <div class="mainpage-contents tile-row"> |