Difference between revisions of "User:Eave/Sandbox2"
Jump to navigation
Jump to search
>Eave (adding a center-responsive variation) |
>Eave (choosing left aligned and grey bg + border) |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><!-- | <includeonly><!-- | ||
| − | --><div class="weapon-notable" style="flex:1 1 | + | --><div class="weapon-notable grid-entry" |
| + | data-weapon="{{{Type|}}}" | ||
| + | data-element="{{{ElementalType|}}}" | ||
| + | data-rarity="{{{Rarity|}}}" | ||
| + | data-availability="{{{Availability|}}}" | ||
| + | style=" | ||
| + | box-sizing:border-box; | ||
| + | display:flex; | ||
| + | flex-direction:column; | ||
| + | flex:1 1 450px; | ||
| + | padding:1em;"> | ||
<div class="notable-header" style=" | <div class="notable-header" style=" | ||
| − | |||
background-color:rgb(77, 144, 94); | background-color:rgb(77, 144, 94); | ||
border:1px solid rgb(51, 102, 66); | border:1px solid rgb(51, 102, 66); | ||
| Line 16: | Line 25: | ||
border-top:none; | border-top:none; | ||
display:grid; | display:grid; | ||
| + | flex-grow:1; | ||
grid-template-areas: 'sidebar main'; | grid-template-areas: 'sidebar main'; | ||
grid-template-columns: 100px auto"> | grid-template-columns: 100px auto"> | ||
<div class="notable-sidebar" style=" | <div class="notable-sidebar" style=" | ||
| − | border-right:1px solid # | + | border-right:1px solid #ccc; |
| + | background:rgba(0,0,0,0.05); | ||
display:flex; | display:flex; | ||
flex-direction:column; | flex-direction:column; | ||
| Line 95: | Line 106: | ||
==WIP== | ==WIP== | ||
Main todos: better styling for HP/Str. | Main todos: better styling for HP/Str. | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | {{WeaponListFilter}} | |
| − | + | ||
| − | {{ | + | <div style="display:flex;flex-wrap:wrap;margin:1em -1em -1em"> |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | }} | ||
| − | |||
| − | |||
| − | <div style="display:flex;flex-wrap:wrap;margin:-1em"> | ||
{{#invoke:CargoQuery|main | {{#invoke:CargoQuery|main | ||
|q?tables=Weapons | |q?tables=Weapons | ||
|q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity, | |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity, | ||
| − | MaxHp,MaxAtk,SkillName,Abilities11,Abilities21, | + | MaxHp,MaxAtk,SkillName,Abilities11,Abilities21,Availability |
| − | + | |q?where=WeaponName!="Zethia\'s Staff" AND ReleaseDate <= NOW() | |
| − | |q?where= | ||
|q?groupBy=_pageName | |q?groupBy=_pageName | ||
|q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName | |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName | ||
| + | |q?limit=99 | ||
|template=User:Eave/Sandbox2 | |template=User:Eave/Sandbox2 | ||
}} | }} | ||
| − | </div> | + | <!-- For last row spacing purposes only --> |
| + | <div class="weapon-notable" style="flex:1 1 450px;"></div> | ||
| + | <div class="weapon-notable" style="flex:1 1 450px;"></div> | ||
</noinclude> | </noinclude> | ||
Latest revision as of 19:57, 18 April 2020
WIP
Main todos: better styling for HP/Str.
Lua error: Error: Table Weapons not found..