updated tag style

diff --git a/edit.php b/edit.php
index 31822d6d310c539ba62cf083845ba85047be20f5..d92f6d57c5c49630bd4a1202e09f62669432f039 100644 (file)
--- a/edit.php
+++ b/edit.php
@@ -73,26 +73,22 @@ function deleteClump( id ) {
 
     <p>
     <label>title</label>
-    <input type="text" name="title" value="<?php echo htmlentities($clump['title']); ?>">
+    <input type="text" tabindex="1" name="title" value="<?php echo htmlentities($clump['title']); ?>">
     </p>
 
     <p>
     <label>url &nbsp;<a href="<?php echo $clump['url']; ?>" class="ui">go</a></label>
-    <input type="text" name="url" value="<?php echo $clump['url']; ?>">
+    <input type="text" tabindex="2" name="url" value="<?php echo $clump['url']; ?>">
     </p>
 
-
-    <label>tags <a href="#" class="ui tag-help" onClick="$('#tag-help').toggle();return false;">how to tag &raquo;</a></label>
-    <ul id="tag-help" style="display:none">
-        <li><span class="bull">&bull;</span>combine "multiple words" with quotes</li>
-        <li><span class="bull">&bull;</span>separate tags by space, comma, or enter</li>
-    </ul>
-    <input type="text" id="tag-input" name="tags" value="<?php echo $clump['tags']; ?>">
-
+    <p>
+    <label>tags <span class="ui">(combine "multiple words" with quotes)</span></label>
+    <input type="text" tabindex="3" id="tag-input" name="tags" value="<?php echo $clump['tags']; ?>">
+    <p>
 
     <p>
     <label>description</label>
-    <input type="text" name="description" value="<?php echo htmlentities($clump['description']); ?>">
+    <input type="text" tabindex="4" name="description" value="<?php echo htmlentities($clump['description']); ?>">
     </p>
 
     <p>
@@ -107,7 +103,7 @@ function deleteClump( id ) {
     <?php if ($canEdit) : ?>
         <p>
         <input type="hidden" value="<?php echo $clump['clump_id']; ?>" name="id" />
-        <input type="submit" value="save">
+        <input type="submit" tabindex="5" value="save">
         <a href="#" onClick="return deleteClump(<?php echo $clump['clump_id']; ?>);">delete</a>
         </p>
     <? endif; ?>

diff --git a/lib/tag-it/css/clmpr.tagit.css b/lib/tag-it/css/clmpr.tagit.css
index 1fbd429876f88b70f4f3d08a571b60f5ad73e93b..49e2decc522a8d1debff996b5c8ded4b3ab429d3 100644 (file)
--- a/lib/tag-it/css/clmpr.tagit.css
+++ b/lib/tag-it/css/clmpr.tagit.css
@@ -1,3 +1,17 @@
+/* ui overrride */
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+    color: #00d;
+    font-weight: normal;
+}
+ul.tagit li.tagit-choice .tagit-close .text-icon {
+
+}
+ul.tagit li.tagit-choice .tagit-close .text-icon:hover {
+    color: #00f !important;
+}
+
+
+
 ul.tagit {
     border: 1px solid #ccc;
 }
@@ -7,8 +21,8 @@ ul.tagit li {
 }
 ul.tagit li.tagit-choice {
     border-radius: 2px;
-    border: 1px solid #CAD8F3;
-    background-color: #DEE7F8;
+    border: 1px solid #bbb;
+    background-color: #e0e0e0;
 }
 ul.tagit li.tagit-choice a.tagit-close {
     text-decoration: none;
@@ -30,9 +44,10 @@ ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
     background-color: #bbcef1;
     border-color: #6d95e0;
 }
+
+
 ul.tagit li.tagit-choice a.tagLabel:hover,
 ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
-    color: #222;
 }
 ul.tagit input[type="text"] {
     color: #333333;

diff --git a/new.php b/new.php
index d71d27c9eb101d1dc707288fe9b7f768f1c8788e..d62e432203a8ec96a9b2389c1c7e4ea6542b5c21 100644 (file)
--- a/new.php
+++ b/new.php
@@ -55,12 +55,10 @@ try {
                <input type="text" name="url" tabindex="2" value="<?=$params['url']?>">
             </p>
 
-               <label>tags <a href="#" class="ui tag-help" onClick="$('#tag-help').toggle();return false;">how to tag &raquo;</a></label>
-            <ul id="tag-help" style="display:none">
-                <li><span class="bull">&bull;</span>combine "multiple words" with quotes</li>
-                <li><span class="bull">&bull;</span>separate tags by space, comma, enter</li>
-            </ul>
+            <p>
+               <label>tags <span class="ui">(combine "multiple words" with quotes)</span></label>
                <input type="text" id="tag-input" name="tags" tabindex="3" value="">
+            </p>
 
             <p>
             <label>description</label>

diff --git a/style.css b/style.css
index 318390b75a04df9450296d13f2792460c7e21b7a..86326f23f15e9107c1c04605e00a3e11d179d837 100644 (file)
--- a/style.css
+++ b/style.css
@@ -89,11 +89,13 @@ ul.links li .tags {
 .ui {
     font-size:12px;
     font-weight:normal;
-    color:#55d !important;
     font-style:normal;
+}
+a.ui {
+    color:#55d !important;
     text-decoration:underline;
 }
-.ui:hover {
+a.ui:hover {
     text-decoration:none;
 }
 .ui.delete {