Main Page
Difference between revisions of "User:Perseonn"
Jump to navigation
Jump to search
(7 intermediate revisions by the same user not shown) | |||
Line 37: | Line 37: | ||
==Test DivTable== | ==Test DivTable== | ||
− | <div class=" | + | <div class="cing-rontainer" style="width:100%;"> |
− | <div class=" | + | <div class="cing-rontainer-image" style="float:left; height: 142px;"> |
{| class="wikitable" style="margin: 0px; height: 142px;" | {| class="wikitable" style="margin: 0px; height: 142px;" | ||
! style="text-align:center" | [[File:RingKatanaCCountUpIcon.png|128px|link=]] | ! style="text-align:center" | [[File:RingKatanaCCountUpIcon.png|128px|link=]] | ||
|} | |} | ||
</div> | </div> | ||
− | <div class=" | + | <div class="cing-rontainer-name" style="float:left; "> |
{| class="wikitable" style="margin: 0px; min-width: 256px; height: 142px;" | {| class="wikitable" style="margin: 0px; min-width: 256px; height: 142px;" | ||
! style="height: 1em;" | Name | ! style="height: 1em;" | Name | ||
Line 51: | Line 51: | ||
|} | |} | ||
</div> | </div> | ||
− | <div class=" | + | <div class="cing-rontainer-description" style="float:left;"> |
− | {| class="wikitable" style="margin: 0px; max-width: | + | {| class="wikitable" style="margin: 0px; max-width: 420px; height: 142px;" |
! style="height: 1em;" | Description | ! style="height: 1em;" | Description | ||
|- | |- | ||
Line 58: | Line 58: | ||
|} | |} | ||
</div> | </div> | ||
− | <div class=" | + | <div class="cing-rontainer-properties" style="float:left; "> |
{| class="wikitable" style="margin: 0px; min-width: 120px; height: 142px;" | {| class="wikitable" style="margin: 0px; min-width: 120px; height: 142px;" | ||
! style="height: 1em;" | Properties | ! style="height: 1em;" | Properties | ||
Line 65: | Line 65: | ||
|} | |} | ||
</div> | </div> | ||
− | <div class=" | + | <div class="cing-rontainer-material" style="float:left; "> |
{| class="wikitable" style="margin: 0px; min-width: 120px; height: 142px;" | {| class="wikitable" style="margin: 0px; min-width: 120px; height: 142px;" | ||
! style="height: 1em;" | Materials | ! style="height: 1em;" | Materials | ||
Line 73: | Line 73: | ||
|} | |} | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
− | + | <div class="cing-rontainer-g> | |
− | <div class=" | ||
{| class="wikitable" style="margin-top:-1px; border-top:0px; width:100%; white-space:nowrap" | {| class="wikitable" style="margin-top:-1px; border-top:0px; width:100%; white-space:nowrap" | ||
! | Grind Value !! | 1 !! | 2 !! | 3 !! | 4 !! | 5 !! | 6 !! | 7 !! | 8 !! | 9 !! | 10 | ! | Grind Value !! | 1 !! | 2 !! | 3 !! | 4 !! | 5 !! | 6 !! | 7 !! | 8 !! | 9 !! | 10 | ||
Line 88: | Line 86: | ||
</div> | </div> | ||
− | ==Test Repha Table == | + | ==Test DivTable (Responsive, Need CSS)== |
+ | |||
+ | <div class="ring-container" style=""> | ||
+ | <div class="ring-container-image float-left" style=""> | ||
+ | {| class="wikitable" style="" | ||
+ | ! style="text-align:center" | [[File:RingKatanaCCountUpIcon.png|128px|link=]] | ||
+ | |} | ||
+ | </div> | ||
+ | <div class="ring-container-name float-left " style=""> | ||
+ | {| class="wikitable" style="" | ||
+ | ! style="height: 1em; white-space: nowrap;" | Name | ||
+ | |- | ||
+ | | L / Katana Combat Count Up | ||
+ | L/カタナCカウントアップ | ||
+ | |} | ||
+ | </div> | ||
+ | <div class="ring-container-description float-left" style=""> | ||
+ | {| class="wikitable" style="" | ||
+ | ! style="height: 1em;" | Description | ||
+ | |- | ||
+ | |SCHWING SCHWING SCHWING ''Guren and Endo Noises'' I am a really long description who needs a wrap but i don't wanna to because I am naughty. | ||
+ | |} | ||
+ | </div> | ||
+ | <div class="ring-container-properties float-left" style=""> | ||
+ | {| class="wikitable" style="" | ||
+ | ! style="height: 1em; white-space: nowrap;" | Properties | ||
+ | |- | ||
+ | | {{icons|S-ATK}} +1 ~ 20<BR>{{icons|DEX}} +1 ~ 20 | ||
+ | |} | ||
+ | </div> | ||
+ | <div class="ring-container-material float-left" style=""> | ||
+ | {| class="wikitable" style="" | ||
+ | ! style="height: 1em; white-space: nowrap;" | Materials | ||
+ | |- | ||
+ | | [[File:BlankIcon.png|32px|link=]] [[Amduscia Rock]] x3 | ||
+ | [[File:BlankIcon.png|32px|link=]] [[Sanctum Zircon]] x1 | ||
+ | |} | ||
+ | </div> | ||
+ | |||
+ | <div class="ring-container-grind" > | ||
+ | <div class="ring-container-grind-plus-container"> | ||
+ | <div class="ring-container-grind-header-grind">Grind</div> | ||
+ | <div class="ring-container-grind-header-plus"> +1 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +2 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs"> +3 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +4 </div> | ||
+ | <div class="ring-container-grind-header-plus "> +5 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +6 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs"> +7 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +8 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs"> +9 </div> | ||
+ | <div class="ring-container-grind-header-plus"> +10 </div> | ||
+ | </div> | ||
+ | <div class="ring-container-grind-stat-container"> | ||
+ | <div class="ring-container-grind-header-stat">Stat 1</div> | ||
+ | <div class="ring-container-grind-stat-value"> 105% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 110% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs"> 115% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 120% </div> | ||
+ | <div class="ring-container-grind-stat-value "> 125% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 130% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs"> 135% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 140% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs"> 145% </div> | ||
+ | <div class="ring-container-grind-stat-value"> 150% </div> | ||
+ | </div> | ||
+ | <div class="ring-container-grind-plus-container"> | ||
+ | <div class="ring-container-grind-header-grind">Grind</div> | ||
+ | <div class="ring-container-grind-header-plus"> +11 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +12 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs"> +13 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +14 </div> | ||
+ | <div class="ring-container-grind-header-plus "> +15 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +16 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs"> +17 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +18 </div> | ||
+ | <div class="ring-container-grind-header-plus hidden-xs"> +19 </div> | ||
+ | <div class="ring-container-grind-header-plus"> +20 </div> | ||
+ | </div> | ||
+ | <div class="ring-container-grind-stat-container"> | ||
+ | <div class="ring-container-grind-header-stat">Stat 1</div> | ||
+ | <div class="ring-container-grind-stat-value"> 155% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 160% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs"> 165% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 170% </div> | ||
+ | <div class="ring-container-grind-stat-value "> 175% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 180% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs"> 185% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 190% </div> | ||
+ | <div class="ring-container-grind-stat-value hidden-xs"> 195% </div> | ||
+ | <div class="ring-container-grind-stat-value"> 200% </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | ==Test Repha Table (Colors!) == | ||
<div style=""> | <div style=""> | ||
{| class="repha-table" style="margin-bottom: 0px; width:100%;" | {| class="repha-table" style="margin-bottom: 0px; width:100%;" |
Latest revision as of 12:09, 10 May 2017
Heya! Sorry, there wont be anything here, this is just my sandbox :)
My SandBox
Test Wikitable
128px | Name | Properties | Description | Materials |
---|---|---|---|---|
L / Katana Combat Count Up
L/カタナCカウントアップ |
SCHWING SCHWING SCHWING Guren and Endo Noises. You know, hippopotamus are a very dangerous mammal that can attack without a slight provocation. | +1 ~ 20 +1 ~ 20 |
32px Amduscia Rock x3 |
Grind Value | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
---|---|---|---|---|---|---|---|---|---|---|
Count | 105% | 110% | 115% | 120% | 125% | 130% | 135% | 140% | 145% | 150% |
Grind Value | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
Count | 155% | 160% | 165% | 170% | 175% | 180% | 185% | 190% | 195% | 200% |
Test DivTable
Name |
---|
L / Katana Combat Count Up
L/カタナCカウントアップ |
Description |
---|
SCHWING SCHWING SCHWING Guren and Endo Noises I am a really long description who needs a wrap but i don't wanna to because I am naughty. |
Properties |
---|
+1 ~ 20 +1 ~ 20 |
Materials |
---|
32px Amduscia Rock x3 |
Grind Value | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
---|---|---|---|---|---|---|---|---|---|---|
Count | 105% | 110% | 115% | 120% | 125% | 130% | 135% | 140% | 145% | 150% |
Grind Value | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
Count | 155% | 160% | 165% | 170% | 175% | 180% | 185% | 190% | 195% | 200% |
Test DivTable (Responsive, Need CSS)
Name |
---|
L / Katana Combat Count Up
L/カタナCカウントアップ |
Description |
---|
SCHWING SCHWING SCHWING Guren and Endo Noises I am a really long description who needs a wrap but i don't wanna to because I am naughty. |
Properties |
---|
+1 ~ 20 +1 ~ 20 |
Materials |
---|
32px Amduscia Rock x3 |
Grind
+1
+5
+10
Stat 1
105%
125%
150%
Grind
+11
+15
+20
Stat 1
155%
175%
200%
Test Repha Table (Colors!)
128px | Name | Properties | Description | Materials |
---|---|---|---|---|
L / Katana Combat Count Up
L/カタナCカウントアップ |
SCHWING SCHWING SCHWING Guren and Endo Noises. You know, hippopotamus are a very dangerous mammal that can attack without a slight provocation. | +1 ~ 20 +1 ~ 20 |
32px Amduscia Rock x3 |
Grind Value | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
---|---|---|---|---|---|---|---|---|---|---|
Count | 105% | 110% | 115% | 120% | 125% | 130% | 135% | 140% | 145% | 150% |
Grind Value | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
Count | 155% | 160% | 165% | 170% | 175% | 180% | 185% | 190% | 195% | 200% |