From 75f92c67fad34c0b9f7195d170f2896ecf31118b Mon Sep 17 00:00:00 2001 From: b <b@23ac2ed3-cec8-4626-8109-7118d8ca9799> Date: Mon, 20 Jun 2016 22:20:47 +0000 Subject: [PATCH] Changed CSS to make it work with the new phpBB git-svn-id: svn://botcastle1b/ottmirror@7 23ac2ed3-cec8-4626-8109-7118d8ca9799 --- index.htm | 18 ++-- ott.zip/np/top | 1 + ott.zip/prosilver/theme/style.php.css | 124 +++++++++++++++++++++++++- ott.zip/top | 2 + 4 files changed, 135 insertions(+), 10 deletions(-) diff --git a/index.htm b/index.htm index d122ba2..8b9f026 100644 --- a/index.htm +++ b/index.htm @@ -12,12 +12,12 @@ <p>If you want to run your own copy of the <a href="http://1190.bicyclesonthemoon.info/ott/">ЯOЯЯIM TTO</a>, you can, because I made it available. Follow these instructions to download and setup your own ЯOЯЯIM TTO.</p> -<p>This is about version 1.5.</p> +<p>This is about version 1.6.</p> <h2>Read this</h2> -<p>To have the mirror rendered correctly after migration the bots should re-read -the whole thread. When some posts are archived before and some after the page -will have HTML errors.</p> +<p>To have the mirror rendered correctly after migration from version pre-1.5 +the bots should re-read the whole thread. When some posts are archived before +and some after the page will have HTML errors.</p> <p>I reccomend keeping a copy of the data archived by version 1.4 before moving to this one,</p> @@ -264,13 +264,17 @@ This bot runs every This moves the log files once in a week. Otherwise they would grow to infinity. </p> -<h2>Bugs</h2> +<!-- <h2>Bugs</h2> <p>This is a quick fix. It does work with the new phpBB but not everything is -rendered as good as in the original.</p> +rendered as good as in the original.</p> --> <h2>Changes</h2> <ul> - <li>v1.4 (31.03.2016) + <li>v1.6 (20.06.2016):</a> + <ul> + <li>Changed CSS to make it work with the new phpBB</li> + </ul></li> + <li><a href="http://1190.bicyclesonthemoon.info/ottmirror/1.5">v1.5 (31.03.2016):</a> <ul> <li>Changed to make it work with the new phpBB</li> <li>Fixed makefile bug</li> diff --git a/ott.zip/np/top b/ott.zip/np/top index fbdf452..f2dfea0 100644 --- a/ott.zip/np/top +++ b/ott.zip/np/top @@ -106,6 +106,7 @@ eval(onunload_functions[i]); <div id="page-body" > ###title <p>Wait for it.</p> +<!-- <b style="font-size: 180%;">I'm trying to fix the css to work correctly with the new OTT. May appear broken temporarily!</b> --> <!-- <b style="font-size: 180%;">We're in Madness Mode. Don't worry, <strike>eat must</strike> feed squirpies!</b> --> <!-- NOTE: remove the style="display: none" when you want to have the forum description on the topic body --><div style="display: none !important;" >This forum is for the individual discussion thread that goes with each new comic.<br /></div> <p> diff --git a/ott.zip/prosilver/theme/style.php.css b/ott.zip/prosilver/theme/style.php.css index 7b737d9..eec4835 100644 --- a/ott.zip/prosilver/theme/style.php.css +++ b/ott.zip/prosilver/theme/style.php.css @@ -233,11 +233,11 @@ a#logo:hover { margin-bottom: 4px; background-repeat: no-repeat; background-position: 100% 0; + border-radius: 7px; } .post:target .content { - color: #000000; -} + color: #000000;} .post:target h3 a { color: #000000; @@ -1116,7 +1116,7 @@ div[class].topic-actions { padding: 0; line-height: 1.48em; color: #333333; - width: 76%; + width: 100%; float: left; clear: both; } @@ -1409,6 +1409,32 @@ dl.codebox code { margin: 2px 0; } +.codebox { + background-color: #FFF; + padding: 3px; + border: 1px solid #C9D2D8; + font-size: 1em; +} +.codebox code { + color: #2E8B57; + overflow: auto; + display: block; + height: auto; + max-height: 200px; + white-space: normal; + padding-top: 5px; + font: 0.9em/1.3em Monaco,"Andale Mono","Courier New",Courier,mono; + margin: 2px 0px; +} +.codebox p { + text-transform: uppercase; + border-bottom: 1px solid #CCC; + margin-bottom: 3px; + font-size: 0.8em !important; + font-weight: bold; + display: block; +} + .syntaxbg { color: #FFFFFF; } .syntaxcomment { color: #000000; } .syntaxdefault { color: #bcbcbc; } @@ -3824,3 +3850,95 @@ input.search { input.disabled { color: #666666; } + + +.imageset.icon_post_target { + background-image: url("/ott/prosilver/imageset/icon_post_target.gif"); + padding-left: 11px; + padding-top: 9px; +} +span.imageset { + display: inline-block !important; + background: transparent none no-repeat scroll 0px 0px; + margin: 0px; + padding: 0px; + width: 0px; + height: 0px; + overflow: hidden; +} + +.topic_read_hot { + background-image: url("/ott/prosilver/imageset/topic_read_hot.gif"); +} + +.topic_read { + background-image: url("/ott/prosilver/imageset/topic_read.gif"); +} + +.topic_read_locked { + background-image: url("/ott/prosilver/imageset/topic_read_locked.gif"); +} + + +dl.icon dt li { + list-style-type: inherit; + display: list-item; +} +.row .pagination li a, .row .pagination li span { + border-radius: 1px; + padding: 1px; +} +.pagination li a { + background-color: #ECEDEE; + border-color: #B4BAC0; + color: #5C758C; +} +.pagination li a, .pagination li span { + border: 1px solid #B4BAC0; + border-radius: 2px; + display: block; + font-size: 0.9em; + font-weight: normal; + line-height: 1.4em; + min-width: 10px; + padding: 3px; + text-align: center; + text-decoration: none; +} +ul.topiclist li { + color: #4C5D77; +} +ul.topiclist li { + display: block; + list-style-type: none; + margin: 0px; +} +.pagination > ul > li { + padding: 0px; + font-size: 100%; + line-height: normal; + vertical-align: middle; + display: inline-block !important; +} +.pagination li.ellipsis span { + background-color: transparent; + color: #000; +} +.row .pagination li a, .row .pagination li span { + padding: 1px; + border-radius: 1px; +} +.pagination li.ellipsis span { + border: medium none; + padding: 0px; +} +.imageset.icon_topic_attach { + background-image: url("/ott/prosilver/imageset/icon_topic_attach.gif"); + padding-left: 7px; + padding-top: 10px; +} +.imageset.icon_topic_latest { + background-image: url("/ott/prosilver/imageset/icon_topic_latest.gif"); + padding-left: 11px; + padding-top: 9px; +} diff --git a/ott.zip/top b/ott.zip/top index 54084d7..ad2f770 100644 --- a/ott.zip/top +++ b/ott.zip/top @@ -111,6 +111,8 @@ eval(onunload_functions[i]); <h2><a href="/ott/" >The ЯOЯЯIM TTO</a></h2> <!-- <b style="font-size: 180%;">We're in Madness Mode. Don't worry, <strike>eat must</strike> feed squirpies!</b> --> +<!-- <b style="font-size: 180%;">I'm trying to fix the css to work correctly with the new OTT. May appear broken temporarily!</b> --> + <div> <!-- NOTE: remove the style="display: none" when you want to have the forum description on the forum body --><div style="display: none !important;" >This forum is for the individual discussion thread that goes with each new comic.<br /></div><p><strong>Moderators:</strong> <a style="color:#006600;" href="http://forums.xkcd.com/memberlist.php?mode=group&g=6592" >Moderators General</a>, <a style="color:#993399;" href="http://forums.xkcd.com/memberlist.php?mode=group&g=7358" >Magistrates</a>, <a style="color:#CC6600;" href="http://forums.xkcd.com/memberlist.php?mode=group&g=7357" >Prelates</a></p> </div> -- 2.30.2