From 2b4dd0a61576c20092281a4f23eadd0a591e3859 Mon Sep 17 00:00:00 2001 From: kaernyk Date: Fri, 26 Sep 2014 04:41:32 -0400 Subject: [PATCH 1/2] Adjust theme via catalog.css & style.css Changes to catalog.css: - Forced all threads to a height of 300px and reduced padding to improve consistency. I think it improves the readability quite a bit but I may be alone in thinking this way. - Changes to style.css: - Removed additional padding to allow new catalog spacing --- stylesheets/catalog.css | 28 +++++++++++++--------------- stylesheets/style.css | 28 ++++++++++++++++++---------- 2 files changed, 31 insertions(+), 25 deletions(-) diff --git a/stylesheets/catalog.css b/stylesheets/catalog.css index 29ff4cbf..b4ec6f55 100644 --- a/stylesheets/catalog.css +++ b/stylesheets/catalog.css @@ -20,26 +20,24 @@ div.threads{ } div.thread { - display: inline-block; - vertical-align: top; - margin-bottom:25px; - margin-left: 20px; - margin-right: 15px; - text-align:center; - font-weight:normal; - width:205px; - overflow:hidden; position: relative; + vertical-align: top; + display: inline-block; + overflow:hidden; + margin:2px; + padding: 2px; + height:300px; + width:205px; font-size:11px; - padding: 15px; + font-weight:normal; + text-align:center; background: rgba(182, 182, 182, 0.12); border: 2px solid rgba(111, 111, 111, 0.34); - max-height:300px; } -div.thread:hover { - background: #D6DAF0; - border-color: #B7C5D9; +div.threads:hover { + background: #D6DAF0; + border-color: #B7C5D9; } div.grid-size-small { @@ -70,6 +68,6 @@ img.thread-image { } div.threads { - overflow: hidden; + overflow: hidden; } } \ No newline at end of file diff --git a/stylesheets/style.css b/stylesheets/style.css index 827974b5..2e8df77b 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -214,7 +214,8 @@ div.post.reply div.body a { color: #D00; } div.post { - max-width: 97%; + max-width: 95%; + padding-left:20px; } div.post div.body { word-wrap: break-word; @@ -517,16 +518,12 @@ pre { .theme-catalog div.thread { display: inline-block; vertical-align: top; - margin-bottom:25px; - margin-left: 20px; - margin-right: 15px; text-align:center; font-weight:normal; - width:205px; + width:205px; overflow:hidden; position: relative; font-size:11px; - padding: 15px; max-height:300px; background: rgba(182, 182, 182, 0.12); border: 2px solid rgba(111, 111, 111, 0.34); @@ -548,19 +545,19 @@ pre { width: 100px; max-width: 100px; max-height: 150px; -} +} .theme-catalog div.grid-size-small { width: 200px; max-width: 200px; max-height: 350px; -} +} .theme-catalog div.grid-size-large { width: 300px; max-width: 300px; max-height: 450px; -} +} .theme-catalog img.thread-image { height: auto; @@ -668,7 +665,7 @@ pre { background-color: #d6daf0; border: 1px solid black; display: inline-block; - position: relative; + position: relative; margin-top: 20px; width: 600px; height: 300px; @@ -723,3 +720,14 @@ pre { .mentioned { word-wrap: break-word; } + + +code > pre { +/* Better code tags */ + background:black; + max-width:inherit; +} + +code > pre > span.pln { + color:grey; +} \ No newline at end of file From 9d39c6163491f7bcf9fe0748d8798c17c7239724 Mon Sep 17 00:00:00 2001 From: kaernyk Date: Fri, 26 Sep 2014 05:06:45 -0400 Subject: [PATCH 2/2] Corrected thread padding via style.css --- stylesheets/style.css | 23 ++++++++++------------- 1 file changed, 10 insertions(+), 13 deletions(-) diff --git a/stylesheets/style.css b/stylesheets/style.css index 2e8df77b..78069b3c 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -7,25 +7,33 @@ body { padding-left: 5px; padding-right: 5px; } + table * { margin: 0; } + a, a:visited { text-decoration: underline; color: #34345C; } + a:hover, p.intro a.post_no:hover { color: #ff0000; } + a.post_no { text-decoration: none; margin: 0; padding: 0; } + p.intro a.post_no { color: inherit; } -p.intro a.post_no, p.intro a.email, p.intro a.post_anchor { + +p.intro a.post_no, +p.intro a.email, +p.intro a.post_anchor { margin: 0; } p.intro a.email span.name { @@ -509,7 +517,6 @@ pre { .theme-catalog div.thread img { float:none!important; margin: auto; - margin-bottom: 12px; max-height: 150px; max-width: 200px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.55); @@ -524,6 +531,7 @@ pre { overflow:hidden; position: relative; font-size:11px; + padding:5px; max-height:300px; background: rgba(182, 182, 182, 0.12); border: 2px solid rgba(111, 111, 111, 0.34); @@ -720,14 +728,3 @@ pre { .mentioned { word-wrap: break-word; } - - -code > pre { -/* Better code tags */ - background:black; - max-width:inherit; -} - -code > pre > span.pln { - color:grey; -} \ No newline at end of file