Migrate from HTML4 to HTML5, style <hr>

This commit is contained in:
Trevor Slocum 2015-10-26 21:31:52 -07:00
parent 129e628b9a
commit 7c9beb8014
4 changed files with 29 additions and 7 deletions

View File

@ -24,6 +24,14 @@ a:hover {
font-family: sans-serif; font-family: sans-serif;
} }
hr {
color: #34345C;
background-image: -webkit-linear-gradient(left,rgba(238,242,255,1),rgba(52,52,92,0.75),rgba(238,242,255,1));
background-image: -moz-linear-gradient(left,rgba(238,242,255,1),rgba(52,52,92,0.75),rgba(238,242,255,1));
background-image: -ms-linear-gradient(left,rgba(238,242,255,1),rgba(52,52,92,0.75),rgba(238,242,255,1));
background-image: -o-linear-gradient(left,rgba(238,242,255,1),rgba(52,52,92,0.75),rgba(238,242,255,1));
}
.filesize a { .filesize a {
text-decoration: underline; text-decoration: underline;
} }

View File

@ -11,6 +11,14 @@ a:hover {
color: #DD0000; color: #DD0000;
} }
hr {
color: #800000;
background-image: -webkit-linear-gradient(left,rgba(255,255,238,1),rgba(128,0,0,0.75),rgba(255,255,238,1));
background-image: -moz-linear-gradient(left,rgba(255,255,238,1),rgba(128,0,0,0.75),rgba(255,255,238,1));
background-image: -ms-linear-gradient(left,rgba(255,255,238,1),rgba(128,0,0,0.75),rgba(255,255,238,1));
background-image: -o-linear-gradient(left,rgba(255,255,238,1),rgba(128,0,0,0.75),rgba(255,255,238,1));
}
.reflink a:hover { .reflink a:hover {
font-weight: bold; font-weight: bold;
} }

View File

@ -11,6 +11,12 @@ form {
margin-bottom: 0; margin-bottom: 0;
} }
hr {
clear: both;
border: 0;
height: 1px;
}
.postarea { .postarea {
text-align: center; text-align: center;
} }
@ -34,7 +40,7 @@ form {
.thumb { .thumb {
border: none; border: none;
float: left; float: left;
margin: 2px 20px; margin: 4px 20px;
} }
.nothumb { .nothumb {

View File

@ -5,7 +5,7 @@ if (!defined('TINYIB_BOARD')) {
function pageHeader() { function pageHeader() {
$return = <<<EOF $return = <<<EOF
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"> <meta http-equiv="content-type" content="text/html;charset=UTF-8">
@ -143,7 +143,7 @@ EOF;
} }
$return .= <<<EOF $return .= <<<EOF
<a name="${post['id']}"></a> <a id="${post['id']}"></a>
<label> <label>
<input type="checkbox" name="delete" value="${post['id']}"> <input type="checkbox" name="delete" value="${post['id']}">
EOF; EOF;
@ -343,7 +343,7 @@ EOF;
EOF; EOF;
$body .= TINYIB_LOGO . TINYIB_BOARDDESC . <<<EOF $body .= TINYIB_LOGO . TINYIB_BOARDDESC . <<<EOF
</div> </div>
<hr width="90%" size="1"> <hr width="90%">
$postingmode $postingmode
<div class="postarea"> <div class="postarea">
<form name="postform" id="postform" action="imgboard.php" method="post" enctype="multipart/form-data"> <form name="postform" id="postform" action="imgboard.php" method="post" enctype="multipart/form-data">
@ -449,7 +449,7 @@ function rebuildIndexes() {
$htmlreplies[] = buildPost($replies[$j], TINYIB_INDEXPAGE); $htmlreplies[] = buildPost($replies[$j], TINYIB_INDEXPAGE);
} }
$htmlposts .= buildPost($thread, TINYIB_INDEXPAGE) . implode('', array_reverse($htmlreplies)) . "<br clear=\"left\">\n<hr>"; $htmlposts .= buildPost($thread, TINYIB_INDEXPAGE) . implode('', array_reverse($htmlreplies)) . "\n<hr>";
if (++$i >= TINYIB_THREADSPERPAGE) { if (++$i >= TINYIB_THREADSPERPAGE) {
$file = ($page == 0) ? 'index.html' : $page . '.html'; $file = ($page == 0) ? 'index.html' : $page . '.html';
@ -474,7 +474,7 @@ function rebuildThread($id) {
$htmlposts .= buildPost($post, TINYIB_RESPAGE); $htmlposts .= buildPost($post, TINYIB_RESPAGE);
} }
$htmlposts .= "<br clear=\"left\">\n<hr>\n"; $htmlposts .= "\n<hr>";
writePage('res/' . $id . '.html', fixLinksInRes(buildPage($htmlposts, $id))); writePage('res/' . $id . '.html', fixLinksInRes(buildPage($htmlposts, $id)));
} }
@ -499,7 +499,7 @@ function managePage($text, $onload = '') {
EOF; EOF;
$body .= TINYIB_LOGO . TINYIB_BOARDDESC . <<<EOF $body .= TINYIB_LOGO . TINYIB_BOARDDESC . <<<EOF
</div> </div>
<hr width="90%" size="1"> <hr width="90%">
<div class="replymode">Manage mode</div> <div class="replymode">Manage mode</div>
$text $text
<hr> <hr>