[dw-free] Style custom /icons pages

[fu]

[commit: http://hg.dwscoalition.org/dw-free/rev/1e343cacbfd2]

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

Basic styling for Tabula Rasa-based layouts. Includes tweaks to some layouts
that already style the /icons page.

Patch by ninetydegrees.

Files modified:

• bin/upgrading/s2layers/core2base/layout.s2
• bin/upgrading/s2layers/crisped/layout.s2
• bin/upgrading/s2layers/dustyfoot/layout.s2
• bin/upgrading/s2layers/fiveam/layout.s2

--------------------------------------------------------------------------------
diff -r 025ddf1648fb -r 1e343cacbfd2 bin/upgrading/s2layers/core2base/layout.s2
--- a/bin/upgrading/s2layers/core2base/layout.s2	Mon Oct 24 18:18:21 2011 +0800
+++ b/bin/upgrading/s2layers/core2base/layout.s2	Mon Oct 24 18:46:21 2011 +0800
@@ -613,6 +613,29 @@
     margin-top: 0;
 }
 
+/* icons */
+
+.sorting-options ul {
+    list-style: none;
+    margin-left: 0;
+}
+
+.sorting-options ul li {
+    display: inline;
+}
+
+.keywords ul {
+    display: inline;
+    list-style: none;
+    margin-left: .5em;
+    padding-left: 0;
+}
+
+.keywords ul li {
+    display: inline;
+    padding: .25em;
+}
+
 /* modules */
 
 .module {
diff -r 025ddf1648fb -r 1e343cacbfd2 bin/upgrading/s2layers/crisped/layout.s2
--- a/bin/upgrading/s2layers/crisped/layout.s2	Mon Oct 24 18:18:21 2011 +0800
+++ b/bin/upgrading/s2layers/crisped/layout.s2	Mon Oct 24 18:46:21 2011 +0800
@@ -548,16 +548,6 @@
     text-transform: uppercase;
     }
 
-.page-icons .icons-container ul {
-    list-style: none;
-    margin-left: 0;
-    }
-
-.page-icons .icons-container li,
-.page-icons .icons-container .keywords ul {
-    display: inline;
-    }
-
 .page-icons .icons-container .inner {
     padding: 15px;
     }
@@ -566,6 +556,14 @@
     margin-top: 10px;
     }
 
+.page-icons .keywords ul {
+    margin-left: 0;
+    }
+
+.page-icons .keywords ul li {
+    padding: 0;
+    }
+
 /* Modules
 ***************************************************************************/
 
diff -r 025ddf1648fb -r 1e343cacbfd2 bin/upgrading/s2layers/dustyfoot/layout.s2
--- a/bin/upgrading/s2layers/dustyfoot/layout.s2	Mon Oct 24 18:18:21 2011 +0800
+++ b/bin/upgrading/s2layers/dustyfoot/layout.s2	Mon Oct 24 18:46:21 2011 +0800
@@ -789,22 +789,20 @@
     margin-bottom: 10px;
     }
 
-.page-icons .icons-container ul {
-    list-style: none;
-    margin-left: 0;
-    }
-
-.page-icons .icons-container li,
-.page-icons .icons-container .keywords ul {
-    display: inline;
-    }
-
 .page-icons .icon {
     border-bottom: 5px solid $*color_entry_border;
     margin: 0 10px 20px;
     padding: 10px 0;
     }
 
+.page-icons .keywords ul {
+    margin-left: 0;
+    }
+
+.page-icons .keywords ul li {
+    padding: 0;
+    }
+
 /* Modules
 ***************************************************************************/
 
diff -r 025ddf1648fb -r 1e343cacbfd2 bin/upgrading/s2layers/fiveam/layout.s2
--- a/bin/upgrading/s2layers/fiveam/layout.s2	Mon Oct 24 18:18:21 2011 +0800
+++ b/bin/upgrading/s2layers/fiveam/layout.s2	Mon Oct 24 18:46:21 2011 +0800
@@ -926,15 +926,6 @@
     padding: .5em 0 1em;
     }
 
-.icons-container ul {
-    list-style: none;
-    }
-
-.icons-container li,
-.icons-container .keywords ul {
-    display: inline;
-    }
-
 .icons-container .icon {
     margin: 1.5em 0;
     }
@@ -949,6 +940,14 @@
     min-height: 100px;
     }
 
+.icons-container .keywords ul {
+    margin-left: 0;
+    }
+
+.icons-container .keywords ul li {
+    padding: 0;
+    }
+
 /* Modules
 ***************************************************************************/
 
--------------------------------------------------------------------------------