0.4.x/test/pettanr.xsl

   1 <?xml version="1.0" encoding="UTF-8"?>\r
   2 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" \r
   3     xmlns="http://www.w3.org/1999/xhtml"> \r
   4     <xsl:output \r
   5         omit-xml-declaration="no" \r
   6         encoding="utf-8" \r
   7         method="html" \r
   8         version="1.0" \r
   9         doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN" \r
  10         doctype-system="http://www.w3.org/TR/html4/loose.dtd" \r
  11         indent="yes" /> \r
  12     <xsl:template match="/">\r
  13         <xsl:apply-templates/>\r
  14     </xsl:template>\r
  15 \r
  16 <xsl:template match="comic">\r
  17         <html xmlns:v="urn:schemas-microsoft-com:vml">\r
  18                 <head>\r
  19                         <meta http-equiv="content-type" content="text/html; charset=UTF-8" />\r
  20                         <meta http-equiv="Content-Style-Type" content="text/css" />\r
  21                         <meta http-equiv="imagetoolbar" content="no" />\r
  22                         <meta name="description">\r
  23                                 <xsl:attribute name="content">\r
  24                                         <xsl:value-of select="@description" />\r
  25                                 </xsl:attribute>\r
  26                         </meta>\r
  27                         <title>\r
  28                     <xsl:if test="@subtitle">\r
  29                         <xsl:value-of select="concat(@episode,' | ')"/>\r
  30                     </xsl:if>\r
  31                                 <xsl:value-of select="@title" />\r
  32                     <xsl:if test="@author">\r
  33                         <xsl:value-of select="concat(' | ',@author)"/>\r
  34                     </xsl:if>\r
  35                         </title>\r
  36                         <link rel='index' title='index | pettanR' href='http://pettanr.sourceforge.jp/index.html' />\r
  37                         <link rel='start' title='pettanR' href='http://pettanr.sourceforge.jp/' />\r
  38                         <link rel="stylesheet" type="text/css" href="../stylesheets/common.css" />\r
  39                         <link rel="stylesheet" type="text/css" href="pettanr.css" />\r
  40                 </head>\r
  41                 <body>\r
  42                         <div id="general-content">\r
  43                                 <div id="outer-wrapper">\r
  44                                         \r
  45                                         <div id="header">\r
  46                                                 <div class="base-content-width" style="position:relative;">\r
  47                                                         <h1><a href="http://pettanr.sourceforge.jp/">pettanR</a></h1>\r
  48                                                         <div id="global-navi">\r
  49                                                                 <noscript id="noscript-alert">You need to have JavaScript enabled.</noscript>\r
  50                                                         </div>\r
  51                                                 </div>\r
  52                                         </div>\r
  53                                         \r
  54                                         <div id="inner-wrapper" class="base-content-width">\r
  55                                                 <div id="main">\r
  56                                                         <h2><xsl:value-of select="@title" /></h2>\r
  57                                                         <h3><xsl:value-of select="@episode" /></h3>\r
  58                                                         <p class='author'>author:<xsl:value-of select="@author" /></p>\r
  59                                                         <div id="panelContainer">\r
  60                                                                 <xsl:attribute name="style">\r
  61                                                                         <xsl:value-of select="concat('width:',@w,'px;')"/>\r
  62                                                                 </xsl:attribute>\r
  63                                                                 \r
  64                                                                 <xsl:apply-templates/>\r
  65                                                         </div>\r
  66                                                 </div>\r
  67                                         </div>\r
  68                                 </div>\r
  69                         </div>\r
  70                         \r
  71                         <div id="footer-content"><!-- #BeginLibraryItem "/Library/footer.lbi" -->\r
  72 \r
  73         <div id="footer">\r
  74             <div id="footer-item-container" class="base-content-width clearfix">\r
  75                 <div class="footer-item-wrapper">\r
  76                     <div class="footer-item">\r
  77                         <h2>ぺったんR にようこそ</h2>\r
  78                         <ul>\r
  79                             <li>サンプル</li>\r
  80                             <li>ぺったんRの特徴</li>\r
  81                             <li>沿革</li>\r
  82                         </ul>\r
  83                         <h2>Test</h2>\r
  84                         <ul>\r
  85                             <li><a href="../test/index.html">Test Index</a></li>\r
  86                         </ul>\r
  87                     </div>\r
  88                 </div>\r
  89                 <div class="footer-item-wrapper">\r
  90                     <div class="footer-item">\r
  91                         <h2>ドキュメント</h2>\r
  92                         <ul>\r
  93                             <li><a href="http://sourceforge.jp/projects/pettanr/wiki/ForAuthors" rel="me" target="_blank">作家向けドキュメント</a></li>\r
  94                             <li>絵師向けドキュメント</li>                                                     \r
  95                             <li><a href="http://sourceforge.jp/projects/pettanr/wiki/ForDevelopers" rel="me" target="_blank">開発者向けドキュメント</a></li>\r
  96                             <li><a href="http://sourceforge.jp/projects/pettanr/wiki/ForWebmasters" rel="me" target="_blank">編集長向けドキュメント</a></li>\r
  97                         </ul>\r
  98                     </div>\r
  99                 </div>\r
 100                 <div class="footer-item-wrapper">\r
 101                     <div class="footer-item">\r
 102                         <h2>プロトタイプ</h2>\r
 103                         <ul>\r
 104                             <li><a href="http://pettanr.heroku.com/" rel="me" target="_blank">pettanr.heroku.com</a></li>\r
 105                             <li><a href="../work.html" rel="console">ユーザーコンソール</a></li>\r
 106                         </ul>\r
 107                         <h2>Ajax contents</h2>\r
 108                         <ul>\r
 109                             <li><a href="jp.xml">help | jp</a></li>\r
 110                         </ul>\r
 111                     </div>\r
 112                 </div>\r
 113                 <div class="footer-item-wrapper" style="width:170px;">\r
 114                     <div class="footer-item" style="padding-right:0;">\r
 115                         <h2>ぺったんRチーム</h2>\r
 116                         <ul>\r
 117                             <li>わたしたちについて</li>\r
 118                             <li>ミッション</li>\r
 119                             <li><a href="../diary/itozyun.xml">itozyun's diary</a></li>\r
 120                             <li>個人情報保護方針</li>\r
 121                             <li>作品の取り扱い</li>\r
 122                             <li>お問い合わせ</li>\r
 123                         </ul>\r
 124                     </div>\r
 125                 </div>\r
 126             </div>\r
 127             <div id="copyright">Copyright (c) <xsl:value-of select="/comic/@author" />, comic publishing system 'pettanR' is powered by pettanR team.</div>\r
 128         </div><!-- #EndLibraryItem --></div>\r
 129                         <script type="text/javascript" src="../javascripts/common.js"></script>\r
 130                 </body>\r
 131         </html>\r
 132 </xsl:template>\r
 133 \r
 134     <xsl:template match="panel">\r
 135         <div class="panel-wrapper">\r
 136                         <xsl:for-each select=".">\r
 137                                 <div class="panel">\r
 138                                         <xsl:variable name="height" select="concat('height:',@h,'px;')" />\r
 139                                         <xsl:variable name="bgcolor" select="concat('background-color:',@bgcolor,';')" />\r
 140                                         <xsl:attribute name="style">\r
 141                                                 <xsl:value-of select="concat($height,$bgcolor)"/>\r
 142                                         </xsl:attribute>\r
 143                                         <xsl:apply-templates/>\r
 144                                 </div>\r
 145                         </xsl:for-each>\r
 146                         <xsl:for-each select="./picture">\r
 147                                 <xsl:if test="@name">\r
 148                                         \r
 149                                         <div class="tooltip-container">\r
 150                                                 <xsl:comment><![CDATA[[if lte IE 6]><a href="#"><table><tr><td><![endif]]]></xsl:comment>\r
 151                                                 <img src="4x4.gif" class="image-shadow"><!-- 当初divで書いていたら、ie5.5～8で正しくレンダリングできない。なぜかDomが狂う、、、xsl:attribute name="style"が頭にきたせい? -->\r
 152                                                         <xsl:attribute name="width">\r
 153                                                                 <xsl:value-of select="@w"/>\r
 154                                                         </xsl:attribute>\r
 155                                                         <xsl:attribute name="height">\r
 156                                                                 <xsl:value-of select="@h"/>\r
 157                                                         </xsl:attribute>\r
 158                                                         <xsl:attribute name="style">\r
 159                                                                 <xsl:value-of select="concat('left:',@x,'px;','top:',@y,'px;')"/>\r
 160                                                         </xsl:attribute>\r
 161                                                 </img>\r
 162                                                 <dl class="tooltip">\r
 163                                                         <xsl:attribute name="style">\r
 164                                                                 <xsl:value-of select="concat('margin-left:',position(),'9px;left:',/comic/@w,'px;','top:',@y,'px;')"/><!-- 要素が完全に重なることを防ぐためにposition()で要素のindexを取ってmargin-leftしている -->\r
 165                                                         </xsl:attribute>\r
 166                                                         <dt>作品名</dt>\r
 167                                                         <dd><xsl:value-of select="@name" /></dd>\r
 168                                                         <dt>作者</dt>\r
 169                                                         <dd><xsl:value-of select="@author" /></dd>\r
 170                                                         <dt>サイト</dt>\r
 171                                                         <dd><xsl:value-of select="@site" /></dd>\r
 172                                                 </dl>\r
 173                                                 <xsl:comment><![CDATA[[if lte IE 6]></td></tr></table></a><![endif]]]></xsl:comment>\r
 174                                         </div>\r
 175                                         \r
 176                                 </xsl:if>\r
 177                         </xsl:for-each>\r
 178                 </div>\r
 179     </xsl:template>\r
 180 \r
 181     <xsl:template match="picture">\r
 182                 <xsl:for-each select=".">\r
 183                         <img>\r
 184                                 <xsl:attribute name="src">\r
 185                                         <xsl:value-of select="@url"/>\r
 186                                 </xsl:attribute>\r
 187                                 <xsl:attribute name="width">\r
 188                                         <xsl:value-of select="@w"/>\r
 189                                 </xsl:attribute>\r
 190                                 <xsl:attribute name="height">\r
 191                                         <xsl:value-of select="@h"/>\r
 192                                 </xsl:attribute>\r
 193                                 <xsl:variable name="left" select="concat('left:',@x,'px;')" />                          \r
 194                                 <xsl:variable name="top" select="concat('top:',@y,'px;')" />    \r
 195                                 <xsl:attribute name="style">\r
 196                                         <xsl:value-of select="concat($left,$top)"/>\r
 197                                 </xsl:attribute>\r
 198                         </img>\r
 199                 </xsl:for-each>         \r
 200     </xsl:template>\r
 201 \r
 202     <xsl:template match="balloon">\r
 203                 <xsl:for-each select=".">\r
 204                         <img>\r
 205                         <xsl:variable name="type">\r
 206                             <xsl:if test="contains(@type,'0')">../system_pictures/_w</xsl:if>\r
 207                             <xsl:if test="contains(@type,'1')">../system_pictures/think</xsl:if>\r
 208                         </xsl:variable>\r
 209                                 <xsl:attribute name="src">\r
 210                                         <xsl:value-of select="concat($type,@tail,'.gif')"/>\r
 211                                 </xsl:attribute>\r
 212                                 <xsl:attribute name="width">\r
 213                                         <xsl:value-of select="@w"/>\r
 214                                 </xsl:attribute>\r
 215                                 <xsl:attribute name="height">\r
 216                                         <xsl:value-of select="@h"/>\r
 217                                 </xsl:attribute>\r
 218                                 <xsl:variable name="left" select="concat('left:',@x,'px;')" />                  \r
 219                                 <xsl:variable name="top" select="concat('top:',@y,'px;')" />\r
 220                                 <xsl:attribute name="style">\r
 221                                         <xsl:value-of select="concat($top,$left)"/>\r
 222                                 </xsl:attribute>\r
 223                         </img>\r
 224                         \r
 225                         <div class="speach">\r
 226                                 <xsl:variable name="width" select="concat('width:',@w,'px;')" />                        \r
 227                                 <xsl:variable name="height" select="concat('height:',@h,'px;')" />\r
 228                                 <xsl:variable name="left2" select="concat('left:',@x,'px;')" />                 \r
 229                                 <xsl:variable name="top2" select="concat('top:',@y,'px;')" />   \r
 230                                 <xsl:variable name="fontsize">\r
 231                             <xsl:if test="@size">\r
 232                                 <xsl:value-of select="concat('font-size:',@size,'px;')"/>\r
 233                             </xsl:if>\r
 234                                 </xsl:variable>\r
 235                                 <xsl:variable name="fontbold">\r
 236                             <xsl:if test="@bold">font-weight:bold;</xsl:if>\r
 237                                 </xsl:variable>\r
 238                                 <xsl:attribute name="style">\r
 239                                         <xsl:value-of select="concat($width,$height,$top2,$left2,$fontsize,$fontbold)"/>\r
 240                                 </xsl:attribute>\r
 241                                 <xsl:comment><![CDATA[[if lte IE 7]><table><tr><td><![endif]]]></xsl:comment>\r
 242                                         <span>\r
 243                                         <xsl:apply-templates/>\r
 244                                         </span>\r
 245                                 <xsl:comment><![CDATA[[if lte IE 7]></td></tr></table><![endif]]]></xsl:comment>\r
 246                         </div>\r
 247                 </xsl:for-each>         \r
 248     </xsl:template>\r
 249 \r
 250 </xsl:stylesheet>