ui cleanup

view/profile_tabs.tpl

@@ -1,16 +1,6 @@
 
 <div id="profile-tabs-wrapper" >
-<div id="profile-tab-status-tab" class="profile-tabs" >
-<a href="$url" id="profile-tab-status-link" >Status</a>
-</div>
-
-<div id="profile-tab-profile-tab" class="profile-tabs" >
-<a href="$url?tab=profile" id="profile-tab-profile-link" >Profile</a>
-</div>
-
-<div id="profile-tab-photos-tab" class="profile-tabs" >
-<a href="$url?tab=photos" id="profile-tab-photos-link" >Photos</a>
-</div>
-
-</div>
+	<a href="$url" id="profile-tab-status-link" class="profile-tabs" >Status</a>
+	<a href="$url?tab=profile" id="profile-tab-profile-link" class="profile-tabs" >Profile</a>
+	<a href="$url?tab=photos" id="profile-tab-photos-link" class="profile-tabs" >Photos</a>
 <div id="profile-tabs-end"></div>

view/style.css

@@ -15,8 +15,10 @@ img {
 body { 
 	background: #FEFEFE;
 	color: #444444;
-	font-family: verdana, sans-serif;
-	font-size: 1.0em;
+	font-family: "Lucida Grande", Tahoma, sans-serif;
+	letter-spacing: 1px;
+/*	font-family: verdana, sans-serif; */
+	font-size: 90%;
 	margin-left: 10px;
 }
 
@@ -84,17 +86,19 @@ footer {
 	float: right;
 	margin-left: 0px;
 	margin-right: 10px;
-	padding: 5px;
+	padding: 3px;
 	border: 1px solid #AAAAAA;
-	background: #F8F8F8;
-	font-size: 0.7em;
+	background: #F4F4F4;
+	font-size: 90%;
 	font-weight: bold;
-	-moz-box-shadow: 5px 5px 5px #888;
-	-webkit-box-shadow: 5px 5px 5px #888;
-	box-shadow: 5px 5px 5px #888;
-	
+	-moz-box-shadow: 5px 5px 5px #888888;
+	-webkit-box-shadow: 5px 5px 5px #888888;
+	box-shadow: 5px 5px 5px #888888;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
+	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
 }
 
+
 .nav-ajax-left {
 	margin-left: 1px;
 	float: left;
@@ -115,14 +119,17 @@ footer {
 	float: left;
 	margin-left: 10px;
 	margin-right: 0px;
-	padding: 5px;
+	padding: 3px;
 	border: 1px solid #AAAAAA;
-	background: #F8F8F8;
-	font-size: 0.7em;
+	background: #F4F4F4;
+	font-size: 90%;
 	font-weight: bold;
-	-moz-box-shadow: 5px 5px 5px #888;
-	-webkit-box-shadow: 5px 5px 5px #888;
-	box-shadow: 5px 5px 5px #888;
+	text-decoration: none;
+	-moz-box-shadow: 5px 5px 5px #888888;
+	-webkit-box-shadow: 5px 5px 5px #888888;
+	box-shadow: 5px 5px 5px #888888;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
+	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
 
 }
 #nav-end {
@@ -953,17 +960,19 @@ input#dfrn-url {
 
 .profile-tabs {
 	float: left;
-	padding:3px;
+	padding: 3px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 	margin-right: 5px;
-	border: 1px solid #888888;
+	border: 1px solid #AAAAAA;
+	background: #F4F4F4;
 	font-size: 0.8em;
 	font-weight: bold;
-	-moz-box-shadow: 5px 5px 5px #888;
-	-webkit-box-shadow: 5px 5px 5px #888;
-	box-shadow: 5px 5px 5px #888;
-
+	-moz-box-shadow: 5px 5px 5px #888888;
+	-webkit-box-shadow: 5px 5px 5px #888888;
+	box-shadow: 5px 5px 5px #888888;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
+	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888');
 }
 
 #profile-tabs-end {