[dw-free] Style custom /icons pages

[fu]

[commit: http://hg.dwscoalition.org/dw-free/rev/3d0545c0d7c5]

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

Styling for icons pages for Basic Boxes, Boxes and Borders, ColorSide,
Crossroads, Fluid Measure

Patch by ninetydegrees.

Files modified:

• bin/upgrading/s2layers/basicboxes/layout.s2
• bin/upgrading/s2layers/boxesandborders/layout.s2
• bin/upgrading/s2layers/colorside/layout.s2
• bin/upgrading/s2layers/crossroads/layout.s2
• bin/upgrading/s2layers/fluidmeasure/layout.s2

--------------------------------------------------------------------------------
diff -r 349aa212b97e -r 3d0545c0d7c5 bin/upgrading/s2layers/basicboxes/layout.s2
--- a/bin/upgrading/s2layers/basicboxes/layout.s2	Fri Jan 06 18:11:45 2012 +0800
+++ b/bin/upgrading/s2layers/basicboxes/layout.s2	Fri Jan 06 21:47:15 2012 +0800
@@ -384,6 +384,40 @@
 .day .inner > h3:first-child { text-align: center; }
 
 
+/* icons */
+
+.sorting-options ul {
+    padding-left: 0;
+}
+
+.page-icons .comment {
+    margin-bottom: 0;
+    }
+
+.page-icons .icon {
+    margin: 1em 0;
+    }
+
+.icon-image {
+    float: left;
+    clear: left;
+    margin-bottom: .25em;
+    min-width: 100px;
+    padding-right: 1em;
+    }
+
+.icon-info {
+    min-height: 100px;
+    }
+
+.icon-info span {
+    font-weight: bold;
+    }
+
+.icon-info .default {
+    text-decoration: underline;
+    }
+
 /* sidebars */
 
 #secondary > .inner:first-child,
diff -r 349aa212b97e -r 3d0545c0d7c5 bin/upgrading/s2layers/boxesandborders/layout.s2
--- a/bin/upgrading/s2layers/boxesandborders/layout.s2	Fri Jan 06 18:11:45 2012 +0800
+++ b/bin/upgrading/s2layers/boxesandborders/layout.s2	Fri Jan 06 21:47:15 2012 +0800
@@ -424,6 +424,39 @@
 /* day-by-entries view */
 .day .inner > h3:first-child { text-align: center; }
 
+/* icons */
+
+.sorting-options ul {
+    padding-left: 0;
+}
+
+.page-icons .comment {
+    margin-bottom: 0;
+    }
+
+.page-icons .icon {
+    margin: 1em 0;
+    }
+
+.icon-image {
+    float: left;
+    clear: left;
+    margin-bottom: .25em;
+    min-width: 100px;
+    padding-right: 1em;
+    }
+
+.icon-info {
+    min-height: 100px;
+    }
+
+.icon-info span {
+    font-weight: bold;
+    }
+
+.icon-info .default {
+    text-decoration: underline;
+    }
 
 /* sidebars */
 
diff -r 349aa212b97e -r 3d0545c0d7c5 bin/upgrading/s2layers/colorside/layout.s2
--- a/bin/upgrading/s2layers/colorside/layout.s2	Fri Jan 06 18:11:45 2012 +0800
+++ b/bin/upgrading/s2layers/colorside/layout.s2	Fri Jan 06 21:47:15 2012 +0800
@@ -321,6 +321,40 @@
 .day .inner > h3:first-child { text-align: center;
     font-family: $*font_journal_title; }
 
+/* icons */
+
+.sorting-options ul {
+    padding-left: 0;
+}
+
+.page-icons .comment {
+    margin-bottom: 0;
+    padding-top: 0;
+    }
+
+.page-icons .icon {
+    margin: 1em 0;
+    }
+
+.icon-image {
+    float: left;
+    clear: left;
+    margin-bottom: .25em;
+    min-width: 100px;
+    padding-right: 1em;
+    }
+
+.icon-info {
+    min-height: 100px;
+    }
+
+.icon-info span {
+    font-weight: bold;
+    }
+
+.icon-info .default {
+    text-decoration: underline;
+    }
 
 /* sidebars */
 
diff -r 349aa212b97e -r 3d0545c0d7c5 bin/upgrading/s2layers/crossroads/layout.s2
--- a/bin/upgrading/s2layers/crossroads/layout.s2	Fri Jan 06 18:11:45 2012 +0800
+++ b/bin/upgrading/s2layers/crossroads/layout.s2	Fri Jan 06 21:47:15 2012 +0800
@@ -559,6 +559,62 @@
 .tags-container { margin: 1em 2em;}
 
 
+/* icons */
+
+.icons-container {
+    margin: 1em 2em;
+    }
+
+.sorting-options ul {
+    padding-left: 0;
+}
+
+.page-icons .comment {
+    background: transparent;
+    color: $*color_page_text;
+    }
+
+.page-icons .comment a {
+    color: $*color_page_link;
+    }
+
+.page-icons .comment a:visited {
+    color: $*color_page_link_visited;
+    }
+
+.page-icons .comment a:hover {
+    color: $*color_page_link_hover;
+    }
+
+.page-icons .comment a:active {
+    color: $*color_page_link_active;
+    }
+
+.page-icons .icon {
+    margin: 1em 0;
+    }
+
+.icon-image {
+    float: left;
+    clear: left;
+    margin-bottom: .25em;
+    min-width: 100px;
+    padding-right: 1em;
+    }
+
+.icon-info {
+    min-height: 100px;
+    }
+
+.icon-info span {
+    font-weight: bold;
+    }
+
+.icon-info .default {
+    text-decoration: underline;
+    }
+
+
 /* sidebars */
 #secondary > .inner:first-child,
 #tertiary > .inner:first-child { background-color: $*color_module_background;
diff -r 349aa212b97e -r 3d0545c0d7c5 bin/upgrading/s2layers/fluidmeasure/layout.s2
--- a/bin/upgrading/s2layers/fluidmeasure/layout.s2	Fri Jan 06 18:11:45 2012 +0800
+++ b/bin/upgrading/s2layers/fluidmeasure/layout.s2	Fri Jan 06 21:47:15 2012 +0800
@@ -522,6 +522,70 @@
     -webkit-border-radius: 1em;
     -khtml-border-radius: 1em;}
 
