fu: Close-up of Fu, bringing a scoop of water to her mouth (Default)
fu ([personal profile] fu) wrote in [site community profile] changelog2012-01-10 09:36 am
  • Add Memory
  • Share This Entry

[dw-free] Style custom /icons pages

[commit: http://hg.dwscoalition.org/dw-free/rev/08386fb33eb6]

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

Styling for Modish, Modular, Nouveau Oleanders, Paletteable, Stepping
Stones, Tranquility III.

Patch by [personal profile] ninetydegrees.

Files modified:
  • bin/upgrading/s2layers/modish/layout.s2
  • bin/upgrading/s2layers/modular/layout.s2
  • bin/upgrading/s2layers/nouveauoleanders/layout.s2
  • bin/upgrading/s2layers/paletteable/layout.s2
  • bin/upgrading/s2layers/steppingstones/layout.s2
  • bin/upgrading/s2layers/tranquilityiii/layout.s2
--------------------------------------------------------------------------------
diff -r 34f7157d6bc5 -r 08386fb33eb6 bin/upgrading/s2layers/modish/layout.s2
--- a/bin/upgrading/s2layers/modish/layout.s2	Tue Jan 10 16:39:11 2012 +0800
+++ b/bin/upgrading/s2layers/modish/layout.s2	Tue Jan 10 17:27:15 2012 +0800
@@ -230,6 +230,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 34f7157d6bc5 -r 08386fb33eb6 bin/upgrading/s2layers/modular/layout.s2
--- a/bin/upgrading/s2layers/modular/layout.s2	Tue Jan 10 16:39:11 2012 +0800
+++ b/bin/upgrading/s2layers/modular/layout.s2	Tue Jan 10 17:27:15 2012 +0800
@@ -426,6 +426,73 @@
 
 #archive-month .entry-title { font-weight: bold; }
 
+/* icons */
+
+.icons-container {
+    background-color: $*color_entry_background;
+    border: 1px solid $*color_page_border;
+    border-radius: 1em;
+    color: $*color_entry_text;
+    -khtml-border-radius: 1em;
+    -webkit-border-radius: 1em;
+    padding: .5em 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;
+    }
+
+.icons-container h2 {
+    font-family: $*font_journal_title;
+    }
+
+.sorting-options ul {
+    padding-left: 0;
+    text-align: center;
+    }
+
+.page-icons .comment {
+    background: transparent;
+    border: none;
+    min-width: none;
+    }
+
+.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 */
 
 .two-columns-left #tertiary .module,
diff -r 34f7157d6bc5 -r 08386fb33eb6 bin/upgrading/s2layers/nouveauoleanders/layout.s2
--- a/bin/upgrading/s2layers/nouveauoleanders/layout.s2	Tue Jan 10 16:39:11 2012 +0800
+++ b/bin/upgrading/s2layers/nouveauoleanders/layout.s2	Tue Jan 10 17:27:15 2012 +0800
@@ -950,6 +950,48 @@
     margin: 1em 2em;
     }
 
+/* Icons page */
+
+.icons-container {
+    margin: 1em 2em;
+    }
+
+.icons-container h2 {
+    font-family: $*font_journal_title;
+    }
+
+.sorting-options ul {
+    padding-left: 0;
+    }
+
+.page-icons .comment {
+    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 */
 
 #secondary, #tertiary {
diff -r 34f7157d6bc5 -r 08386fb33eb6 bin/upgrading/s2layers/paletteable/layout.s2
--- a/bin/upgrading/s2layers/paletteable/layout.s2	Tue Jan 10 16:39:11 2012 +0800
+++ b/bin/upgrading/s2layers/paletteable/layout.s2	Tue Jan 10 17:27:15 2012 +0800
@@ -408,6 +408,37 @@
     margin-bottom: 2em;
     }
 
+/*--- Icons Page ---*/
+
+.sorting-options ul {
+    padding-left: 0;
+    text-align: right;
+    }
+
+.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 ---*/
 
 .two-columns-left #tertiary .module,
diff -r 34f7157d6bc5 -r 08386fb33eb6 bin/upgrading/s2layers/steppingstones/layout.s2
--- a/bin/upgrading/s2layers/steppingstones/layout.s2	Tue Jan 10 16:39:11 2012 +0800
+++ b/bin/upgrading/s2layers/steppingstones/layout.s2	Tue Jan 10 17:27:15 2012 +0800
@@ -337,6 +337,63 @@
 .page-tags .tags-container a:hover { color: $*color_entry_link_hover; }
 .page-tags .tags-container a:active { color: $*color_entry_link_active; }
 
+/* icons */
+
+.icons-container {
+    $entry_colors
+    margin-left: -1em;
+    padding: 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 {
+    margin: 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;
+    }
+
 /* archive */
 
 /* year-by-month view */
diff -r 34f7157d6bc5 -r 08386fb33eb6 bin/upgrading/s2layers/tranquilityiii/layout.s2
--- a/bin/upgrading/s2layers/tranquilityiii/layout.s2	Tue Jan 10 16:39:11 2012 +0800
+++ b/bin/upgrading/s2layers/tranquilityiii/layout.s2	Tue Jan 10 17:27:15 2012 +0800
@@ -278,6 +278,44 @@
 /* tags page */
 .tags-container { margin: 1em 2em;}
 
+/* icons page */
+
+.icons-container {
+    margin: 1em 2em;
+    }
+
+.sorting-options ul {
+    padding-left: 0;
+    }
+
+.page-icons .comment {
+    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 */
 #secondary a,
--------------------------------------------------------------------------------