[extensions-web] css: Improve look for paginator

[Jasper St. Pierre <jstpierre src gnome org>]

commit b94a41727f36d851be8a61d6dd9cf09afeefa615
Author: Jasper St. Pierre <jstpierre mecheye net>
Date:   Mon Apr 2 19:54:51 2012 -0400

    css: Improve look for paginator

 sweettooth/static/css/sweettooth.css |   75 ++++++++++++++++++----------------
 1 files changed, 40 insertions(+), 35 deletions(-)
---
diff --git a/sweettooth/static/css/sweettooth.css b/sweettooth/static/css/sweettooth.css
index cfa23f7..38205a7 100644
--- a/sweettooth/static/css/sweettooth.css
+++ b/sweettooth/static/css/sweettooth.css
@@ -121,6 +121,9 @@ hr.bottom_shadow {
     transform: rotate(180deg);
 }
 
+/* Paginator, Filtering and Sorting UI */
+/* ==================================================================== */
+
 .paginator {
     display: block;
     background-color: #EEEEEC;
@@ -134,29 +137,57 @@ hr.bottom_shadow {
     min-width: 1.5em;
     text-align: center;
     margin: 0 4px;
+    border-radius: 4px;
 }
 
-.paginator .number:first-child {
-    margin-left: 0;
+.paginator .number,
+.fsui-dropdown-link {
+    border-radius: 4px;
+    cursor: pointer;
+
+    text-decoration: none;
+    color: #204a87;
+
+    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+    -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 }
 
-.paginator .number:last-child {
-    margin-right: 0;
+.fsui-dropdown-link {
+    padding: 0.2em 0.4em;
+    margin: 0 0.6em;
+}
+
+.paginator .number:hover,
+.fsui-dropdown-link:hover {
+    background-color: #f4f4f4;
+}
+
+.paginator .number.current,
+.fsui-dropdown-link.selected {
+    background-color: #ffffff;
+    text-decoration: none;
+    color: #222;
 }
 
 .paginator .number.current {
-    background-color: white;
     border: 1px solid rgb(200, 200, 200);
-    border-radius: 3px;
+}
+
+.paginator .number:first-child {
+    margin-left: 0;
+}
+
+.paginator .number:last-child {
+    margin-right: 0;
 }
 
 .paginator-content {
     text-align: center;
 }
 
-/* Filtering and Sorting UI */
-/* ==================================================================== */
-
 .fsui {
     float: right;
     font-size: 0.8em;
@@ -165,38 +196,12 @@ hr.bottom_shadow {
     top: -2.2em;
 }
 
-.fsui-dropdown-link {
-    border-radius: 4px;
-    padding: 0.2em 0.4em;
-    margin: 0 0.6em;
-    cursor: pointer;
-
-    text-decoration: none;
-    color: #204a87;
-
-    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-    -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-}
-
 .fsui-dropdown-link-arrow {
     position: relative;
     margin-left: .25em;
     top: -.25em;
 }
 
-.fsui-dropdown-link:hover {
-    background-color: #f4f4f4;
-}
-
-.fsui-dropdown-link.selected {
-    background-color: #fff;
-    text-decoration: none;
-    color: #222;
-}
-
 .fsui-dropdown {
     background-color: #fff;
     position: absolute;