theme/gnusocial/index.html

   1 <!DOCTYPE html>
   2         <head>
   3                 <title>Public timeline - Lorraine Lee &mdash; GNU social</title>
   4
   5
   6    <link rel="stylesheet" href="/theme/gnusocial/combo.css" type="text/css">
   7    <style type="text/css">
   8    #custom-doc { width:76.23em;*width:74.39em;min-width:991px; margin:auto; text-align:left; }
   9
  10    html, body{padding: 0; margin: 0;}
  11
  12    body {background-image: url(/theme/gnusocial/bg.png); background-repeat: repeat-x;}
  13
  14    #hd h1 {margin: 0; line-height: 48px; font-size: 30px; font-weight: bold;}
  15
  16    #hd h1 a{color: #111; text-decoration: none;}
  17
  18    #hd dt {display: none;}
  19
  20    #hd ul {padding: 0; margin: 0; line-height: 48px; position: absolute; top: 0; right: 10px; }
  21
  22    #hd li {display: inline; list-style: none; margin-left: 12px;}
  23
  24    #hd {height: 48px; position: relative;}
  25
  26    #bd {margin-top: 12px;}
  27
  28    #ft {font-size: 10px; text-align: right; margin-top: 12px}
  29
  30    form {margin: 0 auto; width: 70%;}
  31
  32    table {width: 100%;}
  33
  34    tr, td{border: 0;}
  35
  36    .update-text{ font-size: 12px; font-weight: bold;}
  37
  38    .update-icon{ text-align: center;}
  39
  40     #stream li{list-style: none; position: relative; margin-top: 12px; }
  41
  42     #stream dl {position: absolute; top: 0; left: 50px;}
  43
  44     #stream dd {color: #333; font-size: 80%; padding: 0; margin: 0; margin-top: 6px;}
  45
  46
  47     #social {border-left: 1px solid #999; border-right: 1px solid #999; padding-left: 10px;}
  48
  49     #sidebar ul{margin: 0; padding: 0;}
  50
  51     #sidebar li {list-style: none;}
  52
  53     #sidebar li a{display: block; width: 180px; padding: 4px;}
  54
  55     #sidebar li a:hover {background-color: #ececec;}
  56
  57     .selected {background-color: cyan; width: 180px;}
  58
  59     #right-nav {background-color: #ececec;}
  60
  61     #right-nav div {padding: 10px;}
  62
  63    </style>
  64
  65
  66                                                                                                 </head>
  67         <body id="public">
  68 <div id="custom-doc" class="yui-t2">
  69    <div id="hd">
  70    <h1>GNU social</h1>
  71
  72                                 <dl id="site_nav_global_primary">
  73  <dt>Primary site navigation</dt>
  74  <dd>
  75   <ul class="nav">
  76    <li id="nav_login">
  77     <a href="http://lorrainelee.co.uk/main/login" title="Login to the site">Login</a>
  78 </li>
  79    <li id="nav_help">
  80     <a href="http://lorrainelee.co.uk/doc/help" title="Help me!">Help</a>
  81 </li>
  82    <li id="nav_search">
  83     <a href="http://lorrainelee.co.uk/search/people" title="Search for people or text">Search</a>
  84 </li>
  85 </ul>
  86 </dd>
  87 </dl>
  88                         </div>
  89                         <div id="bd">
  90
  91                         <div id="yui-main">
  92
  93                         <div class="yui-b">
  94
  95                         <div class="yui-gc">
  96
  97                         <div class="yui-u first">
  98
  99                                 <dl id="site_notice" class="system_notice">
 100  <dt>Site notice</dt>
 101  <dd>Powered by <a href="http://www.gnu.org/software/social/">GNU social</a></dd>
 102 </dl>
 103                                 <div id="anon_notice"><p>This is Lorraine Lee, a <a href="http://en.wikipedia.org/wiki/Micro-blogging">micro-blogging</a> service based on the Free Software <a href="http://status.net/">StatusNet</a> tool.</p>
 104 </div>
 105                                 <div id="content">
 106  <h1>Public timeline</h1>
 107  <div id="content_inner">
 108   <div id="notices_primary">
 109    <h2>Notices</h2>
 110    <ol class="notices xoxo">
 111     <li class="hentry notice" id="notice-5">
 112      <div class="entry-title">
 113       <span class="vcard author">
 114        <a href="http://lorrainelee.co.uk/lorraine" class="url" title="Lorraine Lee (lorraine)">
 115         <img src="http://lorrainelee.co.uk/avatar/3-48-20100722212232.jpeg" class="avatar photo" width="48" height="48" alt="Lorraine Lee"/>
 116  <span class="nickname fn">lorraine</span></a>
 117 </span>
 118       <p class="entry-content">im going to brush my teeth</p>
 119 </div>
 120      <div class="entry-content">
 121       <a rel="bookmark" class="timestamp" href="http://lorrainelee.co.uk/notice/5">
 122        <abbr class="published" title="2010-07-22T21:41:40+00:00">about 5 hours ago</abbr>
 123 </a>
 124        <span class="source">from        <span class="device">web</span>
 125 </span>
 126        <span class="location">at <a href="http://www.geonames.org/2651292" rel="external"><abbr class="geo" title="50.7500000;-3.7500000">County of Devon, England, United Kingdom of Great Britain and Northern Ireland</abbr></a></span>
 127 </div>
 128 </li>
 129     <li class="hentry notice" id="notice-2">
 130      <div class="entry-title">
 131       <span class="vcard author">
 132        <a href="http://lorrainelee.co.uk/lorraine" class="url" title="Lorraine Lee (lorraine)">
 133         <img src="http://lorrainelee.co.uk/avatar/3-48-20100722212232.jpeg" class="avatar photo" width="48" height="48" alt="Lorraine Lee"/>
 134  <span class="nickname fn">lorraine</span></a>
 135 </span>
 136       <p class="entry-content">nothing  im fine thank you</p>
 137 </div>
 138      <div class="entry-content">
 139       <a rel="bookmark" class="timestamp" href="http://lorrainelee.co.uk/notice/2">
 140        <abbr class="published" title="2010-07-22T21:38:18+00:00">about 5 hours ago</abbr>
 141 </a>
 142        <span class="source">from        <span class="device">web</span>
 143 </span>
 144        <span class="location">at <a href="http://www.geonames.org/2651292" rel="external"><abbr class="geo" title="50.7500000;-3.7500000">County of Devon, England, United Kingdom of Great Britain and Northern Ireland</abbr></a></span>
 145        <a href="http://lorrainelee.co.uk/conversation/2#notice-2" class="response">in context</a>
 146 </div>
 147 </li>
 148 </ol>
 149 </div>
 150 </div>
 151 </div>
 152
 153                                 </div>
 154
 155
 156     <div class="yui-u" id="right-nav">
 157
 158
 159
 160
 161
 162                                 <div id="aside_primary" class="aside">
 163                                         <div id="featured_users" class="section">
 164  <h2>Featured users</h2>
 165 </div>
 166                                         </div>
 167
 168
 169  </div>
 170 </div>
 171  </div>
 172 </div>
 173
 174         <div class="yui-b" id="sidebar">
 175                                 <dl id="site_nav_local_views">
 176  <dt>Local views</dt>
 177  <dd>
 178   <ul class="nav">
 179    <li class="current" id="nav_timeline_public">
 180     <a href="http://lorrainelee.co.uk/" title="Public timeline">Public</a>
 181 </li>
 182    <li id="nav_groups">
 183     <a href="http://lorrainelee.co.uk/group" title="User groups">Groups</a>
 184 </li>
 185    <li id="nav_recent-tags">
 186     <a href="http://lorrainelee.co.uk/tags" title="Recent tags">Recent tags</a>
 187 </li>
 188    <li id="nav_timeline_favorited">
 189     <a href="http://lorrainelee.co.uk/favorited" title="Popular notices">Popular</a>
 190 </li>
 191 </ul>
 192 </dd>
 193 </dl>
 194         </div>
 195
 196                                 </div>
 197                         <div id="ft">
 198
 199                                 <dl id="licenses">
 200  <dt id="site_statusnet_license">StatusNet software licence</dt>
 201  <dd><p><strong>Lorraine Lee</strong> is a microblogging service brought to you by <a href="http://www.gnu.org/s/social/">GNU social</a>. It runs the <a href="http://status.net/">StatusNet</a> microblogging software, version 0.9.3, available under the <a href="http://www.fsf.org/licensing/licenses/agpl-3.0.html">GNU Affero General Public Licence</a>.</p>
 202 </dd>
 203  <dt id="site_content_license">Site content license</dt>
 204  <dd id="site_content_license_cc">
 205   <p>
 206    <img id="license_cc" src="http://i.creativecommons.org/l/by/3.0/80x15.png" alt="Creative Commons Attribution 3.0" width="80" height="15"/>
 207  All Lorraine Lee content and data are available under the <a class="license" rel="external license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0</a> licence.</p>
 208 </dd>
 209 </dl>
 210                         </div>
 211                         </div>
 212                 </body>
 213         </html>