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

[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 {
--------------------------------------------------------------------------------

Post a comment in response:

This account has disabled anonymous posting.
If you don't have an account you can create one now.
No Subject Icon Selected
More info about formatting

If you are unable to use this captcha for any reason, please contact us by email at support@dreamwidth.org