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;
}
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 {
text-decoration: underline;
}

View File

@ -11,6 +11,14 @@ a:hover {
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 {
font-weight: bold;
}

View File

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

View File

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