User:Vaileasys/sandbox: Difference between revisions

From PZwiki
No edit summary
(add more todo and vector-2022.css)
 
(35 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{languages|Items}}
<div class="sitenotice-card">
{{header|The Game World|Items|pagename=Items|version=Version 40|incver=43}}
<div class="image-container-left">
{| class="nounderlines button" cellspacing="2px" align="center" style="text-align:center; font-size:16px;"
[[File:Spiffo rummage.png|64px]]
|{{#ifeq: {{FULLPAGENAME}} | User:Vaileasys/sandbox | style="width:100px; background-color:#821E21; " | class="button" style="width:100px;"}} | [[User:Vaileasys/sandbox|<span style="color:white;">Clothing</span>]]
</div>
|{{#ifeq: {{FULLPAGENAME}} | User:Vaileasys/sandbox 2 | style="width:100px; background-color:#821E21; " | class="button" style="width:100px;"}} | [[User:Vaileasys/sandbox 2|<span style="color:white;">Equipment</span>]]
<div>
|{{#ifeq: {{FULLPAGENAME}} | User:Vaileasys/sandbox 3 | style="width:100px; background-color:#821E21; " | class="button" style="width:100px;"}} | [[User:Vaileasys/sandbox 3|<span style="color:white;">Food</span>]]
'''Wiki maintenance!'''
|{{#ifeq: {{FULLPAGENAME}} | User:Vaileasys/sandbox 4 | style="width:100px; background-color:#821E21; " | class="button" style="width:100px;"}} | [[User:Vaileasys/sandbox 4|<span style="color:white;">Other</span>]]
|}


<div style="float:right; margin-right:10px;">__TOC__</div>
The wiki will be undergoing some maintenance while we modify the default theme.<br>
This page contains a list of all '''items''' found in {{T|Project Zomboid}}.
Notice any oddities or want to provide feedback? Let us know on the [[PZwiki_talk:Community_portal/Wiki_theme|discussion page]] or the [https://discord.com/channels/136501320340209664/473467044050894858 pzwiki discord channel].
=={{Translation|Bag}}==
</div>
==={{Translation|Backpack}}===
<div class="image-container-right">
{{Main|Bags}}
[[File:Be crafty.png|64px]]
{| class="pztable sortable" style="text-align:center;"
</div>
! width="50px" | Icon
</div>
! width="200px" | Name
! width="50px" | [[File:Moodle_heavyLoad.png|link=Moodles#Heavy Load|Weight]]
! width="50px" | Weight Reduction
! width="50px" | Capacity
! width="220px" | Base ID
|-
| [[File:Duffelbag.png|link={{Translation|Big Hiking Bag}}]]
| {{T|Big Hiking Bag}}
| 0.5
| 80%
| 22
| {{ID|Base.BigHikingBag}}
|-
| [[File:Duffelbag.png|link={{Translation|Duffelbag}}]]
| {{T|Duffelbag}}
| 1.0
| 65%
| 18
| {{ID|Base.Duffelbag}}
|-
| [[File:Duffelbag.png|link={{Translation|Normal Hiking Bag}}]]
| {{T|Normal Hiking Bag}}
| 0.5
| 70%
| 20
| {{ID|Base.NormalHikingBag}}
|-
| [[File:Backpack.png|link={{Translation|Schoolbag}}]]
| {{T|Schoolbag}}
| 0.5
| 60%
| 15
| {{ID|Base.Schoolbag}}
|-
|}


==={{Translation|Handheld}}===
'''[[MediaWiki:Common.css|Common.css]]'''
{| class="pztable sortable" style="text-align:center;"
<syntaxhighlight lang="css">
! width="50px" | Icon
/* Mediawiki:Sitenotice */
! width="200px" | Name
.sitenotice-card {
! width="50px" | [[File:Moodle_heavyLoad.png|link=Moodles#Heavy Load|Weight]]
    display: flex;
! width="50px" | Weight Reduction
    justify-content: space-between;
! width="50px" | Capacity
    align-items: center
! width="220px" | Base ID
    text-align: center;
|-
    background-color: #f8f9fa;
| [[File:FirstAid.png|link={{Translation|First Aid Kit}}]]
    padding: 0.5rem 1rem;
| {{T|First Aid Kit}}
    border-bottom: 1px solid #eaecf0;
| 1.0
    width: auto;
| 5%
}
| 6
| {{ID|Base.FirstAidKit}}
|-
| [[File:Garbagebag.png|link={{Translation|Garbage Bag}}]]
| {{T|Garbage Bag}}
| 0.1
| 10%
| 20
| {{ID|Base.Garbagebag}}
|-
| [[File:Plasticbag.png|link={{Translation|Plastic Bag}}]]
| {{T|Plastic Bag}}
| 0.1
| 30%
| 8
| {{ID|Base.Plasticbag}}
|-
| [[File:Purse.png|link={{Translation|Purse}}]]
| {{T|Purse}}
| 0.5
| 55%
| 12
| {{ID|Base.Purse}}
|-
| [[File:SandbagEmpty.png|link={{Translation|Sack}}]]
| {{T|Sack}}
| 0.1
| 10%
| 15
| {{ID|Base.EmptySandbag}}
|-
| [[File:Tote.png|link={{Translation|Tote Bag}}]]
| {{T|Tote Bag}}
| 0.5
| 50%
| 12
| {{ID|Base.Tote}}
|-
|}


=={{Translation|Eyes}}==
.sitenotice-card > div {
{| class="pztable sortable" style="text-align:center;"
    display: flex;
! rowspan="2" width="50px" | Icon
    flex-direction: column
! rowspan="2" width="200px" | Name
}
! rowspan="2" width="50px" | [[File:Moodle_heavyLoad.png|link=Moodles#Heavy Load|Weight]]
! rowspan="2" style="width:50px" | Temperature
! rowspan="2" style="width:50px" | Insulation
! colspan="2" class="unsortable" style="width:100px" | Condition
! rowspan="2" width="220px" | Base ID
|-
! style="width:50px;" | Max.
! style="width:50px;" | Degradation
|-
| [[File:Glasses1.png|link={{Translation|Glasses}}]]
| {{T|Glasses}}
| 0.2
| -
| -
| -
| -
| {{ID|Base.Glasses}}
|-
| [[File:Glasses2.png|link={{Translation|Glasses}}]]
| {{T|Glasses}}
| 0.2
| -
| -
| -
| -
| {{ID|Base.Glasses2}}
|-
|}


=={{Translation|Face}}==
.sitenotice-card .image-container-left {
{| class="pztable sortable" style="text-align:center;"
    margin-right: 1rem
! rowspan="2" width="50px" | Icon
}
! rowspan="2" width="200px" | Name
! rowspan="2" width="50px" | [[File:Moodle_heavyLoad.png|link=Moodles#Heavy Load|Weight]]
! rowspan="2" style="width:50px" | Temperature
! rowspan="2" style="width:50px" | Insulation
! colspan="2" class="unsortable" style="width:100px" | Condition
! rowspan="2" width="220px" | Base ID
|-
! style="width:50px;" | Max.
! style="width:50px;" | Degradation
|-
| [[File:WeldingMask.png|link={{Translation|Welding Mask}}]]
| {{T|Welding Mask}}
| 0.2
| -
| -
| -
| -
| {{ID|Base.WeldingMask}}
|-
|}


=={{Translation|Feet}}==
.sitenotice-card .image-container-right {
{| class="pztable sortable" style="text-align:center;"
    margin-left: 1rem
! rowspan="2" width="50px" | Icon
}
! rowspan="2" width="200px" | Name
/* hide images if screen size is less than 720px */
! rowspan="2" width="50px" | [[File:Moodle_heavyLoad.png|link=Moodles#Heavy Load|Weight]]
@media screen and (max-width: 719px) {
! rowspan="2" style="width:50px" | Temperature
    .sitenotice-card .image-container-left,
! rowspan="2" style="width:50px" | Insulation
    .sitenotice-card .image-container-right {
! colspan="2" class="unsortable" style="width:100px" | Condition
        display:none
! rowspan="2" width="220px" | Base ID
    }
|-
}
! style="width:50px;" | Max.
</syntaxhighlight>
! style="width:50px;" | Degradation
|-
| [[File:Shoes.png|link={{Translation|Shoes}}]]
| {{T|Shoes}}
| 1.0
| 3
| 1.0
| 10
| 0.01%
| {{ID|Base.Shoes}}
|-
| [[File:Socks1.png|link={{Translation|Socks}}]]
| {{T|Socks}}
| 0.01
| -
| -
| -
| -
| {{ID|Base.Socks1}}
|-
| [[File:Socks2.png|link={{Translation|Socks}}]]
| {{T|Socks}}
| 0.01
| -
| -
| -
| -
| {{ID|Base.Socks2}}
|-
|}
<!--
=={{Translation|Hands}}==
{| class="pztable sortable" style="text-align:center;"
! rowspan="2" width="50px" | Icon
! rowspan="2" width="200px" | Name
! rowspan="2" width="50px" | [[File:Moodle_heavyLoad.png|link=Moodles#Heavy Load|Weight]]
! rowspan="2" style="width:50px" | Temperature
! rowspan="2" style="width:50px" | Insulation
! colspan="2" class="unsortable" style="width:100px" | Condition
! rowspan="2" width="220px" | Base ID
|-
! style="width:50px;" | Max.
! style="width:50px;" | Degradation
|-
|}-->


=={{Translation|Hat}}==
'''[[MediaWiki:Vector-2022.css|Vector-2022.css]]'''
{| class="pztable sortable" style="text-align:center;"
<syntaxhighlight lang="css">
! rowspan="2" width="50px" | Icon
.vector-sitenotice-container {
! rowspan="2" width="200px" | Name
    display: flex;
! rowspan="2" width="50px" | [[File:Moodle_heavyLoad.png|link=Moodles#Heavy Load|Weight]]
    justify-content: center;
! rowspan="2" style="width:50px" | Temperature
    align-items: center;
! rowspan="2" style="width:50px" | Insulation
}
! colspan="2" class="unsortable" style="width:100px" | Condition
! rowspan="2" width="220px" | Base ID
|-
! style="width:50px;" | Max.
! style="width:50px;" | Degradation
|-
|}


=={{Translation|Jacket}}==
.sitenotice-card {
{| class="pztable sortable" style="text-align:center;"
    box-sizing: border-box;
! rowspan="2" width="50px" | Icon
    max-width: 1000px;
! rowspan="2" width="200px" | Name
    width: 944px;
! rowspan="2" width="50px" | [[File:Moodle_heavyLoad.png|link=Moodles#Heavy Load|Weight]]
}
! rowspan="2" style="width:50px" | Temperature
</syntaxhighlight>
! rowspan="2" style="width:50px" | Insulation
! colspan="2" class="unsortable" style="width:100px" | Condition
! rowspan="2" width="220px" | Base ID
|-
! style="width:50px;" | Max.
! style="width:50px;" | Degradation
|-
| [[File:Jacket.png|link={{Translation|Jacket}}]]
| {{T|Jacket}}
| 1.0
| 15
| 0.8
| 12
| 5%
| {{ID|Base.Jacket}}
|-
| [[File:JacketPadded.png|link={{Translation|Padded Jacket}}]]
| {{T|Padded Jacket}}
| 1.0
| 15
| 1.0
| 14
| 5%
| {{ID|Base.PaddedJacket}}
|-
|}


=={{Translation|Legs}}==
===TODO===
{| class="pztable sortable" style="text-align:center;"
*add <code>class="text-container"</code> for div with the text, so it can be modified per skin.
! rowspan="2" width="50px" | Icon
<syntaxhighLight lang="css">
! rowspan="2" width="200px" | Name
.sitenotice-card .text-container {
! rowspan="2" width="50px" | [[File:Moodle_heavyLoad.png|link=Moodles#Heavy Load|Weight]]
    /* styles go here */
! rowspan="2" style="width:50px" | Temperature
}
! rowspan="2" style="width:50px" | Insulation
</syntaxhighlight>
! colspan="2" class="unsortable" style="width:100px" | Condition
*consider adding {{code|<p>}} or {{code|<div>}} tag with <code>class="title"</code> for styling the title.
! rowspan="2" width="220px" | Base ID
<syntaxhighLight lang="css">
|-
.sitenotice-card .text-container .title {
! style="width:50px;" | Max.
    /* styles go here */
! style="width:50px;" | Degradation
}
|-
</syntaxhighlight>
| [[File:ShortsLong.png|link={{Translation|Long Shorts}}]]
*create an [[MediaWiki:Anonnotice|anonnotice]] for users that aren't logged in
| {{T|Long Shorts}}
**wording will be adjusted directing them to create an account to change the theme
| 1.0
*Once style implemented, modify to advise how to change the theme
| 8
| 0.35
| 6
| 5%
| {{ID|Base.ShortsLong}}
|-
| [[File:PaddedTrousers.png|link={{Translation|Padded Pants}}]]
| {{T|Padded Pants}}
| 1.0
| 8
| 1.0
| 14
| 5%
| {{ID|Base.PaddedTrousers}}
|-
| [[File:Trousers_White.png|link={{Translation|Pants}}]]
| {{T|Pants}}
| 1.0
| 8
| 0.7
| 12
| 5%
| {{ID|Base.Trousers}}
|-
| [[File:Skirt_White.png|link={{Translation|Skirt}}]]
| {{T|Skirt}}
| 1.0
| 5
| 0.45
| 5
| 10%
| {{ID|Base.Skirt}}
|-
| [[File:Underwear1.png|link={{Translation|Underwear}}]]
| {{T|Underwear}}
| 0.1
| -
| -
| -
| -
| {{ID|Base.Underwear1}}
|-
| [[File:Underwear2.png|link={{Translation|Underwear}}]]
| {{T|Underwear}}
| 0.1
| -
| -
| -
| -
| {{ID|Base.Underwear2}}
|-
|}
<!--
=={{Translation|Neck}}==
{| class="pztable sortable" style="text-align:center;"
! rowspan="2" width="50px" | Icon
! rowspan="2" width="200px" | Name
! rowspan="2" width="50px" | [[File:Moodle_heavyLoad.png|link=Moodles#Heavy Load|Weight]]
! rowspan="2" style="width:50px" | Temperature
! rowspan="2" style="width:50px" | Insulation
! colspan="2" class="unsortable" style="width:100px" | Condition
! rowspan="2" width="220px" | Base ID
|-
! style="width:50px;" | Max.
! style="width:50px;" | Degradation
|-
|}-->
 
=={{Translation|Torso}}==
{| class="pztable sortable" style="text-align:center;"
! rowspan="2" width="50px" | Icon
! rowspan="2" width="200px" | Name
! rowspan="2" width="50px" | [[File:Moodle_heavyLoad.png|link=Moodles#Heavy Load|Weight]]
! rowspan="2" style="width:50px" | Temperature
! rowspan="2" style="width:50px" | Insulation
! colspan="2" class="unsortable" style="width:100px" | Condition
! rowspan="2" width="220px" | Base ID
|-
! style="width:50px;" | Max.
! style="width:50px;" | Degradation
|-
| [[File:Sweater_White.png|link={{Translation|Blouse}}]]
| {{T|Blouse}}
| 1.0
| 6
| 0.1
| 7
| 10%
| {{ID|Base.Blouse}}
|-
| [[File:Sweater_White.png|link={{Translation|Sweater}}]]
| {{T|Sweater}}
| 1.0
| 15
| 0.65
| 7
| 10%
| {{ID|Base.Sweater}}
|-
| [[File:Vest_White.png|link={{Translation|Vest}}]]
| {{T|Vest}}
| 1.0
| 5
| 0.35
| 10
| 5%
| {{ID|Base.Vest}}
|-
|}

Latest revision as of 09:40, 29 March 2024

Spiffo rummage.png

Wiki maintenance!

The wiki will be undergoing some maintenance while we modify the default theme.
Notice any oddities or want to provide feedback? Let us know on the discussion page or the pzwiki discord channel.

Be crafty.png

Common.css 

/* Mediawiki:Sitenotice */
.sitenotice-card {
    display: flex;
    justify-content: space-between;
    align-items: center
    text-align: center;
    background-color: #f8f9fa;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #eaecf0;
    width: auto;
}

.sitenotice-card > div {
    display: flex;
    flex-direction: column
}

.sitenotice-card .image-container-left {
    margin-right: 1rem
}

.sitenotice-card .image-container-right {
    margin-left: 1rem
}
/* hide images if screen size is less than 720px */
@media screen and (max-width: 719px) {
    .sitenotice-card .image-container-left,
    .sitenotice-card .image-container-right {
        display:none
    }
}

Vector-2022.css 

.vector-sitenotice-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sitenotice-card {
    box-sizing: border-box;
    max-width: 1000px;
    width: 944px;
}

TODO

  • add class="text-container" for div with the text, so it can be modified per skin.
.sitenotice-card .text-container {
    /* styles go here */
}
  • consider adding <p> or <div> tag with class="title" for styling the title.
.sitenotice-card .text-container .title {
    /* styles go here */
}
  • create an anonnotice for users that aren't logged in
    • wording will be adjusted directing them to create an account to change the theme
  • Once style implemented, modify to advise how to change the theme
Retrieved from "https://pzwiki.net/w/index.php?title=User:Vaileasys/sandbox&oldid=293995"