+/* icons */
+
+.icons-container {
+    background: $*color_entry_background;
+    color: $*color_entry_text;
+    padding: .5em;
+    margin: 1em 2em;
+    border-radius: 1em;
+    -webkit-border-radius: 1em;
+    -khtml-border-radius: 1em;
+    }
+
+.icons-container a {
+    color: $*color_entry_link;
+    }
+
+.icons-container a:visited {
+    color: $*color_entry_link_visited;
+    }
+
+.icons-container a:hover {
+    color: $*color_entry_link_hover;
+    }
+
+.icons-container a:active {
+    color: $*color_entry_link_active;
+    }
+
+.sorting-options ul {
+    padding-left: 0;
+    }
+
+.page-icons .comment {
+    background: transparent;
+    border-radius: 0;
+    -moz-border-radius: 0;
+    -khtml-border-radius: 0;
+    -webkit-border-radius: 0;
+    padding: 0;
+    }
+
+.page-icons .icon {
+    margin: 1em 0;
+    }
+
+.icon-image {
+    float: left;
+    clear: left;
+    margin-bottom: .25em;
+    min-width: 100px;
+    padding-right: 1em;
+    }
+
+.icon-info {
+    min-height: 100px;
+    }
+
+.icon-info span {
+    font-weight: bold;
+    }
+
+.icon-info .default {
+    text-decoration: underline;
+    }
 
 /* sidebars */
 
--------------------------------------------------------------------------------