Restyled tabs (like askubuntu)

forum/skins/light/media/style/style.css

@@ -693,6 +693,7 @@ padding-top: 4px;
     border-radius: 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
+    height: 100%;
 }
 
 .paginator .curr {
@@ -815,27 +816,29 @@ a.medal {
 }
 
 .tabsA {
+    background: #eeeeee;
     display: block;
     float: right;
     font-weight: bold;
-    height: 20px;
     position: relative;
+    padding: 0 3px;
+    border: 1px solid #cccccc;
+    border-radius: 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    box-shadow: 0 1px 4px #cccccc;
+    -webkit-box-shadow: 0 1px 4px #cccccc;
+    -moz-box-shadow: 0 1px 4px #cccccc;
+    -khtml-box-shadow: 0 1px 4px #cccccc;
 }
 
 .tabsA a, .sticky-sort-tabs {
-    background: #f0f0f0;
+    background: #eeeeee;
     color: #888A85;
     display: block;
     float: left;
     line-height: 22px;
-    margin: 0px 4px;
     text-decoration: none;
-    border-radius: 3px;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    box-shadow: 0 1px 3px #D0D0D0 inset;
-    -moz-box-shadow: 0 1px 3px #D0D0D0 inset;
-    -webkit-box-shadow: 0 1px 3px #D0D0D0 inset;
 }
 
 .tabsA a {
@@ -854,10 +857,11 @@ a.medal {
     margin: 2px;
 }
 
-.tabsA a.on, .tabsA a:hover {
+.tabsA a.on {
     background: none repeat scroll 0 0 #FFFFFF;
     color: #DD4818;
-    box-shadow: 0 1px 5px #d0d0d0 inset;
+    border-left: 1px solid #dddddd;
+    border-right: 1px solid #dddddd;
 }
 
 .tabsA a:hover {