From e5ce012a091a9b56059595e8b0b2b8fd904c228a Mon Sep 17 00:00:00 2001 From: kaernyk Date: Fri, 26 Sep 2014 04:41:32 -0400 Subject: [PATCH] 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 Conflicts: stylesheets/style.css --- stylesheets/catalog.css | 26 ++++++++++++-------------- stylesheets/style.css | 28 ++++++++++++++++++---------- 2 files changed, 30 insertions(+), 24 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; + position: relative; vertical-align: top; - margin-bottom:25px; - margin-left: 20px; - margin-right: 15px; - text-align:center; - font-weight:normal; - width:205px; + display: inline-block; overflow:hidden; - position: relative; + 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 dbd3a11d..80ed6e2b 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -222,7 +222,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; @@ -518,16 +519,12 @@ form.ban-appeal textarea { .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:5px; max-height:300px; background: rgba(182, 182, 182, 0.12); border: 2px solid rgba(111, 111, 111, 0.34); @@ -549,19 +546,19 @@ form.ban-appeal textarea { 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; @@ -669,7 +666,7 @@ form.ban-appeal textarea { background-color: #d6daf0; border: 1px solid black; display: inline-block; - position: relative; + position: relative; margin-top: 20px; width: 600px; height: 300px; @@ -724,3 +721,14 @@ form.ban-appeal textarea { .mentioned { word-wrap: break-word; } + + +code > pre { +/* Better code tags */ + background:black; + max-width:inherit; +} + +code > pre > span.pln { + color:grey; +}