css changes

padmaTexts/static/css/jquery.tooltip.css

@@ -20,4 +20,7 @@
 #tooltip img {
   width: auto;
   height: 120px;
+  border-radius: 6px;
+  -moz-border-radius: 6px;
+  -webkit-border-radius: 6px;
 }

padmaTexts/static/css/text.css

@@ -7,12 +7,25 @@ body {
 h4 {
   padding: 0;
   margin: 0;
+  font-size: 14px;
 }
 
 a img {
   border: 0px;
 }
 
+.authorLink {
+  color: #393939;
+}
+
+.authorLink:visited {
+  color: #393939;
+}
+
+.authorLink:hover {
+  color: #000000;
+}
+
 .padmaWrapper {
   width: 100%;
   position: relative;
@@ -44,6 +57,8 @@ a img {
   font-style: italic;
 }
 
+
+
 .para {
   padding: 8px;
   border-left: 1px solid #000;

padmaTexts/templates/text_embed.html

@@ -113,7 +113,7 @@ $(function() {
       {{ text.title }}
     </h1>
     <h4>
-        by <a href="#bio">{{ text.author }}</a>, {{text.date|date:"F Y"}}
+        by <a class="authorLink" href="#bio">{{ text.author }}</a>, {{text.date|date:"F Y"}}
     </h4>
     <div id="essayAbstract">
       <p>