Template:Item Info: Difference between revisions

← Older edit

Latest revision as of 19:57, 30 September 2025

{{{name}}}
ID: {{{id}}}

[[File:{{{image}}}|link={{{name}}}]]

{{{quality}}}

{{{level}}}

{{{desc}}}

[[Items#{{{type}}}|{{{type}}}]]

[[Gamemodes#{{{available}}}|{{{available}}}]]

{{{origin}}}

@@ Line 1: / Line 1: @@
+{{#css:
+.item_info a {
+    color: {{{color}}};
+}
+.item_info a:visited {
+    color: {{{color}}};
+}
+.item_box {
+    background: {{{color}}};
+    padding: 5px;
+    font-size: 16pt;
+    float: right;
+    text-align: center;
+    margin-left: 30px;
+    font-weight: bold;
+    font-family: Roboto, sans-serif;
+    border-radius: 15px;
+}
+.item_box a {
+    color: #ffffff;
+}
+.item_box_img {
+    background-color: rgba(0,0,0,0.75);
+    background-repeat: no-repeat;
+    background-position: center;
+    text-align: center;
+    width: 275px;
+    padding: 5px;
+    height: 21px;
+    border-radius: 7.5px 7.5px 0px 0px;
+    margin: 0 auto;
+}
+.item_info {
+    position: relative;
+    background: rgba(0, 0, 0, 0.7);
+    padding: 5px;
+    font-size: 16pt;
+    width: 275px;
+    text-align: center;
+    color: {{{color}}};
+    line-height: 24px;
+    border-radius: 0px 0px 15px 15px;
+    margin-bottom: 5px;
+}
+.item_image {
+    position: relative;
+    padding: 5px;
+    font-size: 16pt;
+    width: 275px;
+    height: 275px;
+    text-align: center;
+    background: rgba(255, 255, 255, 0.8);
+    color: {{{color}}};
+    border-radius: 15px;
+    margin-bottom: 5px;
+}
+.item_image img {
+    width: 225px;
+    height: 225px;
+    image-rendering: pixelated;
+    margin: auto;
+    display: inline-block;
+    position: relative;
+    top: 25px;
+}
+.item_level {
+    position: relative;
+    background: rgba(0, 0, 0, 0.7);
+    padding: 5px;
+    font-size: 13pt;
+    width: 275px;
+    text-align: center;
+    color: #ffffff;
+    border-radius: 0px 0px 7.5px 7.5px;
+    margin-bottom: 5px;
+}
+.item_quality {
+    position: relative;
+    background: rgba(0, 0, 0, 0.7);
+    padding: 5px;
+    padding-top: 10px;
+    font-size: 13pt;
+    text-align: center;
+    color: #ffffff;
+    border-radius: 0px 0px 7.5px 7.5px;
+    margin-bottom: 5px;
+    margin-left: auto;
+    margin-right: auto;
+    line-height: 24px;
+    width: 275px;
+    max-width: 275px;
+}
+.item_quality a {
+    color: inherit;
+}
+.item_desc {
+    position: relative;
+    background: rgba(0, 0, 0, 0.7);
+    padding: 5px;
+    font-size: 13pt;
+    width: 275px;
+    text-align: center;
+    color: #ffffff;
+    border-radius: 0px 0px 7.5px 7.5px;
+    margin-bottom: 5px;
+}
+.item_usage {
+    position: relative;
+    background: rgba(0, 0, 0, 0.7);
+    padding: 5px;
+    font-size: 13pt;
+    width: 275px;
+    text-align: left;
+    color: #ffffff;
+    border-radius: 0px 0px 7.5px 7.5px;
+    margin-bottom: 5px;
+}
+.item_type,
+.item_available,
+.item_origin {
+    position: relative;
+    background: rgba(0, 0, 0, 0.7);
+    font-size: 13pt;
+    width: 275px;
+    padding: 5px;
+    text-align: center;
+    color: #ffffff;
+    border-radius: 0px 0px 7.5px 7.5px;
+    margin-bottom: 5px;
+}
+}}
 <div class="item_box">
-    <div class="item_info">{{{name}}}<br/><font style="font-size:12px;color:#fff;">ID: {{{id}}}</font></div>
+    <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-name.png');"></div></html><div class="item_info">{{{name}}}<br/><font style="font-size:12px;color:#fff;">ID: {{{id}}}</font></div>
-    <div class="item_image">[[File:{{{image}}}]]</div>
+    <div class="item_image">[[File:{{{image}}}|link={{{name}}}]]</div>
-    <div class="item_quality">{{{quality}}}</div>
+    <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-quality.png');"></div></html><div class="item_quality">{{{quality}}}</div>
-    <div class="item_desc">{{{desc}}}</div>
+    <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-level.png');"></div></html><div class="item_level">{{{level}}}</div>
-    <div class="item_type">[[Items#{{{type}}}|{{{type}}}]]</div>
+   <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-description.png');"></div></html><div class="item_desc">{{{desc}}}</div>
-    <div class="item_available">[[Gamemodes#{{{available}}}|{{{available}}}]]</div>
+    <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-type.png');"></div></html><div class="item_type">[[Items#{{{type}}}|{{{type}}}]]</div>
-    <div class="item_origin">{{{origin}}}</div>
+    <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-gamemode.png');"></div></html><div class="item_available">[[Gamemodes#{{{available}}}|{{{available}}}]]</div>
+    <html><div class="item_box_img" style="background-image:url('https://slippystudios.com/media/wiki/u-category.png');"></div></html><div class="item_origin">{{{origin}}}</div>
 </div>

Template:Item Info: Difference between revisions

Latest revision as of 19:57, 30 September 2025

Navigation menu

Search