User:Kiokurashi/sandbox: Difference between revisions

From IdleOn MMO Wiki
No edit summary
No edit summary
Line 1: Line 1:
<div id="buildDiv">Text</div>
{{#css:
.Infobox{padding:0;}
.tooltip .Infobox.Detailbox, .tooltipster-content .Infobox.Detailbox{padding:2px;}
/*.Infobox .Header, .Infobox .SubHeader{color:var(--main-text-color);}*/
 
.portable-infobox{
    background: var(--element-bg-color);
    border: 1px solid var(--element-border-color);
    border-radius: 5px;
    box-shadow: var(--element-box-shadow);
}
.mw-body .mw-parser-output .portable-infobox h2:after, .mw-body .mw-parser-output .portable-infobox h3:after{display:none;}
.portable-infobox .pi-title, .portable-infobox .pi-header{
    background: var(--accent-color-medium);
    text-align: center;
}
.portable-infobox .pi-title{font-family:'Idleon';}
.portable-infobox .pi-border-color{border-color:var(--element-border-color-light);}
.portable-infobox .pi-media{padding:2px 0;}
.portable-infobox .pi-section-navigation, .portable-infobox .pi-section-navigation, .portable-infobox .pi-media-collection-tabs{border-bottom:1px solid var(--element-border-color-light);}
 
.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link{background:none; border:none; color:var(--main-link-color); font-weight:bold;}
.pi-section-navigation .pi-section-tab:hover, .pi-media-collection .pi-tab-link:hover{color:var(--main-link-color-hover); box-shadow: inset 0 -2px 0 0 currentColor;}
.pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current{background:none; box-shadow: inset 0 -2px 0 0 currentColor;}
 
.Infobox:not(.Detailbox){min-width:270px; font-size: .8em;}
.Infobox .Header{font-size:1.75em; font-weight:normal;}
.Infobox .SubHeader{margin:0; font-size:1.2em}
.Infobox .HeaderImage{padding: 0;}
.Infobox dt, .Infobox .dt, .Infobox dd, .Infobox .dd{background:none; border-bottom:1px solid var(--element-border-color-light); font-size: inherit;}
.Infobox dt, .Infobox .dt{ padding:5px 0 5px 10px;}
.Infobox dd, .Infobox .dd{ padding:5px 10px;}
.Infobox dl, .Infobox .dl{grid-template-columns:30% 70%;}
 
.Infobox>dl:last-of-type dt:last-of-type, .Infobox>dl:last-of-type dd:last-of-type{border-bottom:0}
.Infobox dl,
.Infobox .dl {
gap: 0;
}
 
.Infobox.Detailbox .Header{font-weight:bold;}
/* .tooltipster-content .Infobox.Detailbox{color:var(--main-text-color);}
.Infobox.Detailbox .Header, .Infobox.Detailbox .SubHeader{background: var(--accent-color-medium);} */
.tooltipster-content .Infobox.Detailbox .Header{font-size:1em;}
.Infobox.Detailbox dl, .Infobox.Detailbox .dl{gap: 2px;}
.Infobox.Detailbox dt, .Infobox.Detailbox dd{border-bottom:0; padding: .1em .2em;}
.Infobox.Detailbox dt{background: var(--accent-color-light);}
}}
{| class="banner pixelfont"
| Welcome wiki - you edit page!
|}
__NOTOC__
'''Warning: This page contains spoilers.'''
 
{{InfoboxTest
| title  = Hewwo
| image  = <gallery>
    Bored Bean Idle.gif|Idle
    Bored Bean Walking.gif|Walking
    Bored Bean Idle.gif|Death
  </gallery>
| data1  = thingy
| data2  = whatsit
| data3  = 2 months
}}
 
