Changed CSS to make it work with the new phpBB

git-svn-id: svn://botcastle1b/ottmirror@7 23ac2ed3-cec8-4626-8109-7118d8ca9799

diff --git a/index.htm b/index.htm
index d122ba2a75a304822b5cdc685709c73f0c435feb..8b9f0266a3666d210e02e01fc2352c9f5922e5aa 100644 (file)
--- 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\r
 can, because I made it available. Follow these instructions to download and\r
 setup your own ЯOЯЯIM TTO.</p>\r
-<p>This is about version 1.5.</p>\r
+<p>This is about version 1.6.</p>\r
 \r
 <h2>Read this</h2>\r
-<p>To have the mirror rendered correctly after migration the bots should re-read\r
-the whole thread. When some posts are archived before and some after the page\r
-will have HTML errors.</p>\r
+<p>To have the mirror rendered correctly after migration from version pre-1.5\r
+the bots should re-read the whole thread. When some posts are archived before\r
+and some after the page will have HTML errors.</p>\r
 <p>I reccomend keeping a copy of the data archived by version 1.4 before moving\r
 to this one,</p>\r
 \r
@@ -264,13 +264,17 @@ This bot runs every
 This moves the log files once in a week. Otherwise they would grow to infinity.\r
 </p>\r
 \r
-<h2>Bugs</h2>\r
+<!-- <h2>Bugs</h2>\r
 <p>This is a quick fix. It does work with the new phpBB but not everything is\r
-rendered as good as in the original.</p>\r
+rendered as good as in the original.</p> -->\r
 \r
 <h2>Changes</h2>\r
 <ul>\r
-       <li>v1.4 (31.03.2016)\r
+       <li>v1.6 (20.06.2016):</a>\r
+       <ul>\r
+               <li>Changed CSS to make it work with the new phpBB</li>\r
+       </ul></li>\r
+       <li><a href="http://1190.bicyclesonthemoon.info/ottmirror/1.5">v1.5 (31.03.2016):</a>\r
        <ul>\r
                <li>Changed to make it work with the new phpBB</li>\r
                <li>Fixed makefile bug</li>\r

diff --git a/ott.zip/np/top b/ott.zip/np/top
index fbdf45253719d5fdc454b90cdac6f8deae6d2271..f2dfea00542c10209dfca684f79fa1246dba1cd1 100644 (file)
--- a/ott.zip/np/top
+++ b/ott.zip/np/top
@@ -106,6 +106,7 @@ eval(onunload_functions[i]);
 <div id="page-body" >\r
 ###title\r
 <p>Wait for it.</p>\r
+<!-- <b style="font-size: 180%;">I'm trying to fix the css to work correctly with the new OTT. May appear broken temporarily!</b> -->\r
 <!-- <b style="font-size: 180%;">We're in Madness Mode. Don't worry, <strike>eat must</strike> feed squirpies!</b> -->\r
 <!-- 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>\r
 <p>\r

diff --git a/ott.zip/prosilver/theme/style.php.css b/ott.zip/prosilver/theme/style.php.css
index 7b737d92173609200f21889dcb62281d7ac6bd55..eec483522d2402e94113383a423741bbe49293ca 100644 (file)
--- 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 54084d7ac3d624f2a827704deb0361507afb1167..ad2f7701bee6b87e5bd8b3269b9f0b1bf321ae1d 100644 (file)
--- 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>