search.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3     <head>
   4         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   5         <title>日記検索フォームサンプル</title>
   6         <link rel="alternate" type="application/atom+xml" title="Atom" href="./xml/diary.xml"/>
   7         <script type="text/javascript" src="./js/jquery/jquery-1.3.2.min.js">
   8         </script>
   9         <script type="text/javascript" src="./js/lunardial/feedblog_search.js">
  10         </script>
  11         <style type="text/css">
  12             body {
  13                 font-size: 12px;
  14                 line-height: 18px;
  15                 color: #004488;
  16                 margin-top: 30px;
  17                 margin-bottom: 30px;
  18             }
  19
  20             td.default {
  21                 font-size: 12px;
  22                 line-height: 18px;
  23                 color: #004488;
  24                 border: 1px solid #8888ff;
  25                 text-align: left;
  26                 vertical-align: top;
  27             }
  28
  29             div {
  30                 text-align: left;
  31             }
  32
  33             form {
  34                 text-align: left;
  35             }
  36
  37             td.header {
  38                 margin: 0px;
  39                 padding: 0px;
  40                 border: 1px solid #a8a8ff;
  41                 padding: 4px;
  42                 font-weight: bold;
  43                 background-color: #ffffff;
  44             }
  45
  46             td.content {
  47                 margin: 0px;
  48                 padding: 0px;
  49                 border: 1px solid #a8a8ff;
  50                 background-color: #ffffff;
  51             }
  52
  53             div.code {
  54                 background: #f8f8ff;
  55                 border: 1px solid #c8c8ff;
  56                 padding: 10px;
  57                 margin: 10px;
  58                 margin-left: 0px;
  59                 border-left: 5px solid #e8e8ff;
  60                 font-size: 12px;
  61                 line-height: 18px;
  62             }
  63
  64             table.pager {
  65                 padding: 0px;
  66                 margin: 0px;
  67                 border: 1px solid #8888ff;
  68             }
  69
  70             td.searchform {
  71                 border: 1px solid #8888ff;
  72                 padding: 10px;
  73             }
  74
  75             td.resultarea {
  76                 border: 1px solid #8888ff;
  77                 padding: 5px;
  78             }
  79         </style>
  80     </head>
  81     <body>
  82         <center>
  83             <table align="center" style="width: 800px;">
  84                 <tbody>
  85                     <tr>
  86                         <td class="default" colspan="2" style="height: 150px; padding: 5px; text-align: right; vertical-align: bottom;">
  87                             <span style="font-size: 20px; font-weight: bold;">[ タイトルを入れてください ]</span>
  88                             <br>
  89                             [ 説明文を入れてください ]
  90                         </td>
  91                     </tr>
  92                 </tbody>
  93             </table>
  94             <br/>
  95             <table>
  96                 <tbody>
  97                     <tr>
  98                         <td>
  99                             <div id="genForm">
 100                             </div>
 101                             <div id="resultArea">
 102                             </div>
 103                         </td>
 104                     </tr>
 105                 </tbody>
 106             </table>
 107         </center>
 108     </body>
 109 </html>