PageRenderTime 13ms CodeModel.GetById 1ms app.highlight 7ms RepoModel.GetById 1ms app.codeStats 1ms

/example/magazine.html

https://code.google.com/p/nehan/
HTML | 139 lines | 106 code | 16 blank | 17 comment | 0 complexity | a71db546513f8b00355aedbfd1e67bcf MD5 | raw file
  1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2<html lang="ja">
  3  <head>
  4    <meta content="ja" name="content-language">
  5    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6    <meta http-equiv="Content-Style-Type" content="text/css">
  7    <meta http-equiv="Content-Script-Type" content="text/javascript">
  8    <title>magazine sample</title>
  9    <link rel="stylesheet" type="text/css" href="screen.css" media="screen, projection" />
 10    <link rel="stylesheet" type="text/css" href="print.css" media="print" />
 11    <!--[if IE ]>
 12    <link rel="stylesheet" type="text/css" href="ie.css" media="screen, projection" />
 13    <![endif]-->
 14    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
 15    <script type="text/javascript">google.load("jquery", "1.4");</script>
 16    <script type="text/javascript" src="http://nehan.googlecode.com/hg/nehan.js"></script>
 17  </head>
 18  <body>
 19
 20    <hr class="space" />
 21
 22    <!-- container -->
 23    <div class="container">
 24
 25      <!-- span-24-1 start -->
 26      <div class="span-24">
 27
 28	<noscript>
 29	  <p class="error">
 30	    Javascript を有効にしてください。
 31	  </p>
 32	</noscript>
 33
 34	<!-- left20 -->
 35	<div class="span-20">
 36	  <div class="span-20 last">
 37	    <pre class="lp-vertical span-20 lp-height-380 lp-order-1 lp-group-A lp-font-size-16"> 日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
 38<img width="128" height="128" src="tategakibunko.png" align="top" /><br />
 39そもそも国政は、国民の厳粛な信託によるものであって、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。
 40 日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
 41そもそも国政は、国民の厳粛な信託によるものであって、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。
 42 日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
 43そもそも国政は、国民の厳粛な信託によるものであって、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。
 44 日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
 45そもそも国政は、国民の厳粛な信託によるものであって、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。
 46 日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
 47そもそも国政は、国民の厳粛な信託によるものであって、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。
 48</pre>
 49	  </div>
 50	  <div class="span-20">
 51	    <div class="span-8 append-1">
 52	      <fieldset class="notice rounded">
 53		<legend>horizontal1</legend>
 54		<p>
 55		  you can put horizontal text like this.
 56		  you can put horizontal text like this.
 57		  you can put horizontal text like this.
 58		  you can put horizontal text like this.
 59		  you can put horizontal text like this.
 60		  you can put horizontal text like this.
 61		  you can put horizontal text like this.
 62		  you can put horizontal text like this.
 63		</p>
 64	      </fieldset>
 65	    </div>
 66	    <div class="span-11 last">
 67	      <pre class="lp-vertical span-11 lp-order-2 lp-group-A lp-height-380 lp-font-size-16"></pre>
 68	    </div>
 69	  </div>
 70	</div>
 71	<!-- left20 end -->
 72
 73	<!-- right4 -->
 74	<div class="span-4 last">
 75	  <pre class="lp-vertical lp-group-B lp-order-1 span-4 lp-height-760 lp-font-size-25"><font family="メイリオ"><b>雑誌風レイアウトサンプル</b></font>
 76  <font scale="0.8">縦と横の組版がそれぞれ混在しているのがポイントです。</font></pre>
 77	</div>
 78	<!-- right4 end -->
 79      </div>
 80      <!-- span-24-1 end -->
 81
 82      <!-- span-24-2 start -->
 83      <div class="span-24">
 84
 85	<div class="span-14 append-1">
 86	  <pre class="lp-vertical span-14 lp-order-3 lp-group-A lp-height-380 lp-font-size-16"></pre>
 87	</div>
 88
 89	<div class="span-8 last">
 90	  <fieldset class="notice rounded">
 91	    <legend>horizontal2</legend>
 92	    <p>
 93	      you can put horizontal text like this.
 94	      you can put horizontal text like this.
 95	      you can put horizontal text like this.
 96	      you can put horizontal text like this.
 97	      you can put horizontal text like this.
 98	      you can put horizontal text like this.
 99	      you can put horizontal text like this.
100	      you can put horizontal text like this.
101	      you can put horizontal text like this.
102	    </p>
103	  </fieldset>
104	</div>
105      </div>
106      <!-- span-24-2 end -->
107
108      <!-- span-24-3 start -->
109      <div class="span-24">
110	<pre class="lp-vertical span-24 lp-order-4 lp-group-A lp-height-380 lp-font-size-16"></pre>
111      </div>
112      <!-- span-24-3 end -->
113
114      <hr class="space" />
115
116      <!-- span-24-5(footer) start -->
117      <div style="text-align:right" class="span-24 append-bottom footer">
118	<p>
119	  powered by <a target="_blank" href="https://code.google.com/p/nehan/">涅槃</a>
120	</p>
121      </div>
122      <!-- span-24-5(footer) end -->
123      
124    </div>
125    <!-- container end -->
126
127    <script type="text/javascript">
128    Nehan.LayoutMapper.start("pre", {
129      filter:"group",
130      noBR:true,
131      charImgRoot:"http://nehan.googlecode.com/hg/char-img",
132      onCompleteAll:function(){
133      }
134    });
135    </script>
136  </body>
137</html>
138
139