visual_migrate 4.0.1.2

data/app/assets/template/sim003_blue/src/css/common.css

@@ -0,0 +1,329 @@
+@charset "UTF-8";
+
+
+/* ========BASIC======== */
+html {
+   overflow-y:scroll;
+}
+
+body {
+   margin:0;
+   padding:0;
+   line-height:1.6;
+   letter-spacing:1px;
+   font-family:Verdana, Helvetica, sans-serif;
+   font-size:12px;
+   color:#333;
+   background:#fff;
+}
+
+br {
+   letter-spacing:normal;
+}
+
+a {
+   color:#0089a1;
+   text-decoration:none;
+}
+
+a:hover {
+   color:#0089a1;
+   text-decoration:underline;
+}
+
+img {
+   border:0;
+   vertical-align:bottom;
+}
+
+h1,h2,h3,h4,h5,h6 {
+   margin:0;
+}
+
+
+/* ========TEMPLATE LAYOUT======== */
+#top {
+   width:779px;
+   margin:10px auto;
+   border:1px solid #666;
+}
+
+#header {
+   width:779px;
+}
+
+#menu {
+   float:left;
+}
+
+#topicPath {
+   float:left;
+}
+
+#contents {
+   background:#ccc;
+}
+
+#main {
+   display:inline;/* for IE6 */
+   float:left;
+   width:544px;
+   margin:5px;
+   margin-right:0;
+   padding:10px;
+   background:#fff;
+}
+
+#sub {
+   display:inline;
+   float:right;
+   width:200px;
+   margin:5px;
+   padding:0;
+}
+
+#pageTop {
+   /zoom:1;/* for IE6 */
+   clear:both;
+   background:#fff;
+}
+
+#footer {
+   clear:both;
+   background:#fff;
+}
+
+
+/* ========HEADER CUSTOMIZE======== */
+#header h1 {
+   margin:0;
+   padding:10px;
+   font-size:24px;
+}
+
+#header h1 a {
+   color:#333;
+}
+
+#header #pr p {
+   margin:0;
+   padding:10px;
+   font-size:11px;
+}
+
+
+/* ========MENU CUSTOMIZE======== */
+#menu ul {
+   margin:0;
+   padding:0;
+}
+
+#menu li {
+   float:left;
+   color:#333;
+   text-align:center;
+   list-style-type:none;
+   border-top:1px solid #666;
+   border-left:1px solid #666;
+}
+
+#menu li a {
+   display:block;
+   width:155px;
+   color:#333;
+   line-height:40px;
+   text-decoration:none;
+   border-bottom:3px solid #0089a1;
+   background:#fff;
+   background:linear-gradient(top, #fff, #efefef);
+   background:-moz-linear-gradient(top, #fff, #efefef); /* Firefox用 */
+   background:-o-linear-gradient(top, #fff, #efefef); /* Opera用 */
+   background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef)); /* Safari,Google Chrome用 */
+}
+
+#menu li:first-child {
+   border-left:none;
+}
+
+#menu li a.active {
+   color:#fff;
+   text-decoration:none;
+   background:#0F98AD;
+   background:linear-gradient(top, #1EACBF, #0F98AD);
+   background:-moz-linear-gradient(top, #1EACBF, #0F98AD); /* Firefox用 */
+   background:-o-linear-gradient(top, #1EACBF, #0F98AD); /* Opera用 */
+   background:-webkit-gradient(linear, left top, left bottom, from(#1EACBF), to(#0F98AD)); /* Safari,Google Chrome用 */
+}
+
+#menu li a:hover {
+   color:#fff;
+   text-decoration:none;
+   background:#0F98AD;
+   background:linear-gradient(top, #1EACBF, #0F98AD);
+   background:-moz-linear-gradient(top, #1EACBF, #0F98AD); /* Firefox用 */
+   background:-o-linear-gradient(top, #1EACBF, #0F98AD); /* Opera用 */
+   background:-webkit-gradient(linear, left top, left bottom, from(#1EACBF), to(#0F98AD)); /* Safari,Google Chrome用 */
+}
+
+
+/* ========TOPICPATH CUSTOMIZE======== */
+#topicPath {
+   width:769px;
+   padding:5px;
+   background:#fff;
+}
+
+
+/* ========MAIN CONTENTS CUSTOMIZE======== */
+#main h2 {
+   margin-bottom:5px;
+   padding:5px 0;
+   font-size:16px;
+   border-bottom:3px double #999;
+}
+
+#main h3 {
+   margin-bottom:5px;
+   padding:5px;
+   font-size:14px;
+   border-left:5px solid #0089a1;
+   border-bottom:1px dotted #999;
+}
+
+#main h4 {
+   margin-bottom:5px;
+   padding:5px;
+   font-size:13px;
+   color:#fff;
+   background:#0089a1;
+}
+
+#main h5 {
+   margin-bottom:5px;
+   font-size:13px;
+   border-bottom:1px dotted #999;
+}
+
+#main h6 {
+   margin-bottom:5px;
+   font-size:13px;
+}
+
+#main p {
+   margin:0 0 1em 0;
+}
+
+#main dt {
+   margin-bottom:3px;
+}
+
+#main dd {
+   padding:0;
+   margin:0 0 0.5em 1em;
+   padding:3px;
+   background:#eee;
+}
+
+/* INFORMATION CUSTOMIZE */
+* html body #main dl.information dd div {
+   display:inline-block;
+}
+
+#main dl.information dt {
+   float:left;
+   width:8em;
+   margin:0;
+   padding:0;
+}
+
+#main dl.information dd {
+   margin:0 0 0.5em 8em;
+   padding:0;
+   background:transparent;
+}
+
+#main table {
+   width:100%;
+   border-collapse:collapse;
+}
+
+#main table th {
+   padding:5px;
+   font-size:12px;
+   text-align:left;
+   border:1px solid #aaa;
+   background:#f0f7fc;
+}
+
+#main table td {
+   padding:5px;
+   font-size:12px;
+   text-align:left;
+   border:1px solid #aaa;
+}
+
+
+/* ========SUBCONTENTS CUSTOMIZE======== */
+#sub .section {
+   margin-bottom:10px;
+}
+
+#sub h3 {
+   padding:5px;
+   font-size:13px;
+   font-weight:bold;
+   color:#333;
+   text-align:center;
+   border-bottom:3px solid #0089a1;
+   background:#efefef;
+   background:-linear-gradient(top, #fff, #efefef);
+   background:-moz-linear-gradient(top, #fff, #efefef); /* Firefox用 */
+   background:-o-linear-gradient(top, #fff, #efefef); /* Opera用 */
+   background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef)); /* Safari,Google Chrome用 */
+}
+
+#sub ul {
+   overflow:hidden;
+   margin:0;
+   padding:0;
+   background:#fff;
+}
+
+#sub li {
+   width:198px;
+   margin-top:-1px;
+   line-height:1.4;
+   list-style:none;
+   border-top:1px solid #ccc;
+}
+
+#sub li a {
+   display:block;
+   padding:10px 5px;
+}
+
+
+/* ========PAGETOP CUSTOMIZE========= */
+#pageTop {
+   margin-top:10px;
+   padding:5px;
+   text-align:right;
+}
+
+#pageTop a {
+   padding:5px 5px 5px 17px;
+   background:url("../images/bg_pagetop.gif") 7px 50% no-repeat;
+   font-size:11px;
+   outline:none;
+}
+
+
+/* ========FOOTER CUSTOMIZE======== */
+.copyright {
+   clear:both;
+   padding:10px 0;
+   font-style:normal;
+   font-size:11px;
+   text-align:center;
+   border-top:1px solid #ccc;
+}

