Template:Contents: Difference between revisions

From AAClassic
Jump to navigation Jump to search
No edit summary
No edit summary
 
(17 intermediate revisions by 2 users not shown)
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">
     <div class="contents-equipment tile-halves">
     <div class="contents tile-halves">
        <div class="tile-top tile-image">[[File:Races.jpg|link=Races]]</div>
         <div class="tile-bottom link-button"><h2>[[Races]]</h2></div>
         <div class="tile-bottom link-button"><h2>[[Races]]</h2></div>
     </div>
     </div>
     <div class="contents-guides tile-halves">
     <div class="contents tile-halves">
         <div class="tile-bottom link-button"><h2>[[Mounts]]</h2></div>
        <div class="tile-top tile-image">[[File:SkillTrees.png|link=Skill_Trees]]</div>
         <div class="tile-bottom link-button"><h2>[[Skill Trees]]</h2></div>
     </div>
     </div>
     <div class="contents-quests tile-halves">
     <div class="contents tile-halves">
         <div class="tile-bottom link-button"><h2>[[Ships]]</h2></div>
        <div class="tile-top tile-image">[[File:FreighterRun.jpg|link=Earning_Gold]]</div>
         <div class="tile-bottom link-button"><h2>[[Earning Gold]]</h2></div>
     </div>
     </div>
     <div class="contents-bestiary tile-halves">
     <div class="contents tile-halves">
         <div class="tile-bottom link-button"><h2>[[World Bosses]]</h2></div>
        <div class="tile-top tile-image">[[File:Gearworkbench.png|link=Gearing]]</div>
         <div class="tile-bottom link-button"><h2>[[Gearing]]</h2></div>
     </div>
     </div>
     <div class="contents-calculators tile-halves">
     <div class="contents tile-halves">
         <div class="tile-bottom link-button"><h2>[[Regrade Rates]]</h2></div>
        <div class="tile-top tile-image">[[File:Abyssalisland.png|link=World_Events]]</div>
         <div class="tile-bottom link-button"><h2>[[World Events]]</h2></div>
     </div>
     </div>
     <div class="contents-minigames tile-halves">
     <div class="contents tile-halves">
         <div class="tile-bottom link-button"><h2>[[Gearing Guide|Gearing]]</h2></div>
        <div class="tile-top tile-image">[[File:Red dragon.webp|link=World_Bosses]]</div>
         <div class="tile-bottom link-button"><h2>[[World Bosses]]</h2></div>
     </div>
     </div>
</div>
</div>

Latest revision as of 02:07, 25 June 2024