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&amp;g=6592" >Moderators General</a>, <a style="color:#993399;" href="http://forums.xkcd.com/memberlist.php?mode=group&amp;g=7358" >Magistrates</a>, <a style="color:#CC6600;" href="http://forums.xkcd.com/memberlist.php?mode=group&amp;g=7357" >Prelates</a></p>
 </div>
-- 
2.30.2