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-19 09:37 am
  • Add Memory
  • Share This Entry

[dw-free] Style custom /icons pages

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

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

Styling for Zesty, Funky Circles, Brittle, Bases, Negatives, Blanket!

Patch by [personal profile] ninetydegrees.

Files modified:
  • bin/upgrading/s2layers/bases/layout.s2
  • bin/upgrading/s2layers/blanket/layout.s2
  • bin/upgrading/s2layers/brittle/layout.s2
  • bin/upgrading/s2layers/funkycircles/layout.s2
  • bin/upgrading/s2layers/funkycircles/themes.s2
  • bin/upgrading/s2layers/negatives/layout.s2
  • bin/upgrading/s2layers/zesty/layout.s2
--------------------------------------------------------------------------------
diff -r 8d5b8330fdd3 -r be80cd0c97b5 bin/upgrading/s2layers/bases/layout.s2
--- a/bin/upgrading/s2layers/bases/layout.s2	Thu Jan 19 17:18:41 2012 +0800
+++ b/bin/upgrading/s2layers/bases/layout.s2	Thu Jan 19 17:38:15 2012 +0800
@@ -7,6 +7,9 @@
 set layout_type = "two-columns-right";
 set layout_authors = [ { "name" => "malionette", "type" => "user" } ];
 
+## TODO: REMOVE THIS
+set use_journalstyle_icons_page = true;
+
 ##===============================
 ## Display settings - general
 ##===============================
@@ -881,6 +884,77 @@
 
 div.ljtaglist {padding: 0.5em; }
 
+
+/* ====================== ICONS PAGES ======================= */
+
+.icons-container h2 {
+    border-bottom: 0.083em solid $*color_page_border;
+    border-top: 0.083em solid $*color_page_border;
+    font-size: 1.667em;
+    font-weight: normal;
+    margin: 0;
+    padding-left: 1em;
+    }
+
+.icons-container .contents {
+    padding: 0 1em;
+    }
+
+.sorting-options ul {
+    padding-left: 0;
+    }
+
+.sorting-options ul li {
+    display: inline;
+    list-style: none;
+    }
+
+.page-icons .comment {
+    border: none;
+    margin: 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;
+    }
+
+.icon-info .keywords ul {
+    display: inline;
+    padding-left: 0;
+    }
+
+.icon-info .keywords ul li {
+    display: inline;
+    list-style: none;
+    padding: 0;
+    }
+
+.icons-container .manage-link {
+    border-top: 0.083em solid $*color_page_border;
+    margin-top: .5em;
+    padding: .5em 0 .5em 1em;
+    }
+
 /* ====================== ARCHIVE PAGES ======================= */
 
 #archive-year .header h3 {font-size: 1.667em; border: 0.083em solid $*color_page_border; border-left: 0; border-right: 0; padding: 0.583em; margin: 0; }
diff -r 8d5b8330fdd3 -r be80cd0c97b5 bin/upgrading/s2layers/blanket/layout.s2
--- a/bin/upgrading/s2layers/blanket/layout.s2	Thu Jan 19 17:18:41 2012 +0800
+++ b/bin/upgrading/s2layers/blanket/layout.s2	Thu Jan 19 17:38:15 2012 +0800
@@ -7,6 +7,9 @@
 set layout_type = "one-column";
 set layout_authors = [ { "name" => "renoir", "type" => "user" } ];
 
+## TODO: REMOVE THIS
+set use_journalstyle_icons_page = true;
+
 ##===============================
 ## Display settings - general
 ##===============================
@@ -864,6 +867,76 @@
     padding: 0;
     }
 
