Fix stylesheet (links, fonts, margins)

k4ever/buyable/templates/buyables/showItems.html

@@ -9,9 +9,9 @@
 		  	<td width="64px">
 				<a href="/store/show/{{ item.id }}"><img WIDTH=64 HEIGHT=64 src="{{ MEDIA_URL }}{{ item.image }}"></a>
 			</td>
-			<th width="200px" align="center">
-				<span style="font-size: large">{{ item.name }}</span><br/>
-				<a href="/store/show/{{ item.id }}">Details</a>
+			<td width="200px" align="center">
+				<span style="font-size: large; font-weight:bold">{{ item.name }}</span><br/>
+				<a href="/store/show/{{ item.id }}" style="font-weight:bold">Details</a>
 			</th>
 			<td width="200px">
 				<a class="button" href="/store/buy/{{ item.id }}/">Kaufen f&uuml;r {{ item.price|floatformat:2 }} €<br/>{% if item.hasDeposit %} (Ohne Pfand){% endif %}</a>

k4ever/media/css/style.css

@@ -38,10 +38,15 @@ body {
 	line-height: 1;
 }
 
+
 h1, h2, h3, h4, h5, h6, th {
 	clear: both;
 	font-weight: bold;
-	font-family: "Istok Web", inherit;
+	text-align: center;
+	margin-bottom: 10px;
+/*	Sans-Serif? Srsly???
+	font-family: "Istok Web", inherit; */
+
 }
 
 ol, ul, li {
@@ -396,7 +401,7 @@ table.showitem td.productImage img {
 table.showitem th {
 	font-size: 20px;
 	text-align:center;
-}
+}*/
 
 table.showitem td.name {
 	padding: 0 10px;
@@ -477,3 +482,20 @@ a.buyButton span {
 	background: url("img/payment.png") no-repeat center center transparent;
 	text-indent: -10000px;
 }
+
+.content a {
+	color: #3398CC;
+	text-decoration: none;
+}
+
+.content a:hover {
+	color: white;
+	background: #3398CC;
+}
+
+.content a.button {
+    display: block;
+	margin-top: 7px;
+	padding: 0 10px;
+	text-align: center;
+}