planit/example/fancy.inc.html

   1 <html>
   2
   3 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   4 <meta name=Keywords content="<## name ##>">
   5
   6 <style type="text/css">
   7 <!--
   8 A:link { text-decoration:none; color: #0000f0 }
   9 A:visited { text-decoration:none; color: #0000f0 }
  10 A:active { text-decoration: none; color: #0000f0 }
  11
  12 A.greylink:link { text-decoration:none; color: #aaaaaa }
  13 A.greylink:visited { text-decoration:none; color: #aaaaaa }
  14 A.greylink:active { text-decoration: none; color: #0000f0 }
  15 A.greylink:hover { text-decoration: none; color: #0000f0 }
  16
  17
  18 BODY {
  19     font-family: lucida, helvetica, sans-serif;
  20 }
  21
  22 TD, P, UL {
  23     font-family: lucida, helvetica, sans-serif;
  24 }
  25
  26 TT {
  27     font-family: fixed, lucidatypewriter, courier new;
  28 }
  29
  30 PRE {
  31     overflow: auto;
  32 }
  33
  34 #sidebar {
  35     position: absolute;
  36     right: 0px;
  37     width: 200px;
  38     margin-left: 0px;
  39     margin-right: 10px;
  40     background-color: #ffffff;
  41 }
  42
  43 #sidebar div.header {
  44     width: 188px;
  45     background-color: #333366;
  46     color: #ffffff;
  47     text-align: center;
  48     padding: 7px 6px 7px 6px;
  49 }
  50
  51 #sidebar div.text {
  52     width: 188px;
  53     background-color: #bbbbff;
  54     color: #000000;
  55     padding: 6px;
  56 }
  57
  58 #main {
  59     margin-left: 10px;
  60     margin-right: 220;
  61     background-color: #ffffff;
  62 }
  63
  64 #main div.header {
  65     background-color: #333366;
  66     color: #ffffff;
  67     padding: 7px 6px 7px 6px;
  68 }
  69
  70 #main div.header a:link { color: #ffffff; }
  71 #main div.header a:visited { color: #ffffff; }
  72 #main div.header a:active { color: #ffffff; }
  73
  74 #main div.subheader {
  75     background-color: #ddddff;
  76     padding: 3px 20px 3px 20px;
  77 }
  78
  79 #main div.text {
  80     margin: 20px 40px 20px 40px;
  81     min-height: 100px;
  82     background-color: #ffffff;
  83     color: #000000;
  84 }
  85
  86 #main img {
  87     overflow: auto;
  88 }
  89
  90 #main img.mugshot {
  91     float: right;
  92     margin: 0px 0px 15px 15px;
  93 }
  94
  95 #header {
  96     position: absolute;
  97     left: 0px;
  98     top: 0px;
  99     margin: 0px 0px 0px 0px;
 100     height: 64px;
 101     width: 100%;
 102     background-image: url("images/planitback.gif");
 103     background-repeat: repeat-x;
 104 }
 105
 106 #middle {
 107     position: absolute;
 108     top: 96px;
 109     left: 0px;
 110     margin: 0px 0px 0px 0px;
 111     padding: 0px 0px 0px 0px;
 112 }
 113
 114 #footer {
 115     /*position: relative;*/
 116     left: 0px;
 117     bottom: 0px;
 118     margin: 0px 0px 0px 0px;
 119     padding: 0px 0px 0px 0px;
 120     height: 64px;
 121     width: 100%;
 122     /*
 123     background-image: url("images/planitback2.gif");
 124     background-repeat: repeat-x;
 125     */
 126     text-align: center;
 127 }
 128
 129 -->
 130 </style>
 131
 132 <head><title><## name ##></title></head>
 133
 134 <body>
 135
 136 <div id="header">
 137     <img src="images/planit2.gif" alt="PlaNit">
 138 </div>
 139
 140 <div id="middle">
 141 <div id="sidebar">
 142     <div class="header">PlaNit</div>
 143     <div class="text">
 144         This is an example PlaNit configuration.  Edit the
 145         'fancy.inc.html' file to change the way it looks, and edit the
 146         'config.inc.php' file to add RSS or Atom feeds.
 147     </div><br>
 148
 149     <div class="header">People</div>
 150     <div class="text">
 151 ### loopfeeds
 152         <b><a href="<## feedpage ##>"><## feeduserid ##></a></b>
 153         (<a href="<## feedxml ##>">xml</a>)<br>
 154 ### endloopfeeds
 155     </div>
 156 </div>
 157
 158 <div id="main">
 159 ### loopentries
 160 ### ifnewperson
 161     <div class="header">
 162         <b><a href="<## channellink ##>"><## channelname ##></a></b>
 163     </div>
 164 ### endif
 165     <div class="subheader">
 166         <a href="<## entrylink ##>"><## entrytitle ##></a>
 167     </div>
 168     <div class="text">
 169 ### ifnewperson
 170 ### ifmugshot
 171         <img class="mugshot" src="<## mugshot ##>" alt="">
 172 ### endif
 173 ### endif
 174 ### entrycontent
 175         <br>
 176         <font size=-1><i><a class="greylink" href="<## entrylink ##>">
 177             (<## feeduserid ##> at <## entrytime ##> UTC)</a></i></font>
 178     </div><br>
 179 ### endloopentries
 180 </div>
 181
 182 <div id="footer">
 183     PlaNit Copyright (C) 2005
 184     <a href="mailto:<## email ##>"><## admin ##></a><br>
 185 </div>
 186 </div>
 187
 188 </body>
 189 </html>