Tableize skill pyramid instead of inline <ul>

kbaird · Nov 10, 2013 · e37c9bd · e37c9bd
1 parent 415421e
commit e37c9bd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 21 deletions.
diff --git a/out/fate.css b/out/fate.css
@@ -39,12 +39,16 @@ table {
 }
 
 table#skills tr th.rating {
-  border: 2px solid black;
-  padding-top: 0.9em;
+  border: 0px;
+  color: #999;
+  font-weight: bolder;
+  padding-right: 0.45em;
+  text-align: right;
 }
 
-table#skills tr td ul.skills {
-  margin-top: 1em;
+table#skills tr td {
+  border: 3px solid black;
+  font: oblique small-caps bold 1em arial, sans-serif;
 }
 
 td, th {
@@ -70,17 +74,6 @@ tr#stress td {
   padding: 1.2em;
 }
 
-ul.skills {
-  text-align: left;
-}
-
-ul.skills li {
-  border: 1px solid black;
-  display: inline;
-  margin-right: 0.35em;
-  padding: 0.7em;
-}
-
 .sectionheader {
   background-color: #000;
   border-bottom-right-radius: 0.9em;

diff --git a/xslt/html/fcs/skills.xsl b/xslt/html/fcs/skills.xsl
@@ -6,7 +6,7 @@
 
 <xsl:template match="skills">
 <table id="skills">
-<tr><th colspan="2" class="sectionheader">Skills</th></tr>
+<tr><th colspan="6" class="sectionheader">Skills</th></tr>
   <xsl:call-template name="skill">
     <xsl:with-param name="numericRating">5</xsl:with-param>
     <xsl:with-param name="textRating">Superb</xsl:with-param>
@@ -36,13 +36,9 @@
 <xsl:if test="/fcs/skills/skill[@rating=$numericRating]">
 <tr>
   <th class="rating"><xsl:value-of select="$textRating"/> (+<xsl:value-of select="$numericRating"/>)</th>
-  <td>
-    <ul class="skills">
 <xsl:for-each select="/fcs/skills/skill[@rating=$numericRating]">
-      <li><xsl:value-of select="@name"/></li>
+  <td><xsl:value-of select="@name"/></td>
 </xsl:for-each>
-    </ul>
-  </td>
 </tr>
 </xsl:if>
 </xsl:template>