Changeset 105

Timestamp:

04/21/07 04:34:32 (3 years ago)

Author:

eevee

Message:

Styled type chart.

Location:

veekun/branches/layout/templates

Files:

• dex/list/types.tt (modified) (1 diff)
• style/dex.tt (modified) (1 diff)

veekun/branches/layout/templates/dex/list/types.tt

@@ +1 @@
+[% PROCESS 'dex/common.tt' %]
+
 <h1>Type Chart</h1>
-<p>Values are for a move with the type on the left attacking a Pok&eacute;mon with a type on the top.  For a Pok&eacute;mon with two types, look up each of its types individually and multiply.</p>
+<p>These modifiers are for a move with the type from the left attacking a Pok&eacute;mon with the type from the top.  For a Pok&eacute;mon with two types, look up the modifier for each of its types and multiply them.</p>
 <p>Highlighted cells are those that changed after RBY; the tooltip contains the old value.</p>
-<table class="dex-typelist" cellspacing="1">
-<tr><th></th>
+<p>Also, this page doesn't fit on 800x600 and I'm not sure how to fix it.</p>
+<table class="dex-table" cellspacing="0">
+<tr class="heading"><th></th>
 [% FOREACH type IN TypeNames %]
-<th><a href="[% dex_uri('types', type) %]"><img src="/dex-images/typeicons/[% type %].png" alt="[% type %]" title="[% type %]"/></a></th>
+<th class="type">[% type_name(type) %]</th>
 [% END %]
 </tr>
+[% color = 1 %]
 [% FOREACH type_atk IN TypeNames %]
-<tr>
-<th class="left"><a href="[% dex_uri('types', type_atk) %]"><img src="/dex-images/typeicons/[% type_atk %].png" alt=""/> [%+ type_atk %]</a></th>
+<tr class="color[% color %]">
+<th class="type">[% type_name(type_atk) %]</th>
 [%     FOREACH type_def IN TypeNames %]
 [%         effect = type_effect(type_atk, type_def) %]
 [%         old_effect = type_effect_old(type_atk, type_def) %]
-<td class="typemod-[% effect %][% " typemod-changed" IF effect != old_effect %]" title="[% type_atk %] is [% effect %]% effective against [% type_def %][% "; " _ old_effect _ "% in RBY" IF effect != old_effect %]">[% ModLabels.$effect %]</td>
+<td class="type typemod-[% effect %][% " typemod-changed" IF effect != old_effect %]" title="[% type_atk %] is [% effect %]% effective against [% type_def %][% "; " _ old_effect _ "% in RBY" IF effect != old_effect %]">[% effect == 100 ? '-' : ModLabels.$effect %]</td>
 [%     END %]
 </tr>
+[%     color = 3 - color %]
 [% END %]
 </table>

veekun/branches/layout/templates/style/dex.tt

@@ -4 +4 @@
 .typemod-400 { color: #a64b4b; }
 .typemod-200 { color: #a64b8f; }
-.typemod-100 { color: #4b4ba6; }
+.typemod-100 { color: #a6a6a6; }
 .typemod-50  { color: #4b8fa6; }
 .typemod-25  { color: #4ba64b; }
-.typemod-0   { color: #a6a6a6; }
+.typemod-0   { color: #000000; }
 .typemod-na  { color: #535353; }
-.typemod-400, .typemod-200, .typemod-100, .typemod-50, .typemod-25, .typemod-0 { font-weight: bold; }
+.typemod-400, .typemod-200, /* .typemod-100, */ .typemod-50, .typemod-25, .typemod-0 { font-weight: bold; }
+.typemod-changed { background: url(/images/bg-fade.png) #f2d3c9 fixed left bottom no-repeat; }
 
 p.dex-navigation { text-align: center; position: relative; padding: 0.25em; }