User:Serany: Difference between revisions
From Ethene
Content deleted Content added
mNo edit summary |
m test |
||
Line 1: | Line 1: | ||
{{#css: |
|||
{{Equipment |
|||
* { |
|||
| description = Test description of a weapon. |
|||
box-sizing: border-box; |
|||
| image = Lv1KK.png |
|||
} |
|||
| jpname = エンゼルソード |
|||
| type = Staff |
|||
body { |
|||
| dqx_shop = a |
|||
font-family: Arial, Helvetica, sans-serif; |
|||
| level = 99 |
|||
} |
|||
| rarity = S |
|||
| attack = 999 |
|||
/* Float four columns side by side */ |
|||
| agility = 5 |
|||
.column { |
|||
| defense = 5 |
|||
float: left; |
|||
| deftness = 2 |
|||
width: 25%; |
|||
| maxhp = 3 |
|||
padding: 0 10px; |
|||
| maxmp = 1 |
|||
} |
|||
| might = 4 |
|||
| mending = 7 |
|||
/* Remove extra left and right margins, due to padding */ |
|||
| style = 8 |
|||
.row {margin: 0 -5px;} |
|||
| weight = 9 |
|||
| mpabsorb = |
|||
/* Clear floats after the columns */ |
|||
| blockrate = |
|||
.row:after { |
|||
| effect = Makes you an Angel. |
|||
content: ""; |
|||
| vocations = [[WAR]], [[BTL]], [[PLD]] |
|||
display: table; |
|||
| sources = [[Slime]] |
|||
clear: both; |
|||
| isset = |
|||
} |
|||
| setpieces = asd |
|||
| setbonus = asd |
|||
/* Responsive columns */ |
|||
| syntheffects = Attack +2<br>Attack +3 |
|||
@media screen and (max-width: 600px) { |
|||
| inheritance = [[Beginner's Sword]] |
|||
.column { |
|||
| craftlv = 1 |
|||
width: 100%; |
|||
| craftexp = 1 |
|||
display: block; |
|||
| craftmaterials = test |
|||
margin-bottom: 20px; |
|||
| monsterequip = [[Slime]] |
|||
} |
|||
} |
|||
/* Style the counter cards */ |
|||
.card { |
|||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); |
|||
padding: 16px; |
|||
text-align: center; |
|||
background-color: #f1f1f1; |
|||
} |
|||
}} |
}} |
||
<div class="row"> |
|||
<div class="column"> |
|||
<div class="card"> |
|||
<h3>Card 1</h3> |
|||
<p>Some text</p> |
|||
<p>Some text</p> |
|||
</div> |
|||
</div> |
|||
<div class="column"> |
|||
<div class="card"> |
|||
<h3>Card 2</h3> |
|||
<p>Some text</p> |
|||
<p>Some text</p> |
|||
</div> |
|||
</div> |
|||
<div class="column"> |
|||
<div class="card"> |
|||
<h3>Card 3</h3> |
|||
<p>Some text</p> |
|||
<p>Some text</p> |
|||
</div> |
|||
</div> |
|||
<div class="column"> |
|||
<div class="card"> |
|||
<h3>Card 4</h3> |
|||
<p>Some text</p> |
|||
<p>Some text</p> |
|||
</div> |
|||
</div> |
|||
</div> |
Revision as of 00:09, 9 July 2024
Card 1
Some text
Some text
Card 2
Some text
Some text
Card 3
Some text
Some text
Card 4
Some text
Some text