<dpl>
  category=NPC
  titlematch=B%
  count=14
  includepage ={npc}:%PAGE%:location:noquest
  table      = class="wikitable sortable" style="text-align:center",Name,Image,Location,Quests
  tablerow    =|[[File:%%.gif|x50px]], [[Worlds#%%|%%]], %%
</dpl>
 
{{#dpl:
|category=NPC
|titlematch=B%
|count=14
|includepage ={npc}:%PAGE%:location:noquest
|table      =class="wikitable" style="text-align:center",Name,Image,Location,Quests
|tablerow    =[[File:%%.gif|x50px]], [[Worlds#%%|%%]], %%
}}
 
{{#dpl:
  |category=NPC
  |titlematch=B%
  |count=14
  |includepage ={npc}:fakenothing:world:location:noquest:[[%PAGE%|%TITLE%]]
  |table      =,-,Image, World,Location,Quests,Page
  |tablerow    =nothing,a-%%, b-%%, c-%%, d-%%, %PAGE%.gif,%%
}}
 
{{#dpl:
|category=Skills
|titlematch=%
|count=14
|includepage ={InfoSkill}:class:world
|table      =,Name,Class,World
|tablerow    =%%,%%,%%
}}
 
<div class="mw-collapsible mw-collapsed" style="box-sizing:border-box; width:100%; border:1px solid #a2a9b1; padding:1em; background-color:#e6e6e6; margin-bottom:1em;"><h3 style="margin:0; font-size:20px;">Title</h3><div class="mw-collapsible-content" style="margin-top:1em;">meow</div></div>
 
{| class="wikitable"
! Pet
! Shiny Pet
! Pet Info
|-
| [[File:Green Mushroom Idle.gif]]
|class="shiny"| [[File:Green Mushroom Idle.gif]]
| This is a pet
|-
| [[File:Mimic Idle.gif]]
|class="shiny"| [[File:Mimic Idle.gif]]
| This is a pet
|}
 
<div class="Infobox">
<div class="Header">Oak Tree</div>
<div class="HeaderImage">[[File:Oak Tree.png]]</div>
<div class="SubHeader">Skilling Stats</div>
<dl>
<dt>Skill</dt>
<dd>[[File:Choppin Skill Icon.png|36px]] [[Choppin]]</dd>
<dt>Material</dt>
<dd>{{CraftReq|Oak Logs}}</dd>
<dt>5% Eff.</dt>
<dd>5</dd>
<dt>100% Eff.</dt>
<dd>200</dd>
<dt>World</dt>
<dd>Blunder Hills</dd>
<dt>Location</dt>
<dd>[[Worlds#Spore Meadows|Spore Meadows]]</dd>
</dl>
{{#dpl:
|namespace=
|category=Cards
|uses=Template:InfoCard
|include={InfoCard}/boxrow
|titlematch=Oak Logs Card
|format=,,
|allowcachedresults=true
}}
</div>
{{InfoSkill
|class=Mage
|stat=Wisdom
|staticon=Book Of The Wise
|tool=Hatchets
|toolicon=Copper Chopper
|type=Efficiency, AFK
|world=Blunder Hills
}}
{{InfoSkill
|class=Warrior
|stat=Strength
|staticon=Fist Of Rage
|tool=Pickaxes
|toolicon=Copper Pickaxe
|type=Efficiency, AFK
|world=Blunder Hills
}}
{{InfoSkill
|class=Archer
|stat=Agility
|staticon=Quickness Boots
|type=Town
|world=Blunder Hills
|supbages=yes
}}
 
<div class="Infobox">
<div class="Header">Power Cauldron</div>
<div class="HeaderImage" style="padding:2px 0 0">[[File:BubbleOrange.gif]]</div>
<div class="SubHeader">Specialized Skill</div>
<dl>
<dt>Skill</dt>
<dd>[[File:Alchemy Skill Icon.png|24px]]&nbsp;[[Alchemy]]</dd>
<dt>World</dt>
<dd>[[Worlds#Yum-Yum Desert|Yum-Yum Desert]]</dd>
<dt>Related</dt>
<dd>{{Special:PrefixIndex/Alchemy/|stripprefix=yes}}</dd>
</dl>
</div>
 
Lorem ipsum dolor sit amet, {{CraftReq|The Ice Breaker|24px|Ice Hammer}} <span class="simple-tooltip simple-tooltip-inline tooltipstered" data-simple-tooltip="&lt;img src='{{filepath:The Ice Breaker.png|nowiki}}'&gt;">{{{1}}}</span> consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim {{CraftReq|Stump Prop}} ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non {{CraftReq|Golden Apple Stamp}} proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna {{CraftReq|Oceanman Statue}} aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex {{CraftReq|Bronze STR Obol}} ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
 
 
 
 
 
 
 
 


<!--{{Template:Builds/Skilltable}}
<!--{{Template:Builds/Skilltable}}

Revision as of 05:46, 7 May 2022

Warning: This page contains spoilers.

Template:InfoboxTest

Name Image Location Quests
Builder Bird Builder Bird.gif Blunder Hills 1
Bushlyte Bushlyte.gif Vegetable Patch 3
Bill Brr Bill Brr.gif Overpass of Sound 7
Bellows Bellows.gif Crystal Basecamp 4
Blobbo Blobbo.gif Cocoa Tunnel 2
Bandit Bob Bandit Bob.gif Bandit Bob's Hideout 3
Bubbulyte Bubbulyte.gif Blunder Hills 1
Name Image Location Quests
Builder Bird Builder Bird.gif Blunder Hills 1
Bushlyte Bushlyte.gif Vegetable Patch 3
Bill Brr Bill Brr.gif Overpass of Sound 7
Bellows Bellows.gif Crystal Basecamp 4
Blobbo Blobbo.gif Cocoa Tunnel 2
Bandit Bob Bandit Bob.gif Bandit Bob's Hideout 3
Bubbulyte Bubbulyte.gif Blunder Hills 1
Image World Location Quests Page
nothing a-Blunder Hills b-Blunder Hills c-1 d-Builder Bird
nothing a-Blunder Hills b-Vegetable Patch c-3 d-Bushlyte
nothing a-Frostbite Tundra b-Overpass of Sound c-7 d-Bill Brr
nothing a-Frostbite Tundra b-Crystal Basecamp c-4 d-Bellows
nothing a-Hyperion Nebula b-Cocoa Tunnel c-2 d-Blobbo
nothing a-Yum-Yum Desert b-Bandit Bob's Hideout c-3 d-Bandit Bob
nothing a-Blunder Hills b-Blunder Hills c-1 d-Bubbulyte
Name Class World
Alchemy Shaman Yum-Yum Desert
Smithing
Smithing Archer Blunder Hills
Fishing Barbarian Yum-Yum Desert
Catching Bowman Yum-Yum Desert
Worship Wizard Frostbite Tundra
Trapping Hunter Frostbite Tundra
Laboratory Bubonic Conjuror Hyperion Nebula
Cooking Blood Berserker Hyperion Nebula
Breeding Beast Master Hyperion Nebula
Construction Squire Frostbite Tundra
Sailing Siege Breaker Smoulderin' Plateau
Mining Warrior Blunder Hills
Choppin Mage Blunder Hills

Title

meow
Pet Shiny Pet Pet Info
Green Mushroom Idle.gif Green Mushroom Idle.gif This is a pet
Mimic Idle.gif Mimic Idle.gif This is a pet
Oak Tree
Oak Tree.png
Skilling Stats
Skill
Choppin Skill Icon.png Choppin
Material
Oak Logs.png Oak Logs
5% Eff.
5
100% Eff.
200
World
Blunder Hills
Location
Spore Meadows

Template:InfoCard/boxrow

Power Cauldron
BubbleOrange.gif
Specialized Skill
Skill
Alchemy Skill Icon.png Alchemy
World
Yum-Yum Desert
Related

Lorem ipsum dolor sit amet, The Ice Breaker.png Ice Hammer {{{1}}} consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim Stump Prop.png Stump Prop ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non Golden Apple Stamp.png Golden Apple Stamp proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna Oceanman Statue.png Oceanman Statue aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex Bronze STR Obol.png Bronze STR Obol ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.