+/*--- Icons Page ---*/
+
+.icons-container {
+    $entry_colors
+    border-left: 20px solid $*color_page_border;
+    margin: 0 auto 2em;
+    padding: 4em 2em;
+    }
+
+.icons-container h2 {
+    $entry_title_colors
+    font-size: 1em;
+    font-weight: normal;
+    letter-spacing: 1px;
+    margin: 0;
+    padding: 0;
+    text-align: right;
+    text-transform: lowercase;
+    }
+
+.sorting-options ul {
+    padding-left: 0;
+    text-align: right;
+    }
+
+.sorting-options ul li {
+    display: inline;
+    list-style: none;
+    }
+
+.page-icons .comment {
+    border: none;
+    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;
+    }
+
+.icon-info .keywords ul {
+    display: inline;
+    }
+
+.icon-info .keywords ul li {
+    display: inline;
+    list-style: none;
+    padding: 0;
+    }
+
 $userpic_css
 
 """;
diff -r 8d5b8330fdd3 -r be80cd0c97b5 bin/upgrading/s2layers/brittle/layout.s2
--- a/bin/upgrading/s2layers/brittle/layout.s2	Thu Jan 19 17:18:41 2012 +0800
+++ b/bin/upgrading/s2layers/brittle/layout.s2	Thu Jan 19 17:38:15 2012 +0800
@@ -5,6 +5,9 @@
 
 set layout_authors = [ { "name" => "renoir", "type" => "user" } ];
 
+## TODO: REMOVE THIS
+set use_journalstyle_icons_page = true;
+
 ##===============================
 ## Display settings - general
 ##===============================
@@ -731,6 +734,90 @@
 
 .page-tags .tags_cloud { text-align: center; }
 
+/*-- icons page --*/
+
+.icons-container {
+    background-color: $*color_entry_background;
+    color: $*color_entry_text;
+    $entry_font
+    padding: 10px;
+    margin: 0 0 10px;
+    }
+
+.icons-container h2 {
+    border-color: $bottom_border;
+    border-style: dotted;
+    border-width: 0 0 1px 0;
+    color: $*color_entry_title;
+    $entry_title_font
+    font-weight: normal;
+    letter-spacing: 1px;
+    margin: 0 0 10px 0;
+    padding: 0;
+    text-transform: lowercase;
+    }
+
+.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;
+    }
+
+.sorting-options ul {
+    padding-left: 0;
+    }
+
+.sorting-options ul li {
+    display: inline;
+    list-style: none;
+    margin: 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;
+    }
+
+.icon-info .keywords ul {
+    display: inline;
+    padding: 0 0 0 13px;
+    }
+
+.icon-info .keywords ul li {
+    display: inline;
+    list-style: none;
+    }
+
 /*--- comments ---*/
 
 #comments {
diff -r 8d5b8330fdd3 -r be80cd0c97b5 bin/upgrading/s2layers/funkycircles/layout.s2
--- a/bin/upgrading/s2layers/funkycircles/layout.s2	Thu Jan 19 17:18:41 2012 +0800
+++ b/bin/upgrading/s2layers/funkycircles/layout.s2	Thu Jan 19 17:38:15 2012 +0800
@@ -6,6 +6,9 @@
 
 set layout_authors = [ { "name" => "ninetydegrees", "type" => "user" } ];
 
+## TODO: REMOVE THIS
+set use_journalstyle_icons_page = true;
+
 ##===============================
 ## Presentation
 ##===============================
@@ -514,8 +517,7 @@
 .comment-wrapper.partial,
 .page-month .month .inner,
 .tags-container ul,
-.tags-container .tags_cloud,
-.icons-container .inner {
+.tags-container .tags_cloud {
     $entry_colors
     border-width: 20px;
     border-left: none;
@@ -528,7 +530,8 @@
 
 .no-userpic .contents,
 .month .contents,
-.page-month .month .inner {
+.page-month .month .inner,
+.icons-container .contents {
     padding: 2em;
     }
 
@@ -576,64 +579,52 @@
                     list-style: circle;
                     }
 
-.icons-container .inner {
-    margin: 0;
-    padding: 2em;
-    }
-
 .icons-container ul {
     margin: 0;
     padding: 0;
     }
 
-    .icons-container ul li {
-        display: inline;
-        }
+.icons-container ul li {
+    display: inline;
+    padding: 0;
+    }
 
 .icons-container .sorting-options {
     text-align: center;
     }
 
-.icons-container .pages {
+.icons-container .icon-pages {
     text-align: right;
     }
 
-    .icons-container .pages b {
-        font-weight: normal;
-        }
-
 .icons-container .icon {
     border-bottom: 1px dashed $*color_entry_poster_border;
     margin: 2em 0;
     padding-bottom: 2em;
     }
 
-    .icons-container .icon:last-child {
-        border-bottom: none;
-        margin-bottom: 0;
-        padding-bottom: 0;
-        }
-
-.icons-container .icon-image {
-    display: inline-block;
-    width: 100px;
+.icons-container .icon:last-child {
+    border-bottom: none;
+    margin-bottom: 0;
+    padding-bottom: 0;
     }
 
-.icons-container .icon-info {
-    display: inline-block;
-    margin-left: .5em;
-    vertical-align: top;
-    width: 75%;
+.icon-image {
+    float: left;
+    clear: left;
+    margin-bottom: .25em;
+    min-width: 100px;
+    padding-right: 1em;
+    }
+
+.icon-info {
+    min-height: 100px;
     }
 
 .icons-container .default {
     font-weight: bold;
     }
 
-.icons-container .keywords ul {
-    display: inline;
-    }
-
 .icons-container .comment-text,
 .icons-container .description-text,
 .icons-container .keywords .label {
@@ -827,7 +818,8 @@
     -webkit-box-shadow: .067em .067em .667em $*color_shadow;
     }
 
-    .tags-container .manage-tags-link {
+    .tags-container .manage-tags-link,
+    .icons-container .manage-link {
         margin-top: 1em;
         padding: .5em;
         }
diff -r 8d5b8330fdd3 -r be80cd0c97b5 bin/upgrading/s2layers/funkycircles/themes.s2
--- a/bin/upgrading/s2layers/funkycircles/themes.s2	Thu Jan 19 17:18:41 2012 +0800
+++ b/bin/upgrading/s2layers/funkycircles/themes.s2	Thu Jan 19 17:38:15 2012 +0800
@@ -688,15 +688,14 @@
     h2#subtitle,
     h2#pagetitle,
     .navigation,
-    .entry .header,
-    .comment .header,
+    .header,
     .entry-title,
     .comment-title,
-    .entry .footer,
-    .comment .footer,
+    .footer,
     .month,
     .page-tags .tags-container,
-    .page-tags h2,
+    .tags-container h2,
+    .icons-container h2,
     .page-archive h3,
     .page-month dd h3,
     .module h2,
@@ -727,10 +726,12 @@
         text-decoration: none;
         }
 
-    .entry-content a:visited,
-    .comment-content a:visited,
-    .entry-content a:hover,
-    .comment-content a:hover {
+    .contents a:visited,
+    .contents a:hover,
+    .month dl a:visited,
+    .month dl a:hover,
+    .tags-container a:visited,
+    .tags-container a:hover {
         border-bottom: none;
         }
 
@@ -1021,15 +1022,14 @@
     h2#subtitle,
     h2#pagetitle,
     .navigation,
-    .entry .header,
-    .comment .header,
+    .header,
     .entry-title,
     .comment-title,
-    .entry .footer,
-    .comment .footer,
+    .footer,
     .month,
     .page-tags .tags-container,
-    .page-tags h2,
+    .tags-container h2,
+    .icons-container h2,
     .page-archive h3,
     .page-month dd h3,
     .module h2,
@@ -1774,9 +1774,11 @@
         }
 
     .navigation,
+    .header,
     .entry-title,
     .comment-title,
-    .page-tags h2,
+    .tags-container h2,
+    .icons-container h2,
     .page-archive h3,
     .page-month dd h3,
     .module h2,
@@ -2197,15 +2199,14 @@
     h2#subtitle,
     h2#pagetitle,
     .navigation,
-    .entry .header,
-    .comment .header,
+    .header,
     .entry-title,
     .comment-title,
-    .entry .footer,
-    .comment .footer,
+    .footer,
     .month,
     .page-tags .tags-container,
-    .page-tags h2,
+    .tags-container h2,
+    .icons-container h2,
     .page-archive h3,
     .page-month dd h3,
     .module h2,
@@ -2515,7 +2516,7 @@
     .partial a,
     .month a,
     .tags-container a:hover,
-    .icons-container a:hover {
+    .icons-container .contents a:hover {
         border-bottom: none;
         }
 
@@ -2730,9 +2731,11 @@
         }
 
     .navigation,
+    .header,
     .entry-title,
     .comment-title,
-    .page-tags h2,
+    .tags-container h2,
+    .icons-container h2,
     .page-archive h3,
     .page-month dd h3,
     .module h2,
diff -r 8d5b8330fdd3 -r be80cd0c97b5 bin/upgrading/s2layers/negatives/layout.s2
--- a/bin/upgrading/s2layers/negatives/layout.s2	Thu Jan 19 17:18:41 2012 +0800
+++ b/bin/upgrading/s2layers/negatives/layout.s2	Thu Jan 19 17:38:15 2012 +0800
@@ -7,6 +7,9 @@
 
 set layout_authors = [ { "name" => "phoenix", "type" => "user" } ];
 
+## TODO: REMOVE THIS
+set use_journalstyle_icons_page = true;
+
 ##===============================
 ## Display settings - general
 ##===============================
@@ -588,6 +591,88 @@
         color: $*color_entry_link_active !important;
     }
 
+    /*--- Icons Page ---*/
+
+    .icons-container {
+        color: $*color_entry_text;
+        margin: 5px;
+        padding: 5px;
+        $entry_background;
+        }
+
+    .icons-container h2 {
+        font-weight: bold !important;
+        margin: 0 !important;
+        padding-bottom: 10px !important;
+        $entry_title_font
+        }
+
+    .icons-container a {
+        color: $*color_entry_link !important;
+        }
+
+    .icons-container a:visited {
+        color: $*color_entry_link_visited !important;
+        }
+
+    .icons-container a:hover {
+        color: $*color_entry_link_hover !important;
+        }
+
+    .icons-container a:active {
+        color: $*color_entry_link_active !important;
+        }
+
+    .sorting-options ul {
+        padding-left: 0;
+        }
+
+    .sorting-options ul li {
+        display: inline;
+        list-style: none;
+        }
+
+    .page-icons .comment {
+        border: none;
+        min-height: 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;
+        }
+
+    .icon-info .keywords ul {
+        display: inline;
+        padding: 0;
+        }
+
+    .icon-info .keywords ul li {
+        display: inline;
+        list-style: none;
+        padding: 0;
+        }
+
     .module-section-two .module,
     .module-section-three .module {
         padding-left: .5em;
diff -r 8d5b8330fdd3 -r be80cd0c97b5 bin/upgrading/s2layers/zesty/layout.s2
--- a/bin/upgrading/s2layers/zesty/layout.s2	Thu Jan 19 17:18:41 2012 +0800
+++ b/bin/upgrading/s2layers/zesty/layout.s2	Thu Jan 19 17:38:15 2012 +0800
@@ -8,6 +8,10 @@
 layerinfo "source_viewable" = 1;
 layerinfo "redist_uniq" = "zesty/layout";
 
+## TODO: REMOVE THIS
+set use_journalstyle_icons_page = true;
+
+
 ###################################################
 #                                                 #
 #                   [S2] Zesty                    #
@@ -1060,6 +1064,56 @@
 }
 
 
+/* IconsPage */
+
+.icons-container {
+    margin: 10px;
+    padding: 10px;
+    }
+
+.sorting-options ul {
+    padding-left: 0;
+    }
+
+.sorting-options ul li {
+    display: inline;
+    }
+
+.icons-container .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;
+    }
+
+.icon-info .keywords ul {
+    display: inline;
+    padding-left: 0;
+    }
+
+.icon-info .keywords ul li {
+    display: inline;
+    list-style: none;
+    padding: 0;
+    }
+
 /* ReplyPage reply box */
 
 #reply {
--------------------------------------------------------------------------------