jeena/jlog
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Change: change main template to HTML5

Browse source 
- semantic HTML5-elements in the main template
- matching selectors for screen.css and print.css (no change of rules)
This commit is contained in:
Heiko August 2020-04-27 11:16:16 +02:00
parent ca31135c36
commit b13bfd52bb
3 changed files with 53 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

6
personal/css/print.css
View file

@ -3,7 +3,7 @@
*/
/* -- hide -- */
#subnav, .skip, .entryform, .hidecomments, #entryform, hr { display: none; }
aside, #subnav, .skip, .entryform, .hidecomments, #entryform, hr { display: none; }
/* -- main settings -- */
body { font-family: Georgia, "Times New Roman", Times, serif; }
@ -12,8 +12,8 @@
/* -- links -- */
a { text-decoration: none; }
#main a:after { font-size: 70%; content:" <"attr(href)">"; }
#main .meta a:after, #main h2 a:after { content:""; }
main a:after { font-size: 70%; content:" <"attr(href)">"; }
main .meta a:after, main h2 a:after { content:""; }
/* -- comments -- */
ul#commentslist { list-style-type: none; }

16
personal/css/screen.css
View file

@ -26,7 +26,7 @@
border-top: 0;
position: relative;
}
#main {
main {
margin: 0 0 0 25px;
padding: 190px 0 2em 0;
width: 64.5%;
@ -34,7 +34,7 @@
}
/* Clearfix-Hack */
#main:after {
main:after {
content: ".";
display: block;
height: 0;
@ -42,11 +42,11 @@
visibility: hidden;
}
#main {display: inline-table;}
main {display: inline-table;}
/* Hides from IE-mac \*/
* html #main {height: 1%;}
#main {display: block;}
* html main {height: 1%;}
main {display: block;}
/* End hide from IE-mac */
/* -- logo -- */
@ -98,7 +98,7 @@
.rss img { vertical-align: middle; border: 0; width: 94px; height: 15px; }
/* -- footer -- */
#footer {
footer {
clear: both;
height: 60px;
background: url(img/footer.png) no-repeat top center;
@ -132,13 +132,13 @@
/* -- pictures -- */
.fl { float: left; margin: 0 1em 1em 0; }
.fr { float: right; margin: 0 0 1em 1em; }
#main img, dl.img {
main img, dl.img {
border: 1px solid #aaa;
padding: 2px;
max-width: 95%;
}
dl.img dt { padding: 0; margin: 0;}
#main dl.img dt img { margin: 0; padding: 0; max-width: 100%; border: none; }
main dl.img dt img { margin: 0; padding: 0; max-width: 100%; border: none; }
dl.img dd { margin: 0; padding: 0 0.3em; font-size: 90%; }
.teaser { clear: both; }

79
personal/template.tpl
View file

@ -1,40 +1,45 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title><jlog:title /> - <jlog:website /></title>
<jlog:aditional-header />
<link rel="stylesheet" href="<jlog:homelink />/personal/css/print.css" type="text/css" media="print" />
<link rel="stylesheet" href="<jlog:homelink />/personal/css/screen.css" type="text/css" media="screen, projection" />
<!--[if lte IE 6]><link rel="stylesheet" href="<jlog:homelink />/personal/css/ielte6.css" type="text/css" media="screen" /><![endif]-->
</head>
<body>
<p class="skip"><a href="#main"><jlog:skipcontent /></a></p>
<div id="container"><span id="pokal"></span>
<h1><a title="<jlog:home />" href="<jlog:homelink />/"><jlog:website /></a></h1>
<dl id="subnav">
<dt class="first"><jlog:slogan-h /></dt>
<dd><jlog:slogan /></dd>
<dt><jlog:search-h /></dt>
<dd>
<form action="<jlog:homelink />/search.php">
<p><input class="userdata" type="text" name="q" size="15" value="" />
<input class="send" type="submit" value="<jlog:search />" /></p>
</form>
</dd>
<dt><jlog:categorieslist-h /></dt>
<dd><jlog:categorieslist /></dd>
<dt><jlog:current-h /></dt>
<dd><jlog:subcurrent /></dd>
<dd><jlog:archive-more /> <a href="<jlog:archivelink />"><jlog:archive /></a>.</dd>
<dt><jlog:sub-info /></dt>
<dd class="rss"><jlog:rss-link /><br /> <jlog:rss-info /></dd>
<dd><jlog:copyright /></dd>
<dd><jlog:powered /></dd>
</dl>
<div id="main">
<jlog:content />
<!DOCTYPE html>
<html lang="<jlog:html-language />">
<head>
<title><jlog:title /> - <jlog:website /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<jlog:aditional-header />
<link rel="stylesheet" href="<jlog:homelink />/personal/css/print.css" type="text/css" media="print" />
<link rel="stylesheet" href="<jlog:homelink />/personal/css/screen.css" type="text/css" media="screen, projection" />
</head>
<body>
<p class="skip"><a href="#main"><jlog:skipcontent /></a></p>
<div id="container">
<span id="pokal"></span>
<header>
<h1><a title="<jlog:home />" href="<jlog:homelink />/"><jlog:website /></a></h1>
</header>
<aside>
<dl id="subnav">
<dt class="first"><jlog:slogan-h /></dt>
<dd><jlog:slogan /></dd>
<dt><jlog:search-h /></dt>
<dd>
<form action="<jlog:homelink />/search.php">
<p><input class="userdata" type="search" name="q" size="15" value="" />
<button class="send" type="submit" value="<jlog:search />"><jlog:search /></button></p>
</form>
</dd>
<dt><jlog:categorieslist-h /></dt>
<dd><jlog:categorieslist /></dd>
<dt><jlog:current-h /></dt>
<dd><jlog:subcurrent /></dd>
<dd><jlog:archive-more /> <a href="<jlog:archivelink />"><jlog:archive /></a>.</dd>
<dt><jlog:sub-info /></dt>
<dd class="rss"><jlog:rss-link /><br /> <jlog:rss-info /></dd>
<dd><jlog:copyright /></dd>
<dd><jlog:powered /></dd>
</dl>
</aside>
<main id="main">
<jlog:content />
</main>
<footer>&nbsp;</footer>
</div>
<div id="footer">&nbsp;</div>
</div>
</body>
</body>
</html>