template.htm

   1 <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">\r
   2 <head>\r
   3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
   4 <title>FMS : Freenet Message System</title>\r
   5 <style type="text/css">\r
   6 body {\r
   7         background-color: #FFF;\r
   8         color: #000;\r
   9         font-family: Verdana, Arial, Helvetica, sans-serif;\r
  10         font-size: 90%;\r
  11 }\r
  12 a, a:link, a:active { color: #0000FF; text-decoration: none; }\r
  13 a:visited { color: #003399; text-decoration: none; }\r
  14 a:hover { color: #990000; text-decoration: underline; }\r
  15 p       {}\r
  16 div {\r
  17 }\r
  18 h1 {}\r
  19 h2 { color: #003366;}\r
  20 h3 { color: #336699; border-bottom: 1px solid #336699;}\r
  21 h4 { color: #6699CC; border-bottom: 1px solid #6699CC;}\r
  22 h5 { color: #99CCFF;}\r
  23 \r
  24 ul              {\r
  25                         padding:0px;\r
  26                         margin-top:5px;\r
  27                         margin-bottom:5px;\r
  28                         margin-left:25px;\r
  29                 }\r
  30 \r
  31 .banner { \r
  32         background-color: #003366;\r
  33         color: #FFFFFF;\r
  34         font-weight: bolder;\r
  35 }\r
  36 .navigation {\r
  37         background-color: #CCDDEE;\r
  38         border: 1px solid #999999;\r
  39         font-size: 80%;\r
  40 }\r
  41 .content_main { background-color: #FFFFFF;}\r
  42 .content_left {\r
  43                 font-size: 90%;\r
  44 }\r
  45 .content_left .box {\r
  46         border: 1px solid #336699;\r
  47         background-color: #DDEEFF;\r
  48         font-size: 85%;\r
  49 }\r
  50 .content_left .box .header {\r
  51         background-color: #003366;      \r
  52         color: #FFFFFF;\r
  53         font-weight: bold;\r
  54         font-size: 1em;\r
  55 }\r
  56 .content_left .box p {\r
  57 }\r
  58 .content_right {\r
  59 }\r
  60 .footer {       \r
  61         color: #999;\r
  62         font-size: smaller;\r
  63         text-align: center;\r
  64         border-top: 1px dashed #CCCCCC;\r
  65 }\r
  66 .meta-info {\r
  67         font-size: 80%;\r
  68 }\r
  69 .paragraph {\r
  70         line-height: 1.4em;\r
  71 }\r
  72 \r
  73 .smaller { font-size: 65%; }\r
  74 .darkest { background-color: #003366; }\r
  75 .darker { background-color: #336699; }\r
  76 .dark { background-color: #6699CC; }\r
  77 .light { background-color: #99CCFF; }\r
  78 .lighter { background-color: #DDEEFF; }\r
  79 .lightest { background-color: #FFFFFF; }\r
  80 \r
  81 .xml1-attributename { color: #800000; }\r
  82 .xml1-attributevalue { color: #FF0000; }\r
  83 .xml1-cdatasection { color: #808000; }\r
  84 .xml1-comment { color: #808080; font-style: italic; }\r
  85 .xml1-currentline { color: #000000; }\r
  86 .xml1-doctypesection { color: #008080; }\r
  87 .xml1-elementname { color: #000080; }\r
  88 .xml1-entityreference { color: #0000FF; }\r
  89 .xml1-matchedbraces { color: #FF0000; }\r
  90 .xml1-namespaceattributename { color: #008000; }\r
  91 .xml1-namespaceattributevalue { color: #0000FF; }\r
  92 .xml1-processinginstruction { color: #000080; }\r
  93 .xml1-rightedge { color: #C0C0C0; }\r
  94 .xml1-selection { color: #FFFFFF; }\r
  95 .xml1-symbol { color: #808080; }\r
  96 .xml1-text { color: #000000; }\r
  97 .xml1-whitespace { color: #FFFFFF; }\r
  98 \r
  99 .calcheading    {\r
 100                                         font-weight:bold;\r
 101                                 }\r
 102                                 \r
 103 .calcheading td {\r
 104                                         padding-left:10px;\r
 105                                         padding-right:10px;\r
 106                                 }\r
 107 \r
 108 .calcrow td             {\r
 109                                         background-color:#EEEEEE;\r
 110                                         text-align:right;\r
 111                                 }\r
 112 \r
 113 .totalrow td    {\r
 114                                         text-align:right;\r
 115                                 }\r
 116 \r
 117 /* layout */\r
 118                                 \r
 119 body {\r
 120         width: auto;\r
 121         margin: 1em;\r
 122 }\r
 123 p, div {\r
 124         margin: 0em 0em 0em 0em;\r
 125         padding: 0em;\r
 126 }\r
 127 h1, h2, h3, h4, h5, h6 {\r
 128         margin: 0em 0em .2em 0em;\r
 129         padding: 0em 0em .1em 0em;\r
 130 }\r
 131 \r
 132 .banner { \r
 133         margin: 0em;\r
 134         padding: .5em;\r
 135 \r
 136 }\r
 137 .navigation {\r
 138         margin: 0em 0em 0em 0em;\r
 139         padding: .3em;\r
 140 }\r
 141 \r
 142 .content_main {\r
 143         margin: 0em;\r
 144         padding: 0em;\r
 145 }\r
 146 \r
 147 .content_left {\r
 148         float: left;\r
 149         width: 200px;\r
 150         margin: 1em 0em 0em 0em;\r
 151         padding: 0em;\r
 152 }\r
 153 .content_left .box {\r
 154         margin: 0em 0em 1em 0em;\r
 155 }\r
 156 .content_left .box .header {\r
 157         padding: .5em;\r
 158 }\r
 159 .content_left .box p {\r
 160         padding: 0em .3em 0em .3em;\r
 161         margin: .0em 0em .5em 0em;\r
 162 }\r
 163 \r
 164 .content_right {\r
 165         position:absolute;\r
 166         left:220px;\r
 167         margin: 0px 0px 0px 0px;\r
 168         padding: 1em;\r
 169 }\r
 170 \r
 171 .meta-info {\r
 172         text-align: right;\r
 173 }\r
 174 \r
 175 .footer {\r
 176         clear: both;\r
 177         padding: 1em;\r
 178         margin: 0em;\r
 179 }\r
 180 \r
 181 .paragraph              {\r
 182                                         margin-bottom:.5em;\r
 183                                 }\r
 184 \r
 185 .optiondescription      {\r
 186                                                 padding-bottom:10px;\r
 187                                         }\r
 188 \r
 189 .optionname                     {\r
 190                                                 font-weight:bolder;\r
 191                                         }\r
 192 \r
 193 </style>\r
 194 <style type="text/css">\r
 195                 \r
 196 .trust0 {background-color:#ff5961;}\r
 197 .trust1 {background-color:#ff7a67;}\r
 198 .trust2 {background-color:#ff9b6c;}\r
 199 .trust3 {background-color:#ffbb72;}\r
 200 .trust4 {background-color:#ffdc77;}\r
 201 .trust5 {background-color:#fffd7d;}\r
 202 .trust6 {background-color:#e2fd83;}\r
 203 .trust7 {background-color:#c5fe8a;}\r
 204 .trust8 {background-color:#a7fe90;}\r
 205 .trust9 {background-color:#8aff97;}\r
 206 .trust10 {background-color:#6dff9d;}\r
 207 \r
 208 form    { display:inline; }\r
 209 \r
 210 th              { padding-left:5px; padding-right:5px; }\r
 211 td              { padding-left:5px; padding-right:5px; }\r
 212 \r
 213 .small90        {\r
 214                                 font-size:90%;\r
 215                         }\r
 216 \r
 217 .small80        {\r
 218                                 font-size:80%;\r
 219                         }\r
 220                         \r
 221 .small70        {\r
 222                                 font-size:70%;\r
 223                         }\r
 224                         \r
 225 .post                   {\r
 226                                         margin-bottom:2em;\r
 227                                 }\r
 228                                 \r
 229 .post .postsubject      {\r
 230                                                 font-size:1.2em;\r
 231                                                 font-style:bolder;\r
 232                                         }\r
 233                                         \r
 234 .post .postboards       {\r
 235                                                 font-size:1.2em;\r
 236                                                 font-style:bolder;\r
 237                                         }\r
 238                                 \r
 239 .post .postbody {\r
 240                                         font-size:0.8em;\r
 241                                         white-space:pre;\r
 242                                 }\r
 243                                 \r
 244 .post .postfrom {\r
 245                                         font-size:1.2em;\r
 246                                         font-style:bolder;\r
 247                                 }\r
 248                                 \r
 249 .post .postdate {\r
 250                                         font-size:1.2em;\r
 251                                         font-style:bolder;\r
 252                                 }\r
 253 \r
 254 ul.messagethread        {\r
 255                                                 list-style:none;\r
 256                                                 margin-left:8px;\r
 257                                                 font-size:9pt;\r
 258                                         }\r
 259 \r
 260 </style>\r
 261 </head>\r
 262 \r
 263 <body>\r
 264         \r
 265         <div class="banner">\r
 266         FMS : Freenet Message System\r
 267         </div>\r
 268         \r
 269         <div class="content_main">\r
 270 \r
 271         <div class="content_left">\r
 272                 <div class="box">\r
 273                 <div class="header">Links</div>\r
 274                 <ul>\r
 275                         <li><a href="index.htm">Home</a></li>\r
 276                         <li><a href="options.htm">Options</a></li>\r
 277                         <li><a href="createidentity.htm">Create Identity</a></li>\r
 278                         <li><a href="localidentities.htm">Local Identities</a></li>\r
 279                         <li><a href="announceidentity.htm">Announce Identity</a></li>\r
 280                         <li><a href="addpeer.htm">Add Peer</a></li>\r
 281                         <li><a href="peermaintenance.htm">Peer Maintenance</a></li>\r
 282                         <li><a href="peertrust.htm">Peer Trust</a></li>\r
 283                         <li><a href="boards.htm">Board Maintenance</a></li>\r
 284                         <li><a href="controlboard.htm">Control Boards</a></li>\r
 285                         <li><a href="insertedfiles.htm">Inserted Files</a></li>\r
 286                         <li><a href="forummain.htm">Browse Forums</a></li>\r
 287                 </ul>\r
 288                 </div>\r
 289         \r
 290         </div>\r
 291         \r
 292         <div class="content_right">\r
 293         \r
 294                 [CONTENT]\r
 295                 \r
 296         </div>\r
 297         \r
 298         </div>\r
 299 \r
 300 \r
 301 </body>\r
 302 </html>\r