Difference between revisions of "Template:AR Equipment extended infobox"

Added more exciting background colors
(Added more exciting background colors)
Line 72: Line 72:
table.equipment-infobox tr:first-child th {
table.equipment-infobox tr:first-child th {
     background-color: #ccf;
     background-color: #ccf;
{{#switch:{{{rarity|3}}}|
| 1 | 2 = background-image: repeating-linear-gradient(195deg, rgb(192, 160, 128), rgb(240, 224, 192) 15%, rgb(192, 160, 128) 30%);
| 3 = background-image: repeating-linear-gradient(195deg, rgb(192, 192, 192), rgb(224, 224, 224) 15%, rgb(192, 192, 192) 30%);
| 4 = background-image: repeating-linear-gradient(195deg, rgb(255, 192, 128), rgb(255, 240, 224) 15%, rgb(255, 192, 128) 30%);
| 5 = background-image: linear-gradient(195deg, rgb(255, 128, 128), rgb(255, 255, 128), rgb(128, 255, 128), rgb(128, 255, 255), rgb(128, 128, 255));
}}
     padding: 0.5em 1em 0.5em 1em;
     padding: 0.5em 1em 0.5em 1em;
     font-size: 1.2em;
     font-size: 1.2em;
Line 78: Line 84:
table.equipment-infobox tr:not(:first-child) th {
table.equipment-infobox tr:not(:first-child) th {
     background-color: #ddf;
     background-color: #ddf;
{{#switch:{{{rarity|3}}}|
| 1 | 2 = background-image: repeating-linear-gradient(195deg, rgb(224, 192, 160), rgb(255, 240, 208) 15%, rgb(224, 192, 160) 30%);
| 3 = background-image: repeating-linear-gradient(195deg, rgb(224, 224, 224), rgb(255, 255, 255) 15%, rgb(224, 224, 224) 30%);
| 4 = background-image: repeating-linear-gradient(195deg, rgb(255, 224, 160), rgb(255, 255, 240) 15%, rgb(255, 224, 160) 30%);
| 5 = background-image: linear-gradient(195deg, rgb(255, 192, 192), rgb(255, 255, 192), rgb(192, 255, 192), rgb(192, 255, 255), rgb(192, 192, 255));
}}
}
}


Line 85: Line 97:
}}}}<table class="equipment-infobox" id="equipment{{#var:equipmentnumber|0}}">
}}}}<table class="equipment-infobox" id="equipment{{#var:equipmentnumber|0}}">
     <tr>
     <tr>
         <th colspan=3>
         <th colspan=4>
             <div style="float:left;padding:0px 0">{{#tag:mediator|https://cdn.housamo.xyz/housamo/unity/Android/icon_equip/equip_icon_{{{filename|none}}}.png|width=60|height=60}}</div>
             <span style="float:left;padding:0px 0">{{#tag:mediator|https://cdn.housamo.xyz/housamo/unity/Android/icon_equip/equip_icon_{{{filename|none}}}.png|width=60|height=60}}</span>
             <div style="float:centre;padding:10px 0">{{{en name|?}}}<br>{{{name|}}}</div></th>
             <span style="float:centre;padding:10px 0">{{{en name|?}}}<br>{{{name|}}}</span><span style="float:right">{{Star|{{{rarity|?}}}}}</span></th>
        <th colspan=3>{{Star|{{{rarity|}}}}}</th>
     </tr>
     </tr>
{{#if:{{{illustrator|}}}|
{{#if:{{{illustrator|}}}|
trusted
5,922

edits