User:Vaileasys/sandbox: Difference between revisions

From PZwiki
mNo edit summary
(add more todo and vector-2022.css)
 
(32 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<includeonly>{{Infobox
<div class="sitenotice-card">
|bodystyle  = width:350px; -moz-box-shadow: 0px 0px 2px 2px #{{Infobox nc|{{{name_colour|}}}}}; -webkit-box-shadow: 0px 0px 2px 2px #{{Infobox nc|{{{name_colour|}}}}}; box-shadow: 0px 0px 2px 2px #{{Infobox nc|{{{name_colour|}}}}}; border: 1px solid #{{Infobox nc|{{{name_colour|}}}}};
<div class="image-container-left">
| above      = <div style="background: #{{Infobox nc|{{{name_colour|}}}}}; padding: 5px; font-weight: bold; text-align: center; font-size: 120%; color:#{{Infobox nc|{{{name_text_colour|}}}|text}};"><span class="fn">{{{name|{{{display_name|{{PAGENAME}}}}}}}}</span></div>
[[File:Spiffo rummage.png|64px]]
| image      = {{#if: {{{image|}}}|[[File:{{{image}}}|{{{display_name}}}|{{{image_width|120px}}}]]}}
</div>
<div>
'''Wiki maintenance!'''


| caption    = {{#if: {{{image_caption|}}}|''{{{image_caption|}}}''}}
The wiki will be undergoing some maintenance while we modify the default theme.<br>
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].
</div>
<div class="image-container-right">
[[File:Be crafty.png|64px]]
</div>
</div>


| image2    = {{#if: {{{alternate_image|}}}|{{{!}} style="margin:auto;" cellspacing=5
'''[[MediaWiki:Common.css|Common.css]]'''
{{!}} style="width:32px; padding:2px; background-color:#EEEEEE; border: 1px solid #{{Infobox nc|{{{name_colour|}}}}}; margin:auto;" {{!}} [[Image:{{{alternate_image}}}|link={{{alternate_link|}}}{{#if: {{{alternate_name|}}} |{{!}}{{{alternate_name}}} }}]]
<syntaxhighlight lang="css">
{{#if: {{{alternate_image2|}}}
/* Mediawiki:Sitenotice */
|{{!}} style="width:32px; padding:2px; background-color:#EEEEEE; border: 1px solid #{{Infobox nc|{{{name_colour|}}}}}; margin:auto;" {{!}} [[Image:{{{alternate_image2}}}|link={{{alternate_link2|}}}{{#if: {{{alternate_name2|}}} |{{!}}{{{alternate_name2}}} }}]]
.sitenotice-card {
{{#if: {{{alternate_image3|}}}
    display: flex;
|{{!}} style="width:32px; padding:2px; background-color:#EEEEEE; border: 1px solid #{{Infobox nc|{{{name_colour|}}}}}; margin:auto;" {{!}} [[Image:{{{alternate_image3}}}|link={{{alternate_link3|}}}{{#if: {{{alternate_name3|}}} |{{!}}{{{alternate_name3}}} }}]] }} }}
    justify-content: space-between;
{{!}}} }}
    align-items: center
    text-align: center;
    background-color: #f8f9fa;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #eaecf0;
    width: auto;
}


| imagestyle = padding:10px;
.sitenotice-card > div {
| headerstyle = background-color: #{{Infobox nc|{{{name_colour|}}}}}; color: #{{Infobox nc|{{{name_text_colour|}}}|text}};
    display: flex;
| labelstyle = background-color:#eee; width:50%;
    flex-direction: column
| datastyle  = width:50%;
}


| header1    = General
.sitenotice-card .image-container-left {
    margin-right: 1rem
}


| label2     = Category
.sitenotice-card .image-container-right {
| data2      = {{{category|{{{Type|Weapon}}}}}}
     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
    }
}
</syntaxhighlight>


| label3    = Weight [[File:Moodle_heavyLoad.png|right|link=Moodles#Heavy Load|Heavy Load]]
'''[[MediaWiki:Vector-2022.css|Vector-2022.css]]'''
| data3      = {{{weight|{{{Weight|}}}}}}
<syntaxhighlight lang="css">
.vector-sitenotice-container {
    display: flex;
    justify-content: center;
    align-items: center;
}


| label4 = Function
.sitenotice-card {
| data4 = {{{function|{{{primary_use|}}}}}}{{#if:{{{secondary_use|}}}|<br>{{{secondary_use}}}}}
    box-sizing: border-box;
    max-width: 1000px;
    width: 944px;
}
</syntaxhighlight>


| label5 = Equipped
===TODO===
| data5 = {{{equipped|}}}
*add <code>class="text-container"</code> for div with the text, so it can be modified per skin.
 
<syntaxhighLight lang="css">
| label6 = Secondary
.sitenotice-card .text-container {
| data6 = {{{secondary_item|{{{OtherHandRequire|}}}}}}
    /* styles go here */
 
}
| label7 = Condition max.
</syntaxhighlight>
| data7 = {{{condition_max|{{{ConditionMax|}}}}}}
*consider adding {{code|<p>}} or {{code|<div>}} tag with <code>class="title"</code> for styling the title.
 
<syntaxhighLight lang="css">
| header8 = {{#if:{{{ammo_type|{{{AmmoType|{{{clip_type|{{{MagazineType|{{{magazine_type|{{{clip_size|{{{ClipSize|{{{MaxAmmo|{{{sound_volume|{{{SoundVolume|{{{sound_radius|{{{SoundRadius|{{{recoil_delay|{{{RecoilDelay|{{{reload_time|{{{ReloadTime|{{{aiming_time|{{{AimingTime|}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}|Characteristics}}
.sitenotice-card .text-container .title {
 
    /* styles go here */
| label9 = Ammo type
}
| data9 = {{{ammo_type|{{{AmmoType|}}}}}}
</syntaxhighlight>
 
*create an [[MediaWiki:Anonnotice|anonnotice]] for users that aren't logged in
| label10 = Clip type
**wording will be adjusted directing them to create an account to change the theme
| data10 = {{{clip_type|{{{MagazineType|{{{magazine_type|}}}}}}}}}
*Once style implemented, modify to advise how to change the theme
 
| label11 = Clip size
| data11 = {{{clip_size|{{{ClipSize|{{{MaxAmmo|}}}}}}}}}
 
| label12 = Loudness
| data12 = {{{sound_volume|{{{SoundVolume|}}}}}}
 
| label13 = Noise radius
| data13 = {{#if:{{{sound_radius|{{{SoundRadius|}}}}}}|{{{sound_radius|{{{SoundRadius}}}}}} tiles}}
 
| label14 = Recoil delay
| data14 = {{{recoil_delay|{{{RecoilDelay|}}}}}}
 
| label15 = Reload time
| data15 = {{{reload_time|{{{ReloadTime|}}}}}}
 
| label16 = Aiming time
| data16 = {{{aiming_time|{{{AimingTime|}}}}}}
 
| header17 = {{#if:{{{type|{{{Categories|{{{swing_time|{{{SwingTime|{{{attack_speed|{{{BaseSpeed|{{{max_range|{{{MaxRange|{{{max_range|{{{MaxRange|{{{min_damage|{{{MinDamage|{{{max_damage|{{{MaxDamage|{{{crit_chance|{{{CriticalChance|{{{hit_chance|{{{HitChance|{{{push_back|{{{PushBackMod|{{{knockdown|{{{KnockdownMod|{{{kill_move|{{{effect_power|{{{effect_type|{{{effect_range|{{{effect_timer|{{{sensor_range|}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}|Damage}}
 
| label18 = Type
| data18 = {{{type|{{{Categories|}}}}}}
 
| label19 = Swing time
| data19 = {{{swing_time|{{{SwingTime|}}}}}}
 
| label20 = Attack speed
| data20 = {{{attack_speed|{{{BaseSpeed|}}}}}}
 
| label21 = Range
| data21 = {{#if:{{{min_range|{{{MinRange|}}}}}}|{{#if: {{{max_range|{{{MaxRange|}}}}}}| {{{min_range|{{{MinRange|}}}}}}&ndash;{{{max_range|{{{MaxRange|}}}}}} tiles}}}}
 
| label22 = Damage
| data22 = {{#if:{{{min_damage|{{{MinDamage|}}}}}}|{{#if: {{{max_damage|{{{MaxDamage|}}}}}}| {{{min_damage|{{{MinDamage|}}}}}}&ndash;{{{max_damage|{{{MaxDamage|}}}}}}}}}}
 
| label23 = Crit. chance
| data23 = {{#if:{{{crit_chance|{{{CriticalChance|}}}}}}|{{{crit_chance|{{{CriticalChance|}}}}}}%}}
 
| label24 = Accuracy
| data24 = {{{hit_chance|{{{HitChance|}}}}}}
 
| label25 = Knockback
| data25 = {{{push_back|{{{PushBackMod|}}}}}}
 
| label26 = Knockdown
| data26 = {{{knockdown|{{{KnockdownMod|}}}}}}
 
| label27 = Execution
| data27 = {{{kill_move|}}}
 
| label28 = {{{effect_type}}} power
| data28 = {{{effect_power|}}}
 
| label29 = {{{effect_type}}} range
| data29 = {{#if:{{{effect_range|}}}|{{{effect_range}}} tiles}}
 
| label30 = {{{effect_type}}} timer
| data30 = {{{effect_timer|}}}
 
| label31 = Sensor range
| data31 = {{#if:{{{sensor_range|}}}|{{{sensor_range}}} tiles}}
 
| header40  = Technical details
 
| label41 = Weapon slots
| data41 = {{{weapon_mods|{{{weapon_parts|}}}}}}
 
| label42 = Ingredients
| data42 = {{{ingredients|}}}
 
| label43    = Base ID
| data43    = {{#if:{{{no_style|true}}}|{{ID|{{{class_name|[[#Item IDs|Item IDs]]}}}}}|{{{class_name|[[#Item IDs|Item IDs]]}}}}}
}}</includeonly><noinclude>{{User:Vaileasys/sandbox
|display_name=Baseball Bat
|name_colour=Weapon
|name_text_colour=Weapon
|image=BaseballBat_Model.png
|image_width=200px
|alternate_image=BaseballBat.png
|alternate_name=Baseball Bat
|alternate_link=
|alternate_image2=BaseballBatNails.png
|alternate_name2=Spiked Baseball Bat
|alternate_link2=Spiked Baseball Bat
|category=Weapon
|weight=2
|equipped=Two-handed
|condition_max=15
|type=Long Blunt
|attack_speed=1.2
|min_range=0.61
|max_range=1.5
|min_damage=0.8
|max_damage=1.2
|crit_chance=70
|push_back=0.5
|knockdown=2
|class_name=Base.BaseballBat
}}
 
{{User:Vaileasys/sandbox
|display_name=Pistol
|name_colour=Weapon
|name_text_colour=Weapon
|image=Handgun_Model.png
|image_width=100px
|alternate_image=HandGun.png
|alternate_name=Pistol
|alternate_link=Pistol
|alternate_image2=40calAmmoBox.png
|alternate_name2=9mm Rounds
|alternate_link2=9mm Rounds
|alternate_image3=BerettaClip.png
|alternate_name3=9mm Magazine
|alternate_link3=9mm Magazine
<!--GENERAL-->
|category=Weapon
|weight=2
|equipped=One-handed
|condition_max=10
|JamGunChance=2
<!--CHARACTERISTICS-->
|ammo_type=[[9mm Rounds]]
|MagazineType=[[9mm Magazine]]
|clip_size=15
|SoundVolume=75
|sound_radius=150
|recoil_delay=20
|reload_time=20
|aiming_time=40
<!--DAMAGE-->
|type=Firearm
|min_range=0.61
|max_range=10
|CriticalChance=20
|hit_chance=45
|min_damage=1
|max_damage=1.6
|push_back=0.3
|knockdown=2
<!--TECHNICAL DETAILS-->
|weapon_mods=Canon<br>Scope
|class_name=Base.Pistol
}}</noinclude>

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"