data/app/assets/template/sim003_blue/src/index.html

@@ -0,0 +1,153 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta http-equiv="Content-Style-Type" content="text/css" />
+<meta http-equiv="Content-Script-Type" content="text/javascript" />
+<meta http-equiv="imagetoolbar" content="no" />
+<meta name="description" content="" />
+<meta name="keywords" content="" />
+<link rel="stylesheet" href="css/common.css" type="text/css" />
+<script type="text/javascript" src="js/jquery.js"></script>
+<script type="text/javascript" src="js/common.js"></script>
+<title>あなたのサイト名などお書きください</title>
+<!--[if lt IE 7]>
+<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
+<![endif]-->
+</head>
+<body>
+<div id="top">
+   <div id="header">
+      <h1><a href="index.html">サイトロゴ</a></h1>
+      <div id="pr">
+         <p>ここにサイトの説明文などをお書きください。ここにサイトの説明文などをお書きください。ここにサイトの説明文などをお書きください。</p>
+      <!-- /#pr --></div>
+   <!-- /#header --></div>
+   <div id="menu">
+      <ul>
+         <li><a href="index.html" class="active">メニュー1</a></li>
+         <li><a href="index.html">メニュー2</a></li>
+         <li><a href="index.html">メニュー3</a></li>
+         <li><a href="index.html">メニュー4</a></li>
+         <li><a href="index.html">メニュー5</a></li>
+      </ul>
+   </div>
+   <div id="topicPath">
+      <a href="index.html">ホーム</a> &raquo; カテゴリ &raquo; ページ
+   <!-- /#topicPath --></div>
+   <div id="contents">
+      <div id="main">
+         <h2>制作者より</h2>
+         <p>
+            当CSSデザインテンプレートはライセンスフリーです。商用利用も無料でご利用いただけます。<br />
+            ただし、jQueryはMITライセンスあるいはGPLv2ライセンスが適用されます。詳細は、<a href="http://jquery.org/license/jQuery">jQuery License</a>をご参考ください。jQueryのプラグインのライセンスはソースコードに記述しているのでそれに従ってください。（特に記載のないものに関してはライセンスフリーになります。）
+         </p>
+         <p>
+            現在表示しているページに該当するメニューのa要素に｢class="active"｣を指定すると、メニューボタンの色が変わり、ナビゲーションの役割を果たします。
+         </p>
+         <h3>画像について</h3>
+         <p>
+            画像はCoolWebWindow作です。色の変更などの編集も可能です。ご自由にお使いください。
+         </p>
+         <h3>ページ上部への戻りリンクについて</h3>
+         <p>
+            ページ上部への戻りは、JavaScriptを用いて、なめらかにスクロールしながら移動するようにしております。
+         </p>
+         <h3>カスタマイズについて</h3>
+         <p>
+            カスタマイズはご自由になさってください。<br />
+            制限はありません。
+         </p>
+         <p>
+            その他、不具合などございましたら<br />
+            <a href="http://www.coolwebwindow.com/" target="_blank">CoolWebWindow</a>にお知らせください。<br />
+         </p>
+         <h2>サンプルタグについて</h2>
+         <p>
+            以下、サンプルタグになります。ご利用の際は参考にしてみてください。
+         </p>
+         <h3>INFORMATION</h3>
+         <dl class="information">
+            <dt><span>2011-01-01</span></dt>
+            <dd>
+               <div>
+                  テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。<br />
+               </div>
+            </dd>
+            <dt><span>2011-01-23</span></dt>
+            <dd>
+               <div>
+                  テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。<br />
+               </div>
+            </dd>
+         </dl>
+         <h3>h3タグ</h3>
+         <h4>h4タグ</h4>
+         <h5>h5タグ</h5>
+         <h6>h6タグ</h6>
+         <p>
+            <em>強調（em）</em>
+            <strong>より強い強調（strong）</strong>
+            <ins>追加（ins）</ins>
+            <del>削除（del）</del>
+            <br />
+            <a href="#">テキストアンカー</a>
+         </p>
+         <h4>リスト</h4>
+         <h5>普通のリスト</h5>
+         <ul>
+            <li>普通のリスト1</li>
+            <li>普通のリスト2</li>
+            <li>普通のリスト3</li>
+         </ul>
+         <h5>番号付きリスト</h5>
+         <ol>
+            <li>番号付きリスト1</li>
+            <li>番号付きリスト2</li>
+            <li>番号付きリスト3<br />li要素の中はブロックレベルのタグを使用することが出来ます。例えば、&lt;p&gt;タグも記述することが出来ます。<br /></li>
+         </ol>
+         <h5>定義リスト</h5>
+         <dl>
+            <dt>定義リスト1</dt>
+            <dd>定義した用語の説明</dd>
+            <dt>定義リスト2</dt>
+            <dd>定義した用語の説明</dd>
+            <dt>定義リスト3</dt>
+            <dd>定義した用語の説明<br />dd要素の中はブロックレベルのタグを使用することが出来ます。例えば、&lt;p&gt;タグも記述することが出来ます。しかし、dt要素にはインライン要素しか記述することができません。</dd>
+         </dl>
+         <h4>テーブル</h4>
+         <table summary="">
+            <tr><th>見出し1</th><th>見出し2</th><th>見出し3</th><th>見出し4</th><th>見出し5</th></tr>
+            <tr><td>セル1</td><td>セル2</td><td>セル3</td><td>セル4</td><td>セル5</td></tr>
+            <tr><td>セル1</td><td>セル2</td><td>セル3</td><td>セル4</td><td>セル5</td></tr>
+            <tr><td>セル1</td><td>セル2</td><td>セル3</td><td>セル4</td><td>セル5</td></tr>
+         </table>
+      <!-- /#main --></div>
+      <div id="sub">
+         <div class="section">
+            <h3>カテゴリ</h3>
+            <ul>
+               <li><a href="index.html">サブメニュー1</a></li>
+               <li><a href="index.html">サブメニュー2</a></li>
+               <li><a href="index.html">サブメニュー3</a></li>
+            </ul>
+         <!-- /.section --></div>
+         <div class="section">
+            <h3>カテゴリ</h3>
+            <ul>
+               <li><a href="index.html">サブメニュー4</a></li>
+               <li><a href="index.html">サブメニュー5</a></li>
+               <li><a href="index.html">サブメニュー6</a></li>
+            </ul>
+         <!-- /.section --></div>
+      <!-- /#sub --></div>
+      <div id="pageTop">
+         <a href="#">ページのトップへ戻る</a>
+      <!-- /#pageTop --></div>
+   <!-- /#contents --></div>
+   <div id="footer">
+      <div class="copyright">Copyright &copy; 2011 YOUR SITE NAME All Rights Reserved.</div>
+   <!-- /#footer --></div>
+<!-- /#top --></div>
+</body>
+</html>