[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
ninetydegrees.
Files modified:
http://bugs.dwscoalition.org/show_bug.cgi?id=3719
Styling for Zesty, Funky Circles, Brittle, Bases, Negatives, Blanket!
Patch by
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
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 { --------------------------------------------------------------------------------