bkfe/xhtml/account.orig.xhtml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE html
   3      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   4     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   5
   6 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   7   <head>
   8
   9     <title>Account</title>
  10
  11         <style type="text/css">
  12
  13             body {
  14                         margin:0;
  15                         padding:0;
  16                         font: bold 11px/1.5em Verdana;
  17                 }
  18                 h2 {
  19                         font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  20                         color: #000;
  21                         margin: 0px;
  22                         padding: 0px 0px 0px 15px;
  23                 }
  24                 img {
  25                         border: none;
  26                 }
  27
  28
  29                 /*- Menu Tabs B--------------------------- */
  30             #tabsB {
  31               float:left;
  32               width:100%;
  33               background:#F4F4F4;
  34               font-size:93%;
  35               line-height:normal;
  36               }
  37             #tabsB ul {
  38                   margin:0;
  39                   padding:10px 10px 0 50px;
  40                   list-style:none;
  41               }
  42             #tabsB li {
  43               display:inline;
  44               margin:0;
  45               padding:0;
  46               }
  47             #tabsB a {
  48               float:left;
  49               background:url("tableftB.gif") no-repeat left top;
  50               margin:0;
  51               padding:0 0 0 4px;
  52               text-decoration:none;
  53               }
  54             #tabsB a span {
  55               float:left;
  56               display:block;
  57               background:url("tabrightB.gif") no-repeat right top;
  58               padding:5px 15px 4px 6px;
  59               color:#666;
  60               }
  61             /* Commented Backslash Hack hides rule from IE5-Mac \*/
  62             #tabsB a span {float:none;}
  63             /* End IE5-Mac hack */
  64             #tabsB a:hover span {
  65               color:#000;
  66               }
  67             #tabsB a:hover {
  68               background-position:0% -42px;
  69               }
  70             #tabsB a:hover span {
  71               background-position:100% -42px;
  72               }
  73
  74
  75                 /*- Menu 10--------------------------- */
  76                 #menu10 {
  77                         width: 200px;
  78                         margin: 10px;
  79                         }
  80
  81                 #menu10 li a {
  82                         height: 32px;
  83                         voice-family: "\"}\"";
  84                         voice-family: inherit;
  85                         height: 24px;
  86                         text-decoration: none;
  87                         }
  88
  89                 #menu10 li a:link, #menu10 li a:visited {
  90                         color: #4D4D4D;
  91                         display: block;
  92                         background:  url(menu10.gif);
  93                         padding: 8px 0 0 10px;
  94                         }
  95
  96                 #menu10 li a:hover {
  97                         color: #FF9834;
  98                         background:  url(menu10.gif) 0 -32px;
  99                         padding: 8px 0 0 10px;
 100                         }
 101
 102
 103         </style>
 104 </head>
 105   <body>
 106
 107     <form id="user.submit" >
 108
 109         <br/>
 110         <br/><br/>
 111
 112
 113 <h2>Horizontal Tabs</h2>
 114
 115
 116 <div id="tabsB" >
 117         <div id="tabsB" >
 118           <ul>
 119             <li><a href="#" title="Link 1"><span>Link 1</span></a></li>
 120             <li><a href="#" title="Link 2"><span>Link 2</span></a></li>
 121             <li><a href="#" title="Link 3"><span>Link 3</span></a></li>
 122             <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
 123             <li><a href="#" title="Link 5"><span>Link 5</span></a></li>
 124             <li><a href="#" title="Link 6"><span>Link 6</span></a></li>
 125                 <li><a href="#" title="Link 7"><span>Link 7</span></a></li>
 126
 127           </ul>
 128
 129         </div>
 130
 131         <br/><br/>
 132         <div>
 133
 134                 Some more content
 135         </div>
 136
 137
 138 </div>
 139 <br /><br />
 140
 141
 142 <h2>Vertical Tabs</h2>
 143 <div id="menu10">
 144         <ul>
 145                 <li><a href="#1" title="Link 1">Link 1</a></li>
 146                 <li><a href="#2" title="Link 2">Link 2</a></li>
 147                 <li><a href="#3" title="Link 3">Link 3</a></li>
 148                 <li><a href="#4" title="Link 4">Link 4</a></li>
 149                 <li><a href="#5" title="Link 5">Link 5</a></li>
 150         </ul>
 151 </div>
 152 <br />
 153
 154
 155         <div>Account name       /       Account type
 156
 157                 <!-- debit / credit list...
 158                         1) use server side includes or
 159                         2) javascript to include document
 160
 161                         ...
 162                 -->
 163
 164         </div>
 165
 166
 167         <input type="button" name="okname" value="    ok    " />
 168         <input type="button" name="cancelname" value="cancel" />
 169
 170     </form>
 171
 172   </body>
 173 </html>
 174