</script>
-<ul>
+<ul class="links">
<?php for($i = 0; $row = $q->fetch(); $i++ ): ?>
<li>
- <?php echo date("Y-m-d", strtotime($row['date'])) ?>
-
- <a class="uname" href="/?user=<?php echo $row['user'] ?>">
- <?php echo $row['user'] ?>
- </a>
- <a href="<?php echo $row['url'] ?>">
- <?php echo $row['title'] ? $row['title'] : "<title>" ?>
- </a>
- <span class="tags">
+ <span class="url">
+ <a href="<?php echo $row['url'] ?>">
+ <?php echo $row['title'] ? $row['title'] : "<title>" ?>
+ </a>
+ </span>
+
+ <span class="meta">
+
+ <span>
+ <?php echo date("Y-m-d", strtotime($row['date'])) ?> by
+ <a class="uname" href="/?user=<?php echo $row['user'] ?>"><?php echo $row['user'] ?></a>
+ </span>
+
+
+ <span class="tags">
<?php echo $row['tags'] ?>
- </span>
- <?php if ($user = get_user()):
- if ($user['user'] == $row['user']): ?>
- <!--
- <a href="" class="edit">✏</a> -->
- <a href="#" onClick="return deleteClump(<?php echo $row['clump_id']; ?>, this.parentNode);" class="delete">×</a>
- <?php endif;
- endif; ?>
+ </span>
+
+ <?php if ($user = get_user()):
+ if ($user['user'] == $row['user']): ?>
+ <!--
+ <a href="" class="edit">✏</a> -->
+ <a href="#" title="Delete" onClick="return deleteClump(<?php echo $row['clump_id']; ?>, this.parentNode);" class="delete">×</a>
+ <?php endif;
+ endif; ?>
+ </span>
+
</li>
<?php endfor; ?>
body {
color: #444444;
- font-family: Monaco,monospace;
+ font-family: Monaco, monospace;
font-size: 12px;
line-height: 1.3em;
}
a {
- text-decoration: none;
+ text-decoration:none;
}
a:hover {
display: inline-block;
}
-.uname {
- color: #888888;
- text-decoration: none;
+ul.links li {
+ margin-bottom:1.2em;
+}
+ul.links li span.url {
+ display:block;
+}
+ul.links li span.meta {
+ color:#bbb;
+}
+ul.links li span.meta a {
+ color:#bbb;
}
-
.delete {
- color: #DD0000;
font-weight:bold;
+ padding:0 3px;
+ line-height:1em;
+ background:#eee;
+ text-decoration:none;
}
.delete:hover {