|
|
| (5 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <div class="cards"> | | <div class="cards"> |
| <style> | | <div class="card">[[Special:AllPages|All Pages]]</div> |
| .cards {
| | <div class="card">[[Special:Random|Random Page]]</div> |
| margin: 20px auto;
| | <div class="card">[https://bridgeduel.xyz Main Website]</div> |
| width: 98%;
| | <div class="card">[https://www.roblox.com/games/11630038968 Roblox Game]</div> |
| height: 300px;
| |
| display: grid;
| |
| grid-template-columns: 50% 50%;
| |
| grid-column-gap: 10px;
| |
| grid-row-gap: 10px;
| |
| justify-content: center;
| |
| a {
| |
| background: url("https://bridgeduel.xyz/images/redclay.png") center center repeat;
| |
| background-size: 50px;
| |
| transition-duration: 0.2s;
| |
| filter: brightness(80%);
| |
| transition-property: transform, filter;
| |
| font-size: 20px;
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| color: white;
| |
| text-decoration: none;
| |
| }
| |
| a:hover {
| |
| transform: scale(1.01);
| |
| filter: brightness(100%);
| |
| }
| |
| }
| |
| </style>
| |
| <a class="card" href="Special:AllPages"> | |
| All Pages
| |
| </a>
| |
| <a class="card" href="https://bridgeduel.xyz"> | |
| Main Website
| |
| </a>
| |
| <a class="card" href="https://www.roblox.com/games/11630038968"> | |
| Roblox Game
| |
| </a>
| |
| <a class="card" href="Special:Random">
| |
| Random Page
| |
| </a>
| |
| </div> | | </div> |
