[dw-free] Style custom /icons pages

[fu]

[commit: http://hg.dwscoalition.org/dw-free/rev/049c2c2b3a80]

http://bugs.dwscoalition.org/show_bug.cgi?id=3719

Styling for Drifting.

Patch by ninetydegrees.

Files modified:

• bin/upgrading/s2layers/drifting/layout.s2

--------------------------------------------------------------------------------
diff -r 1ce5bc3c956c -r 049c2c2b3a80 bin/upgrading/s2layers/drifting/layout.s2
--- a/bin/upgrading/s2layers/drifting/layout.s2	Fri Jan 27 13:43:47 2012 +0800
+++ b/bin/upgrading/s2layers/drifting/layout.s2	Fri Jan 27 13:46:00 2012 +0800
@@ -909,10 +909,11 @@
 
     /* Tags Page
     ***************************************************************************/
-    body.page-tags #primary h2 {
+    .tags-container h2 {
+        background: $*color_page_background;
+        color: $*color_page_text;
         border: 1px solid $*color_entry_border;
         border-left: none;
-        background: $*color_page_background;
         padding: 3px;
         padding-left: 10px;
     }
@@ -922,6 +923,66 @@
         padding-left: 10px;
     }
 
+    /* Icons Page
+    ***************************************************************************/
+
+    .icons-container .contents,
+    .icons-container .footer {
+        padding: 0 5px 5px 10px;
+    }
+
+    .icons-container h2 {
+        background: $*color_page_background;
+        color: $*color_page_text;
+        border: 1px solid $*color_entry_border;
+        border-left: none;
+        padding: 3px;
+        padding-left: 10px;
+    }
+
+    .sorting-options ul {
+        padding-left: 0;
+        text-align: right;
+    }
+
+    .sorting-options ul li {
+        display: inline;
+    }
+
+    .page-icons .icon {
+        margin: 1em 0;
+    }
+
+    .icon-image {
+        display: inline-block;
+        margin-bottom: .25em;
+        min-width: 100px;
+    }
+
+    .icon-info {
+        display: inline-block;
+        vertical-align: top;
+        width: 80%;
+    }
+
+    .icon-info span {
+        font-weight: bold;
+    }
+
+    .icon-info .default {
+        text-decoration: underline;
+    }
+
+    .icon-info .keywords ul {
+        display: inline;
+        list-style: none;
+        padding-left: 0;
+    }
+
+    .icon-info .keywords ul li {
+        display: inline;
+    }
+
     /* Footer
     ***************************************************************************/
     #footer {
--------------------------------------------------------------------------------